@import url("../font-awesome/css/font-awesome.min.css");

body.agl-truncate, body.agl-truncate > form { max-height: 100vh; max-width: 100vw; overflow: hidden; }

.minical { margin: 5px; position: relative; text-align:center; }
.minical table { width: 100%; }
.prevnext { font-weight: bold; border-radius: 6px; padding: 8px; }
.prevmonth { float: left; display: block; }
.nextmonth { float: right; display: block; }
.monthtitle { top: 0px; margin: auto; padding: 0px 2px 2px 2px; }
.dayhead { font-weight: bold; padding-left: 4px; }
.day { padding-left: 4px; width: 14%; height: 40px; background: url(caldayback.png) no-repeat top left; border: 2px solid #aaaaaa; border-radius: 6px; }
.daynext, .dayprev { background-color: #aeaeae; }
.daywithevents { cursor: pointer; }
.minical .dayprev, .minical .daynext { background-color: #cccccc; }

.agl-iframed #intro, .agl-iframed #pageFooter { display: none; }

.ActionButton { background: url(caldayback.png) } 
.mobColor1Back { background-color: #e0e0e0; color: black; }
.mobColor2Back { background-color: #6b6b6b; color: white; }
.mobColor3Back { background-color: #bdbdbd; color: black; }
.mobColor2BorderTop { border-top: 4px solid #6b6b6b; }
.mobColor3BorderBottom { border-bottom: 4px solid #bdbdbd; }
.mobColor2Back a { color: white; }
.mobColor3Back a { color: Black; }

html { -webkit-text-size-adjust: 100%; }
body {  margin: auto; font-size: 14px; font-family: 'Verdana', Arial, Helvetica, sans-serif;   }
a { text-decoration: none; color: Black; font-weight: bold; }
img { border: 0px; max-width: 100%; }
#pageContent > div { margin: 10px; }
#printableBody, #descriptionbody { margin: 10px; }
.floatRight { float: right; }
.floatLeft { float: left; }

.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: #eedddd; 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; width: 500px; border-radius: 4px; padding: 8px; margin: 0px 12px; background-color: #eeeeee; }

#pageFooter { clear: both; text-align: center;}
#footerInclude { padding: 10px; }
#navButtons { text-align: left; }

.inputBlockout { display: none; z-index: 100000; background-color: rgba(0, 0, 0, 0.72); position:absolute; top:-1000px; left:-1000px; height: 11000px; width: 5000px; }
.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; }
.Important { font-weight: bold; margin: 4px 0px; }

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

.EventListCalendarBlock { margin-left: 10px; margin-right: 10px; width: 95%; }
.EventListCalendarHeaderBlock { border: 1px solid gray; color: white; font-weight: bold; height: 40px; padding: 5px; }
.EventListCalendarHeaderBlock span { color: white; }
.EventListCalendarHeaderBlock a { color: white; font-weight: bold; }
.EventListCalendarDayHeaderBlock { border: 1px solid gray; }
.EventListCalendarDayHeader { background-color: White; border: 1px solid gray; 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 a, .CalendarCurDay a, .CalendarPrevDay a { display: block; padding: 2px 2px; }
.CalendarDay, .CalendarPrevDay, .CalendarCurDay { border: 1px solid gray; }

.ticketTypeBlock select { margin-bottom: 5px; }

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

.TableHeader { padding: 5px; font-weight: bold; }
.valignTop { vertical-align: top; }
.alignRight { text-align: right; }
.nowrap { white-space: nowrap; }

.StandoutBlock { border: 1px solid #aaaaaa; width: 350px; border-radius: 4px; padding: 8px; margin: 0px 12px; background-color: #eeeeee; }
.Result.Error { border: 1px solid #bb7777; background-color: #eedddd; padding: 8px; color: Red; margin: 8px; }
.Result.Success { border: 1px solid #77bb77; background-color: #ddeedd; padding: 8px; color: Green; margin: 8px; }
.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; }
.RequestAccountInfo .Error { color: Red; }

.ADANote { color: #1920a9; font-weight: bold; }
#adaLinkBottom,
#adaLinkTop,
#adaLinkPackage,
.ADALinkManual { color: #444444; vertical-align: text-bottom; font-size: 11px; padding-left: 38px; padding-top: 8px; text-decoration: none; display: block; background-image: url(../ADASeating.png); background-repeat: no-repeat; width: 177px; height: 37px; }
.ADALinkManual { margin-top: 10px; }
#adaLinkBottom { display: none; margin-left: 2px; }
#adaLinkTop { margin-top: 4px; margin-left: 2px; }

.ForgotPassword { display: inline-block; text-align: right; width: 160px; }
.LoginLabel { display: block; text-align: right; margin-right: 4px; }
.LoginInput { border-width: 1px; border-color: #cccccc; border-radius: 4px; padding: 4px; }
select.LoginInput { max-width: 88%; }

.NewCustBlockTemp { display: none; }
.ReturningCustomersBlock { margin-bottom: 10px; background-color: #eeeeee; border: 1px solid #aaaaaa; border-radius: 4px; padding: 5px; }
.ReturningCustomersBlock table { width: 100%; }
.SeasonCustInfoBlock, .AltAuthBlockInner, .AccountBlock { background-color: #eeeeee; float: left; border: 1px solid #aaaaaa; width: 300px; border-radius: 4px; padding: 8px; margin: 10px; }
.NewCustomersBlock { clear: both; margin-bottom: 10px; }
.NewCustomersBlock a, .NewCustomersBlock a:link, .NewCustomersBlock a:visited, .AssignCustomer a, .AssignCustomer a:link, .AssignCustomer a:visited { display: block; padding: 8px; border: 1px solid #cccccc; border-radius: 4px; }
.FacebookLoginBlock { display: block; clear: both; margin-bottom: 10px; }

.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: 250px; }

.DisabledText { color: gray; }

/* Info Page */
.Media { visibility: hidden; margin: 10px; }
.Media img { max-width: 100%; }
.Purchase .Showing { padding: 10px; }
.Purchase .Showing .ButtonLink { float: right; }
.Showing { border-top: 1px solid #949494; border-bottom: 1px solid #adadad; clear: both; text-align: left; }
.CustomInformation table { width: 100%; margin-bottom: 10px; }
.PropName { margin-left: 10px; }
.CustomInformation .Header { margin: 10px 0px; }
.Description .Text, .AdditionalIformation .Text, .RelatedEvent, .ExtraHTML, .BackToListLink { margin: 10px; }
.fb-comments, .fb-comments span, .fb-comments iframe {width: 100% !important;}

/* Agile List General */
.FilterLink { display: inline-block; padding: 3px; margin: 2px; }
.FilterLinkCurrent, .ButtonLinkCurrent { background-color: #cccccc; border-radius: 4px; }
#pageContent .AgileList { margin: 0px; }
.AgileList .Separator, .AgileList .ListSectionHeader { display: none; }
.AgileList .Name { font-weight: bold; }
.AgileList .Name div, .AgileList .DateTime div { font-style: italic; font-weight: normal; }
.AgileListDate .EventDate { display: none; }
.ButtonLink { font-weight: bold; }
.ButtonLinkNotActive { color: Red; }
.ButtonLink .InfoPip { display: inline-block; height: 16px; width: 16px; background-image: url(../information2.png); margin-left: 4px; }
.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; }
.PageBox {text-align: center; }
.prevPage { float: left; }
.nextPage { float: right; }
.FilterList { float: none; }
.FilterBox { float: none; padding: 4px; }
.FilterName { font-weight: bold; }
.ViewFilter { display: none; }
.ShowingCount { display: none; }
.AlphaFilter, .NarrowResults { text-align: center; }
.NarrowResults { margin-bottom: 5px; }

/* Agile List Detailed */
.AgileList .ImageBox img { float: left; margin-right: 5px; max-width: 100px; max-height: 100px; }
.AgileList .ItemInfo { clear: right; }
.AgileList .ItemInfoFull { width: auto; }
.AgileList .Name,
.AgileList .Venue,
.AgileList .DateTime { padding: 4px; padding-left: 0px; font-weight: bold; }
.AgileList .DescriptionContainer { clear: both; padding-top: 10px; }

/* Agile List Schedule */
.ScheduledEvent { display: none; }
.ScheduledEvent .DetailsBox { display: none; }

.InfoContainer .Name { margin: 10px 10px 0px 10px; }
.InfoContainer .NameSecondary { margin: 0px 10px; }
.InfoContainer .Social { margin: 10px; }

.ui-dialog-titlebar { text-align: left; }
.ui-state-active { background-image: none; background-color: Silver; background: silver none no-repeat top left ! important; }
.wijmo-wijtooltip-container .DescriptionContainer { width: 300px; font-size: .7em; }

.AgileBuyWindow .BuyLink, .AgileBuyWindow .CloseLink { margin: 8px; }
.AgileBuyWindow #MultiBlock, .AgileBuyWindow #BuyContainer, .AgileBuyWindow #BuyButtonBlock, #PromoPrompt { display: none; }
.MultiPricingBlockPrompt, .PromoPrompt {text-align: center; }

.AddressSelect .AddressList { height: 400px; overflow: auto; }
.AddressSelect .AddressList .AddressInfo { border-radius: 4px; padding: 4px; display: block; background-color: #e3e3e3; margin-bottom: 6px; margin-right: 10px; color: Black; }

.ui-button { font-size: 1em; }
.ui-dialog-titlebar { text-align: left; }
.ui-state-active { background-image: none; background-color: Silver; background: silver none no-repeat top left ! 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; }
div.ui-dialog { font-size: 1em; }

#container { margin: 0px; }
#headerBlock { background-color: black; border-bottom: 4px solid #949494;  }
#headerBar { border-bottom: 4px solid #a40505;  height: 70px; }
#headerOptions{ display: block; padding-right: 10px; }
#headerMenu { display: table; width: 100%; text-align: right; }

.BasketContents, #orderTotalsBlock, .BestAvailableBlock, .blueBackgroundTitleArea, .VenuePromoterContent, .VenuePromoterInfoBlock, .InfoContainer, .MultiPricingBlockItem p, .MyCal, .VenuePromoterFullInfo { margin: 0px !important; }
.ticketTypeBlock, .tierPriceBlock, #divVenueShortDesc, .ButtonBlock, .VenuePromoterInfoContent, #lblEventMessage1, .AvailabilityInfo, .ADABlock, #lblPackageMessage, #lblMessage, .PackageCustomerAssign, .VenuePromoterImageBox, .VenuePromoterQuickInfo { display: block; margin: 10px; }

#DescriptionContainer { width: 100%; }
.DescriptionPageClose { display: block; text-align: center; padding: 0px 0px 10px 0px; }

.navbar { clear:both; }
#nav { display: none; }
#nav, #nav ul { list-style-type: none; text-indent: 0px; margin: 0px; padding: 0px; }
#nav a, .dayLinks a { display: block; padding: 10px 20px 10px 10px; }
.ListItem, .AgileList .Item { display: block; padding: 10px 20px 10px 10px; }
.ui-dialog .ui-dialog-content { padding: 0px; }

.ListItem, .VerboseListItem, .dayLinks a, .LinkGroup li, .AgileList .Item  { text-align: left; border-bottom: 1px solid #adadad; border-top: 1px solid #adadad; background: url(navigate.png) no-repeat right center; clear: both; }
.VerboseListItem .BuyLink a, .ListItem .BuyLink a, .VerboseListItem .MoreInfo, .AgileList .ViewLink { display: none; }
.VerboseListItem .ImageDiv { float: left; display: inline-block; margin-right: 10px; max-width: 100px; max-height: 100px; }
.VerboseListItem .BuyLink { clear: both; }
.EventVerboseListItem .ImageDiv, .VerboseListItem .VenueName, .EventVerboseListItem .ShortDescription { display: none; }
.AgileList-Legacy .Item { background-image: none; }

.CatalogVerboseListItem .ShortDescription { margin-right: 18px; }
.PriceInfoHeader { display: none; }
.priceInfoBlock { display: none; }
#orImagePlacerBlock { display: none; }
.EventListItemSeperator, .CatalogListItemSeperator { display: none; }

.IncludeHeader { display: none; }
.ItemName, .TitleArea, .BigBoldText, .VenuePromoterName, .EDHead { font-weight: bold; font-size: 1.2em; }
.ItemName a { color: black; }
.VenueName a { color: black; font-weight: normal; }
.CartTitle { display: none; }
.ErrorText, .CartEmptyText, .RequiredField { display: inline; color: red; font-weight: bold; margin: 4px 0; }
.CartEmptyText { display: inline-block; color: #a40505; font-weight: bold; padding: 10px; height: 45px; }
.ShippingAddressBlock, .BillingAddressBlock { margin-top: 8px; }
.MembershipInfoHeader, .PackageInfoHeader, .EventInfoHeader { display: none; }
.ManualSeatImageBlock tr { text-align: left; }
.ManualSeatBlock, #SeatingImageDiv { padding: 10px; }
.TitleArea { display: none; }

.EventInfoItem, .MembershipInfoItem, .PackageInfoItem, #trMultiBlock, #divCurrentMembershipInfo { margin-bottom: 4px; }
.DescriptionPageImageBlock { float: left; padding-right: 10px; }
#alphaSortLinks { text-align: center; }
.TierSelectItemContainer, .TierSelectItemContainer div { display: inline; }
#lblSelectionDescription  { display: none; }
.SeatGridBlock { margin-left: 8px; display: inline-block; text-align: center; }
#EventSearch_Search { display: block; padding: 10px; width: 100%; }

.stepCell img { display: none; }
.orderSummaryEventHeader, .orderSummaryCatalogHeader, .orderSummaryPackageHeader, .VerboseListHeader, .orderQuestionQtyHeader, .orderQuestionItemHeader, .EventListMonthSeperator,
.VerboseListMonthSeperator, .VerboseListAlphaHeader, .blueBackgroundTitleArea, .Header, .DateSeparator { font-weight: bold; padding: 5px 10px; }
.SeatMethodSelect { margin-bottom: 5px; }

#orderTotalsBlock { padding: 10px;}
.ItemHeaderRowText { font-weight: bold; }
.CartItemCol, .ItemHeaderRowText { font-size: .75em; }
.BasketContents table { width: 100%; margin: 0px; }
#ContinueButton { float: right; margin: 6px; }
#CartButtonBlock { float: left; margin: 6px; }

.CreditCardBlock { padding: 0px 10px 0px 10px; }
#pageContent > .PaymentSectionSeperator { margin: 0px; }
#printableBody .CostSummaryBlock { margin-top: 15px; }

.TitleArea, #pageContent .AdditionalInformationBlock { padding: 0px 10px 0px 10px; }
#PrinterFriendlyBlock{ margin-bottom: 12px; }

.home { cursor: pointer; float: left; }
div.action { text-align: center; padding-top: 7px; margin-top: 15px;  height: 32px; width: 38px; display: inline-block; background-color: #a40505; border-radius: 6px; float: right; margin-left: 8px; cursor: pointer; }
.footBar { text-align: center; padding-top: 10px; }
.footBar a { font-weight: bold; }

.SmallText { font-size: 9pt; color: black; padding: 10px; }
#footLogo, #footFB, #footTwit { padding: 10px; display: inline; }
#CancelOrderButton_btnClearCart_regularBtn { display: none; }
.LargeInput, .LoginInput { width: 140px; }
#searchBlock { text-align: center; background-color: #949494; padding: 4px 0px; display: none; }
#lnkSeatChart, #divVenueShortDesc { display: none; }

#ManualSelectImage img { max-width: none; }
.headerInclude { float: left; }
#ActionButtons { display: table-cell; vertical-align: middle; text-align: right; padding: 10px 0px 5px 0px; } 
#ActionButtons a { text-align: right; display: inline-block; }
#SearchBlock { clear: both; }
.SearchControls { display: none; padding: 4px 4px 0px 4px; }
.SearchKW { width: 100%; }
#MobileSearch_ButtonKW { margin-left: 5px;  }
.SearchTable { width: 100%; }
.searchBody { margin: 5px; }
.FindButton { margin: 5px; }
.searchBody input, .searchBody select { width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ActionButton { height: 26px; width: 26px; padding: 7px; float: left; border-radius: 6px; margin-right: 5px; text-align: center; }

#HotSpotGallery { width: 100%; visibility: hidden;  }
#HotSpotGallery ul, #HotSpotGallery li { margin: 0px; padding: 0px; list-style-type: none; }
#HotSpotGallery img { border-radius: 4px; }
.RegionalHotSpotBlock { border: 1px solid #aaaaaa; border-radius: 4px; display: block; }

.RegionalHotSpotBlock .Description { display: none; }
.RegionalEventListOuter, .EmailPlacerOuter { margin: 10px; text-align: center; }
.RegionalEventListOuter .Header, .EmailPlacerOuter .Header { text-align: center; }
.RegionalEventList { display: block; }
.RegionalEventList .ListItem { font-weight: normal; }
.ListItem .DateCell { width: 100px; text-align: center; }
.ListItem .Name { font-weight: bold; }

.ItemList { margin-bottom: 10px; }

.expander { border-radius: 4px; padding: 6px; font-weight: bold; }
.expanderDown { border-radius: 4px 4px 0px 0px; }
.expanderChild { display: none; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-radius: 0px 0px 4px 4px; }

.MobHeaderImg { max-width: 100px; padding: 5px; }
.MobHeaderName { max-width: 120px; padding: 5px; text-align: left; }
.addToCartBlock { margin: auto; text-align: center; padding: 20px 10px 20px 10px; }

.VenuePromoterInfoLinks a { margin: 10px 0px; display: block; }

.MyCalInstruct { float: left; clear: left; }
.MyCalLegend { margin: 20px 0px; }
.MyCalLegend > span { float: none; clear:both; display:block; max-width:300px; }
.MyCalLegend > span > a { 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); }
.MyCalAdded span.ico { background-image: url(../myCal_Added.png); }
.MyCalPurchased span.ico { background-image: url(../myCal_Purchased.png); }
.MyCalStatusNotPurchased { color: Red; display: block; margin-top: 5px;  }
.MyCalStatusPurchased { color: Green; display: block; margin-top: 5px; }
.MyCalBody .Item { border-bottom: solid 1px #e3e3e3; margin-bottom: 16px; margin-top: 6px; padding-bottom: 6px; }
.MyCalBody .ItemInfo div { float: left; width: 320px; }
.MyCalLinks { clear: left;  }
.MyCalDateLinks { margin-top: 12px; clear: left; }
.MyCal .ItemInfo { margin-bottom: 5px; }
.MyCal .ListItem { background-image: none; }

.questionListBlock { padding: 10px; }

.EventInfoItemEventName { font-weight: bold; }

.SearchKW { -webkit-appearance: textfield; }
.PastShowing { display: none; }

.DatePager { text-align: center; }
.DatePager a { padding: 3px; margin: 2px; display: inline-block; }

#progressBlock { text-align: center; margin: auto; width: 80%; }
#progressBlock .ui-widget-header, #progressBlock .ui-widget-content  { background: transparent none; }

.RegionalHotSpotBlock .ui-widget-content a { color: white; }
.customerSalutation, .customerSuffix, .CustInfoWebAddress { display: none; }
.PledgeInfo, .PledgePaymentsInfo { margin-left: 10px; color: Red; }

.CCImages { display: block; }
.CCImages img { width: 50px; height: 30px; 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; }

/* Modal SlideDown */
.agl-modal { display: none; padding: 20px 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; }
.agl-modalheader, .agl-modalfooter { background-color: #e3e3e3; }
.agl-modaltitle { font-size: 120%; }
.agl-container.agl-truncate { max-height: 100vh; max-width: 100vw; overflow: hidden; }
.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-modalcontainer { position: relative; background-color: #fefefe; margin: auto; padding: 0; border-radius: 2px; width: 80%; 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 { padding: 2px 8px; color: white; }
.agl-modalbody { padding: 10px; 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; }
.agl-card { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin: 20px; 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-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; }

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

.cropit-preview-image
{
    max-width: none;
}

.image-editor {
    margin-top: 5px;
    margin-left: 13%;
    min-width: 128px;
    max-width: 128px;
    min-height: 128px;
    max-height: 128px;
}
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;
}

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

@keyframes animatetop {
    from {top: -300px; 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 spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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