@charset "UTF-8"; /* Responsive NaturalHeritage theme */ /* Not in use by family's themes, may be used by Ultrawave. */ /*progress tracker */ @import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); /* left, center, right */ /*right, left*/ /*hsl(hue($link-color), saturation($link-color), 80%) !default; */ /* ========================================================================== MASTER PAGE LAYOUT ========================================================================== */ /* Class used to contain the various pieces of the master page */ .container,.header-container,.SliderPage1{ max-width:1170px; margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } .container::after, .body-container::after { display: block; clear: both; content: ""; } /* handle secondary column layout */ @media (min-width: 992px){ .has-secondary-col .col-primary{ width:76% } .has-secondary-col .col-secondary{ width:22% } .has-secondary-col.col-on-right .col-primary{ float:left; margin-right:2% } .has-secondary-col.col-on-right .col-secondary{ float:right } .has-secondary-col.col-on-left .col-primary{ float:right; margin-left:2% } .has-secondary-col.col-on-left .col-secondary{ float:left } } /* Header ========================================================================== */ /** * The following declarations are required to reposition the search bar and * Sign In/Out link at different sizes via appendAround */ .search-container, .auth-link-container { display: block; } @media (min-width: 768px){ .search-container,.auth-link-container{ display:none } } .search-container-sm,.auth-link-container-sm{ display:none !important } @media (min-width: 768px){ .search-container-sm,.auth-link-container-sm{ display:inline-block !important } } /* Template Manager - Reset styles to prevent section overlap */ .TemplateManagerArea .header-top-container, .TemplateManagerArea .header-bottom-container, .TemplateManagerArea .header-top-container #masterLogoArea, .TemplateManagerArea .header-top-container .navbar-header { position: static; clear: both; } /* Theme family has primary nav within header-bottom-container so this container's z-index needs to be changed for the same as the primary nav's.*/ .header-bottom-container { z-index: 1001 !important; } #masterHeaderBackground, header.header { border-bottom: none; } /* This applies to the area behind the header logo and auxiliary navigation */ .navbar-collapse { clear: both; } @media (max-width: 991px){ .navbar-collapse{ margin-left:-15px; margin-right:-15px } } @media (min-width: 992px){ .navbar-collapse{ clear:right } } .header-logo-container { float: left; margin: 0.5em 0; } @media (min-width: 768px){ /* moves the background to the top */ .header-top-container{ position:absolute; top:0; left:0; right:0; z-index:666 } } @media (max-width: 767px){ .header-social{ display:none !important } } .header-social a{ text-decoration:none } /* Universal search control */ .search-field { background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat; background-position: 7px -16px; padding-left: 28px !important; color: #777; border-color: #CCC; } .header-search .TextButton { display: none; } /* Main ========================================================================== */ .NavigationUnorderedList{ padding-left:0; margin:0; display:inline-block } .NavigationListItem{ list-style-type:none; display:inline-block; margin-left:0 } .NavigationLink{ /* padding-left:7.5px; */ /* padding-right:7.5px; */ white-space:nowrap } @media (max-width: 767px){ .ste-section{ display:none !important } } #masterContentArea{ margin-top:10px } .breadcrumb{ float:none; display:inline; line-height:33px } /* Homepage Full Width areas */ .Wrapper-FullWidth #masterContentArea.container{ max-width:100%; padding:0 } .Wrapper-FullWidth #masterContentArea .container-inner, .Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer { max-width:1170px; padding-left:15px; padding-right:15px; margin:0 auto } .Wrapper-HomePage .FullWidthArea-StyleBg1,.Wrapper-HomePage .FullWidthArea-StyleBg2,.Wrapper-HomePage .FullWidthArea-StyleBg3,.Wrapper-HomePage .FullWidthArea-StyleBg4,.Wrapper-HomePage .FullWidthArea-StyleBg5{ padding:50px 1%; min-height:450px } /***** Proxy Panel Styling *****/ /* This applies to the on behalf of (proxy) area */ .obo-container{ float:right } .obo-panel{ line-height:2.4em; white-space:nowrap; padding-right:5px; padding-left:5px; margin-bottom:10px } .obo-panel.on{ padding-left:2em; padding-right:2em } .account-menu .obo-panel{ /* within the account area dropdown make the padding match the other items*/ padding:3px 10px } .obo-label,.obo-actions{ display:inline-block } .obo-label{ font-weight:bold } .obo-label span:after{ content:':' } .obo-action.obo-clear-cart:before { background-color: #fff; opacity: 0.9; } /* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */ .CommandBar{ margin:.5em 0 } .backToTop{ display:block; font-size:0px; color:transparent; bottom:50px; position:fixed; right:10px; margin-right:10px; z-index:1; background:rgba(0,0,0,0) url("images/ThemeIconsSprite.png") -2px 0 no-repeat !important; width:45px; height:45px } @media (max-width: 991px){ .backToTop{ display:none } } /* Sticky Footer ========================================================================== */ /** * Responsive sticky footer. * See http://www.joshrcook.com/a-responsive-sticky-footer/ */ .wrapper{ display:table; width:100%; height:100% } .footer{ display:block; height:1px } @media (min-width: 992px){ .footer-social{ text-align:left } } @media (min-width: 992px){ .footer-promo-container{ text-align:right } } .footer-promo-container .promo{ background:none !important; box-shadow:none !important; padding-bottom:0 !important } .footer-promo-container .promo .TextButton{ background:#fdfae4 !important; color:#191919 } .footer-content-section{ padding:0 15px 0 1em !important } .footer-content-section h2{ font-size:110% } .footer-nav-copyright{ padding-top:0 !important } .HelperText{ color:#5D3066 } .EasyEditOn .EasyEditContent:hover,.EasyEditOn .WebPartZoneDesignTime:hover{ background:none } /* ========================================================================== Great Barrier Reef Skin Specific Styles ========================================================================== */ h1, h1.panel-title { position:relative; display: inline-block; flex-grow: 0; } /* h1:after, h1.panel-title:after { content: ''; display: block; bottom: 0; width: 45%; margin: 0.35em auto 0 auto; border-bottom: 3px solid #e5d6ff; } */ .Wrapper-HomePage h2.panel-title{ color:#79C3C3; display:table } .Wrapper-HomePage h2.panel-title:after{ content:''; display:block; bottom:0; width:30%; margin:5px auto 0 auto; border-bottom:2px solid #fff } .Wrapper-HomePage { /* Arrow shaped containers for nice browsers only. */ } .Wrapper-HomePage .videoplayer-ipart-wrapper { padding-top: 0; } @media (min-width: 992px) { .Wrapper-HomePage .videoplayer-ipart-container { max-height: 500px; } } .Wrapper-HomePage .FullWidthArea-StyleBg2{ background:#192B47 url(images/FullWidthArea_Bg2.jpg) center top no-repeat; color:#fff } .Wrapper-HomePage .FullWidthArea-StyleBg2 h2{ color:#fff } .Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before{ content:''; display:block; float:left; margin:0 15px 0 0; width:90px; height:90px; background:rgba(0,0,0,0) url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important } .Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong{ font-size:250%; display:block; padding-bottom: 1em; } .Wrapper-HomePage .FullWidthArea-StyleBg3,.Wrapper-HomePage .FullWidthArea-StyleBg5{ background:#f0edf2 } .Wrapper-HomePage .FullWidthArea-StyleBg4{ background:#192B47 url(images/FullWidthArea_Bg4.jpg) center top no-repeat; color:#fff; font-family:"Poppins",Arial,sans-serif; padding:20px 1%; line-height:1.5 } .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote{ font-size:250% } @media (min-width: 992px){ .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote{ width:45% } } .Wrapper-HomePage .FullWidthArea-StyleBg4 em{ font-size:50%; display:table; margin-top:1em } .Wrapper-HomePage .FullWidthArea-StyleBg1,.Wrapper-HomePage .FullWidthArea-StyleBg2,.Wrapper-HomePage .FullWidthArea-StyleBg3,.Wrapper-HomePage .FullWidthArea-StyleBg4,.Wrapper-HomePage .FullWidthArea-StyleBg5{ -webkit-clip-path:polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%); clip-path:polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%); margin:-60px 0 15px 0 } .Wrapper-HomePage .FullWidthArea-StyleBg5{ margin:-60px 0 0 0; padding-bottom:60px } /* Diamond shaped button, excluding Safari */ html:not(.t-safari) .btn, html:not(.t-safari) .TextButton { background: transparent !important; background-size: 100% 100% !important; padding: 5px 25px !important; font-weight: 600; border-radius: 50px; } html:not(.t-safari) .TextButton.LinkedIn, html:not(.t-safari) .TextButton.Facebook { background-image: none !important; line-height: 1.3; } html:not(.t-safari) .TextButton.LinkedIn { background-color: #0077B5 !important; } html:not(.t-safari) .TextButton.Facebook { background-color: #3B5998 !important; } html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs, html:not(.t-safari) .UsePrimaryButton .TextButton, html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage, html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton, html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn, html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput { background: transparent !important; background-size: 100% 100% !important; color: #191919 !important; font-weight: 600; border-radius: 50px; } /* Button styles for all browsers */ .btn,.TextButton,.ruButton{ font-size:16px !important; -webkit-transition:all .2s ease-in-out !important; -o-transition:all .2s ease-in-out !important; transition:all .2s ease-in-out !important; margin:0; -webkit-transform:scale(0.94); -ms-transform:scale(0.94); -o-transform:scale(0.94); transform:scale(0.94) } @media screen and (prefers-reduced-motion: reduce) { .btn, .TextButton, .ruButton { transition: none; } } .btn:hover, .btn:focus, .TextButton:hover, .TextButton:focus, .ruButton:hover, .ruButton:focus { transform: scale(1); } /* Button styles for Safari only */ html.t-safari .PrimaryButton,html.t-safari .SaveAndClose,html.t-safari .SaveAs,html.t-safari .UsePrimaryButton .TextButton,html.t-safari .UsePrimaryButton .TextButtonWithImage,html.t-safari #masterHeaderActionArea a,html.t-safari .RadGrid input.PrimaryButton,html.t-safari .Spotlight .TextButton,html.t-safari .BigButtonPanelArea2 .btn,html.t-safari .RadUpload .ruButton,html.t-safari .ruButton,html.t-safari .ruFileInput{ background-color:#F5E46D !important; color:#191919 !important } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) { position:relative; padding:15px 5px; margin: 1em 0 0 0; text-align: center; border-left:dotted 2px #a4a4a4 } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu):before { content:''; display:block; width:50%; height: 1em; border-bottom:dotted 2px #a4a4a4; border-right:dotted 2px #a4a4a4; position:absolute; left:0px; top: -1em; } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu):after { content:''; display:block; width:50%; height:15px; border-top:dotted 2px #a4a4a4; border-right:dotted 2px #a4a4a4; position:absolute; left:0px; bottom: -1em; } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) li { display: inline-block; } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .ButtonItem { display: inline-block; color: transparent !important; width: 45px; height: 45px; opacity: 0.5; margin: 0; padding: 0.3em 1.78em !important; } /* .BigButtonPanelArea1 .btn{ color:transparent !important; width:30%; width:45px; height:45px; opacity:0.5; margin:0 2%; padding:0 !important } */ .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="PrintProfile"] { background: transparent url("images/ThemeIconsSprite.png") -2px -595px no-repeat !important; } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Profile.aspx"] { background: transparent url("images/ThemeIconsSprite.png") -2px -380px no-repeat !important; } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Duplicate_Merge.aspx"] { background: transparent url("images/ThemeIconsSprite.png") -2px -487px no-repeat !important; } .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:hover, .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:focus { opacity: 0.7; } .BigButtonPanelArea2 .btn { width: 90%; max-width: 16.6em; } @media (min-width: 992px){ .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ background:transparent url("/images/IUA/IUA Icons/accountIcon.png") no-repeat !important; height:30px; width:30px; } } .no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ background:transparent url("/images/IUA/IUA Icons/accountIcon.png") no-repeat !important; height:30px; width:30px; } @media (max-width: 991px) { .navbar { background-color: #fff !important; } } .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink { text-transform: uppercase; } @media (min-width: 992px) { .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink { border-top: 3px solid transparent; } .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:focus, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused { border-top: 3px solid #66ffcc; } } .RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI { border: none !important; color: #000; } .account-toggle:focus .nav-text, .account-toggle:hover .nav-text { color: #66ffcc; } .account-toggle:focus .caret, .account-toggle:hover .caret { border-top-color: #66ffcc; } .Spotlight .SectionLabel,.Spotlight h4{ display:block; position:relative; padding:15px 0 10px 0; border-left:dotted 2px #a4a4a4 } .Spotlight .SectionLabel:after,.Spotlight h4:after{ width:25% } .Spotlight .SectionLabel:before,.Spotlight h4:before{ content:''; display:block; width:50%; height:15px; border-bottom:dotted 2px #a4a4a4; border-right:dotted 2px #a4a4a4; position:absolute; left:0px; top:-15px } .Spotlight .SectionLabel:after,.Spotlight h4:after{ content:''; display:block; bottom:0; width:30%; margin:5px auto 0 auto; border-bottom:2px solid #fff } .Spotlight{ margin-bottom: 1.3em; } .Spotlight p{ border-left:dotted 2px #a4a4a4; padding:3px 20px; margin:-3px 0 0 0; position:relative } .Spotlight p:after{ content:''; display:block; width:50%; height:15px; border-top:dotted 2px #a4a4a4; border-right:dotted 2px #a4a4a4; position:absolute; left:0px; bottom:-1em; } .Spotlight a{ text-decoration:none } .Spotlight img{ margin-bottom: 1em; } @media (min-width: 992px){ .TestimonialArea{ width:70% } } .no-mqs .TestimonialArea{ width:70% } .TestimonialArea .TestimonialPersonPhoto img { object-fit:cover; width:150px; height:150px !important; border-radius:50% 50%; margin:0 auto; display:block } .TestimonialArea blockquote:before{ content:''; display:block; position:absolute; width:10%; height:100px; top:-100px; right:20%; border-top:2px dotted #a4a4a4; border-right:2px dotted #a4a4a4 } .TestimonialArea blockquote{ background:#fff; position:relative; color:#191919; padding:20px 3%; margin:25px auto 0 auto; text-align:center } .TestimonialArea blockquote em{ display:block; margin-top:1em } @media (min-width: 992px){ .UpcomingEventsHome ul.RelatedItemsHorizontal li,.UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li{ width:225px; height:auto; margin:9px 2% } .UpcomingEventsHome a.ImageLink img{ width:225px !important; height:auto !important; display:block } } .no-mqs .UpcomingEventsHome ul.RelatedItemsHorizontal li,.no-mqs .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li{ width:225px; height:auto; margin:9px 2% } .no-mqs .UpcomingEventsHome a.ImageLink img{ width:225px !important; height:auto !important; display:block } .UpcomingEventsHome a.LabelLink{ text-decoration:none; font-weight:bold; color:#191919; line-break:normal } .ProgressTracker2{ text-align:center } .ProgressTracker2 .ProgressTrackerPanel .label,.ProgressTracker2 .ProgressTrackerPanel a{ color:#fff } .ProgressTracker2 .SuccessfulMessage{ width:95%; margin:0 auto; background-color:#F5E46D !important; font-weight:bold; margin-bottom:8px } .ProgressTracker2 .ProgressBar{ border-radius:0; background-color:#5d5206 !important; height:25px } .ProgressTracker2 .ProgressBar span{ background-color:#F5E46D !important; border-radius:0 } .ProgressTracker2 div p{ color:#000 !important } .Wrapper-HomePage .ProgressTracker2 .ProgressTrackerPanel{ background-color:transparent } .Wrapper-HomePage .ProgressTracker2 .inset{ text-align:left; font-size:125% } .Wrapper-HomePage .ProgressTracker2 span.count{ color:#fff } .Wrapper-HomePage .ProgressTracker2 span.count:before{ content:''; display:block; float:left; margin:0 15px 0 0; width:90px; height:90px; background:rgba(0,0,0,0) url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important } .Wrapper-HomePage .ProgressTracker2 span.count strong{ font-size:250%; display:block; padding-bottom:15px } @media (min-width: 992px) { .header-search .search-field { width: 25px; height: 31px; transition: width; transition-duration: 1s; } } @media screen and (min-width: 992px) and (prefers-reduced-motion: reduce) { .header-search .search-field { transition: none; } } @media (min-width: 992px) { .header-search .search-field:hover { cursor: pointer; background-color: #fff; } .header-search .search-field:focus { width: 200px; } } a.ste-toggle, a.ste-toggle:hover, a.ste-toggle:focus, .obo-toggle, .obo-toggle:hover, .obo-toggle:focus, .batch-toggle, .batch-toggle:hover, .batch-toggle:focus, .transaction-date-toggle, .transaction-date-toggle:hover, .transaction-date-toggle:focus, .page-statistics-toggle, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .list-toggle, .list-toggle:hover, .list-toggle:focus { border-radius: 0; } /* Search Results */ .SearchResultSummary .ListItemTitle a{ background:none !important } /* RadStrip Tabs */ /* .RadTabStrip.RadTabStrip_MetroTouch{ background:#191919; padding:10px 10px 0 10px !important; letter-spacing:1px; text-transform:uppercase } .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{ background-color:#fff !important; border-color:#fff !important; color:#191919 !important } .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{ background-color:#191919 !important; border-color:#191919 !important } .RadTabStrip_MetroTouch .rtsLink{ color:#fff !important } .RadTabStripTop_MetroTouch .rtsLevel1{ border-bottom:none !important } */ .RadTabStrip_MetroTouch { letter-spacing: 1px; text-transform: uppercase; } .RadTabStrip_MetroTouch.RadTabStrip, .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL { background-color: #0d0d0d; } .RadTabStrip_MetroTouch.RadTabStripTop { padding: 0.7em 0.7em 0 0.7em !important; } .RadTabStrip_MetroTouch.RadTabStripBottom { padding: 0 0.7em 0.7em 0.7em !important; } @media (max-width: 767px) { .RadTabStrip_MetroTouch .rtsLevel, .RadTabStrip_MetroTouch .rtsUL { float: none; display: block; width: 100%; } .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL { padding: 0.7em 0.7em 0 0.7em !important; } } @media (min-width: 768px) { .RadTabStrip_MetroTouch.RadTabStripLeft { z-index: 1; margin-right: -1px; } .RadTabStrip_MetroTouch.RadTabStripLeft .rtsUL { padding: 0.7em 0 0.7em 0.7em !important; } .RadTabStrip_MetroTouch.RadTabStripRight { z-index: 1; margin-left: -1px; } .RadTabStrip_MetroTouch.RadTabStripRight .rtsUL { padding: 0.7em 0.7em 0.7em 0 !important; } } .RadTabStrip_MetroTouch .rtsLink { color: #fff !important; border-width: 0 !important; } .RadTabStrip_MetroTouch .rtsLink .tab-step-number { color: #fff; background-color: #333333; } .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #fff !important; border-color: #fff !important; color: #0d0d0d !important; } .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number { color: #0d0d0d; background-color: #cccccc; } .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { background-color: #0d0d0d !important; border-color: #0d0d0d !important; } .RadTabStripTop_MetroTouch .rtsLevel1 { border-bottom: none !important; } h2,.h2,.PanelHead.Distinguish,.TitleBarCaption,div.PanelTitle,.panel-heading.Distinguish{ border:none !important } .CalloutPart2{ background-color:#f0edf2; text-align:center } .CalloutPart2 .PanelFieldValue{ text-align:center } .CalloutPart2 .SectionLabel:after{ content:''; display:block; bottom:0; width:45%; margin:5px auto 0 auto; border-bottom:2px solid #eadaee } .AccountMiniProfile { text-align: center; } .AccountMiniProfile .PanelField:not(.Left) .PanelFieldValue, .AccountMiniProfile .PanelField:not(.Left) .Label { width: 100% !important; text-align: center; } .AsiInformation, .AsiSuccess, .AsiWarning, .AsiError, .AsiValidation, .AsiValidationSummary, .AsiNeutral { border: none; } .SelectedItem a, .ProxyPanelContact a { color: #fff !important; } .InternalHeaderArea .carousel-inner { filter: blur(5px); } .CommunityLinksBlock a.CommunityLinksSelected { color: #000 !important; } /* ========================================================================== Basic setup ========================================================================== */ body{ font-family:"Poppins",Arial,sans-serif; font-size:16px; line-height:1.8; color:#646464 } a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a { color:#191919 ; text-decoration:underline } a:visited, .Link:visited, .RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited, .RadToolTip.RadToolTip a:visited { color:#262626 } a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active { color:#000 } a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited, .RadGrid.RadGrid .rgRow a.aspNetDisabled, .RadGrid.RadGrid .rgRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgRow a:disabled, .RadGrid.RadGrid .rgRow a:disabled:hover, .RadGrid.RadGrid .rgRow a:disabled:focus, .RadGrid.RadGrid .rgRow a:disabled:active, .RadGrid.RadGrid .rgRow a:disabled:visited, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgAltRow a:disabled, .RadGrid.RadGrid .rgAltRow a:disabled:hover, .RadGrid.RadGrid .rgAltRow a:disabled:focus, .RadGrid.RadGrid .rgAltRow a:disabled:active, .RadGrid.RadGrid .rgAltRow a:disabled:visited, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited, .RadGrid.RadGrid .rgEditForm a:disabled, .RadGrid.RadGrid .rgEditForm a:disabled:hover, .RadGrid.RadGrid .rgEditForm a:disabled:focus, .RadGrid.RadGrid .rgEditForm a:disabled:active, .RadGrid.RadGrid .rgEditForm a:disabled:visited, .k-grid.k-grid a.aspNetDisabled, .k-grid.k-grid a.aspNetDisabled:hover, .k-grid.k-grid a.aspNetDisabled:focus, .k-grid.k-grid a.aspNetDisabled:active, .k-grid.k-grid a.aspNetDisabled:visited, .k-grid.k-grid a:disabled, .k-grid.k-grid a:disabled:hover, .k-grid.k-grid a:disabled:focus, .k-grid.k-grid a:disabled:active, .k-grid.k-grid a:disabled:visited, .RadToolTip.RadToolTip a.aspNetDisabled, .RadToolTip.RadToolTip a.aspNetDisabled:hover, .RadToolTip.RadToolTip a.aspNetDisabled:focus, .RadToolTip.RadToolTip a.aspNetDisabled:active, .RadToolTip.RadToolTip a.aspNetDisabled:visited, .RadToolTip.RadToolTip a:disabled, .RadToolTip.RadToolTip a:disabled:hover, .RadToolTip.RadToolTip a:disabled:focus, .RadToolTip.RadToolTip a:disabled:active, .RadToolTip.RadToolTip a:disabled:visited { color:#fdfdfd ; text-decoration: underline ; } .RadGrid a,.RadToolTip a{ color:#191919 !important; text-decoration:underline } .RadGrid a:visited,.RadToolTip a:visited{ color:#262626 !important } .RadGrid a:hover,.RadGrid a:focus,.RadGrid a:active,.RadToolTip a:hover,.RadToolTip a:focus,.RadToolTip a:active{ color:#000 !important } .RadGrid a.aspNetDisabled,.RadGrid a.aspNetDisabled:hover,.RadGrid a.aspNetDisabled:focus,.RadGrid a.aspNetDisabled:active,.RadGrid a.aspNetDisabled:visited,.RadToolTip a.aspNetDisabled,.RadToolTip a.aspNetDisabled:hover,.RadToolTip a.aspNetDisabled:focus,.RadToolTip a.aspNetDisabled:active,.RadToolTip a.aspNetDisabled:visited{ color:#fdfdfd !important } .RadGrid a.TextButton{ color:#fff !important; text-decoration:none !important } p{ margin-top:0; margin-bottom:1em } h1,.h1,.PageTitle,h2,.h2,.PanelTitle{ font-family:"Poppins",Arial,sans-serif; font-weight:700; color:#5D3066 } h1,.h1,.PageTitle{ margin-top:0 } h1,.h1,.PageTitle{ color:#5D3066!important; line-height: 1.15 !important; font-size:330% } h1.BigHeader,.h1.BigHeader{ color:#fff; background-color:#5D3066; padding:20px; margin:0 } h2, .h2, .PanelTitle { line-height:1.45em; font-size:185% } h2,.h2,.PanelHead.Distinguish,.TitleBarCaption,div.PanelTitle,.panel-heading.Distinguish{ min-height:0; border-bottom-style:solid } h3, .SectionTitle { font-size: 130%; font-family: "Poppins",Arial,sans-serif; font-weight: 700; color: #5D3066; } h4,.SectionLabel,h5{ margin:0 0 .2em } h4,.h4,.SectionLabel{ color:#5D3066 } h5,.h5{ color:#5D3066 } h6,.h6{ margin:0 } strong { font-weight: bold; } @media only screen { .callout-gradient-text { background: linear-gradient(50deg, #003d4f 15%, #954a87 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .callout2-gradient-text { background: linear-gradient(135deg, #007fa8 45%, #002632 85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } hr{ margin-left:.5em; margin-right:.5em; border-width:1px 0 0 0; border-style:solid; border-color:#ddd } .StandardPanel,.ContentBorder,h2,.PanelHead.Distinguish,.TitleBarCaption,div.ShowFieldset fieldset,.panel-border,.panel-heading.Distinguish{ border-color:#ddd } .PanelHead.Distinguish .PanelHeadOptions,.panel-heading.Distinguish .panel-head-options{ margin-top:.6em } /* Used for messages guiding users to the next step */ .HelperText{ color:#0064cd } /* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */ .SelectedItem{ background-color:#2d2d2d } /** * This automatically resizes images when they're too large to fit in their container. * It may override any user-defined width/height on images. If the behavior is unwanted, * consider changing this declaration to a class (e.g. '.img-responsive') which you can * apply as desired. */ img{ max-width:100%; height:auto !important } /** * Sometimes images should not be resized. This class can be used as a wrapper or directly * on the image to avoid the resizing. */ img.ImgNoResize,.ImgNoResize img{ max-width:none } /* Give a block of text some extra emphasis. * This class also makes the text larger, per UltraWave styles */ .lead{ margin-bottom:20px } .bg-img-full-size { background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-img-dark { background-color: #333333; } .bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 { color: #fff; } .bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active { color: #fff; text-decoration: underline; } /* ========================================================================== MASTERPAGE ELEMENTS ========================================================================== */ /* This applies to the loading bar at the top of the page */ .ProgressDiv{ background-color:#ffdd6f } #masterHeaderBackground,.header{ border-bottom:2px solid #fff } .search-field{ background:#fff url("images/SearchMobile.png") no-repeat; background-position:10px; background-size: contain; padding-left:40px !important; color:#777; border-color:#CCC } .search-field:focus{ padding-left:50px !important; } .header-search .TextButton{ display:none } /* header logo */ #masterHeaderImage{ background-image:url("images/HeaderLogo.png"); background-repeat:no-repeat; width:160px; height:160px; text-indent:-9999px; overflow:hidden; background-size: contain; float:left; position: relative; top: 2em; } @media (min-width: 992px){ #masterHeaderImage{ /* background-position:0 -47px; */ width:160px; position: relative; left: -18%; top:0 } } .no-mqs #masterHeaderImage{ width:120px } #masterDonorHeaderImage{ background-image:url("images/DonorHeaderLogo.png"); background-repeat:no-repeat; width:46px; height:46px; text-indent:-9999px; overflow:hidden; float:left } @media (min-width: 992px){ #masterDonorHeaderImage{ width:169px } } .no-mqs #masterDonorHeaderImage{ width:169px } #masterHeaderActionArea a{ display:block; text-align:center } .ProxyPanelContact{ background-color:#79C3C3 } .ProxyPanelContact,.ProxyPanelContact .obo-label{ color:#fff } .ProxyPanelContact a{ color:#7f7f7f } /* Header Border */ #masterHeaderBackground, .header { border-bottom: 2px solid #eeeeee; } /* Used in the donor site header logo content area */ #masterHeaderActionArea a { display: block; text-align: center; } /* On Behalf Of with target set */ .ProxyPanelContact { background-color: #3d00a3; } .ProxyPanelContact, .ProxyPanelContact .obo-label { color: #fff; } .ProxyPanelContact a { color: #9f66ff; } /* Sub (Left) Navigation ========================================================================== */ #pagesubnav{ border-right:1px solid #ddd; border-bottom:1px solid #ddd } .SubNavPanelHead{ background-color:#f0edf2; color:#646464; font-family:"Poppins",Arial,sans-serif; font-weight:700 } .SubNavigationSeparator{ border-width:1px 0 0 0; border-style:solid; border-color:#ddd; height:1px; padding:0; margin:0 } /* ========================================================================== Footer ========================================================================== */ .footer-nav-copyright{ padding-top:3em!important; padding-bottom:0.35em } .footer-content{ padding-top:1em } .footer-content-section{ padding:0 15px 1em } .footer-nav-copyright:before,.footer-nav-copyright:after{ content:" "; display:table } .footer-nav-copyright:after{ clear:both } .footer-nav-copyright .NavigationUnorderedList,.footer-nav-copyright .footer-copyright{ float:left; margin:0 } .footer-nav-copyright .footer-copyright{ display:inline-block; margin:0 1.5em .65em 0 } @media (max-width: 767px){ .footer-nav-copyright .footer-social-copyright{ text-align:center } } .footer-nav-copyright .footer-social-copyright .footer-social,.footer-nav-copyright .footer-social-copyright .footer-copyright{ padding-top:10px; padding-bottom:10px } @media (min-width: 768px){ .footer-nav-copyright .footer-social-copyright .footer-social{ text-align:left } .footer-nav-copyright .footer-social-copyright .footer-copyright{ float:right; width:auto; clear:right } } .no-mqs .footer-nav-copyright .footer-social-copyright .footer-social{ text-align:left } .no-mqs .footer-nav-copyright .footer-social-copyright .footer-copyright{ float:right; width:auto; clear:right } .footer-copyright p{ margin-bottom:0 } @media (min-width: 480px){ .footer-content-section{ float:left; width:50% } } .no-mqs .footer-content-section{ float:left; width:50% } @media (min-width: 768px){ .footer .footer-social{ width:33.33333% } .footer .footer-promo-container{ width:66.66667% } } .no-mqs .footer .footer-social{ width:33.33333% } .no-mqs .footer .footer-promo-container{ width:66.66667% } #masterFooterCopyright{ clear:both } .footer-content{ background-color:#79C3C3; color:#fff; text-align:center } .footer-content h2{ margin-top:0; color:#fff; border-bottom:none } .footer-content a{ color:#fff } .footer-social{ padding-top:15px } .footer-social a{ margin-right:.5em } .footer-promo-container .promo{ background-color:#3a8282; background-color:rgba(58,130,130,0.5); padding:15px; box-shadow:inset 0 3px 5px rgba(0,0,0,0.075),0 1px 0 rgba(255,255,255,0.1) } .footer-promo-container .lead{ font-family:"Poppins",Arial,sans-serif; font-weight:700; margin-bottom:.25em; font-size:130%; line-height:inherit } @media (min-width: 768px) and (max-width: 991px){ .footer-promo-container .lead{ font-size:150% } } @media (min-width: 992px){ .footer-promo-container .lead{ font-size:170% } } .no-mqs .footer-promo-container .lead{ font-size:170% } .footer-promo-container .TextButton{ background-color:#3a8282; background-color:rgba(58,130,130,0.5); color:#fff } .footer-promo-container .TextButton:hover{ background-color:#3a8282; background-color:rgba(58,130,130,0.8) } .footer-nav-copyright{ background-color:#00263E; color:#F5E46D } .footer-nav-copyright a,.footer-nav-copyright a:visited{ color:#fff } .footer-nav-copyright a:hover,.footer-nav-copyright a:active{ color:#fff } /* Compatibility Footer ========================================================================== */ /* Old-style footer (pre-responsive) */ #ft{ background-color:#79C3C3; color:#fff } #ft h4{ color:#fff; font-family:"Poppins",Arial,sans-serif; font-weight:700 } #masterFooterConnectWithUs{ border-style:solid; border-color:rgba(221,221,221,0.8); border-width:0 1px } #masterFooterContent a,#masterFooterCopyright a,#masterFooterNavigation a{ color:#fff } #masterFooterContent a:visited,#masterFooterCopyright a:visited,#masterFooterNavigation a:visited{ color:#fff } #masterFooterContent a:hover,#masterFooterContent a:active,#masterFooterCopyright a:hover,#masterFooterCopyright a:active,#masterFooterNavigation a:hover,#masterFooterNavigation a:active{ color:#e6e6e6 } #masterFooterCopyright{ border-color:#ddd; border-top:1px solid rgba(221,221,221,0.5) } /* ========================================================================== PRIMARY NAVIGATION ========================================================================== */ @media (min-width: 992px){ .primary-navigation-area .MegaDropDownMenuOuter{ text-align:right } } .no-mqs .primary-navigation-area .MegaDropDownMenuOuter{ text-align:right } @media (min-width: 992px){ .header-bottom-container{ background-color:transparent; position:absolute; top:4.5em; left:0; right:0; z-index:555; margin-left: 10em; } } .no-mqs .header-bottom-container{ background-color:transparent; position:absolute; top:4.5em; left:0; right:0; z-index:555 } .navbar{ min-height:52px } @media (max-width: 991px){ .navbar{ background-color:rgba(0,0,0,0) } } .navbar-collapse,.searchbar-collapse{ background-color:rgba(0,0,0,0) } @media (min-width: 992px){ .navbar-collapse,.searchbar-collapse{ padding-left:0; padding-right:0; border:none; background:none } } .no-mqs .navbar-collapse,.no-mqs .searchbar-collapse{ padding-left:0; padding-right:0; border:none; background:none } .auth-link-container{ /* container for the sign in link when the browser is <768px wide */ padding:8px 15px; text-align:center; background-color:rgba(0,0,0,0) } /* Reset some Telerik defaults */ .RadMenu.RadMenu_GreatBarrierReef{ float:none; z-index:1001 !important; position:relative } .RadMenu.RadMenu_GreatBarrierReef:focus{ outline:none } .RadMenu.RadMenu_GreatBarrierReef .rmGroup,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup,.RadMenu.RadMenu_GreatBarrierReef .rmMultiColumn,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem{ border:none } .RadMenu.RadMenu_GreatBarrierReef .rmVertical .rmToggle .rmIcon:before,.RadMenu.RadMenu_GreatBarrierReef .rmVertical .rmExpand:before,.RadMenu.RadMenu_GreatBarrierReef .rmRightArrow .rmIcon:before,.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmToggle .rmIcon:before,.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmExpand:before,.RadMenu.RadMenu_GreatBarrierReef .rmBottomArrow .rmIcon:before{ content:none } .RadMenu.RadMenu_GreatBarrierReef .rmItem,.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal>.rmItem,.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal>.rmRootScrollGroup>.rmItem,.RadMenu.RadMenu_GreatBarrierReef .rmLink{ float:none } .RadMenu.RadMenu_GreatBarrierReef .rmLink{ padding:0px } .RadMenu.RadMenu_GreatBarrierReef .rmText{ display:inline-block; vertical-align:top; float:left } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle,.RadMenu.RadMenu_GreatBarrierReef .rmToggle{ width:auto } .RadMenu.RadMenu_GreatBarrierReef .rmToggle,.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle{ position:static } .RadMenu.RadMenu_GreatBarrierReef .rmGroup .rmContent,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmContent{ padding:0 } .RadMenu.RadMenu_GreatBarrierReef .RadSiteMap,.RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmItem,.RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmTwoLevels .rsmItem{ font-size:inherit } .RadMenu.RadMenu_GreatBarrierReef ul{ margin:0; padding:0 } .RadMenu.RadMenu_GreatBarrierReef .rmItem,.RadMenu.RadMenu_GreatBarrierReef .rsmItem{ list-style:none } .RadMenu.RadMenu_GreatBarrierReef .rmDisabled>a,.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled>a{ cursor:default } .RadMenu.RadMenu_GreatBarrierReef .rmItem{ width:auto; clear:both; text-align:left } .RadMenu.RadMenu_GreatBarrierReef .rmText,.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText,.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText{ padding:8px 15px } .RadMenu.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuOuter>.rmText{ padding:0 } .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText{ padding-right:40px } .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup{ position:relative } .RadMenu.RadMenu_GreatBarrierReef .rsmItem{ padding:4px 15px; margin:0 } .RadMenu.RadMenu_GreatBarrierReef .rsmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink{ padding:0 } .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmItem .rsmItem,.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmLink{ padding-left:0; margin-right:15px } .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLink{ margin-bottom:0 } .RadMenu.RadMenu_GreatBarrierReef .rsmColumn{ display:inline-block; vertical-align:top; padding-right:4px } @media (max-width: 480px){ .RadMenu.RadMenu_GreatBarrierReef .rsmColumn{ width:100% !important } } .RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap{ margin-bottom:0 } .RadMenu.RadMenu_GreatBarrierReef .rsmThreeLevels .rsmLevel1 .rsmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmThreeLevels .rsmLevel1 .rsmTemplate,.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmTemplate,.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate{ display:block } .RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate{ white-space:nowrap } .RadMenu.RadMenu_GreatBarrierReef .rmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmLink{ text-decoration:none; display:block; position:relative } .RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmTemplate{ padding:0; margin:0 } .RadMenu.RadMenu_GreatBarrierReef .rmGroup .rmText{ margin:0 } .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected{ color:#5D3066; background-color:rgba(0,0,0,0) } .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused{ background-color:rgba(0,0,0,0); color:#5D3066 } .RadMenu.RadMenu_GreatBarrierReef .rmGroup{ background-color:#fff } .RadMenu.RadMenu_GreatBarrierReef .rmDisabled>.rmLink,.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled>.rsmLink{ color:#191919 } .RadMenu.RadMenu_GreatBarrierReef .rmDisabled>.rmLink:hover,.RadMenu.RadMenu_GreatBarrierReef .rmDisabled>.rmLink:active,.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled>.rsmLink:hover,.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled>.rsmLink:active{ background-color:transparent; color:#191919 } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem{ position:relative } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink{ text-transform:uppercase; color:#191919; font-family:"Poppins",Arial,sans-serif; font-size:107%; font-weight:normal; letter-spacing:1px } .RadMenu.RadMenu_GreatBarrierReef .rmToggle,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle{ display:inline-block; float:right; height:100% } .RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle .rmIcon{ font:0/0 a; color:transparent; text-shadow:none; border:0; display:block; width: 40px; height:12px; background:url("images/MenuArrow.png") center no-repeat; background-repeat:no-repeat; margin-top:15px; margin-bottom:15px; margin-right:15px; margin-left:15px; } .RadMenu.RadMenu_GreatBarrierReef .rmLink:hover .rmToggle>.rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmLink.rmFocused .rmToggle>.rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmSelected>.rmLink .rmToggle>.rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmFocused>.rmLink.rmRootLink .rmToggle>.rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmExpanded>.rmLink .rmToggle>.rmIcon,.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink .rmToggle>.rmIcon{ background-position:0 -26px } .RadMenu.RadMenu_GreatBarrierReef .rmExpanded>.rmLink>.rmToggle>.rmIcon{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .RadMenu_GreatBarrierReef .rmSlide{ display:none; position:absolute; height:auto !important } .RadMenu_GreatBarrierReef .rmSlide .rmItem{ float:none; display:block } .RadMenu_GreatBarrierReef .rmSlide .rmText{ float:none } .RadMenu_GreatBarrierReef .rmSlide .rmLink,.RadMenu_GreatBarrierReef .rmSlide .rsmLink{ color:#191919; font-family:"Poppins",Arial,sans-serif; font-size:107%; font-weight:600 } .RadMenu_GreatBarrierReef .rmSlide .rmSeparator,.RadMenu_GreatBarrierReef .rmSlide .rmVertical>.rmSeparator,.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuSeperator>.rsmLink{ border-bottom:1px solid #fff } .RadMenu_GreatBarrierReef .rmSlide .rmSeparator,.RadMenu_GreatBarrierReef .rmSlide .rmVertical>.rmSeparator{ margin:0 15px } .RadMenu_GreatBarrierReef .rmSlide .rmFocused>.rmLink,.RadMenu_GreatBarrierReef .rmSlide .rmSelected>.rmLink,.RadMenu_GreatBarrierReef .rmSlide .rsmSelected>.rsmLink,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmSelected>.rsmLink{ background-color:rgba(0,0,0,0); color:#5D3066 } .RadMenu_GreatBarrierReef .rmSlide .rmLink:hover,.RadMenu_GreatBarrierReef .rmSlide .rmLink:focus,.RadMenu_GreatBarrierReef .rmSlide .rmLink.rmFocused,.RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover,.RadMenu_GreatBarrierReef .rmSlide .rsmLink:focus,.RadMenu_GreatBarrierReef .rmSlide .rsmLink.rmFocused,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink:hover,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink:focus,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink.rmFocused{ background-color:rgba(0,0,0,0); color:#5D3066 } .RadMenu_GreatBarrierReef .rmSlide.rmLevel1 .rmGroup{ margin-left:0 } .RadMenu_GreatBarrierReef .rmSlide .rmExpandRight,.RadMenu_GreatBarrierReef .rmSlide .rmGroup a.rmLink.rmExpandRight{ background-image:url("images/ResponsiveNav.png"); background-position:110% -200px; background-repeat:no-repeat } .RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenu{ padding-top:4px; padding-bottom:4px } .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem{ margin-bottom:.5em } .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:hover,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:focus{ text-transform:uppercase; color:#191919; font-weight:normal; letter-spacing:1px } .RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuSeperator .rsmLink{ padding:0 } @media (max-width: 991px){ .RadMenu_GreatBarrierReef .rmSlide{ width:100% !important; left:0 !important } .RadMenu_GreatBarrierReef .rmSlide ul.rmVertical,.RadMenu_GreatBarrierReef .rmSlide ul.rmHorizontal,.RadMenu_GreatBarrierReef .rmSlide ul.rmRootScrollGroup{ float:none } .RadMenu_GreatBarrierReef .rmSlide .rmSlide{ left:0 !important; margin-top:64px } .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmSlide .rmText{ padding-right:15px } .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmExpandRight,.RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight{ background-image:none } } @media (min-width: 992px){ .RadMenu.RadMenu_GreatBarrierReef .rmItem{ white-space:nowrap } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup{ width:auto; display:inline-block } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem{ float:left; clear:none } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink{ margin:0 } .RadMenu.RadMenu_GreatBarrierReef .rmRootLink{ border-top:3px solid transparent } .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused{ border-top:3px solid #5D3066 } .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup{ margin:0 } .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmItem{ float:none; display:block } .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink{ margin:0 } .RadMenu.RadMenu_GreatBarrierReef .rmToggle,.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle{ display:none } .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels{ min-width:190px !important } .RadMenu.RadMenu_GreatBarrierReef .LargerWidth10{ min-width:210px !important } .RadMenu.RadMenu_GreatBarrierReef .LargerWidth14{ min-width:280px !important } .RadMenu.RadMenu_GreatBarrierReef .LargerWidth18{ min-width:350px !important } .RadMenu.RadMenu_GreatBarrierReef .LargerWidth22{ min-width:450px !important } } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmItem{ white-space:nowrap } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup{ width:auto; display:inline-block } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem{ float:left; clear:none } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink{ margin:0 } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink{ border-top:3px solid transparent } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused{ border-top:3px solid #5D3066 } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup{ margin:0 } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmItem{ float:none; display:block } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink{ margin:0 } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmToggle,.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle{ display:none } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels{ min-width:190px !important } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth10{ min-width:210px !important } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth14{ min-width:280px !important } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth18{ min-width:350px !important } .no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth22{ min-width:450px !important } /* ========================================================================== SECONDARY NAVIGATION ========================================================================== */ /**** Telerik overrides ****/ .RadTreeView.RadTreeView_GreatBarrierReef{ white-space:normal } .RadTreeView.RadTreeView_GreatBarrierReef .rtLI,.RadTreeView.RadTreeView_GreatBarrierReef .rtTop,.RadTreeView.RadTreeView_GreatBarrierReef .rtMid,.RadTreeView.RadTreeView_GreatBarrierReef .rtBot{ padding:0 } .RadTreeView.RadTreeView_GreatBarrierReef .rtIn{ font-weight:bold !important; display:block } .RadTreeView.RadTreeView_GreatBarrierReef .rtIn,.RadTreeView.RadTreeView_GreatBarrierReef .rtHover .rtIn,.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected .rtIn{ padding:10px 15px; border:none } .RadTreeView.RadTreeView_GreatBarrierReef .rtSelected>a.rtIn,.RadTreeView.RadTreeView_GreatBarrierReef .child-is-selected.rtIn{ background-color:rgba(0,0,0,0); color:#646464 } .RadTreeView.RadTreeView_GreatBarrierReef .rtSelected>a.rtIn:hover,.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected>a.rtIn:active,.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected>a.rtIn:focus{ background-color:rgba(0,0,0,0) } .RadTreeView.RadTreeView_GreatBarrierReef .rtUL .rtUL{ padding-left:15px } .RadTreeView.RadTreeView_GreatBarrierReef>.rtUL>.rtLI{ border-top:1px solid #ddd } .RadTreeView.RadTreeView_GreatBarrierReef>.rtUL>.rtLI:first-child{ border-top:none } .RadTreeView.RadTreeView_GreatBarrierReef>.rtUL>.rtLI .rtLI .rtIn{ padding:5px 15px } .RadTreeView.RadTreeView_GreatBarrierReef>.rtUL>.rtLI>.rtUL{ padding-right:15px; padding-bottom:10px } .RadTreeView.RadTreeView_GreatBarrierReef>.rtUL{ margin:0 1px 1px 1px } .RadTreeView.RadTreeView_GreatBarrierReef .rtSp,.RadTreeView.RadTreeView_GreatBarrierReef .rtPlus,.RadTreeView.RadTreeView_GreatBarrierReef .rtMinus{ display:none } .RadTreeView.RadTreeView_GreatBarrierReef a.rtIn{ color:#191919; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in; margin:0 } .RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:hover,.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:focus,.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:active{ background-color:#fff } .nav-secondary{ background-color:rgba(0,0,0,0); margin-bottom:1em } .nav-secondary .sub-nav-head{ background-color:rgba(0,0,0,0); color:#191919; font-weight:bold; font-size:120%; padding:10px 15px; text-transform:uppercase } .nav-secondary .SubNavigationSeparator{ border:none; height:4px; background-color:rgba(0,0,0,0) } .nav-secondary .SubNavigationSeparator .rtIn{ padding:0; color:#fff } /* ========================================================================== AUXILIARY NAVIGATION ========================================================================== */ .navbar-header{ float:right } .navbar-header>div,.navbar-header>a,.navbar-header .NavigationUnorderedList,.navbar-header .NavigationLink{ display:inline-block; vertical-align:middle; text-decoration:none; color:#191919 } .navbar-toggle{ margin-top:3.5px; margin-bottom:3.5px; vertical-align:middle; background-color:rgba(255,255,255,0.8); border-color:rgba(0,0,0,0); border-radius:0px } .navbar-toggle.collapsed{ background-color: #79C3C3; border-radius: 50px; } .navbar-toggle:hover,.navbar-toggle:focus{ background-color:#B4B4B4; } .navbar-toggle .icon-bar{ background-color:#fff } .navbar-toggle .icon-bar:hover, .navbar-toggle .icon-bar:hover{ background-color:transparent; background: url(images/MenuSelected.png) center; background-size: cover; } .header-container .nav-auxiliary .TextButton,.header-container .nav-auxiliary .navbar-toggle{ margin-left:10px } .header-container .nav-auxiliary .UtilityAuthentication a{ color:#191919; font-size:92%; text-decoration:none; font-weight:bold; padding-top:5px } .header-container .nav-auxiliary .UtilityAuthentication a:hover,.header-container .nav-auxiliary .UtilityAuthentication a:focus{ text-decoration:underline } @media (min-width: 992px){ .header-container .nav-auxiliary .NavigationListItem,.header-container .nav-auxiliary .header-social .SocialSprite{ margin-left:7px } } .no-mqs .header-container .nav-auxiliary .NavigationListItem,.no-mqs .header-container .nav-auxiliary .header-social .SocialSprite{ margin-left:7px } @media (max-width: 991px){ .header-container .nav-auxiliary{ margin-top:5px } } .header-container .nav-auxiliary .nav-image{ vertical-align:baseline; padding-right:8px } /* Cart item count ========================================================================== */ /* By default, put parentheses around the cart item count. * This is overwritten when the class "nav-aux-cart" is applied. */ .cartCenter span:before{ content:'(' } .cartCenter span:after{ content:')' } /* Auxiliary toggle buttons ========================================================================== */ /* Toggles that display on x-small screens to display the primary nav and search */ .navbar-toggle{ float:none; padding:5px; height:40px; width:40px } .navbar-toggle .icon-bar{ height:3px; border-radius:0; width: auto!important; } .navbar-toggle .icon-bar+.icon-bar{ margin-top:5px } .navbar-toggle .icon-search { display: inline-block; float: left; background: #5D3066 url(images/SearchMobile.png) center no-repeat; width: 40px; height: 40px; margin: -7px; border-radius: 50px; background-size:contain; } /* Auxiliary button links ========================================================================== */ /* All navigation links except buttons (menu toggle, search toggle, dropdowns, etc) */ .nav-auxiliary .nav-aux-button { /* Cart Item Flag indicating how many items are in your cart */ } .nav-auxiliary .nav-aux-button.NavigationListItem { position: relative; /* required for cart indicator placement */ display: inline-block; } .nav-auxiliary .nav-aux-button .NavigationLink{ background-color:transparent; margin-left:10px; padding:5px; margin-top:3.5px; margin-bottom:3.5px; border:1px solid transparent; border-radius:0px } .nav-auxiliary .nav-aux-button .NavigationLink:hover,.nav-auxiliary .nav-aux-button .NavigationLink:focus{ background-color:#fff } .nav-auxiliary .nav-aux-button .NavigationLink:active{ background-color:rgba(255,255,255,0.8) } .nav-auxiliary .nav-aux-button.NavigationListItem{ position:relative; display:inline-block } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text,.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{ display:inline-block; white-space:nowrap; float:left; overflow:hidden; width:40px; height:40px; padding-left:22px } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ background:transparent url("images/MemberSignedIn.png") center no-repeat } @media (min-width: 992px){ .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink{ background:none; padding:0 } .nav-auxiliary .nav-aux-button.nav-aux-account a:hover .nav-text,.nav-auxiliary .nav-aux-button.nav-aux-account a:focus .nav-text{ text-decoration:underline } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ color:#191919; padding:0 0 0 30px; width:auto; font-weight: 600 } } .no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink{ background:none; padding:0 } .no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account a:hover .nav-text,.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account a:focus .nav-text{ text-decoration:underline } .no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ color:#191919; padding:0 0 0 30px; width:auto } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{ background:transparent url("/images/IUA/IUA Icons/cart.png") no-repeat; background-size:cover; height:30px; width:30px; background-color: transparent; text-indent:9999999px } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull{ position:absolute; top:1px; left:7.5px; text-align:center; line-height:1; width:1.6em } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter{ color:#191919; background-color:#F5E46D; border-radius:2px; font-size:78%; line-height:1; padding:0 2px 1px; -webkit-box-shadow:-1px 1px 0 rgba(151,151,151,0.6); box-shadow:-1px 1px 0 rgba(151,151,151,0.6) } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:before,.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:after{ content:none } @media (max-width: 991px){ .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull{ left:7.5px; top:2px } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter{ background-color:#F5E46D; color:#191919 } } .UtilityAccountArea{ float:left; margin-top:3px } .UtilityAccountArea .account-toggle .nav-text{ vertical-align:middle } .UtilityNavigation .account-menu>li>a,.UtilityNavigation .account-menu>li>a:hover,.UtilityNavigation .account-menu>li>a:visited,.UtilityNavigation .account-menu>li>a:active{ color:#191919 } .account-menu .profile-picture-wrapper img{ border-radius:0; width:31px } @media (max-width: 991px){ .account-menu{ margin-top:-8px } } a.ste-toggle, .wrapper.SVG-enabled a.ste-toggle, .obo-toggle, .wrapper.SVG-enabled .obo-toggle, .batch-toggle, .wrapper.SVG-enabled .batch-toggle, .transaction-date-toggle, .wrapper.SVG-enabled .transaction-date-toggle, .page-statistics-toggle, .wrapper.SVG-enabled .page-statistics-toggle, .list-toggle, .wrapper.SVG-enabled .list-toggle { background-color:rgba(255,255,255,0.9); width:34px; height:31px; border-radius:0; margin-left:-5px } a.ste-toggle:hover, a.ste-toggle:focus, .wrapper.SVG-enabled a.ste-toggle:hover, .wrapper.SVG-enabled a.ste-toggle:focus, .obo-toggle:hover, .obo-toggle:focus, .wrapper.SVG-enabled .obo-toggle:hover, .wrapper.SVG-enabled .obo-toggle:focus, .batch-toggle:hover, .batch-toggle:focus, .wrapper.SVG-enabled .batch-toggle:hover, .wrapper.SVG-enabled .batch-toggle:focus, .transaction-date-toggle:hover, .transaction-date-toggle:focus, .wrapper.SVG-enabled .transaction-date-toggle:hover, .wrapper.SVG-enabled .transaction-date-toggle:focus, .page-statistics-toggle:hover, .page-statistics-toggle:focus, .wrapper.SVG-enabled .page-statistics-toggle:hover, .wrapper.SVG-enabled .page-statistics-toggle:focus, .list-toggle:hover, .list-toggle:focus, .wrapper.SVG-enabled .list-toggle:hover, .wrapper.SVG-enabled .list-toggle:focus { background-color:rgba(255,255,255,0.9); border-radius:0; margin-top:3px; width:34px; height:31px } a.ste-toggle.on, .wrapper.SVG-enabled a.ste-toggle.on, .obo-toggle.on, .wrapper.SVG-enabled .obo-toggle.on, .batch-toggle.on, .wrapper.SVG-enabled .batch-toggle.on, .transaction-date-toggle.on, .wrapper.SVG-enabled .transaction-date-toggle.on, .page-statistics-toggle.on, .wrapper.SVG-enabled .page-statistics-toggle.on, .list-toggle.on, .wrapper.SVG-enabled .list-toggle.on { background-color: #0d0d0d; } @media (min-width: 992px){ .obo-toggle,.obo-toggle:hover,.obo-toggle:focus{ margin-top:2px } } .no-mqs .obo-toggle,.no-mqs .obo-toggle:hover,.no-mqs .obo-toggle:focus{ margin-top:2px } .obo-toggle.on,.ste-toggle.on{ background-color:#191919 } .OnBehalfOfContainer{ width:100% } .search-container-sm{ margin-top:3.5px; margin-bottom:3.5px } .header-search{ padding:8px 15px; /* Search field is used as toggle button *and* field on larger devices */ } .header-search>.header-search{ padding:0; /* don't double the padding */ } .header-search .search-field{ height:32px } @media (max-width: 991px){ .header-search .search-field{ width:100% } } @media (min-width: 992px){ .header-search .search-field{ padding:0 0 0 7px; width:40px; height:40px; background-position:0 !important; background-color:rgba(255,255,255,0.8); border:none; margin:0 0 0 -5px; -webkit-transition:width; -o-transition:width; transition:width; -webkit-transition-duration:1s; transition-duration:1s; border-radius: 50px; background-color: #5D3066 } .header-search .search-field:hover{ cursor:pointer; background-color:#fff } .header-search .search-field:focus{ background-color:#fff; width:200px } } .no-mqs .header-search .search-field{ padding:0 0 0 7px; width:25px; height:31px; padding-left:34px !important; background-position:7px -17px !important; background-color:rgba(255,255,255,0.8); border:none; margin:0 0 0 -5px; -webkit-transition:width; -o-transition:width; transition:width; -webkit-transition-duration:1s; transition-duration:1s } .no-mqs .header-search .search-field:hover{ cursor:pointer; background-color:#fff } .no-mqs .header-search .search-field:focus{ background-color:#fff; width:200px } @media (max-width: 767px){ .nav-auxiliary .nav-aux-primary-switch,tr.nav-auxiliary .nav-aux-primary-switch,th.nav-auxiliary .nav-aux-primary-switch,td.nav-auxiliary .nav-aux-primary-switch{ display:none !important } } @media (min-width: 768px){ .nav-primary .nav-aux-primary-switch,tr.nav-primary .nav-aux-primary-switch,th.nav-primary .nav-aux-primary-switch,td.nav-primary .nav-aux-primary-switch{ display:none !important } } .no-mqs .nav-primary .nav-aux-primary-switch,.no-mqs tr.nav-primary .nav-aux-primary-switch,.no-mqs th.nav-primary .nav-aux-primary-switch,.no-mqs td.nav-primary .nav-aux-primary-switch{ display:none !important } @media (max-width: 991px){ .searchbar-collapse{ margin-top:10px; width:100% } .searchbar-collapse .header-search{ padding:8px 8px 10px 10px } .header-container .UtilityNavigation.nav-auxiliary{ text-align:right } } /* SVG icon support for OOTB themes */ .wrapper.SVG-enabled .dropdown .caret:before { background-color: #fff; } .wrapper.SVG-enabled .nav-aux-cart a { background-color: rgba(255, 255, 255, 0.8); flex-wrap: wrap; } .wrapper.SVG-enabled .nav-aux-cart a:hover, .wrapper.SVG-enabled .nav-aux-cart a:focus { background-color: #fff; } .wrapper.SVG-enabled .nav-aux-cart a .nav-text { position: absolute; left: -10000px; z-index: 2000; font-size: 70%; } .wrapper.SVG-enabled a.ste-toggle, .wrapper.SVG-enabled .obo-toggle, .wrapper.SVG-enabled .batch-toggle, .wrapper.SVG-enabled .transaction-date-toggle, .wrapper.SVG-enabled .page-statistics-toggle, .wrapper.SVG-enabled .list-toggle { background-color: rgba(255, 255, 255, 0.9); } .wrapper.SVG-enabled a.ste-toggle:hover, .wrapper.SVG-enabled a.ste-toggle:focus, .wrapper.SVG-enabled .obo-toggle:hover, .wrapper.SVG-enabled .obo-toggle:focus, .wrapper.SVG-enabled .batch-toggle:hover, .wrapper.SVG-enabled .batch-toggle:focus, .wrapper.SVG-enabled .transaction-date-toggle:hover, .wrapper.SVG-enabled .transaction-date-toggle:focus, .wrapper.SVG-enabled .page-statistics-toggle:hover, .wrapper.SVG-enabled .page-statistics-toggle:focus, .wrapper.SVG-enabled .list-toggle:hover, .wrapper.SVG-enabled .list-toggle:focus { background-color: white; } .wrapper.SVG-enabled a.ste-toggle.on, .wrapper.SVG-enabled .obo-toggle.on, .wrapper.SVG-enabled .batch-toggle.on, .wrapper.SVG-enabled .transaction-date-toggle.on, .wrapper.SVG-enabled .page-statistics-toggle.on, .wrapper.SVG-enabled .list-toggle.on { background-color: #0d0d0d; } /* ========================================================================== ON BEHALF OF ICONS ========================================================================== */ .obo-action{ background-image:url("images/OboSprite.png") } .obo-action.obo-change-contact,.obo-action.obo-change-contact[disabled]:hover,.obo-action.obo-change-contact.Disabled:hover,.obo-action.obo-change-contact.aspNetDisabled:hover,a.aspNetDisabled:hover .obo-action.obo-change-contact{ background-position:0px 0 } .obo-action.obo-change-contact:hover,.obo-action.obo-change-contact:focus,a:hover .obo-action.obo-change-contact,a:focus .obo-action.obo-change-contact{ background-position:0px -35px } .obo-action.obo-clear,.obo-action.obo-clear[disabled]:hover,.obo-action.obo-clear.Disabled:hover,.obo-action.obo-clear.aspNetDisabled:hover,a.aspNetDisabled:hover .obo-action.obo-clear{ background-position:-35px 0 } .obo-action.obo-clear:hover,.obo-action.obo-clear:focus,a:hover .obo-action.obo-clear,a:focus .obo-action.obo-clear{ background-position:-35px -35px } .SocialSprite{ background-image:url(images/SocialSprite.png); background-repeat:no-repeat; width:24px; height:24px; vertical-align:top; opacity:.7; filter:alpha(opacity=70); -webkit-transition:opacity .2s ease-out; -o-transition:opacity .2s ease-out; transition:opacity .2s ease-out } .SocialSprite.LargeButtons{ width:32px; height:32px } .SocialSprite:hover,.SocialSprite:focus,.SocialSprite:active{ opacity:1; filter:alpha(opacity=100) } .SocialSprite.FacebookIcon,.SocialSprite.FacebookIcon:hover,a:hover .SocialSprite.FacebookIcon,.SocialSprite.FacebookIcon:focus,a:focus .SocialSprite.FacebookIcon,.SocialSprite.FacebookIcon:active,a:active .SocialSprite.FacebookIcon{ background-position:0 0; background-color:#3b5998 } .SocialSprite.FacebookIcon.LargeButtons,.SocialSprite.FacebookIcon.LargeButtons:hover,a:hover .SocialSprite.FacebookIcon.LargeButtons,.SocialSprite.FacebookIcon.LargeButtons:focus,a:focus .SocialSprite.FacebookIcon.LargeButtons,.SocialSprite.FacebookIcon.LargeButtons:active,a:active .SocialSprite.FacebookIcon.LargeButtons{ background-position:0 -80px } .SocialSprite.TwitterIcon,.SocialSprite.TwitterIcon:hover,a:hover .SocialSprite.TwitterIcon,.SocialSprite.TwitterIcon:focus,a:focus .SocialSprite.TwitterIcon,.SocialSprite.TwitterIcon:active,a:active .SocialSprite.TwitterIcon{ background-position:-40px 0; background-color:#00a0d1 } .SocialSprite.TwitterIcon.LargeButtons,.SocialSprite.TwitterIcon.LargeButtons:hover,a:hover .SocialSprite.TwitterIcon.LargeButtons,.SocialSprite.TwitterIcon.LargeButtons:focus,a:focus .SocialSprite.TwitterIcon.LargeButtons,.SocialSprite.TwitterIcon.LargeButtons:active,a:active .SocialSprite.TwitterIcon.LargeButtons{ background-position:-40px -80px } .SocialSprite.LinkedInIcon,.SocialSprite.LinkedInIcon:hover,a:hover .SocialSprite.LinkedInIcon,.SocialSprite.LinkedInIcon:focus,a:focus .SocialSprite.LinkedInIcon,.SocialSprite.LinkedInIcon:active,a:active .SocialSprite.LinkedInIcon{ background-position:-80px 0; background-color:#0e76a8 } .SocialSprite.LinkedInIcon.LargeButtons,.SocialSprite.LinkedInIcon.LargeButtons:hover,a:hover .SocialSprite.LinkedInIcon.LargeButtons,.SocialSprite.LinkedInIcon.LargeButtons:focus,a:focus .SocialSprite.LinkedInIcon.LargeButtons,.SocialSprite.LinkedInIcon.LargeButtons:active,a:active .SocialSprite.LinkedInIcon.LargeButtons{ background-position:-80px -80px } .SocialSprite.YouTubeIcon,.SocialSprite.YouTubeIcon:hover,a:hover .SocialSprite.YouTubeIcon,.SocialSprite.YouTubeIcon:focus,a:focus .SocialSprite.YouTubeIcon,.SocialSprite.YouTubeIcon:active,a:active .SocialSprite.YouTubeIcon{ background-position:-120px 0; background-color:#c4302b } .SocialSprite.YouTubeIcon.LargeButtons,.SocialSprite.YouTubeIcon.LargeButtons:hover,a:hover .SocialSprite.YouTubeIcon.LargeButtons,.SocialSprite.YouTubeIcon.LargeButtons:focus,a:focus .SocialSprite.YouTubeIcon.LargeButtons,.SocialSprite.YouTubeIcon.LargeButtons:active,a:active .SocialSprite.YouTubeIcon.LargeButtons{ background-position:-120px -80px } .SocialSprite.EmailIcon,.SocialSprite.EmailIcon:hover,a:hover .SocialSprite.EmailIcon,.SocialSprite.EmailIcon:focus,a:focus .SocialSprite.EmailIcon,.SocialSprite.EmailIcon:active,a:active .SocialSprite.EmailIcon{ background-position:-160px 0; background-color:#0a629a } .SocialSprite.EmailIcon.LargeButtons,.SocialSprite.EmailIcon.LargeButtons:hover,a:hover .SocialSprite.EmailIcon.LargeButtons,.SocialSprite.EmailIcon.LargeButtons:focus,a:focus .SocialSprite.EmailIcon.LargeButtons,.SocialSprite.EmailIcon.LargeButtons:active,a:active .SocialSprite.EmailIcon.LargeButtons{ background-position:-160px -80px } .SocialSprite.PinterestIcon,.SocialSprite.PinterestIcon:hover,a:hover .SocialSprite.PinterestIcon,.SocialSprite.PinterestIcon:focus,a:focus .SocialSprite.PinterestIcon,.SocialSprite.PinterestIcon:active,a:active .SocialSprite.PinterestIcon{ background-position:-200px 0; background-color:#0a629a } .SocialSprite.PinterestIcon.LargeButtons,.SocialSprite.PinterestIcon.LargeButtons:hover,a:hover .SocialSprite.PinterestIcon.LargeButtons,.SocialSprite.PinterestIcon.LargeButtons:focus,a:focus .SocialSprite.PinterestIcon.LargeButtons,.SocialSprite.PinterestIcon.LargeButtons:active,a:active .SocialSprite.PinterestIcon.LargeButtons{ background-position:-200px -80px } .SocialSprite.GPlusIcon,.SocialSprite.GPlusIcon:hover,a:hover .SocialSprite.GPlusIcon,.SocialSprite.GPlusIcon:focus,a:focus .SocialSprite.GPlusIcon,.SocialSprite.GPlusIcon:active,a:active .SocialSprite.GPlusIcon{ background-position:-240px 0; background-color:#db4a39 } .SocialSprite.GPlusIcon.LargeButtons,.SocialSprite.GPlusIcon.LargeButtons:hover,a:hover .SocialSprite.GPlusIcon.LargeButtons,.SocialSprite.GPlusIcon.LargeButtons:focus,a:focus .SocialSprite.GPlusIcon.LargeButtons,.SocialSprite.GPlusIcon.LargeButtons:active,a:active .SocialSprite.GPlusIcon.LargeButtons{ background-position:-240px -80px } .SocialSprite.SkypeIcon,.SocialSprite.SkypeIcon:hover,a:hover .SocialSprite.SkypeIcon,.SocialSprite.SkypeIcon:focus,a:focus .SocialSprite.SkypeIcon,.SocialSprite.SkypeIcon:active,a:active .SocialSprite.SkypeIcon{ background-position:-280px 0; background-color:#00aff0 } .SocialSprite.SkypeIcon.LargeButtons,.SocialSprite.SkypeIcon.LargeButtons:hover,a:hover .SocialSprite.SkypeIcon.LargeButtons,.SocialSprite.SkypeIcon.LargeButtons:focus,a:focus .SocialSprite.SkypeIcon.LargeButtons,.SocialSprite.SkypeIcon.LargeButtons:active,a:active .SocialSprite.SkypeIcon.LargeButtons{ background-position:-280px -80px } input,button,select,textarea{ font-family:"Poppins",Arial,sans-serif } select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{ display:inline-block; height:37px; padding:5px 10px; font-size:100%; line-height:1.8; color:#646464; border:1px solid #ccc; border-radius:0px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border linear 0.2s,box-shadow linear 0.2s; -o-transition:border linear 0.2s,box-shadow linear 0.2s; transition:border linear 0.2s,box-shadow linear 0.2s } select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) } select:-moz-placeholder,textarea:-moz-placeholder,input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,input[type="datetime"]:-moz-placeholder,input[type="datetime-local"]:-moz-placeholder,input[type="date"]:-moz-placeholder,input[type="month"]:-moz-placeholder,input[type="time"]:-moz-placeholder,input[type="week"]:-moz-placeholder,input[type="number"]:-moz-placeholder,input[type="email"]:-moz-placeholder,input[type="url"]:-moz-placeholder,input[type="search"]:-moz-placeholder,input[type="tel"]:-moz-placeholder,input[type="color"]:-moz-placeholder,.uneditable-input:-moz-placeholder{ color:#fdfdfd } select::-moz-placeholder,textarea::-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="datetime"]::-moz-placeholder,input[type="datetime-local"]::-moz-placeholder,input[type="date"]::-moz-placeholder,input[type="month"]::-moz-placeholder,input[type="time"]::-moz-placeholder,input[type="week"]::-moz-placeholder,input[type="number"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="url"]::-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="color"]::-moz-placeholder,.uneditable-input::-moz-placeholder{ color:#fdfdfd } select:-ms-input-placeholder,textarea:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="datetime"]:-ms-input-placeholder,input[type="datetime-local"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,input[type="month"]:-ms-input-placeholder,input[type="time"]:-ms-input-placeholder,input[type="week"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="url"]:-ms-input-placeholder,input[type="search"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="color"]:-ms-input-placeholder,.uneditable-input:-ms-input-placeholder{ color:#fdfdfd } select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="datetime"]::-webkit-input-placeholder,input[type="datetime-local"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="month"]::-webkit-input-placeholder,input[type="time"]::-webkit-input-placeholder,input[type="week"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="color"]::-webkit-input-placeholder,.uneditable-input::-webkit-input-placeholder{ color:#fdfdfd } /* Upload file button*/ .RadUpload .ruInputs li:hover .ruButton, .RadUpload .ruInputs li:focus .ruButton { background-color: black; color: #fff; } input[type="date"] { padding-right: 0; position: relative; } input[type="date"]::-webkit-calendar-picker-indicator { border-left: 1px solid #e0dfdf; padding: 8px; cursor: pointer; background: #f9f9f9 url("../../Assets/images/IconSprite.svg#datepicker") no-repeat center center; background-size: 15px 15px; position: absolute; right: 0; top: 0; } input[type="date"]::-webkit-calendar-picker-indicator:hover { background-color: #e7e7e7; } input[type="date"]::-webkit-calendar-picker-indicator:focus { background-color: #da5f25; filter: invert(100%) brightness(100%); } /* RadComboBox needs the same styles as normal inputs, * but has to be done separately due to its structure */ .RadComboBox.RadComboBox_MetroTouch{ color:#646464; font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit } .RadComboBox.RadComboBox_MetroTouch .rcbInner,.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput,.RadComboBox.RadComboBox_MetroTouch .rcbFocused,.RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput,.RadComboBox.RadComboBox_MetroTouch .rcbHovered,.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput{ color:#646464 } .RadComboBox.RadComboBox_MetroTouch .rcbInner{ height:37px; padding:0; font-size:100%; line-height:1.8; border:1px solid #ccc; border-radius:0px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border linear 0.2s,box-shadow linear 0.2s; -o-transition:border linear 0.2s,box-shadow linear 0.2s; transition:border linear 0.2s,box-shadow linear 0.2s; overflow: hidden; } @media screen and (prefers-reduced-motion: reduce) { .RadComboBox.RadComboBox_MetroTouch .rcbInner { transition: none; } } .RadComboBox.RadComboBox_MetroTouch .rcbInputCell{ padding:0 } .RadComboBox.RadComboBox_MetroTouch .rcbFocused{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) } .RadComboBox.RadComboBox_MetroTouch .rcbInput{ height:100%; padding:5px 10px } .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput { /* Make sure the page size dropdown in the RadGrid has enough room to show page size */ padding: 2px; } .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage{ color:#fdfdfd } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton{ border-radius:0 0px 0px 0; height: 37px; padding: 0; width: 30px; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon{ height:1.4em } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .p-icon { width: 30px; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch{ font:inherit } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem,.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered,.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled,.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading{ padding-top:5px; padding-bottom:5px } .RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput { height: auto !important; /* IE11 */ } .RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox { height:37px; padding:5px 10px; border-color:#ccc; font:inherit; color:#646464 } .RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus { border-color:#66afe9 } .RadUpload.RadUpload .ruFakeInput{ height:35px; padding:0; border-radius:0px } /* RadEditor designed to look like a normal text box */ .HtmlEditorTextBoxStyle { border: 1px solid #ccc; border-radius: 0px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .HtmlEditorTextBoxStyle .reContent { border-radius: 0px; } .HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td { background-color: transparent; } /* RadPicker - Make sure there's some space between the picker and the time zone label*/ .RadPicker + .TimeZoneLabel { margin-left: .5em; } #EventDescriptionDiv .ContentHtmlEditor{ border:1px solid #ccc; border-radius:0px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) } #EventDescriptionDiv iframe,#EventDescriptionDiv td{ background-color:transparent } .RadPicker+.TimeZoneLabel{ margin-left:.5em } /* Chosen multi-select */ .chosen-container-multi .chosen-choices{ min-height:37px; border-radius:0px; border-color:#ccc; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border linear 0.2s,box-shadow linear 0.2s; -o-transition:border linear 0.2s,box-shadow linear 0.2s; transition:border linear 0.2s,box-shadow linear 0.2s; background-image:none } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-multi .chosen-choices { transition: none; } } .chosen-container-multi .chosen-choices li.search-field{ background-color:transparent; background-image:none; border-color:transparent; padding-left:0 !important } .chosen-container-active .chosen-choices{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) } input[type="radio"],input[type="checkbox"]{ margin:4px 0 0; *margin-top:0; margin-top:1px \9; line-height:normal; cursor:pointer } input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{ width:auto } textarea{ height:auto } select{ border:1px solid #ccc; background-color:#fff } select[multiple],select[size]{ height:auto } select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } /* Touch-friendly form controls that show as buttons */ .radiobutton-buttons input[type="radio"]:checked + label { color: #fff; background: #0d0d0d; border-color: transparent; } /* ========================================================================== BUTTONS ========================================================================== */ /* set up button base styles */ .btn,.TextButton,.TextButtonWithImage,.RadUpload .ruButton,.RadUploadProgressArea .ruButton,#masterHeaderActionArea a{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid transparent; white-space:normal; text-decoration:none; padding:5px 10px; font-size:16px; line-height:1.8; border-radius:0px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; transition:background .2s ease-out } @media screen and (prefers-reduced-motion: reduce) { .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { transition: none; } } .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled { opacity: .55; box-shadow: none; } a.TextButton.disabled, a.TextButton[disabled], fieldset[disabled] a.TextButton, a.TextButton.aspNetDisabled { pointer-events: none; } /* default button */ .btn:focus,.TextButton:focus,.TextButtonWithImage:focus,.RadUpload .ruButton:focus,.RadUploadProgressArea .ruButton:focus,#masterHeaderActionArea a:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover,.btn:focus,.btn:visited,.TextButton:hover,.TextButton:focus,.TextButton:visited,.TextButtonWithImage:hover,.TextButtonWithImage:focus,.TextButtonWithImage:visited,.RadUpload .ruButton:hover,.RadUpload .ruButton:focus,.RadUpload .ruButton:visited,.RadUploadProgressArea .ruButton:hover,.RadUploadProgressArea .ruButton:focus,.RadUploadProgressArea .ruButton:visited,#masterHeaderActionArea a:hover,#masterHeaderActionArea a:focus,#masterHeaderActionArea a:visited{ color:#191919; text-decoration:none } .btn:active,.btn.active,.TextButton:active,.TextButton.active,.TextButtonWithImage:active,.TextButtonWithImage.active,.RadUpload .ruButton:active,.RadUpload .ruButton.active,.RadUploadProgressArea .ruButton:active,.RadUploadProgressArea .ruButton.active,#masterHeaderActionArea a:active,#masterHeaderActionArea a.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn.disabled,.btn[disabled],fieldset[disabled] .btn,.btn.aspNetDisabled,.TextButton.disabled,.TextButton[disabled],fieldset[disabled] .TextButton,.TextButton.aspNetDisabled,.TextButtonWithImage.disabled,.TextButtonWithImage[disabled],fieldset[disabled] .TextButtonWithImage,.TextButtonWithImage.aspNetDisabled,.RadUpload .ruButton.disabled,.RadUpload .ruButton[disabled],fieldset[disabled] .RadUpload .ruButton,.RadUpload .ruButton.aspNetDisabled,.RadUploadProgressArea .ruButton.disabled,.RadUploadProgressArea .ruButton[disabled],fieldset[disabled] .RadUploadProgressArea .ruButton,.RadUploadProgressArea .ruButton.aspNetDisabled,#masterHeaderActionArea a.disabled,#masterHeaderActionArea a[disabled],fieldset[disabled] #masterHeaderActionArea a,#masterHeaderActionArea a.aspNetDisabled{ pointer-events:none; opacity:.55; filter:alpha(opacity=55); -webkit-box-shadow:none; box-shadow:none } .btn,.TextButton,.TextButtonWithImage,.ruButton,#masterHeaderActionArea a,.RadGrid input.TextButton{ color:#191919; background-color:#fff; border-color:#79C3C3 } .btn:hover,.btn:focus,.btn:active,.btn:visited,.TextButton:hover,.TextButton:focus,.TextButton:active,.TextButton:visited,.TextButtonWithImage:hover,.TextButtonWithImage:focus,.TextButtonWithImage:active,.TextButtonWithImage:visited,.ruButton:hover,.ruButton:focus,.ruButton:active,.ruButton:visited,#masterHeaderActionArea a:hover,#masterHeaderActionArea a:focus,#masterHeaderActionArea a:active,#masterHeaderActionArea a:visited,.RadGrid input.TextButton:hover,.RadGrid input.TextButton:focus,.RadGrid input.TextButton:active,.RadGrid input.TextButton:visited{ color:#191919; background-color:#ebebeb; border-color:#4fb0b0 } .btn:active,.TextButton:active,.TextButtonWithImage:active,.ruButton:active,#masterHeaderActionArea a:active,.RadGrid input.TextButton:active{ background-image:none } .btn[disabled],.btn[disabled]:hover,.btn[disabled]:focus,.btn[disabled]:active,fieldset[disabled] .btn,fieldset[disabled] .btn:hover,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:active,.btn.aspNetDisabled,.btn.aspNetDisabled:hover,.btn.aspNetDisabled:focus,.btn.aspNetDisabled:active,.TextButton[disabled],.TextButton[disabled]:hover,.TextButton[disabled]:focus,.TextButton[disabled]:active,fieldset[disabled] .TextButton,fieldset[disabled] .TextButton:hover,fieldset[disabled] .TextButton:focus,fieldset[disabled] .TextButton:active,.TextButton.aspNetDisabled,.TextButton.aspNetDisabled:hover,.TextButton.aspNetDisabled:focus,.TextButton.aspNetDisabled:active,.TextButtonWithImage[disabled],.TextButtonWithImage[disabled]:hover,.TextButtonWithImage[disabled]:focus,.TextButtonWithImage[disabled]:active,fieldset[disabled] .TextButtonWithImage,fieldset[disabled] .TextButtonWithImage:hover,fieldset[disabled] .TextButtonWithImage:focus,fieldset[disabled] .TextButtonWithImage:active,.TextButtonWithImage.aspNetDisabled,.TextButtonWithImage.aspNetDisabled:hover,.TextButtonWithImage.aspNetDisabled:focus,.TextButtonWithImage.aspNetDisabled:active,.ruButton[disabled],.ruButton[disabled]:hover,.ruButton[disabled]:focus,.ruButton[disabled]:active,fieldset[disabled] .ruButton,fieldset[disabled] .ruButton:hover,fieldset[disabled] .ruButton:focus,fieldset[disabled] .ruButton:active,.ruButton.aspNetDisabled,.ruButton.aspNetDisabled:hover,.ruButton.aspNetDisabled:focus,.ruButton.aspNetDisabled:active,#masterHeaderActionArea a[disabled],#masterHeaderActionArea a[disabled]:hover,#masterHeaderActionArea a[disabled]:focus,#masterHeaderActionArea a[disabled]:active,fieldset[disabled] #masterHeaderActionArea a,fieldset[disabled] #masterHeaderActionArea a:hover,fieldset[disabled] #masterHeaderActionArea a:focus,fieldset[disabled] #masterHeaderActionArea a:active,#masterHeaderActionArea a.aspNetDisabled,#masterHeaderActionArea a.aspNetDisabled:hover,#masterHeaderActionArea a.aspNetDisabled:focus,#masterHeaderActionArea a.aspNetDisabled:active,.RadGrid input.TextButton[disabled],.RadGrid input.TextButton[disabled]:hover,.RadGrid input.TextButton[disabled]:focus,.RadGrid input.TextButton[disabled]:active,fieldset[disabled] .RadGrid input.TextButton,fieldset[disabled] .RadGrid input.TextButton:hover,fieldset[disabled] .RadGrid input.TextButton:focus,fieldset[disabled] .RadGrid input.TextButton:active,.RadGrid input.TextButton.aspNetDisabled,.RadGrid input.TextButton.aspNetDisabled:hover,.RadGrid input.TextButton.aspNetDisabled:focus,.RadGrid input.TextButton.aspNetDisabled:active{ background-color:#fff; border-color:#79C3C3 } .ruButton{ background-color:#fff !important; color:#191919 !important; cursor:pointer; border-radius:0px !important } .RadUpload.RadUpload .ruBrowse,.RadUpload.RadUpload .ruRemove{ height:auto; padding:5px 10px; line-height:1.8; border-radius:0px } /* primary button */ .PrimaryButton,.SaveAndClose,.SaveAs,.UsePrimaryButton .TextButton,.UsePrimaryButton .TextButtonWithImage,#masterHeaderActionArea a,.RadGrid input.PrimaryButton{ color:#191919; background-color:#79C3C3; border-color:rgba(0,0,0,0) } .PrimaryButton:hover,.PrimaryButton:focus,.PrimaryButton:active,.PrimaryButton:visited,.SaveAndClose:hover,.SaveAndClose:focus,.SaveAndClose:active,.SaveAndClose:visited,.SaveAs:hover,.SaveAs:focus,.SaveAs:active,.SaveAs:visited,.UsePrimaryButton .TextButton:hover,.UsePrimaryButton .TextButton:focus,.UsePrimaryButton .TextButton:active,.UsePrimaryButton .TextButton:visited,.UsePrimaryButton .TextButtonWithImage:hover,.UsePrimaryButton .TextButtonWithImage:focus,.UsePrimaryButton .TextButtonWithImage:active,.UsePrimaryButton .TextButtonWithImage:visited,#masterHeaderActionArea a:hover,#masterHeaderActionArea a:focus,#masterHeaderActionArea a:active,#masterHeaderActionArea a:visited,.RadGrid input.PrimaryButton:hover,.RadGrid input.PrimaryButton:focus,.RadGrid input.PrimaryButton:active,.RadGrid input.PrimaryButton:visited{ color:#191919; background-color:#5db6b6; border-color:rgba(0,0,0,0) } .PrimaryButton:active,.SaveAndClose:active,.SaveAs:active,.UsePrimaryButton .TextButton:active,.UsePrimaryButton .TextButtonWithImage:active,#masterHeaderActionArea a:active,.RadGrid input.PrimaryButton:active{ background-image:none } .PrimaryButton[disabled],.PrimaryButton[disabled]:hover,.PrimaryButton[disabled]:focus,.PrimaryButton[disabled]:active,fieldset[disabled] .PrimaryButton,fieldset[disabled] .PrimaryButton:hover,fieldset[disabled] .PrimaryButton:focus,fieldset[disabled] .PrimaryButton:active,.PrimaryButton.aspNetDisabled,.PrimaryButton.aspNetDisabled:hover,.PrimaryButton.aspNetDisabled:focus,.PrimaryButton.aspNetDisabled:active,.SaveAndClose[disabled],.SaveAndClose[disabled]:hover,.SaveAndClose[disabled]:focus,.SaveAndClose[disabled]:active,fieldset[disabled] .SaveAndClose,fieldset[disabled] .SaveAndClose:hover,fieldset[disabled] .SaveAndClose:focus,fieldset[disabled] .SaveAndClose:active,.SaveAndClose.aspNetDisabled,.SaveAndClose.aspNetDisabled:hover,.SaveAndClose.aspNetDisabled:focus,.SaveAndClose.aspNetDisabled:active,.SaveAs[disabled],.SaveAs[disabled]:hover,.SaveAs[disabled]:focus,.SaveAs[disabled]:active,fieldset[disabled] .SaveAs,fieldset[disabled] .SaveAs:hover,fieldset[disabled] .SaveAs:focus,fieldset[disabled] .SaveAs:active,.SaveAs.aspNetDisabled,.SaveAs.aspNetDisabled:hover,.SaveAs.aspNetDisabled:focus,.SaveAs.aspNetDisabled:active,.UsePrimaryButton .TextButton[disabled],.UsePrimaryButton .TextButton[disabled]:hover,.UsePrimaryButton .TextButton[disabled]:focus,.UsePrimaryButton .TextButton[disabled]:active,fieldset[disabled] .UsePrimaryButton .TextButton,fieldset[disabled] .UsePrimaryButton .TextButton:hover,fieldset[disabled] .UsePrimaryButton .TextButton:focus,fieldset[disabled] .UsePrimaryButton .TextButton:active,.UsePrimaryButton .TextButton.aspNetDisabled,.UsePrimaryButton .TextButton.aspNetDisabled:hover,.UsePrimaryButton .TextButton.aspNetDisabled:focus,.UsePrimaryButton .TextButton.aspNetDisabled:active,.UsePrimaryButton .TextButtonWithImage[disabled],.UsePrimaryButton .TextButtonWithImage[disabled]:hover,.UsePrimaryButton .TextButtonWithImage[disabled]:focus,.UsePrimaryButton .TextButtonWithImage[disabled]:active,fieldset[disabled] .UsePrimaryButton .TextButtonWithImage,fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover,fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus,fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active,.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,#masterHeaderActionArea a[disabled],#masterHeaderActionArea a[disabled]:hover,#masterHeaderActionArea a[disabled]:focus,#masterHeaderActionArea a[disabled]:active,fieldset[disabled] #masterHeaderActionArea a,fieldset[disabled] #masterHeaderActionArea a:hover,fieldset[disabled] #masterHeaderActionArea a:focus,fieldset[disabled] #masterHeaderActionArea a:active,#masterHeaderActionArea a.aspNetDisabled,#masterHeaderActionArea a.aspNetDisabled:hover,#masterHeaderActionArea a.aspNetDisabled:focus,#masterHeaderActionArea a.aspNetDisabled:active,.RadGrid input.PrimaryButton[disabled],.RadGrid input.PrimaryButton[disabled]:hover,.RadGrid input.PrimaryButton[disabled]:focus,.RadGrid input.PrimaryButton[disabled]:active,fieldset[disabled] .RadGrid input.PrimaryButton,fieldset[disabled] .RadGrid input.PrimaryButton:hover,fieldset[disabled] .RadGrid input.PrimaryButton:focus,fieldset[disabled] .RadGrid input.PrimaryButton:active,.RadGrid input.PrimaryButton.aspNetDisabled,.RadGrid input.PrimaryButton.aspNetDisabled:hover,.RadGrid input.PrimaryButton.aspNetDisabled:focus,.RadGrid input.PrimaryButton.aspNetDisabled:active{ background-color:#79C3C3; border-color:rgba(0,0,0,0) } /* Facebook sign in button */ .TextButton.Facebook{ color:#fff; background-color:#0077B5; border-color:#005582 } .TextButton.Facebook:hover,.TextButton.Facebook:focus,.TextButton.Facebook:active,.TextButton.Facebook:visited{ color:#fff; background-color:#005c8c; border-color:#002d45 } .TextButton.Facebook:active{ background-image:none } .TextButton.Facebook[disabled],.TextButton.Facebook[disabled]:hover,.TextButton.Facebook[disabled]:focus,.TextButton.Facebook[disabled]:active,fieldset[disabled] .TextButton.Facebook,fieldset[disabled] .TextButton.Facebook:hover,fieldset[disabled] .TextButton.Facebook:focus,fieldset[disabled] .TextButton.Facebook:active,.TextButton.Facebook.aspNetDisabled,.TextButton.Facebook.aspNetDisabled:hover,.TextButton.Facebook.aspNetDisabled:focus,.TextButton.Facebook.aspNetDisabled:active{ background-color:#0077B5; border-color:#005582 } /* LinkedIn sign in button */ .SignInButton.LinkedIn{ color:#fff; background-color:#3B5998; border-color:#2d4373 } .SignInButton.LinkedIn:hover,.SignInButton.LinkedIn:focus,.SignInButton.LinkedIn:active,.SignInButton.LinkedIn:visited{ color:#fff; background-color:#30487b; border-color:#1c2a47 } .SignInButton.LinkedIn:active{ background-image:none } .SignInButton.LinkedIn[disabled],.SignInButton.LinkedIn[disabled]:hover,.SignInButton.LinkedIn[disabled]:focus,.SignInButton.LinkedIn[disabled]:active,fieldset[disabled] .SignInButton.LinkedIn,fieldset[disabled] .SignInButton.LinkedIn:hover,fieldset[disabled] .SignInButton.LinkedIn:focus,fieldset[disabled] .SignInButton.LinkedIn:active,.SignInButton.LinkedIn.aspNetDisabled,.SignInButton.LinkedIn.aspNetDisabled:hover,.SignInButton.LinkedIn.aspNetDisabled:focus,.SignInButton.LinkedIn.aspNetDisabled:active{ background-color:#3B5998; border-color:#2d4373 } .MediumButton,.UseMediumButton .TextButton,.UseMediumButton .TextButtonWithImage{ font-size:120% !important; padding:9px 14px !important } .LargeButton,.UseLargeButton .TextButton,.UseLargeButton .TextButtonWithImage{ font-size:150% !important; padding:12px 17px !important } .FullWidthButton, .UseFullWidthButton .TextButton { width: 100%; } /* Style buttons to look like links for deemphasis */ .LinkButton { -webkit-appearance: none !important; background: transparent !important; color: #390099; text-shadow: none; box-shadow: none; border: none; font-weight: normal; padding: 5px 10px; font-size: 14px; line-height: 1.8; border-radius: 0px; color: #390099 ; text-decoration: underline; } .LinkButton:visited { color: #4300b2 ; } .LinkButton:hover, .LinkButton:focus, .LinkButton:active { color: #260066 ; text-decoration: underline ; } .LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited { color: #999999 ; text-decoration: underline ; } @media (min-width: 992px) { .StandardButtonMd { padding: 5px 10px; font-size: 14px; line-height: 1.8; border-radius: 0px; } } /* Generic red and green buttons to be used for all themes (styling is not theme dependant) */ .DangerButton { background-color: #d03528; border-color: transparent; } .DangerButton, .DangerButton:hover, .DangerButton:focus, .DangerButton:active, .DangerButton:visited { text-decoration: none; } .DangerButton, .DangerButton:visited { color: #fff; } .DangerButton:hover, .DangerButton:focus, .DangerButton:active { color: #fff; text-decoration: none; background-color: #ae2c21; border-color: rgba(0, 0, 0, 0); } .DangerButton:active { background-image: none; } .SuccessButton { background-color: #68bd49; border-color: transparent; } .SuccessButton, .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active, .SuccessButton:visited { text-decoration: none; } .SuccessButton, .SuccessButton:visited { color: #fff; } .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active { color: #fff; text-decoration: none; background-color: #57a23b; border-color: rgba(0, 0, 0, 0); } .SuccessButton:active { background-image: none; } .SuccessButton:disabled, .SuccessButton:disabled:hover, .SuccessButton:disabled:focus, .SuccessButton:disabled:active, .SuccessButton.disabled, .SuccessButton.disabled:hover, .SuccessButton.disabled:focus, .SuccessButton.disabled:active, .SuccessButton.aspNetDisabled, .SuccessButton.aspNetDisabled:hover, .SuccessButton.aspNetDisabled:focus, .SuccessButton.aspNetDisabled:active { color: #fff; background-color: #68bd49; border-color: transparent; } .button-group .LargeButton { width: 100%; height: 100%; font-size: 19px !important; line-height: 1.2; min-height: 70px; display: flex; justify-content: center; align-items: center; } .CalloutArea1 .btn.PrimaryButton,.CalloutArea1 .TextButton.PrimaryButton,.CalloutArea1 .TextButtonWithImage.PrimaryButton,.CalloutArea2 .btn.PrimaryButton,.CalloutArea2 .TextButton.PrimaryButton,.CalloutArea2 .TextButtonWithImage.PrimaryButton{ color:#fff; background-color:#646464 } .CalloutArea1 .btn.PrimaryButton:hover,.CalloutArea1 .btn.PrimaryButton:active,.CalloutArea1 .btn.PrimaryButton:focus,.CalloutArea1 .TextButton.PrimaryButton:hover,.CalloutArea1 .TextButton.PrimaryButton:active,.CalloutArea1 .TextButton.PrimaryButton:focus,.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,.CalloutArea2 .btn.PrimaryButton:hover,.CalloutArea2 .btn.PrimaryButton:active,.CalloutArea2 .btn.PrimaryButton:focus,.CalloutArea2 .TextButton.PrimaryButton:hover,.CalloutArea2 .TextButton.PrimaryButton:active,.CalloutArea2 .TextButton.PrimaryButton:focus,.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus{ color:#fff; background-color:#454545 } .btn.DangerButton{ color:#fff; background:#c74b49 } .btn.SuccessButton{ color:#fff; background:#008943 } /* ========================================================================== CONTENT ITEMS ========================================================================== */ /* Open Invoices ========================================================================== */ .OpenInvoicesTotals .SelectedTotal .PanelFieldValue{ color:#5D3066 } /* Group List Editor ========================================================================== */ .RadTreeView.GLE .rtLI{ margin-bottom:.3em } .RadTreeView.GLE .rtIn,.RadTreeView.GLE .rtHover .rtIn,.RadTreeView.GLE .rtSelected .rtIn{ background-color:transparent; border:none; color:#191919 } .RadTreeView.GLE a:hover,.RadTreeView.GLE a:focus,.RadTreeView.GLE span[onclick]:hover,.RadTreeView.GLE span[onclick]:focus{ background-color:#000; color:#fff } /* Communiaction Preferences ========================================================================== */ .CommunicationPreferencesSection{ background-color:#f0edf2 } /* Inline edit save and publish buttons ========================================================================= */ .SimpleContentEditorInline .reToolBar:last-child .reTool { background-color: #0d0d0d; color: #fff; font-family: "Raleway", Arial, sans-serif; font-weight: normal; transition: background 0.2s ease-out; } @media screen and (prefers-reduced-motion: reduce) { .SimpleContentEditorInline .reToolBar:last-child .reTool { transition: none; } } .SimpleContentEditorInline .reToolBar:last-child .reTool:hover, .SimpleContentEditorInline .reToolBar:last-child .reTool:focus, .SimpleContentEditorInline .reToolBar:last-child .reTool:active { background-color: #030303; } .SimpleContentEditorInline .reToolBar:last-child .reTool:before { background: #fff; } .SimpleContentEditorInline .reToolBar:last-child .reDone { background-color: #66ffcc; color: #0d0d0d; } .SimpleContentEditorInline .reToolBar:last-child .reDone:hover, .SimpleContentEditorInline .reToolBar:last-child .reDone:focus, .SimpleContentEditorInline .reToolBar:last-child .reDone:active { background-color: #52ffc5; } .SimpleContentEditorInline .reToolBar:last-child .reDone:before { background-color: #0d0d0d; } /* Mini Profile ========================================================================== */ .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel { /* Style the name like an h2 */ font-family: "Abel", Helvetica Neue, sans-serif; font-weight: 700; font-size: 200%; } .mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-large .panel-heading, .mini-profile-banner-small .mini-profile-picture-section, .mini-profile-banner-small .panel-heading { background-color: #ffffff; color: #000; } .mini-profile-banner-large .profile-picture-container, .mini-profile-banner-small .profile-picture-container { display: inline-block; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); padding: 8px; border-radius: 5px; } .mini-profile-banner-large .profile-picture-container img, .mini-profile-banner-small .profile-picture-container img { border-radius: 3px; } .mini-profile-banner-large .mini-profile-status-section, .mini-profile-banner-small .mini-profile-status-section { font-size: .9em; } @media (min-width: 768px) { .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section { background-color: #ffffff; } } .account-banner:before { background-color: #ffffff; border-radius: 0px; } @media (min-width: 768px) { .account-banner .mini-profile-banner-large .mini-profile { grid-template: "picture name" 1fr "picture address" auto "picture status" auto/fit-content(33%) auto; } } .account-banner .mini-profile-name-section, .account-banner .mini-profile-address-section, .account-banner .mini-profile-picture-section, .account-banner .mini-profile-status-section, .account-banner .mini-profile-banner-large .panel-heading, .account-banner .mini-profile-banner-small .panel-heading { background-color: transparent; } .account-banner .mini-profile-banner-large .mini-profile-picture-section .profile-picture-container, .account-banner .mini-profile-banner-small .mini-profile-picture-section .profile-picture-container { margin-bottom: 0; } .account-banner .mini-profile-banner-large .mini-profile-picture-section-after, .account-banner .mini-profile-banner-small .mini-profile-picture-section-after { height: 0; } .account-banner .summary-display { font-size: .9em; } .account-banner .AlertSet { background-color: transparent; } .account-banner .AlertSet .AlertItem { margin-bottom: 0.5rem; border-radius: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .account-banner .AlertSet .AlertItem:last-item { margin-bottom: 0; } .account-banner .AlertSet .AlertItem .media > img { width: 20px; } .account-banner .scrollbar-minimal ::-webkit-scrollbar-track { background-color: transparent; } .account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); } .account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.6); } .account-banner-short .banner-content:after { background-image: url(images/bg-geometric-blue.png); } .account-banner-bg-color-1 .account-banner:before { background-color: #f0edf2; } .account-banner-bg-color-1 .account-banner-short .banner-top-bar { background-color: #f0edf2; } .account-banner-bg-color-2 .account-banner:before { background-color: #00abbe; } .account-banner-bg-color-2 .account-banner-short .banner-top-bar { background-color: #00abbe; } .account-banner-bg-color-3 .account-banner:before { background-color: #3d00a3; } .account-banner-bg-color-3 .account-banner-short .banner-top-bar { background-color: #3d00a3; } .account-banner-bg-color-4 .account-banner:before { background-color: #e98300; } .account-banner-bg-color-4 .account-banner-short .banner-top-bar { background-color: #e98300; } .account-banner-bg-color-5 .account-banner:before { background-color: #8e51ae; } .account-banner-bg-color-5 .account-banner-short .banner-top-bar { background-color: #8e51ae; } .account-banner-bg-color-red .account-banner:before { background-color: #d03528; } .account-banner-bg-color-red .account-banner-short .banner-top-bar { background-color: #d03528; } .account-banner-bg-color-orange .account-banner:before { background-color: #e98300; } .account-banner-bg-color-orange .account-banner-short .banner-top-bar { background-color: #e98300; } .account-banner-bg-color-yellow .account-banner:before { background-color: #e8d92d; } .account-banner-bg-color-yellow .account-banner-short .banner-top-bar { background-color: #e8d92d; } .account-banner-bg-color-green .account-banner:before { background-color: #68bd49; } .account-banner-bg-color-green .account-banner-short .banner-top-bar { background-color: #68bd49; } .account-banner-bg-color-blue .account-banner:before { background-color: #00a9e0; } .account-banner-bg-color-blue .account-banner-short .banner-top-bar { background-color: #00a9e0; } .account-banner-bg-color-purple .account-banner:before { background-color: #8e51ae; } .account-banner-bg-color-purple .account-banner-short .banner-top-bar { background-color: #8e51ae; } .account-banner-bg-color-mps-1 .account-banner:before { background-color: #3d00a3; } .account-banner-bg-color-mps-1 .account-banner-short .banner-top-bar { background-color: #3d00a3; } .account-banner-bg-color-mps-2 .account-banner:before { background-color: #66ffcc; } .account-banner-bg-color-mps-2 .account-banner-short .banner-top-bar { background-color: #66ffcc; } .account-banner .area-top-left, .account-banner-short .area-top-left { --system-icon-color: #343a40; --system-icon-color-hover: #212529; } .account-banner .area-top-left a, .account-banner .area-middle-left a, .account-banner .area-bottom-left a, .account-banner .area-center a, .account-banner-short .area-top-left a, .account-banner-short .area-middle-left a, .account-banner-short .area-bottom-left a, .account-banner-short .area-center a { text-decoration: underline; } .account-banner .area-top-left, .account-banner .area-top-left h1, .account-banner .area-top-left h2, .account-banner .area-top-left h3, .account-banner .area-top-left h4, .account-banner .area-top-left h5, .account-banner .area-top-left label, .account-banner .area-top-left .Label, .account-banner .area-top-left .SectionLabel, .account-banner .area-middle-left, .account-banner .area-middle-left h1, .account-banner .area-middle-left h2, .account-banner .area-middle-left h3, .account-banner .area-middle-left h4, .account-banner .area-middle-left h5, .account-banner .area-middle-left label, .account-banner .area-middle-left .Label, .account-banner .area-middle-left .SectionLabel, .account-banner .area-bottom-left, .account-banner .area-bottom-left h1, .account-banner .area-bottom-left h2, .account-banner .area-bottom-left h3, .account-banner .area-bottom-left h4, .account-banner .area-bottom-left h5, .account-banner .area-bottom-left label, .account-banner .area-bottom-left .Label, .account-banner .area-bottom-left .SectionLabel, .account-banner .area-center, .account-banner .area-center h1, .account-banner .area-center h2, .account-banner .area-center h3, .account-banner .area-center h4, .account-banner .area-center h5, .account-banner .area-center label, .account-banner .area-center .Label, .account-banner .area-center .SectionLabel, .account-banner-short .area-top-left, .account-banner-short .area-top-left h1, .account-banner-short .area-top-left h2, .account-banner-short .area-top-left h3, .account-banner-short .area-top-left h4, .account-banner-short .area-top-left h5, .account-banner-short .area-top-left label, .account-banner-short .area-top-left .Label, .account-banner-short .area-top-left .SectionLabel, .account-banner-short .area-middle-left, .account-banner-short .area-middle-left h1, .account-banner-short .area-middle-left h2, .account-banner-short .area-middle-left h3, .account-banner-short .area-middle-left h4, .account-banner-short .area-middle-left h5, .account-banner-short .area-middle-left label, .account-banner-short .area-middle-left .Label, .account-banner-short .area-middle-left .SectionLabel, .account-banner-short .area-bottom-left, .account-banner-short .area-bottom-left h1, .account-banner-short .area-bottom-left h2, .account-banner-short .area-bottom-left h3, .account-banner-short .area-bottom-left h4, .account-banner-short .area-bottom-left h5, .account-banner-short .area-bottom-left label, .account-banner-short .area-bottom-left .Label, .account-banner-short .area-bottom-left .SectionLabel, .account-banner-short .area-center, .account-banner-short .area-center h1, .account-banner-short .area-center h2, .account-banner-short .area-center h3, .account-banner-short .area-center h4, .account-banner-short .area-center h5, .account-banner-short .area-center label, .account-banner-short .area-center .Label, .account-banner-short .area-center .SectionLabel { color: #0c0c0c; } .account-banner .area-top-left a.ButtonItem, .account-banner .area-middle-left a.ButtonItem, .account-banner .area-bottom-left a.ButtonItem, .account-banner .area-center a.ButtonItem, .account-banner-short .area-top-left a.ButtonItem, .account-banner-short .area-middle-left a.ButtonItem, .account-banner-short .area-bottom-left a.ButtonItem, .account-banner-short .area-center a.ButtonItem { text-decoration: none; } .account-banner .area-top-left a:not(.ButtonItem), .account-banner .area-middle-left a:not(.ButtonItem), .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner .area-center a:not(.ButtonItem), .account-banner-short .area-top-left a:not(.ButtonItem), .account-banner-short .area-middle-left a:not(.ButtonItem), .account-banner-short .area-bottom-left a:not(.ButtonItem), .account-banner-short .area-center a:not(.ButtonItem) { color: #0c0c0c; } .account-banner-bg-color-3 .account-banner .area-top-left, .account-banner-bg-color-3 .account-banner-short .area-top-left, .account-banner-bg-color-5 .account-banner .area-top-left, .account-banner-bg-color-5 .account-banner-short .area-top-left, .account-banner-bg-color-red .account-banner .area-top-left, .account-banner-bg-color-red .account-banner-short .area-top-left, .account-banner-bg-color-purple .account-banner .area-top-left, .account-banner-bg-color-purple .account-banner-short .area-top-left, .account-banner-bg-color-mps-1 .account-banner .area-top-left, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left { --system-icon-color: #ced4da; --system-icon-color-hover: #fff; } .account-banner-bg-color-3 .account-banner .area-top-left, .account-banner-bg-color-3 .account-banner .area-top-left h1, .account-banner-bg-color-3 .account-banner .area-top-left h2, .account-banner-bg-color-3 .account-banner .area-top-left h3, .account-banner-bg-color-3 .account-banner .area-top-left h4, .account-banner-bg-color-3 .account-banner .area-top-left h5, .account-banner-bg-color-3 .account-banner .area-top-left label, .account-banner-bg-color-3 .account-banner .area-top-left .Label, .account-banner-bg-color-3 .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-3 .account-banner .area-top-bar-left, .account-banner-bg-color-3 .account-banner .area-top-bar-left h1, .account-banner-bg-color-3 .account-banner .area-top-bar-left h2, .account-banner-bg-color-3 .account-banner .area-top-bar-left h3, .account-banner-bg-color-3 .account-banner .area-top-bar-left h4, .account-banner-bg-color-3 .account-banner .area-top-bar-left h5, .account-banner-bg-color-3 .account-banner .area-top-bar-left label, .account-banner-bg-color-3 .account-banner .area-top-bar-left .Label, .account-banner-bg-color-3 .account-banner .area-top-bar-left .SectionLabel, .account-banner-bg-color-3 .account-banner .area-top-bar-right, .account-banner-bg-color-3 .account-banner .area-top-bar-right h1, .account-banner-bg-color-3 .account-banner .area-top-bar-right h2, .account-banner-bg-color-3 .account-banner .area-top-bar-right h3, .account-banner-bg-color-3 .account-banner .area-top-bar-right h4, .account-banner-bg-color-3 .account-banner .area-top-bar-right h5, .account-banner-bg-color-3 .account-banner .area-top-bar-right label, .account-banner-bg-color-3 .account-banner .area-top-bar-right .Label, .account-banner-bg-color-3 .account-banner .area-top-bar-right .SectionLabel, .account-banner-bg-color-3 .account-banner-short .area-top-left, .account-banner-bg-color-3 .account-banner-short .area-top-left h1, .account-banner-bg-color-3 .account-banner-short .area-top-left h2, .account-banner-bg-color-3 .account-banner-short .area-top-left h3, .account-banner-bg-color-3 .account-banner-short .area-top-left h4, .account-banner-bg-color-3 .account-banner-short .area-top-left h5, .account-banner-bg-color-3 .account-banner-short .area-top-left label, .account-banner-bg-color-3 .account-banner-short .area-top-left .Label, .account-banner-bg-color-3 .account-banner-short .area-top-left .SectionLabel, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left h1, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left h2, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left h3, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left h4, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left h5, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left label, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .Label, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .SectionLabel, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right h1, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right h2, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right h3, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right h4, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right h5, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right label, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .Label, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .SectionLabel, .account-banner-bg-color-5 .account-banner .area-top-left, .account-banner-bg-color-5 .account-banner .area-top-left h1, .account-banner-bg-color-5 .account-banner .area-top-left h2, .account-banner-bg-color-5 .account-banner .area-top-left h3, .account-banner-bg-color-5 .account-banner .area-top-left h4, .account-banner-bg-color-5 .account-banner .area-top-left h5, .account-banner-bg-color-5 .account-banner .area-top-left label, .account-banner-bg-color-5 .account-banner .area-top-left .Label, .account-banner-bg-color-5 .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-5 .account-banner .area-top-bar-left, .account-banner-bg-color-5 .account-banner .area-top-bar-left h1, .account-banner-bg-color-5 .account-banner .area-top-bar-left h2, .account-banner-bg-color-5 .account-banner .area-top-bar-left h3, .account-banner-bg-color-5 .account-banner .area-top-bar-left h4, .account-banner-bg-color-5 .account-banner .area-top-bar-left h5, .account-banner-bg-color-5 .account-banner .area-top-bar-left label, .account-banner-bg-color-5 .account-banner .area-top-bar-left .Label, .account-banner-bg-color-5 .account-banner .area-top-bar-left .SectionLabel, .account-banner-bg-color-5 .account-banner .area-top-bar-right, .account-banner-bg-color-5 .account-banner .area-top-bar-right h1, .account-banner-bg-color-5 .account-banner .area-top-bar-right h2, .account-banner-bg-color-5 .account-banner .area-top-bar-right h3, .account-banner-bg-color-5 .account-banner .area-top-bar-right h4, .account-banner-bg-color-5 .account-banner .area-top-bar-right h5, .account-banner-bg-color-5 .account-banner .area-top-bar-right label, .account-banner-bg-color-5 .account-banner .area-top-bar-right .Label, .account-banner-bg-color-5 .account-banner .area-top-bar-right .SectionLabel, .account-banner-bg-color-5 .account-banner-short .area-top-left, .account-banner-bg-color-5 .account-banner-short .area-top-left h1, .account-banner-bg-color-5 .account-banner-short .area-top-left h2, .account-banner-bg-color-5 .account-banner-short .area-top-left h3, .account-banner-bg-color-5 .account-banner-short .area-top-left h4, .account-banner-bg-color-5 .account-banner-short .area-top-left h5, .account-banner-bg-color-5 .account-banner-short .area-top-left label, .account-banner-bg-color-5 .account-banner-short .area-top-left .Label, .account-banner-bg-color-5 .account-banner-short .area-top-left .SectionLabel, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left h1, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left h2, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left h3, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left h4, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left h5, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left label, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .Label, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .SectionLabel, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right h1, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right h2, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right h3, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right h4, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right h5, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right label, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .Label, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .SectionLabel, .account-banner-bg-color-red .account-banner .area-top-left, .account-banner-bg-color-red .account-banner .area-top-left h1, .account-banner-bg-color-red .account-banner .area-top-left h2, .account-banner-bg-color-red .account-banner .area-top-left h3, .account-banner-bg-color-red .account-banner .area-top-left h4, .account-banner-bg-color-red .account-banner .area-top-left h5, .account-banner-bg-color-red .account-banner .area-top-left label, .account-banner-bg-color-red .account-banner .area-top-left .Label, .account-banner-bg-color-red .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-top-bar-left, .account-banner-bg-color-red .account-banner .area-top-bar-left h1, .account-banner-bg-color-red .account-banner .area-top-bar-left h2, .account-banner-bg-color-red .account-banner .area-top-bar-left h3, .account-banner-bg-color-red .account-banner .area-top-bar-left h4, .account-banner-bg-color-red .account-banner .area-top-bar-left h5, .account-banner-bg-color-red .account-banner .area-top-bar-left label, .account-banner-bg-color-red .account-banner .area-top-bar-left .Label, .account-banner-bg-color-red .account-banner .area-top-bar-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-top-bar-right, .account-banner-bg-color-red .account-banner .area-top-bar-right h1, .account-banner-bg-color-red .account-banner .area-top-bar-right h2, .account-banner-bg-color-red .account-banner .area-top-bar-right h3, .account-banner-bg-color-red .account-banner .area-top-bar-right h4, .account-banner-bg-color-red .account-banner .area-top-bar-right h5, .account-banner-bg-color-red .account-banner .area-top-bar-right label, .account-banner-bg-color-red .account-banner .area-top-bar-right .Label, .account-banner-bg-color-red .account-banner .area-top-bar-right .SectionLabel, .account-banner-bg-color-red .account-banner-short .area-top-left, .account-banner-bg-color-red .account-banner-short .area-top-left h1, .account-banner-bg-color-red .account-banner-short .area-top-left h2, .account-banner-bg-color-red .account-banner-short .area-top-left h3, .account-banner-bg-color-red .account-banner-short .area-top-left h4, .account-banner-bg-color-red .account-banner-short .area-top-left h5, .account-banner-bg-color-red .account-banner-short .area-top-left label, .account-banner-bg-color-red .account-banner-short .area-top-left .Label, .account-banner-bg-color-red .account-banner-short .area-top-left .SectionLabel, .account-banner-bg-color-red .account-banner-short .area-top-bar-left, .account-banner-bg-color-red .account-banner-short .area-top-bar-left h1, .account-banner-bg-color-red .account-banner-short .area-top-bar-left h2, .account-banner-bg-color-red .account-banner-short .area-top-bar-left h3, .account-banner-bg-color-red .account-banner-short .area-top-bar-left h4, .account-banner-bg-color-red .account-banner-short .area-top-bar-left h5, .account-banner-bg-color-red .account-banner-short .area-top-bar-left label, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .Label, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .SectionLabel, .account-banner-bg-color-red .account-banner-short .area-top-bar-right, .account-banner-bg-color-red .account-banner-short .area-top-bar-right h1, .account-banner-bg-color-red .account-banner-short .area-top-bar-right h2, .account-banner-bg-color-red .account-banner-short .area-top-bar-right h3, .account-banner-bg-color-red .account-banner-short .area-top-bar-right h4, .account-banner-bg-color-red .account-banner-short .area-top-bar-right h5, .account-banner-bg-color-red .account-banner-short .area-top-bar-right label, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .Label, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .SectionLabel, .account-banner-bg-color-purple .account-banner .area-top-left, .account-banner-bg-color-purple .account-banner .area-top-left h1, .account-banner-bg-color-purple .account-banner .area-top-left h2, .account-banner-bg-color-purple .account-banner .area-top-left h3, .account-banner-bg-color-purple .account-banner .area-top-left h4, .account-banner-bg-color-purple .account-banner .area-top-left h5, .account-banner-bg-color-purple .account-banner .area-top-left label, .account-banner-bg-color-purple .account-banner .area-top-left .Label, .account-banner-bg-color-purple .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-top-bar-left, .account-banner-bg-color-purple .account-banner .area-top-bar-left h1, .account-banner-bg-color-purple .account-banner .area-top-bar-left h2, .account-banner-bg-color-purple .account-banner .area-top-bar-left h3, .account-banner-bg-color-purple .account-banner .area-top-bar-left h4, .account-banner-bg-color-purple .account-banner .area-top-bar-left h5, .account-banner-bg-color-purple .account-banner .area-top-bar-left label, .account-banner-bg-color-purple .account-banner .area-top-bar-left .Label, .account-banner-bg-color-purple .account-banner .area-top-bar-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-top-bar-right, .account-banner-bg-color-purple .account-banner .area-top-bar-right h1, .account-banner-bg-color-purple .account-banner .area-top-bar-right h2, .account-banner-bg-color-purple .account-banner .area-top-bar-right h3, .account-banner-bg-color-purple .account-banner .area-top-bar-right h4, .account-banner-bg-color-purple .account-banner .area-top-bar-right h5, .account-banner-bg-color-purple .account-banner .area-top-bar-right label, .account-banner-bg-color-purple .account-banner .area-top-bar-right .Label, .account-banner-bg-color-purple .account-banner .area-top-bar-right .SectionLabel, .account-banner-bg-color-purple .account-banner-short .area-top-left, .account-banner-bg-color-purple .account-banner-short .area-top-left h1, .account-banner-bg-color-purple .account-banner-short .area-top-left h2, .account-banner-bg-color-purple .account-banner-short .area-top-left h3, .account-banner-bg-color-purple .account-banner-short .area-top-left h4, .account-banner-bg-color-purple .account-banner-short .area-top-left h5, .account-banner-bg-color-purple .account-banner-short .area-top-left label, .account-banner-bg-color-purple .account-banner-short .area-top-left .Label, .account-banner-bg-color-purple .account-banner-short .area-top-left .SectionLabel, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left h1, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left h2, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left h3, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left h4, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left h5, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left label, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .Label, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .SectionLabel, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right h1, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right h2, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right h3, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right h4, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right h5, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right label, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .Label, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .SectionLabel, .account-banner-bg-color-mps-1 .account-banner .area-top-left, .account-banner-bg-color-mps-1 .account-banner .area-top-left h1, .account-banner-bg-color-mps-1 .account-banner .area-top-left h2, .account-banner-bg-color-mps-1 .account-banner .area-top-left h3, .account-banner-bg-color-mps-1 .account-banner .area-top-left h4, .account-banner-bg-color-mps-1 .account-banner .area-top-left h5, .account-banner-bg-color-mps-1 .account-banner .area-top-left label, .account-banner-bg-color-mps-1 .account-banner .area-top-left .Label, .account-banner-bg-color-mps-1 .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h1, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h2, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h3, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h4, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left h5, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left label, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .Label, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h1, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h2, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h3, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h4, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right h5, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right label, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .Label, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .SectionLabel, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left h1, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left h2, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left h3, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left h4, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left h5, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left label, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .Label, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h1, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h2, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h3, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h4, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left h5, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left label, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .Label, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h1, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h2, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h3, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h4, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right h5, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right label, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .Label, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .SectionLabel { color: #fff; } .account-banner-bg-color-3 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-3 .account-banner .area-top-bar-left a.ButtonItem, .account-banner-bg-color-3 .account-banner .area-top-bar-right a.ButtonItem, .account-banner-bg-color-3 .account-banner-short .area-top-left a.ButtonItem, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left a.ButtonItem, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-top-bar-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-top-bar-right a.ButtonItem, .account-banner-bg-color-5 .account-banner-short .area-top-left a.ButtonItem, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left a.ButtonItem, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right a.ButtonItem, .account-banner-bg-color-red .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-top-bar-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-top-bar-right a.ButtonItem, .account-banner-bg-color-red .account-banner-short .area-top-left a.ButtonItem, .account-banner-bg-color-red .account-banner-short .area-top-bar-left a.ButtonItem, .account-banner-bg-color-red .account-banner-short .area-top-bar-right a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-top-bar-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-top-bar-right a.ButtonItem, .account-banner-bg-color-purple .account-banner-short .area-top-left a.ButtonItem, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left a.ButtonItem, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right a.ButtonItem { text-decoration: none; } .account-banner-bg-color-3 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner-short .area-top-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner-short .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner-short .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner-short .area-top-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner-short .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner-short .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-red .account-banner-short .area-top-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner-short .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner-short .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner-short .area-top-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner-short .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner-short .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner-short .area-top-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right a:not(.ButtonItem) { color: #fff; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):visited { color: #fff; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):hover { color: #0c0c0c; background-color: #fff; border-color: #fff; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton), .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #0c0c0c; background-color: #fff; border-color: #fff; } .btn-check:checked + .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .account-banner .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton { background-color: #fff; border-color: #fff; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited { text-decoration: none; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:visited, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:visited { color: #0c0c0c; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:hover, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:focus, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active { color: #0c0c0c; text-decoration: none; background-color: #ebebeb; border-color: #e0e0e0; } .account-banner-bg-color-3 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-3 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-5 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-red .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-purple .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner .area-top-bar-right .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton.PrimaryButton:active, .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-right .TextButton.PrimaryButton:active { background-image: none; } .account-banner-bg-color-3 .account-banner .sysicon:focus, .account-banner-bg-color-3 .account-banner button.sysicon:focus, .account-banner-bg-color-3 .account-banner-short .sysicon:focus, .account-banner-bg-color-3 .account-banner-short button.sysicon:focus, .account-banner-bg-color-5 .account-banner .sysicon:focus, .account-banner-bg-color-5 .account-banner button.sysicon:focus, .account-banner-bg-color-5 .account-banner-short .sysicon:focus, .account-banner-bg-color-5 .account-banner-short button.sysicon:focus, .account-banner-bg-color-red .account-banner .sysicon:focus, .account-banner-bg-color-red .account-banner button.sysicon:focus, .account-banner-bg-color-red .account-banner-short .sysicon:focus, .account-banner-bg-color-red .account-banner-short button.sysicon:focus, .account-banner-bg-color-purple .account-banner .sysicon:focus, .account-banner-bg-color-purple .account-banner button.sysicon:focus, .account-banner-bg-color-purple .account-banner-short .sysicon:focus, .account-banner-bg-color-purple .account-banner-short button.sysicon:focus, .account-banner-bg-color-mps-1 .account-banner .sysicon:focus, .account-banner-bg-color-mps-1 .account-banner button.sysicon:focus, .account-banner-bg-color-mps-1 .account-banner-short .sysicon:focus, .account-banner-bg-color-mps-1 .account-banner-short button.sysicon:focus { border-color: #fff !important; } @media (min-width: 768px) { .account-banner-bg-color-3 .account-banner .area-middle-left, .account-banner-bg-color-3 .account-banner .area-middle-left h1, .account-banner-bg-color-3 .account-banner .area-middle-left h2, .account-banner-bg-color-3 .account-banner .area-middle-left h3, .account-banner-bg-color-3 .account-banner .area-middle-left h4, .account-banner-bg-color-3 .account-banner .area-middle-left h5, .account-banner-bg-color-3 .account-banner .area-middle-left label, .account-banner-bg-color-3 .account-banner .area-middle-left .Label, .account-banner-bg-color-3 .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-3 .account-banner .area-bottom-left, .account-banner-bg-color-3 .account-banner .area-bottom-left h1, .account-banner-bg-color-3 .account-banner .area-bottom-left h2, .account-banner-bg-color-3 .account-banner .area-bottom-left h3, .account-banner-bg-color-3 .account-banner .area-bottom-left h4, .account-banner-bg-color-3 .account-banner .area-bottom-left h5, .account-banner-bg-color-3 .account-banner .area-bottom-left label, .account-banner-bg-color-3 .account-banner .area-bottom-left .Label, .account-banner-bg-color-3 .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-3 .account-banner-short .area-middle-left, .account-banner-bg-color-3 .account-banner-short .area-middle-left h1, .account-banner-bg-color-3 .account-banner-short .area-middle-left h2, .account-banner-bg-color-3 .account-banner-short .area-middle-left h3, .account-banner-bg-color-3 .account-banner-short .area-middle-left h4, .account-banner-bg-color-3 .account-banner-short .area-middle-left h5, .account-banner-bg-color-3 .account-banner-short .area-middle-left label, .account-banner-bg-color-3 .account-banner-short .area-middle-left .Label, .account-banner-bg-color-3 .account-banner-short .area-middle-left .SectionLabel, .account-banner-bg-color-3 .account-banner-short .area-bottom-left, .account-banner-bg-color-3 .account-banner-short .area-bottom-left h1, .account-banner-bg-color-3 .account-banner-short .area-bottom-left h2, .account-banner-bg-color-3 .account-banner-short .area-bottom-left h3, .account-banner-bg-color-3 .account-banner-short .area-bottom-left h4, .account-banner-bg-color-3 .account-banner-short .area-bottom-left h5, .account-banner-bg-color-3 .account-banner-short .area-bottom-left label, .account-banner-bg-color-3 .account-banner-short .area-bottom-left .Label, .account-banner-bg-color-3 .account-banner-short .area-bottom-left .SectionLabel, .account-banner-bg-color-5 .account-banner .area-middle-left, .account-banner-bg-color-5 .account-banner .area-middle-left h1, .account-banner-bg-color-5 .account-banner .area-middle-left h2, .account-banner-bg-color-5 .account-banner .area-middle-left h3, .account-banner-bg-color-5 .account-banner .area-middle-left h4, .account-banner-bg-color-5 .account-banner .area-middle-left h5, .account-banner-bg-color-5 .account-banner .area-middle-left label, .account-banner-bg-color-5 .account-banner .area-middle-left .Label, .account-banner-bg-color-5 .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-5 .account-banner .area-bottom-left, .account-banner-bg-color-5 .account-banner .area-bottom-left h1, .account-banner-bg-color-5 .account-banner .area-bottom-left h2, .account-banner-bg-color-5 .account-banner .area-bottom-left h3, .account-banner-bg-color-5 .account-banner .area-bottom-left h4, .account-banner-bg-color-5 .account-banner .area-bottom-left h5, .account-banner-bg-color-5 .account-banner .area-bottom-left label, .account-banner-bg-color-5 .account-banner .area-bottom-left .Label, .account-banner-bg-color-5 .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-5 .account-banner-short .area-middle-left, .account-banner-bg-color-5 .account-banner-short .area-middle-left h1, .account-banner-bg-color-5 .account-banner-short .area-middle-left h2, .account-banner-bg-color-5 .account-banner-short .area-middle-left h3, .account-banner-bg-color-5 .account-banner-short .area-middle-left h4, .account-banner-bg-color-5 .account-banner-short .area-middle-left h5, .account-banner-bg-color-5 .account-banner-short .area-middle-left label, .account-banner-bg-color-5 .account-banner-short .area-middle-left .Label, .account-banner-bg-color-5 .account-banner-short .area-middle-left .SectionLabel, .account-banner-bg-color-5 .account-banner-short .area-bottom-left, .account-banner-bg-color-5 .account-banner-short .area-bottom-left h1, .account-banner-bg-color-5 .account-banner-short .area-bottom-left h2, .account-banner-bg-color-5 .account-banner-short .area-bottom-left h3, .account-banner-bg-color-5 .account-banner-short .area-bottom-left h4, .account-banner-bg-color-5 .account-banner-short .area-bottom-left h5, .account-banner-bg-color-5 .account-banner-short .area-bottom-left label, .account-banner-bg-color-5 .account-banner-short .area-bottom-left .Label, .account-banner-bg-color-5 .account-banner-short .area-bottom-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-middle-left, .account-banner-bg-color-red .account-banner .area-middle-left h1, .account-banner-bg-color-red .account-banner .area-middle-left h2, .account-banner-bg-color-red .account-banner .area-middle-left h3, .account-banner-bg-color-red .account-banner .area-middle-left h4, .account-banner-bg-color-red .account-banner .area-middle-left h5, .account-banner-bg-color-red .account-banner .area-middle-left label, .account-banner-bg-color-red .account-banner .area-middle-left .Label, .account-banner-bg-color-red .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-bottom-left, .account-banner-bg-color-red .account-banner .area-bottom-left h1, .account-banner-bg-color-red .account-banner .area-bottom-left h2, .account-banner-bg-color-red .account-banner .area-bottom-left h3, .account-banner-bg-color-red .account-banner .area-bottom-left h4, .account-banner-bg-color-red .account-banner .area-bottom-left h5, .account-banner-bg-color-red .account-banner .area-bottom-left label, .account-banner-bg-color-red .account-banner .area-bottom-left .Label, .account-banner-bg-color-red .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-red .account-banner-short .area-middle-left, .account-banner-bg-color-red .account-banner-short .area-middle-left h1, .account-banner-bg-color-red .account-banner-short .area-middle-left h2, .account-banner-bg-color-red .account-banner-short .area-middle-left h3, .account-banner-bg-color-red .account-banner-short .area-middle-left h4, .account-banner-bg-color-red .account-banner-short .area-middle-left h5, .account-banner-bg-color-red .account-banner-short .area-middle-left label, .account-banner-bg-color-red .account-banner-short .area-middle-left .Label, .account-banner-bg-color-red .account-banner-short .area-middle-left .SectionLabel, .account-banner-bg-color-red .account-banner-short .area-bottom-left, .account-banner-bg-color-red .account-banner-short .area-bottom-left h1, .account-banner-bg-color-red .account-banner-short .area-bottom-left h2, .account-banner-bg-color-red .account-banner-short .area-bottom-left h3, .account-banner-bg-color-red .account-banner-short .area-bottom-left h4, .account-banner-bg-color-red .account-banner-short .area-bottom-left h5, .account-banner-bg-color-red .account-banner-short .area-bottom-left label, .account-banner-bg-color-red .account-banner-short .area-bottom-left .Label, .account-banner-bg-color-red .account-banner-short .area-bottom-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-middle-left, .account-banner-bg-color-purple .account-banner .area-middle-left h1, .account-banner-bg-color-purple .account-banner .area-middle-left h2, .account-banner-bg-color-purple .account-banner .area-middle-left h3, .account-banner-bg-color-purple .account-banner .area-middle-left h4, .account-banner-bg-color-purple .account-banner .area-middle-left h5, .account-banner-bg-color-purple .account-banner .area-middle-left label, .account-banner-bg-color-purple .account-banner .area-middle-left .Label, .account-banner-bg-color-purple .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-bottom-left, .account-banner-bg-color-purple .account-banner .area-bottom-left h1, .account-banner-bg-color-purple .account-banner .area-bottom-left h2, .account-banner-bg-color-purple .account-banner .area-bottom-left h3, .account-banner-bg-color-purple .account-banner .area-bottom-left h4, .account-banner-bg-color-purple .account-banner .area-bottom-left h5, .account-banner-bg-color-purple .account-banner .area-bottom-left label, .account-banner-bg-color-purple .account-banner .area-bottom-left .Label, .account-banner-bg-color-purple .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-purple .account-banner-short .area-middle-left, .account-banner-bg-color-purple .account-banner-short .area-middle-left h1, .account-banner-bg-color-purple .account-banner-short .area-middle-left h2, .account-banner-bg-color-purple .account-banner-short .area-middle-left h3, .account-banner-bg-color-purple .account-banner-short .area-middle-left h4, .account-banner-bg-color-purple .account-banner-short .area-middle-left h5, .account-banner-bg-color-purple .account-banner-short .area-middle-left label, .account-banner-bg-color-purple .account-banner-short .area-middle-left .Label, .account-banner-bg-color-purple .account-banner-short .area-middle-left .SectionLabel, .account-banner-bg-color-purple .account-banner-short .area-bottom-left, .account-banner-bg-color-purple .account-banner-short .area-bottom-left h1, .account-banner-bg-color-purple .account-banner-short .area-bottom-left h2, .account-banner-bg-color-purple .account-banner-short .area-bottom-left h3, .account-banner-bg-color-purple .account-banner-short .area-bottom-left h4, .account-banner-bg-color-purple .account-banner-short .area-bottom-left h5, .account-banner-bg-color-purple .account-banner-short .area-bottom-left label, .account-banner-bg-color-purple .account-banner-short .area-bottom-left .Label, .account-banner-bg-color-purple .account-banner-short .area-bottom-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner .area-middle-left, .account-banner-bg-color-mps-1 .account-banner .area-middle-left h1, .account-banner-bg-color-mps-1 .account-banner .area-middle-left h2, .account-banner-bg-color-mps-1 .account-banner .area-middle-left h3, .account-banner-bg-color-mps-1 .account-banner .area-middle-left h4, .account-banner-bg-color-mps-1 .account-banner .area-middle-left h5, .account-banner-bg-color-mps-1 .account-banner .area-middle-left label, .account-banner-bg-color-mps-1 .account-banner .area-middle-left .Label, .account-banner-bg-color-mps-1 .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h1, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h2, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h3, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h4, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left h5, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left label, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left .Label, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h1, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h2, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h3, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h4, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left h5, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left label, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left .Label, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left .SectionLabel, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h1, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h2, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h3, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h4, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left h5, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left label, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left .Label, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left .SectionLabel { color: #fff; } .account-banner-bg-color-3 .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-3 .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-3 .account-banner-short .area-middle-left a.ButtonItem, .account-banner-bg-color-3 .account-banner-short .area-bottom-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-5 .account-banner-short .area-middle-left a.ButtonItem, .account-banner-bg-color-5 .account-banner-short .area-bottom-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-red .account-banner-short .area-middle-left a.ButtonItem, .account-banner-bg-color-red .account-banner-short .area-bottom-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-purple .account-banner-short .area-middle-left a.ButtonItem, .account-banner-bg-color-purple .account-banner-short .area-bottom-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left a.ButtonItem { text-decoration: none; } .account-banner-bg-color-3 .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner-short .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner-short .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner-short .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner-short .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner-short .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner-short .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner-short .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner-short .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner-short .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner-short .area-bottom-left a:not(.ButtonItem) { color: #fff; } } @media (min-width: 992px) { .account-banner-bg-color-3 .account-banner .area-center, .account-banner-bg-color-3 .account-banner .area-center h1, .account-banner-bg-color-3 .account-banner .area-center h2, .account-banner-bg-color-3 .account-banner .area-center h3, .account-banner-bg-color-3 .account-banner .area-center h4, .account-banner-bg-color-3 .account-banner .area-center h5, .account-banner-bg-color-3 .account-banner .area-center label, .account-banner-bg-color-3 .account-banner .area-center .Label, .account-banner-bg-color-3 .account-banner .area-center .SectionLabel, .account-banner-bg-color-3 .account-banner-short .area-center, .account-banner-bg-color-3 .account-banner-short .area-center h1, .account-banner-bg-color-3 .account-banner-short .area-center h2, .account-banner-bg-color-3 .account-banner-short .area-center h3, .account-banner-bg-color-3 .account-banner-short .area-center h4, .account-banner-bg-color-3 .account-banner-short .area-center h5, .account-banner-bg-color-3 .account-banner-short .area-center label, .account-banner-bg-color-3 .account-banner-short .area-center .Label, .account-banner-bg-color-3 .account-banner-short .area-center .SectionLabel, .account-banner-bg-color-5 .account-banner .area-center, .account-banner-bg-color-5 .account-banner .area-center h1, .account-banner-bg-color-5 .account-banner .area-center h2, .account-banner-bg-color-5 .account-banner .area-center h3, .account-banner-bg-color-5 .account-banner .area-center h4, .account-banner-bg-color-5 .account-banner .area-center h5, .account-banner-bg-color-5 .account-banner .area-center label, .account-banner-bg-color-5 .account-banner .area-center .Label, .account-banner-bg-color-5 .account-banner .area-center .SectionLabel, .account-banner-bg-color-5 .account-banner-short .area-center, .account-banner-bg-color-5 .account-banner-short .area-center h1, .account-banner-bg-color-5 .account-banner-short .area-center h2, .account-banner-bg-color-5 .account-banner-short .area-center h3, .account-banner-bg-color-5 .account-banner-short .area-center h4, .account-banner-bg-color-5 .account-banner-short .area-center h5, .account-banner-bg-color-5 .account-banner-short .area-center label, .account-banner-bg-color-5 .account-banner-short .area-center .Label, .account-banner-bg-color-5 .account-banner-short .area-center .SectionLabel, .account-banner-bg-color-red .account-banner .area-center, .account-banner-bg-color-red .account-banner .area-center h1, .account-banner-bg-color-red .account-banner .area-center h2, .account-banner-bg-color-red .account-banner .area-center h3, .account-banner-bg-color-red .account-banner .area-center h4, .account-banner-bg-color-red .account-banner .area-center h5, .account-banner-bg-color-red .account-banner .area-center label, .account-banner-bg-color-red .account-banner .area-center .Label, .account-banner-bg-color-red .account-banner .area-center .SectionLabel, .account-banner-bg-color-red .account-banner-short .area-center, .account-banner-bg-color-red .account-banner-short .area-center h1, .account-banner-bg-color-red .account-banner-short .area-center h2, .account-banner-bg-color-red .account-banner-short .area-center h3, .account-banner-bg-color-red .account-banner-short .area-center h4, .account-banner-bg-color-red .account-banner-short .area-center h5, .account-banner-bg-color-red .account-banner-short .area-center label, .account-banner-bg-color-red .account-banner-short .area-center .Label, .account-banner-bg-color-red .account-banner-short .area-center .SectionLabel, .account-banner-bg-color-purple .account-banner .area-center, .account-banner-bg-color-purple .account-banner .area-center h1, .account-banner-bg-color-purple .account-banner .area-center h2, .account-banner-bg-color-purple .account-banner .area-center h3, .account-banner-bg-color-purple .account-banner .area-center h4, .account-banner-bg-color-purple .account-banner .area-center h5, .account-banner-bg-color-purple .account-banner .area-center label, .account-banner-bg-color-purple .account-banner .area-center .Label, .account-banner-bg-color-purple .account-banner .area-center .SectionLabel, .account-banner-bg-color-purple .account-banner-short .area-center, .account-banner-bg-color-purple .account-banner-short .area-center h1, .account-banner-bg-color-purple .account-banner-short .area-center h2, .account-banner-bg-color-purple .account-banner-short .area-center h3, .account-banner-bg-color-purple .account-banner-short .area-center h4, .account-banner-bg-color-purple .account-banner-short .area-center h5, .account-banner-bg-color-purple .account-banner-short .area-center label, .account-banner-bg-color-purple .account-banner-short .area-center .Label, .account-banner-bg-color-purple .account-banner-short .area-center .SectionLabel, .account-banner-bg-color-mps-1 .account-banner .area-center, .account-banner-bg-color-mps-1 .account-banner .area-center h1, .account-banner-bg-color-mps-1 .account-banner .area-center h2, .account-banner-bg-color-mps-1 .account-banner .area-center h3, .account-banner-bg-color-mps-1 .account-banner .area-center h4, .account-banner-bg-color-mps-1 .account-banner .area-center h5, .account-banner-bg-color-mps-1 .account-banner .area-center label, .account-banner-bg-color-mps-1 .account-banner .area-center .Label, .account-banner-bg-color-mps-1 .account-banner .area-center .SectionLabel, .account-banner-bg-color-mps-1 .account-banner-short .area-center, .account-banner-bg-color-mps-1 .account-banner-short .area-center h1, .account-banner-bg-color-mps-1 .account-banner-short .area-center h2, .account-banner-bg-color-mps-1 .account-banner-short .area-center h3, .account-banner-bg-color-mps-1 .account-banner-short .area-center h4, .account-banner-bg-color-mps-1 .account-banner-short .area-center h5, .account-banner-bg-color-mps-1 .account-banner-short .area-center label, .account-banner-bg-color-mps-1 .account-banner-short .area-center .Label, .account-banner-bg-color-mps-1 .account-banner-short .area-center .SectionLabel { color: #fff; } .account-banner-bg-color-3 .account-banner .area-center a.ButtonItem, .account-banner-bg-color-3 .account-banner-short .area-center a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-center a.ButtonItem, .account-banner-bg-color-5 .account-banner-short .area-center a.ButtonItem, .account-banner-bg-color-red .account-banner .area-center a.ButtonItem, .account-banner-bg-color-red .account-banner-short .area-center a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-center a.ButtonItem, .account-banner-bg-color-purple .account-banner-short .area-center a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner .area-center a.ButtonItem, .account-banner-bg-color-mps-1 .account-banner-short .area-center a.ButtonItem { text-decoration: none; } .account-banner-bg-color-3 .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-3 .account-banner-short .area-center a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner-short .area-center a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-red .account-banner-short .area-center a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner-short .area-center a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-mps-1 .account-banner-short .area-center a:not(.ButtonItem) { color: #fff; } } html:not(.t-safari) .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .btn, html:not(.t-safari) .account-banner-bg-color-3 .account-banner-short .area-top-bar-left .TextButton, html:not(.t-safari) .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .btn, html:not(.t-safari) .account-banner-bg-color-5 .account-banner-short .area-top-bar-left .TextButton, html:not(.t-safari) .account-banner-bg-color-red .account-banner-short .area-top-bar-left .btn, html:not(.t-safari) .account-banner-bg-color-red .account-banner-short .area-top-bar-left .TextButton, html:not(.t-safari) .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .btn, html:not(.t-safari) .account-banner-bg-color-purple .account-banner-short .area-top-bar-left .TextButton, html:not(.t-safari) .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .btn, html:not(.t-safari) .account-banner-bg-color-mps-1 .account-banner-short .area-top-bar-left .TextButton { border: none; } .account-page-with-banner .mini-profile-banner-large .panel-heading, .account-page-with-banner .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area { background-color: #ffffff; } .account-page-with-banner .account-page-top-area { padding-top: 15px; padding-left: 15px; padding-right: 15px; } .account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section, .account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section { background-color: #ffffff; } .account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section, .account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section { border-bottom: 1px solid #ccc; } @media (min-width: 768px) { .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section { background-color: #ffffff; } .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .SectionLabel { color: #0c0c0c; } .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a.ButtonItem, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a.ButtonItem { text-decoration: none; } .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a:not(.ButtonItem), .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a:not(.ButtonItem) { color: #0c0c0c; } .account-page-with-banner .mini-profile-banner-large .mini-profile:after { /* because we're not sure if the name or address will be the last section of the right column, need to add the border in this weird way */ content: ''; border-bottom: 1px solid #ccc; grid-column: address; grid-row: address; align-self: end; z-index: 1; } } /* Search Results ========================================================================== */ .SearchField,.SearchResultSummary .ListItemTitle a{ display:block; background-color:#474747; padding:8px 12px } .SearchField label{ font-size:120%; color:#F5E46D } .SearchResultSummary .ListItemTitle a{ text-decoration:none; color:#646464 !important; margin:-4px -7px 0 } .SearchResultSummary .ListItemTitle a:hover{ background-color:#2d2d2d; text-decoration:underline } /* Event Display ========================================================================== */ .EventSummary{ background-color:#f0edf2 } .EventSummary .PhotoArea{ padding:2em } .EventSummary .PhotoArea img{ border:1px solid #CCC !important } .EventSummary .Description{ padding:0 2em 2em } @media (min-width: 768px){ .EventSummary .Description{ padding:2em } } .no-mqs .EventSummary .Description{ padding:2em } .ProgramGroup .PanelHead,.ProgramGroup .panel-heading{ background-color:#2d2d2d } .ProgramGroup .PanelTitle,.ProgramGroup .panel-title{ font-family:"Poppins",Arial,sans-serif; font-weight:bold; font-size:120%; line-height:2em; padding-left:.5em } /* Product Display ========================================================================== */ .ProductDisplay{ background-color:#f0edf2; padding:1em } /* Progress Tracker ========================================================================== */ /* These are overrides for the colors and styles defined in 10-UltraWave.css */ /* */ .ProgressTracker .count{ font-weight:bold } .ProgressTracker .SuccessfulMessage,.ProgressTracker .ProgressBar>span{ background-color:#191919 } .ProgressTrackerNavigation:hover { border-radius: 0px; box-shadow: 0 2px 3px 0px #999999; border-color: #999999; opacity: 0.9; cursor: pointer; } /* */ /* */ .ProgressTracker2 .ProgressTrackerPanel{ background-color:#2d2d2d } .ProgressTracker2 .ProgressTrackerPanel:before,.ProgressTracker2 .ProgressTrackerPanel:after{ content:" "; display:table } .ProgressTracker2 .ProgressTrackerPanel:after{ clear:both } .ProgressTracker2 .ProgressTrackerPanel .count{ color:#fff; font-family:"Poppins",Arial,sans-serif; font-weight:700 } .ProgressTracker2 div p{ background-color:#fff; color:#F5E46D; margin-bottom:0 } .ProgressTracker2 .ProgressBar{ margin:10px } .ProgressTracker2 .ProgressBar>span{ background-color:#c970db } .ProgressTracker2 .SuccessfulMessage{ background-color:#fcf9e6; color:#646464 } /* */ /* Filter Panel (Query Menu) ========================================================================== */ /* This is an alternate style for the Query Menu filter panel */ .FilterPanel{ background-color:#f0edf2; border:none !important; margin-top:-3px } .FilterPanel .PanelTitle,.FilterPanel .panel-title{ background-image:none; padding-left:0.1em; line-height:normal; margin-left:0; font-size:152.35305% } .FilterPanel .PanelHead.Distinguish,.FilterPanel .panel-heading.Distinguish{ border:none; min-height:1em } /* Cart Charges ========================================================================== */ .CartCharges{ background-color:#f0edf2 } .CartCharges .PanelField{ border-bottom:none; border-top:1px solid #ddd } .CartCharges .PanelField:first-child,.CartCharges .PanelField .GrandTotal{ border-top:none } .CartCharges .GrandTotal .PanelField{ background-color:#fff; text-transform:uppercase; font-weight:bold; color:#5D3066 } .CartCharges .GrandTotal .PanelField .Label{ color:#5D3066 } /* ========================================================================== TELERIK OVERRIDES ========================================================================== */ /* RadTabStrip ========================================================================== */ .RadTabStripTop_Metro .rtsLevel1,.RadTabStripTop_Metro .rtsLevel1 .rtsUL,.RadTabStrip_Metro .rtsLevel1,.RadTabStrip_Metro .rtsLevel1 .rtsUL{ background-color:#191919 !important } .RadTabStripTop_Metro .rtsLevel1 .rtsLink,.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,.RadTabStrip_Metro .rtsLevel1 .rtsLink,.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink{ text-transform:none; border-color:#191919 } .RadTabStripTop_Metro .rtsLevel1 .rtsSelected,.RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover,.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected,.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,.RadTabStrip_Metro .rtsLevel1 .rtsSelected,.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover{ border-color:#fff } .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled,.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover,.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled,.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover{ color:#dedede; border-color:transparent } .RadTabStrip.RadTabStrip_MetroTouch{ font-family:"Poppins",Arial,sans-serif !important; font-weight:inherit; font-size:18px !important; clear:both } html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{ border-color:#191919; background-color:#191919 } .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1{ border-bottom-color:#191919 } @media (max-width: 600px){ .RadTabStrip.RadTabStrip_MetroTouch .rtsLI,.RadTabStrip.RadTabStrip_MetroTouch .rtsLink,.RadTabStrip.RadTabStrip_MetroTouch .rtsUL{ float:none; width:100%; display:block } html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{ margin:0 } } @media (max-width: 767px) { .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch { display: block; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch + .RadMultiPage { border-top-width: 0; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn { text-align: center; } } @media (min-width: 601px) and (max-width: 767px) { .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI { display: inline-block; float: left; } } /* On the account page, when secondary nav is present, display the tabs on top */ @media (min-width: 768px) { .account-page-with-banner .has-secondary-col .tabs-wrapper.tabs-left, .account-page-with-banner .has-secondary-col .tags-wrapper.tabs-right { display: block; } .account-page-with-banner .has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI { display: inline-block; float: left; } } .RadTabStrip,.RadTabStripVertical{ padding:10px 10px 0 10px } .RadTabStrip_MetroTouch.RadTabStripBottom_MetroTouch .rtsLevel1 { border: none; } /* RadTabStrip - Content Collection Organiser custom style for dropdown version on account page ========================================================================== */ .stacked-tabs .RadMultiPage { background: transparent; border-radius: 0px; box-shadow: none; border: 0; } .stacked-tabs .RadMultiPage .RadMultiPage { background: #ffffff; border-radius: 0 0px 0px 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 40px; border: 1px solid #ddd; border-top: 0; } .stacked-tabs .cco > .RadTabStrip_MetroTouch.RadTabStrip, .stacked-tabs .cco > .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL { background-color: transparent; } .stacked-tabs .select-tab { width: 100%; padding: 10px 15px; background: #3d00a3; border-radius: 0px; position: relative; z-index: 22; color: #ffffff; font-weight: 600; margin-bottom: 40px; font-size: 20px; line-height: normal; display: block; } .stacked-tabs .select-tab:hover, .stacked-tabs .select-tab:focus { cursor: pointer; text-decoration: none; } .stacked-tabs .select-tab:before { content: ''; display: inline-block; width: 30px; height: 30px; background-color: #ffffff; vertical-align: middle; margin-right: 10px; mask-image: url(images/auxIcons.svg#menu); mask-size: 24px 24px; mask-position: center 5px; mask-repeat: no-repeat; } .RadTabStrip .rtsLevel1.stacked-list { overflow: visible; border: 0 !important; } .RadTabStrip .rtsLevel1.stacked-list .rtsUL { background: #fff; display: block; width: auto; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid #ddd; position: absolute; top: 50px; left: 10px; right: 10px; z-index: 21; } .RadTabStrip .rtsLevel1.stacked-list .rtsLI { float: none; } .RadTabStrip .rtsLevel1.stacked-list a.rtsLink, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected { text-align: left; margin: 0px; border-radius: 0px; background-color: #ffffff !important; color: #0c0c0c !important; border: 0; box-shadow: none; font-size: 18px; font-weight: 600; text-transform: none; } .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:hover, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:focus, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink:active, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:hover, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:focus, .RadTabStrip .rtsLevel1.stacked-list .rtsFirst a.rtsLink.rtsSelected:active { background: #000 !important; color: #fff !important; box-shadow: none; } /* RadToolTip ========================================================================== */ /* Currently used by the QueryMenu iPart */ .RadToolTip_Telerik a:hover{ background-color:#2d2d2d } /* RadGrid ========================================================================== */ .RadGrid.RadGrid_MetroTouch .rgMasterTable,.RadGrid.RadGrid_Metro .rgMasterTable{ background-color:#fff } .RadGrid.RadGrid_MetroTouch .rgHeader,.RadGrid.RadGrid_MetroTouch .rgRow td,.RadGrid.RadGrid_MetroTouch .rgAltRow td,.RadGrid.RadGrid_MetroTouch .rgEditRow td,.RadGrid.RadGrid_Metro .rgHeader,.RadGrid.RadGrid_Metro .rgRow td,.RadGrid.RadGrid_Metro .rgAltRow td,.RadGrid.RadGrid_Metro .rgEditRow td{ border-left-color:transparent } .RadGrid.RadGrid_MetroTouch td.rgPagerCell,.RadGrid.RadGrid_Metro td.rgPagerCell{ border-width:0 } .RadGrid.RadGrid_MetroTouch .rgHeader,.RadGrid.RadGrid_MetroTouch .rgHeader:first-child,.RadGrid.RadGrid_MetroTouch th.rgResizeCol,.RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child,.RadGrid.RadGrid_MetroTouch .rgRow td,.RadGrid.RadGrid_MetroTouch .rgRow td:first-child,.RadGrid.RadGrid_MetroTouch .rgAltRow td,.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,.RadGrid.RadGrid_MetroTouch .rgEditRow td,.RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child,.RadGrid.RadGrid_MetroTouch .rgFooter td,.RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,.RadGrid.RadGrid_MetroTouch .rgFilterRow td,.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child,.RadGrid.RadGrid_MetroTouch .rgNoRecords td,.RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,.RadGrid.RadGrid_Metro .rgHeader,.RadGrid.RadGrid_Metro .rgHeader:first-child,.RadGrid.RadGrid_Metro th.rgResizeCol,.RadGrid.RadGrid_Metro th.rgResizeCol:first-child,.RadGrid.RadGrid_Metro .rgRow td,.RadGrid.RadGrid_Metro .rgRow td:first-child,.RadGrid.RadGrid_Metro .rgAltRow td,.RadGrid.RadGrid_Metro .rgAltRow td:first-child,.RadGrid.RadGrid_Metro .rgEditRow td,.RadGrid.RadGrid_Metro .rgEditRow td:first-child,.RadGrid.RadGrid_Metro .rgFooter td,.RadGrid.RadGrid_Metro .rgFooter td:first-child,.RadGrid.RadGrid_Metro .rgFilterRow td,.RadGrid.RadGrid_Metro .rgFilterRow td:first-child,.RadGrid.RadGrid_Metro .rgNoRecords td,.RadGrid.RadGrid_Metro .rgNoRecords td:first-child{ padding:7px 12px } .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol,.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child,.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol,.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child,.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol,.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child,.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol,.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child{ padding-left:0; padding-right:0 } .RadGrid.RadGrid_MetroTouch .rgCommandRow,.RadGrid.RadGrid_Metro .rgCommandRow{ background-color:transparent } .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,.RadGrid.RadGrid_MetroTouch .rgPagePrev:active,.RadGrid.RadGrid_MetroTouch .rgPageNext:active,.RadGrid.RadGrid_MetroTouch .rgPageFirst:active,.RadGrid.RadGrid_MetroTouch .rgPageLast:active,.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,.RadGrid.RadGrid_Metro .rgPagePrev:active,.RadGrid.RadGrid_Metro .rgPageNext:active,.RadGrid.RadGrid_Metro .rgPageFirst:active,.RadGrid.RadGrid_Metro .rgPageLast:active,.RadGrid.RadGrid_Metro .rgPager .rgPagerButton{ background-color:#191919; border-color:#191919; color:#fff !important } .RadGrid.RadGrid_MetroTouch .rgNumPart a, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a, .RadGrid.RadGrid_Metro .rgNumPart a, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a { border-radius: 100%; line-height: 28px; padding: 0; border-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton { border-radius: 0px; } .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,.RadGrid.RadGrid_MetroTouch .rgSelectedRow,.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,.RadGrid.RadGrid_MetroTouch th.rgSorted,.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,.RadGrid.RadGrid_Metro .rgSelectedRow,.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,.RadGrid.RadGrid_Metro th.rgSorted{ background-color:#191919; border-color:#191919 } .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,.RadGrid.RadGrid_MetroTouch th.rgSorted a,.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,.RadGrid.RadGrid_Metro .rgSelectedRow a,.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,.RadGrid.RadGrid_Metro th.rgSorted a{ color:#fff !important } .RadGrid.RadGrid_MetroTouch .rgGroupPanel,.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,.RadGrid.RadGrid_Metro .rgGroupPanel,.RadGrid.RadGrid_Metro .rgGroupPanel caption{ background-color:#191919 } .RadGrid.RadGrid_MetroTouch .rgActiveRow td,.RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,.RadGrid.RadGrid_MetroTouch .rgSelectedRow td,.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,.RadGrid.RadGrid_Metro .rgActiveRow td,.RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted,.RadGrid.RadGrid_Metro .rgSelectedRow td,.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell{ border-color:#191919 } *+html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,*+html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted{ background-color:#191919 } * html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,* html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted{ background-color:#191919 } .RadGrid.RadGrid_MetroTouch input.rgAdd,.RadGrid.RadGrid_MetroTouch input.rgRefresh,.RadGrid.RadGrid_MetroTouch .rgSave,.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel,.RadGrid.RadGrid_Metro input.rgAdd,.RadGrid.RadGrid_Metro input.rgRefresh,.RadGrid.RadGrid_Metro .rgSave,.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel{ background-color:#191919 } .RadGrid.RadGrid_MetroTouch input.rgAdd:hover,.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,.RadGrid.RadGrid_MetroTouch .rgSave:hover,.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover,.RadGrid.RadGrid_Metro input.rgAdd:hover,.RadGrid.RadGrid_Metro input.rgRefresh:hover,.RadGrid.RadGrid_Metro .rgSave:hover,.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover{ background-color:#fff } /* RadComboBox ========================================================================= */ .RadComboBox .rcbActionButton .t-font-icon { font: 16px/1 "TelerikWebUI"; } /* RadDataPager ========================================================================== */ .RadDataPager.RadDataPager_MetroTouch,.RadDataPager.RadDataPager_Metro{ border:none; background-color:transparent } .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage,.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover,.RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover,.RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover,.RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton,.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage,.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover,.RadDataPager.RadDataPager_Metro .rdpPageFirst:hover,.RadDataPager.RadDataPager_Metro .rdpPagePrev:hover,.RadDataPager.RadDataPager_Metro .rdpPageNext:hover,.RadDataPager.RadDataPager_Metro .rdpPageLast:hover,.RadDataPager.RadDataPager_Metro .rdpPagerButton{ background-color:#191919; border-color:#191919 } /* RadScheduler ========================================================================== */ .RadScheduler.RadScheduler_Metro .rsAptIn{ border-top:none } .RadScheduler.RadScheduler_Metro .rsHeader{ border-color:#191919; background-color:#191919 } .RadScheduler.RadScheduler_Metro .rsHeader ul a{ border-color:#191919 } .RadScheduler.RadScheduler_Metro .rsHeader h2{ font-family:"Poppins",Arial,sans-serif; font-weight:bold; color:#fff; text-transform:none; border-bottom:none } /* RadMenu ========================================================================== */ .RadMenu.RadMenu_Metro.RadMenu, .RadMenu.RadMenu_MetroTouch.RadMenu { font-family: inherit; font-weight: normal; } .RadMenu.RadMenu_Metro,.RadMenu.RadMenu_Metro .rmRootLink,.RadMenu.RadMenu_MetroTouch,.RadMenu.RadMenu_MetroTouch .rmRootLink{ text-transform:none } .RadMenu.RadMenu_Metro div.rmRootGroup,.RadMenu.RadMenu_Metro ul.rmRootGroup,.RadMenu.RadMenu_MetroTouch div.rmRootGroup,.RadMenu.RadMenu_MetroTouch ul.rmRootGroup{ background-color:#5D3066 } .RadMenu.RadMenu_Metro .rmRootLink,.RadMenu.RadMenu_MetroTouch .rmRootLink{ border-color:#5D3066 } .RadMenu.RadMenu_Metro .rmDisabled,.RadMenu.RadMenu_Metro .rmDisabled:hover,.RadMenu.RadMenu_MetroTouch .rmDisabled,.RadMenu.RadMenu_MetroTouch .rmDisabled:hover{ border-color:#5D3066 } .RadMenu.RadMenu_Metro .rmGroup .rmFocused,.RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,.RadMenu.RadMenu_Metro .rmGroup .rmSelected,.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover{ border-color:#5D3066; background-color:#5D3066; color:#FFF !important } .RadMenu_MetroTouch .rmRootGroup .rmLeftImage{ margin-top:10px !important } .RadMenu .rmGroup, .RadMenu .rmRootGroup, .RadMenu .rmMultiColumn, .RadMenu .rmPopup { box-sizing: content-box; border-width: 0px !important; border-style: solid; background-position: 0 0; position: relative; left: 0; top: 0; } .RadMenu .rmRootGroup.rmHorizontal > .rmItem, .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem { border-width: 0px !important; border-style: solid; } .RadMenu .rmRootGroup .rmRootLink, .RadMenu .rmGroup .rmLink { padding: 0px !important; } .RadMenu .rmRootGroup .rmRootLink .rmToggle { margin-right: 2px !important; margin-left: -12px !important; } .RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap > .rmHorizontal:before, .RadMenu .rmScrollWrap > .rmVertical:before { display: none !important; } /* RadWindow ========================================================================== */ .RadWindow.RadWindow_MetroTouch .rwTitleRow em { font-family: inherit; font-weight: normal; margin: 8px 10px; } .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight { background-color: #0d0d0d; } .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus { border-color: #0d0d0d; background-color: #0d0d0d; } .RadWindow.RadWindow_MetroTouch .rwTable ul.rwControlButtons { margin-top: 7px; } .RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus { border-color: #fff; border-radius: 50%; /* override setting from UltraWave */ outline: none; } .RadWindow.RadWindow_MetroTouch td.rwBodyLeft, .RadWindow.RadWindow_MetroTouch td.rwBodyRight, .RadWindow.RadWindow_MetroTouch .rwFooterCenter, .RadWindow.RadWindow_MetroTouch .rwFooterLeft, .RadWindow.RadWindow_MetroTouch .rwFooterRight { background: #fff; } .RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a { background-color: #0d0d0d; } .RadWindow.RadWindow_Metro .rwControlButtons a { border-color: #0d0d0d; } .RadWindow.RadWindow_Metro .rwControlButtons a:focus { /* give the refresh, expand, close buttons an outline when focused */ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); /* needed for IE9 compability */ border-collapse: separate; /* override setting from UltraWave */ outline: none; } .RadWindow.RadWindow_Metro table.rwTitlebarControls em { text-transform: none; } /* RadTreeView ========================================================================== */ .RadTreeView.RadTreeView_Vista .rtLI { padding: 0; } .RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus { margin: 5px 6px 0 -17px; width: 11px; height: 11px; border-width: 0; left: auto; top: auto; } /* RadPicker ========================================================================== */ /* Date and Time selectors */ .RadCalendar.RadCalendar_Metro,.RadCalendar.RadCalendar_Metro .rcMainTable,.RadCalendar.RadCalendar_MetroTouch,.RadCalendar.RadCalendar_MetroTouch .rcMainTable{ font-family:inherit; font-weight:inherit } .RadCalendar.RadCalendar_Metro .rcFastPrev:hover,.RadCalendar.RadCalendar_Metro .rcPrev:hover,.RadCalendar.RadCalendar_Metro .rcNext:hover,.RadCalendar.RadCalendar_Metro .rcFastNext:hover,.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover,.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover,.RadCalendar.RadCalendar_MetroTouch .rcNext:hover,.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover{ border-color:#191919 } .RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before,.RadCalendar.RadCalendar_Metro .rcPrev:hover:before,.RadCalendar.RadCalendar_Metro .rcNext:hover:before,.RadCalendar.RadCalendar_Metro .rcFastNext:hover:before,.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before,.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before,.RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before,.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before{ color:#191919 } .RadCalendar.RadCalendar_Metro .rcRow .rcToday a,.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a{ border-color:#191919 } .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a{ border-color:#191919; background:#191919 } .RadCalendar.RadCalendar_MetroTouch .rcRow a,.RadCalendar.RadCalendar_MetroTouch .rcRow span{ /* The Sunday column is not rendering correctly because it's in a instead of a . This corrects the issue. */ display:block; padding:.08em .4em; text-decoration:none; outline:0 } .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th{ font-size:100%; padding:0 } .RadCalendar.RadCalendar_Metro .rcRow a,.RadCalendar.RadCalendar_Metro .rcRow span{ display:block; padding:0 .6em; text-decoration:none; outline:0 } .RadCalendar.RadCalendar_Metro .rcMain .rcRow th{ padding:0 } .RadCalendarMonthView.RadCalendarMonthView_Metro,.RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input,.RadCalendarMonthView.RadCalendarMonthView_MetroTouch,.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input{ font-family:inherit; font-weight:inherit } .RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a,.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a{ background:#191919 } .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today{ background:#191919; border-color:#191919 } .RadCalendarTimeView.RadCalendarTimeView_Metro,.RadCalendarTimeView.RadCalendarTimeView_MetroTouch{ font-family:inherit; font-weight:inherit } .RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a,.RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a{ border-color:#191919; background:#191919 } .RadPicker.RadPicker_Metro .rcCalPopup:hover,.RadPicker.RadPicker_Metro .rcCalPopup:focus,.RadPicker.RadPicker_Metro .rcCalPopup:active,.RadPicker.RadPicker_Metro .rcTimePopup:hover,.RadPicker.RadPicker_Metro .rcTimePopup:focus,.RadPicker.RadPicker_Metro .rcTimePopup:active,.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,.RadPicker.RadPicker_MetroTouch .rcTimePopup:active{ color:#fff; background-color:#191919 } .RadPicker .rcCalPopup,.RadPicker .rcTimePopup{ width:inherit; text-indent:inherit; border-bottom-right-radius:0px; border-top-right-radius:0px } /* ========================================================================== JUMBOTRON ========================================================================== */ /* Home page full width banners */ /* Home page full width area ========================================================================== */ /* This is for the full width area of the Cities and Cities_Responsive home page. * It uses a content area to acheive the full width */ .HomePageFullWidthArea .ContentItemContainer .panel:not(.panel-border),.HomePageFullWidthArea .ContentItemContainer div .panel:not(.panel-border){ border-width:0; /* if borders are not turned on don't leave the space for them */ } .HomePageFullWidthArea .ContentItemContainer .panel .panel-body-container .panel-body, .HomePageFullWidthArea .ContentItemContainer div .panel .panel-body-container .panel-body { /* Turn off the padding on iPart panels */ padding: 0; } /* Mobile Hero Area ========================================================================== */ .HeroArea{ height:350px; width:100%; position:relative } .HeroBackground{ height:100%; background:#009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat; background-size:cover } .HeroContent{ position:absolute; bottom:0; width:100%; padding:8px 0; background-color:#000; /* Fallback for IE8, which doesn't support rgba */ background-color:rgba(0,0,0,0.75) } .HeroContent h1,.HeroContent h2,.HeroContent h3,.HeroContent h4,.HeroContent h5,.HeroContent .HeroText{ color:#5D3066; margin:0 8px 8px 8px; line-height:1.15em } .HeroContent .TextButton{ float:right } /* Responsive Hero Content ========================================================================== */ /* This header is used in the out-of-the-box Member, Member Responsive * and Annual Conference sample sites */ /* Note: this is actually a static hero image and text. * For the Slideshow iPart styles see Carousel. */ .Slider.FullWidth{ height:39em; background-image:url(/images/HomeBannerIUA.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative } .Slider.FullWidth h1{ font-size:200% } @media (min-width: 768px){ .Slider.FullWidth h1{ font-size:400% } } .no-mqs .Slider.FullWidth h1{ font-size:400% } .Slider.FullWidth .SliderPage1{ height:100% } .Slider.FullWidth .SliderPage1 h1{ color:#fff; margin-top:0; margin-bottom:20px; line-height:1.2 } .Slider.FullWidth .SliderPage1 .SliderContent{ /* remove the margins put on by the container */ margin-left: -15px; margin-right: -15px; /* then add it back on */ padding: 15px; /* Fallback for IE8, which doesn't support rgba */ background-color:#000; background-color:rgba(0,0,0,0.75); width:100%; position:absolute; bottom:0; max-height:100%; overflow:auto } @media (min-width: 768px){ .Slider.FullWidth .SliderPage1 .SliderContent{ position:inherit; float:right; width:36em; margin:1em; max-height:37em } } .no-mqs .Slider.FullWidth .SliderPage1 .SliderContent{ position:inherit; float:right; width:36em; margin:1em; max-height:37em } .Slider.FullWidth .SliderPage1 .SliderText{ overflow-y:auto; line-height:1.7em; color:#fff } .Slider.FullWidth .SliderPage1 .SliderText h2,.Slider.FullWidth .SliderPage1 .SliderText h3,.Slider.FullWidth .SliderPage1 .SliderText h4,.Slider.FullWidth .SliderPage1 .SliderText h5{ color:inherit } .Slider.FullWidth .SliderPage1 p:last-child{ margin-bottom:0 } .Slider.FullWidth .SliderPage1 .ActionButton{ margin-top:1em; text-align:right } /* Responsive "Jumbotron" ========================================================================== */ /* This header is used in the out-of-the-box Donor sample site */ .jumbotron .jumbotron-content{ max-height:100% } .jumbotron.home,.jumbotron.interior{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff; text-shadow:1px 1px 1px #000 } .jumbotron.home{ height:39em } .jumbotron.home h1 span,.jumbotron.home .ActionButton{ display:block; margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; max-width:1170px } .jumbotron.home h1{ color:#fff; margin-top:0; padding-top:.3em; padding-bottom:.3em; text-align:center; font-weight:normal; font-size:200%; background-color:#000; background-color:rgba(0,0,0,0.45) } @media (min-width: 768px){ .jumbotron.home h1{ font-size:400% } } .no-mqs .jumbotron.home h1{ font-size:400% } @media (min-width: 768px){ .jumbotron.home h1 span{ padding-left:8%; padding-right:8% } } .no-mqs .jumbotron.home h1 span{ padding-left:8%; padding-right:8% } .jumbotron.home .ActionButton{ text-align:right } @media (min-width: 768px){ .jumbotron.home .ActionButton{ padding-right:12% } } .no-mqs .jumbotron.home .ActionButton{ padding-right:12% } .jumbotron.interior{ height:20em } .jumbotron.interior p{ padding:1.5em 1em 0.8em; font-size:150%; margin-bottom:0 } .jumbotron.interior p:before,.jumbotron.interior p:after{ content:" "; display:table } .jumbotron.interior p:after{ clear:both } .jumbotron.interior .ActionButton{ clear:both; padding-left:3em; padding-right:3em } @media (max-width: 767px){ .jumbotron.interior .jumbotron-content{ height:100%; background-color:#000; background-color:rgba(0,0,0,0.65); text-align:center } } @media (min-width: 480px){ .jumbotron.interior p{ font-size:170% } } .no-mqs .jumbotron.interior p{ font-size:170% } @media (min-width: 768px){ .jumbotron.interior{ height:25em } .jumbotron.interior p{ font-size:200% } .jumbotron.interior .jumbotron-text span{ background-color:#000; background-color:rgba(0,0,0,0.55); padding:0 .45em; margin-bottom:.2em; float:left; clear:left } .jumbotron.interior.AlignRight .jumbotron-text span{ float:right; clear:right } } .no-mqs .jumbotron.interior{ height:25em } .no-mqs .jumbotron.interior p{ font-size:200% } .no-mqs .jumbotron.interior .jumbotron-text span{ background-color:#000; background-color:rgba(0,0,0,0.55); padding:0 .45em; margin-bottom:.2em; float:left; clear:left } .no-mqs .jumbotron.interior.AlignRight .jumbotron-text span{ float:right; clear:right } .jumbotron .img-copyright,.carousel .img-copyright{ position:absolute; bottom:.5em; right:1em; font-size:70% } .jumbotron .img-copyright a,.jumbotron .img-copyright a:hover,.jumbotron .img-copyright a:focus,.jumbotron .img-copyright a:visited,.jumbotron .img-copyright a:active,.carousel .img-copyright a,.carousel .img-copyright a:hover,.carousel .img-copyright a:focus,.carousel .img-copyright a:visited,.carousel .img-copyright a:active{ color:#fff } /* Carousel ========================================================================== */ /* Used by the Slideshow iPart */ .carousel h1,.carousel h2,.carousel h3,.carousel h4,.carousel h5{ font-weight:bold; display:inline-block } .FullBK .panel { margin-left: -15px; margin-right: -15px; } .HomePageFullWidthArea .carousel-caption{ top:20%; } @media (max-width: 991px){ .carousel h1{ font-size:200% } } .carousel-control .icon-prev::before,.carousel-control .icon-next::before{ content:''; display:block; width:30px; height:30px } .carousel-control .icon-prev{ margin-left:-10px } .carousel-control .icon-prev::before{ background:url("images/ResponsiveHeaderSprite.png") 0 -150px no-repeat } .carousel-control .icon-next{ margin-right:-10px } .carousel-control .icon-next::before{ background:url("images/ResponsiveHeaderSprite.png") 0 -200px no-repeat } .carousel-indicators{ display:none } .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption { padding:15px; font-family:"Poppins",Arial,sans-serif; bottom:83px; background-color:rgba(0,0,0,0); text-shadow: none; font-weight:600; color:#646464; text-align:left !important } .carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p { font-size: 18px; } .carousel .carousel-caption h1, .carousel2 .carousel-caption h1, .HomePageFullWidthArea .carousel-caption h1 { color: #fff; } .carousel .carousel-caption h1:after, .carousel2 .carousel-caption h1:after, .HomePageFullWidthArea .carousel-caption h1:after { display: none; } .carousel-inner.bg-img > .item{ background-position: left top; } @media (min-width: 992px){ .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption { width:40%; right:auto; left:15% !important; top:25%; } } @media (max-width: 991px) { .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption { width: 100%; position: static; margin: 0 auto; transform: none; } } .carousel-hero .carousel-inner .item { display: flex; align-items: center; justify-content: center; min-height: 39em !important; } .carousel-hero .carousel-caption { background-color: transparent; text-align: center; } .carousel-hero .carousel-caption h1 { font-size: 3.5rem; text-transform: uppercase; margin-bottom: 1rem; } .carousel-hero .carousel-caption h1 .text-large { display: block; margin-top: 1rem; font-size: 5rem; } .carousel-hero .carousel-caption p.lead { font-size: 1.8rem; line-height: 1.5; } @media (min-width: 992px) { .carousel-hero .carousel-caption { width: 80%; left: auto; right: auto; max-width: 1170px; } .carousel-hero .carousel-caption h1 { font-size: 5rem; } .carousel-hero .carousel-caption h1 .text-large { font-size: 6.5rem; } .carousel-hero .carousel-caption p.lead { font-size: 2rem; } } @media (min-width: 992px) { .carousel-hero .carousel-caption h1 { font-size: 7rem; } .carousel-hero .carousel-caption h1 .text-large { font-size: 8.8rem; } .carousel-hero .carousel-caption p.lead { font-size: 2.8rem; } } .carousel-hero.carousel-hero-dark .carousel-caption, .carousel-hero.carousel-hero-dark .carousel-caption h1, .carousel-hero.carousel-hero-dark .carousel-caption h2, .carousel-hero.carousel-hero-dark .carousel-caption h3, .carousel-hero.carousel-hero-dark .carousel-caption h4, .carousel-hero.carousel-hero-dark .carousel-caption h5 { color: #fff; } .carousel-hero.carousel-hero-dark .carousel-caption a:not(.TextButton) { color: #fff; text-decoration: underline; } .carousel-control .icon-prev::before, .carousel-control .icon-next::before { content: ''; display: block; width: 30px; height: 30px; } .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .icon-prev::before { background: url("images/ResponsiveHeaderSprite.png") 0 -150px no-repeat; } .carousel-control .icon-next { margin-right: -10px; } .carousel-control .icon-next::before { background: url("images/ResponsiveHeaderSprite.png") 0 -200px no-repeat; } .carousel-indicators { display: none; } .no-mqs .carousel-caption{ width:30%; left:auto; right:15% !important } .carousel-caption h1:after{ display:none } .carousel-caption p{ font-size:17px; font-weight:600; } .HeroHome .carousel-caption{ top:20%!important; } /* Internal page carousel */ .InternalHeaderArea{ background:rgba(0,0,0,0); /* overflow:hidden */ } @media (min-width: 992px){ .InternalHeaderArea .carousel{ height:200px } } .no-mqs .InternalHeaderArea .carousel{ height:200px } @media (max-width: 991px){ .InternalHeaderArea .carousel{ height:0px } } .InternalHeaderArea .panel-body{ padding:0 } .InternalHeaderArea .carousel-inner{ width:100% } .InternalHeaderArea .carousel-control,.InternalHeaderArea .carousel-inner>.item .carousel-link{ display:none !important } .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item{ height:39em !important } .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before{ content:''; display:block; background-image:-webkit-gradient(linear, left 0, left 100%, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5) 0, rgba(0,0,0,0) 100%); background-image:-moz-linear-gradient(top, rgba(0,0,0,0.5) 0, rgba(0,0,0,0) 100%); background-image:linear-gradient(to bottom, rgba(0,0,0,0.5) 0, rgba(0,0,0,0) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0); height:6em; width:100%; position:absolute; z-index:665 } @media (min-width: 992px) { .Wrapper-HomePage .HomePageFullWidthArea { /* Overwrite slideshow height setting on homepage only */ /* darker gradient to improve legibility of auxiliary nav */ } .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item { min-height: 39em !important; } .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before { content: ''; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; height: 6em; width: 100%; position: absolute; z-index: 665; } } /* There seems to be an issue when choosing to display the FullWidthArea on the homepage only. The container div remains on internal pages although its content is hidden. */ .HomePageFullWidthArea { display: none; } .Wrapper-HomePage .HomePageFullWidthArea,.TemplateManagerArea .HomePageFullWidthArea, .HomeHero .HomePageFullWidthArea{ display:block } /* When the internal and home page content can't be found, make sure there's enough room for the navigation to be usable */ #hd { min-height: 13.3em; /* background-color: #333333; */ } /* ========================================================================== COMMUNITIES ========================================================================== */ /* Community left nav */ .CommunityLinksBlock a{ color:#646464 } .CommunityLinksBlock a:hover{ background-color:#2d2d2d; color:#646464; text-decoration:none } .CommunityLinksBlock a.CommunityLinksSelected,.CommunityLinksBlock a.CommunityLinksSelected:hover{ background-color:#F5E46D; color:White; font-weight:bold; text-decoration:none } /* Community breadcrumb */ .BreadCrumbCurrent{ font-size:120%; font-weight:bold } /*** Communities common elements ***/ .CommunityItemActionLinks a:hover{ background-color:#F5E46D } .CommunityItemTitle{ font-size:110%; padding:.25em 0 } .CommunityReplyForm,.CommunityCommentItem{ background:#f2f2f2; border-left:10px solid #ddd; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 3px rgba(0,0,0,0.2) } .CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem{ background:#f2f2f2 } /* For adding comments */ .CommunityWikiReplyForm{ background:#f2f2f2; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 3px rgba(0,0,0,0.2) } /**Styles for recent activity query template*/ .RecentCommunityPost { border: 1px solid #ddd; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .RecentCommunityPost .CommunityProfilePicture { border: 1px solid #ddd; } .RecentCommunityPost .CommunityName { border-bottom: 1px solid #ddd; } .RecentCommunityPost .CommunityName span { color: #390099; } //**Styles for recent activity query template*/ .RecentCommunityPost { border: 1px solid #ddd; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .RecentCommunityPost .CommunityProfilePicture { border: 1px solid #ddd; } .RecentCommunityPost .CommunityName { border-bottom: 1px solid #ddd; } .RecentCommunityPost .CommunityName span { color: #390099; } /*****************************************************/ /* Donor Sample Site Styles */ /*****************************************************/ /* These styles are used in the Donor sample site */ .DonorBannerInterior { overflow: hidden; height: 275px; position: relative; } .DonorBannerTextBackgroundHome { background: none repeat scroll 0 0 #191919; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); float: right; height: 292px; width: 450px; margin: 20px; } .DonorBannerTextBackgroundInterior { background: none repeat scroll 0 0 #191919; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); float: right; height: 236px; width: 450px; margin: 20px; } .DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 { color: #fff; font-size: 280%; background: none; margin: 0.4em; } .DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p { color: #fff; font-size: 120%; line-height: 1.6em; margin: 1em; padding: 0.4em; } /**** End Donor Sample Site Styles ****/ /* ========================================================================== MISCELLANEOUS ========================================================================== */ /* Classes that can be used for iParts and HTML content */ /* Titles */ h1.BigHeader,.h1.BigHeader{ background-color:transparent; color:#5D3066 } /* Use class ContentBlockPrimary to give a block of content extra emphasis */ .ContentBlockPrimary{ padding:20px; background-color:#f0edf2 } /* Make the titles on secondary columns smaller - used on the Member home page */ .SecondaryColumn h2, .SecondaryColumn .PanelTitle, .SecondaryColumn .panel-title { font-family: inherit; font-weight: bold; font-size: 90%; color: #333333; text-transform: uppercase; } .SecondaryColumn h2, .SecondaryColumn .PanelHead, .SecondaryColumn .TitleBarCaption, .SecondaryColumn .panel-heading { border-bottom: none; } .SecondaryColumn h4, .SecondaryColumn .PanelHead, .SecondaryColumn .TitleBarCaption, .SecondaryColumn .panel-heading { color: #000; } .SecondaryColumn .PanelHead, .SecondaryColumn .panel-heading { padding: 0 4px; } .SecondaryColumn .PanelField label, .SecondaryColumn .PanelField .Label, .SecondaryColumn .PanelField .PanelFieldLabel, .SecondaryColumn .PanelField .PanelFieldValue { text-align: unset; float: none; width: auto; } .SecondaryColumn .CommunityBlogItem { padding: 0 0 0 10px; } .SecondaryColumn .CommunityBlogItem .PanelFieldValue { padding: 0; } .SecondaryColumn .CommunityItemTitle { font-weight: normal; font-size: inherit; } .SecondaryColumn .RadGrid .rgRow td, .SecondaryColumn .RadGrid .rgNoRecords td { padding: 4px; } /* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */ .ContentBlockPictureArea,.ContentBlockLeft{ width:250px; float:left; margin-right:.5em; margin-bottom:.5em } @media (max-width: 991px) { .ContentBlockPictureArea, .ContentBlockLeft { float: none; margin: 0px auto; width: 100%; max-width: 400px; } } .ContentBlockPictureArea.FloatRight,.ContentBlockLeft.FloatRight{ float:right; margin-left:.5em } .ContentBlockPictureArea img,.ContentBlockLeft img{ max-width:100%; height:auto !important } @media (max-width: 991px) { .ContentBlockPictureArea img, .ContentBlockLeft img { width: 100%; max-width: 400px; } } .BlockList ul{ margin:0; padding:0 } .BlockList li{ list-style:none } .BlockList a{ display:block; text-decoration:none; padding:20px } .BlockList a:hover{ background-color:#e9e4ec } .BlockList a span{ text-decoration:underline } .BlockList p{ color:#646464; margin-bottom:0 } .TaggedListColumns .TaggedListPanel { max-width: 1170px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 15px 0 0 15px; } .TaggedListColumns .TaggedListPanel .content-tagged-tall { float: none; border: 0 solid transparent; border-width: 0 15px 15px 0; } .TaggedListColumns .TaggedListPanel > div:last-child .TextButton { /* Hide the Next Button */ display: none; } /* Tagged list format, styled similar to BlockList */ .BlockTLItem{ display:block; text-decoration:none; padding:10px 0 } @media (max-width: 991px) { .BlockTLItem { flex-wrap: wrap; } } .BlockTLItem .contentTaggedListResponsiveThumbnail { max-width: 200px; height: 100% !important; } @media (max-width: 991px) { .BlockTLItem .contentTaggedListResponsiveThumbnail { display: block; margin: 0px auto; width: 100%; max-width: 450px; } } .BlockTLItem,.BlockList li{ border-bottom:1px solid #ddd } .BlockTLItem h4,.BlockList h4{ font-size:110%; font-weight:normal } .content-tagged-tall { min-width: 15em; max-width: 33.3333333333%; float: left; } .content-tagged-tall:first-child { margin-left: 0; } .content-tagged-tall a:not(.TextButton) { text-decoration: none; } .content-tagged-tall a:not(.TextButton), .content-tagged-tall a:not(.TextButton):visited { color: #3d00a3; } .content-tagged-tall a:not(.TextButton):hover, .content-tagged-tall a:not(.TextButton):focus, .content-tagged-tall a:not(.TextButton):active { color: #2e007a; } .content-tagged-tall .item-image-wrapper { height: 15em; overflow: hidden; position: relative; } .content-tagged-tall .item-image-wrapper:after { content: ''; display: block; background-color: rgba(13, 13, 13, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .2s ease; } .content-tagged-tall .item-image-wrapper img { object-fit: cover !important; object-position: 50% 50%; width: 100%; max-width: initial; height: 100% !important; } .content-tagged-tall .item-image-wrapper .item-image-inner { width: 100%; height: 100%; transition: all .2s ease; } .content-tagged-tall .item-description { padding: 10px; background-color: #fff; } .content-tagged-tall:hover .item-image-wrapper:after { opacity: 0; } .content-tagged-tall:hover .item-image-inner { transform: scale(1.1); } .content-tagged-tall:nth-child(2) { transition-delay: .2s !important; } .content-tagged-tall:nth-child(3) { transition-delay: .3s !important; } /* PublishDate and ReadMoreLink are used in the Block tagged list format */ .PublishDate{ font-size:85%; font-style:italic } /* Use on the blockquote element for a styled quote */ .Quote{ margin:1.5em .7em 1.5em 0; padding:1.5em .7em; quotes:"\201C" "\201D" "\201C" "\201D"; font-weight:normal } .Quote:before{ content:open-quote; margin-right:0.25em; vertical-align:-0.4em; font-size:500%; line-height:0.1em } .Quote p{ display:inline } .Quote cite{ display:block; margin-left:1em; margin-top:.5em; font-style:italic } .Quote cite:before{ content:"— " } @media (min-width: 768px){ .Quote{ font-size:120% } .Quote cite{ font-size:90%; margin-left:2em } } .no-mqs .Quote{ font-size:120% } .no-mqs .Quote cite{ font-size:90%; margin-left:2em } .QuoteStyle2{ border-left-color:#F5E46D } /* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */ .CalloutPanelField1 .PanelField label:first-child,.CalloutPanelField1.PanelField label:first-child,.CalloutPanelField1 .PanelField .Label:first-child,.CalloutPanelField1.PanelField .Label:first-child{ position:relative; padding:15px; margin:0 0 1em; color:#fff; background:#5D3066; width:auto; border-radius:3px } .CalloutPanelField1 .PanelField label:first-child:after, .CalloutPanelField1.PanelField label:first-child:after, .CalloutPanelField1 .PanelField .Label:first-child:after, .CalloutPanelField1.PanelField .Label:first-child:after { content: ""; position: absolute; bottom: -8px; /* value = - border-top-width - border-bottom-width */ left: 30px; /* controls horizontal position */ border-width: 8px 8px 0; /* vary these values to change the angle of the vertex */ border-style: solid; border-color: #3d00a3 transparent; /*$callout1-bg*/ /* reduce the damage in FF3.0 */ display: block; width: 0; } /* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */ .TotalBox{ border-color:#ddd } .TotalBox label{ background-color:#5D3066; color:#fff; padding:.25em .75em; color:#fff } /* Add zone style "CCOGrayBg" to give CCO content a gray background */ .CCOGrayBg .RadMultiPage { background-color: #f0edf2; } .CCOGrayBg .ContentWizardDisplay{ background-color:#f0edf2 } .CCOGrayBg .yui-g{ float:none } /* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */ .TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish { border-bottom: none; } /* Use the FeatureText class to make a block of text larger for emphasis */ .FeatureText{ color:#8a8a8a; font-size:150%; line-height:170% } .FullWidthButton, .UseFullWidthButton .TextButton { width: 100%; } /* Use the CenterText class to center the text within the iPart */ .CenterText{ text-align:center } .FullWidthButtons .btn,.FullWidthButtons .TextButton{ display:block } /* Use class FeatureActionLink on a link to call attention to it */ a.FeatureActionLink{ -webkit-transition:all .2s ease 0; -o-transition:all .2s ease 0; transition:all .2s ease 0; font-family:"Poppins",Arial,sans-serif; font-size:110%; font-weight:700; line-height:1.5em; padding:8px 0; text-decoration:none } @media screen and (prefers-reduced-motion: reduce) { a.FeatureActionLink{ font-size:150% } } @media (min-width: 992px) { a.FeatureActionLink { font-size: 150%; } } .no-mqs a.FeatureActionLink{ font-size:150% } a.FeatureActionLink:hover{ text-decoration:underline } /* Spotlight ========================================================================== */ /* Featured items display */ .Spotlight{ text-align:center } .Spotlight img,.Spotlight h4{ text-align:center } @media (min-width: 768px){ .Spotlight .ImageWrapper{ height:160px } } .no-mqs .Spotlight .ImageWrapper{ height:160px } .Spotlight .TextButton,.Spotlight .btn{ margin-top:1em } .Spotlight p{ text-align:center; padding-top:0.4em } @media (max-width: 767px) { .Spotlight p { text-align: left; } } .Spotlight a img{ -webkit-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s } @media screen and (prefers-reduced-motion: reduce) { .Spotlight a img { transition: none; } } .Spotlight a img:hover{ opacity:.8; filter:alpha(opacity=80) } .SpotlightRow{ margin-bottom:1.2em } .SpotlightRow:before,.SpotlightRow:after{ content:" "; display:table } .SpotlightRow:after{ clear:both } .SpotlightRow::after { display: block; clear: both; content: ""; } .SpotlightRow.ThreeAcross { display: flex; flex-wrap: wrap; } .SpotlightRow.ThreeAcross .Spotlight { width: 100%; padding-left: 2%; padding-right: 2%; position: relative; } @media (min-width: 992px) { .SpotlightRow.ThreeAcross .Spotlight { width: 33%; } .SpotlightRow.ThreeAcross .Spotlight .btn { position: absolute; left: 0; right: 0; margin: auto; width: 90%; bottom: 0; } } @media (min-width: 768px) { .SpotlightRow.ThreeAcross .Spotlight { padding-bottom: 60px; } .SpotlightRow.ThreeAcross .Spotlight p { font-size: 0.8em; } } /* Feature Area ========================================================================== */ @media (min-width: 992px) { .feature-area { padding-top: 8em; padding-bottom: 6em; } } .my-lg, .mt-lg { margin-top: 4em; } .my-lg, .mb-lg { margin-bottom: 4em; } /* Feature Header ========================================================================== */ .feature-header{ color:#5D3066; border-bottom:none; margin-bottom:.8em } /* Feature Link ========================================================================== */ .feature-link-with-image{ margin-bottom:1em } .feature-link-with-image,.feature-link-with-image:hover,.feature-link-with-image:active,.feature-link-with-image:visited{ text-decoration:none; color:#fff } .feature-link-with-image .feature-link-wrapper{ background-position:center center; background-repeat:no-repeat; background-size:cover; height:17em; margin-bottom:20px } .feature-link-with-image .feature-link-text{ height:100%; padding:.8em; font-size:110% } @media (min-width: 480px){ .feature-link-with-image .feature-link-text{ width:45% } } .no-mqs .feature-link-with-image .feature-link-text{ width:45% } .feature-link-with-image .feature-link-text h1,.feature-link-with-image .feature-link-text h2,.feature-link-with-image .feature-link-text h3,.feature-link-with-image .feature-link-text h4,.feature-link-with-image .feature-link-text h5{ margin-top:0 } .feature-link-with-image.feature-link-1 .feature-link-text{ background-color:#5D3066; background-color:rgba(93,48,102,0.75) } .feature-link-with-image.feature-link-1:hover .feature-link-text{ background-color:#3d2043; background-color:rgba(61,32,67,0.75) } .feature-link-with-image.feature-link-2 .feature-link-text{ background-color:#191919; background-color:rgba(25,25,25,0.75) } .feature-link-with-image.feature-link-2:hover .feature-link-text{ background-color:#000; background-color:rgba(0,0,0,0.75) } /* Line Thru ========================================================================== */ /* A small piece of text with a line on either side */ /* E.g. the "or" text on the sign in iPart (when social networking sign in is enabled) */ .LineThruBlock { border-bottom: 1px solid #ddd; } .LineThru { background-color: #fff; } /* Feature Text Inline ========================================================================== */ .feature-text-inline{ color:#5D3066 } /* Header Links ========================================================================== */ .header-link{ border-bottom:none } .header-link a{ text-decoration:none } .header-link a,.header-link a:visited{ color:#646464 } .header-link a:hover,.header-link a:active,.header-link a:focus{ color:#191919 } /* Image Banners ========================================================================== */ /* use these classes to get a particular background image on an element */ .bg-img-conference-tall { background-color: #081337; background-image: url("../../images/samples/annualconference/conferencebannertall.jpg"); } .bg-img-conference-small { background-color: #081337; background-image: url("../../images/samples/Member/cairnsnight.jpg"); } .bg-img-tiger-tall { background-color: #04080B; background-image: url("../../images/samples/donor/tiger-tall.jpg"); background-position: center center; } .bg-img-red-panda { background-color: #57574b; background-image: url("../../images/samples/Donor/red-panda.jpg"); } .bg-img-tiger-swimming { background-color: #1c1705; background-image: url("../../images/samples/Donor/tiger-swimming.jpg"); } .bg-img-highland-cow { background-color: #e4e0cd; background-image: url("../../images/samples/Donor/highland-cow.jpg"); } .bg-img-volunteer-canoes { background-color: #8aa15b; background-image: url("../../images/samples/Donor/volunteer-canoes.jpg"); } .bg-img-elephant-with-mountains { background-color: #748610; background-image: url("../../images/samples/Donor/elephant-with-mountains.jpg"); } .bg-img-wildlife-refuge { background-color: #6d7f2d; background-image: url("../../images/samples/Donor/wildlife-refuge.jpg"); } .bg-img-poplar-trees { background-color: #737e23; background-image: url("../../images/samples/Donor/poplar-trees.jpg"); background-position: top center !important; } .bg-img-swamp { background-color: #bbbdb8; background-image: url("../../images/samples/Donor/swamp.jpg"); } .bg-img-roseate-terns { background-color: #8f9949; background-image: url("../../images/samples/Donor/roseate-terns.jpg"); background-position: center 88% !important; } .banner-tall,.banner-short{ text-decoration:none; display:block; background-repeat:no-repeat; background-size:cover; position:relative; border-radius:0 } .banner-tall,.banner-tall:visited,.banner-tall:active,.banner-tall:hover,.banner-tall:focus,.banner-tall h2,.banner-short,.banner-short:visited,.banner-short:active,.banner-short:hover,.banner-short:focus,.banner-short h2{ color:#fff } .banner-text h2{ font-size:100% } .banner-tall{ height:500px; max-width:300px } .banner-tall .banner-text{ position:absolute; bottom:0; padding:10px; background-color:#000; background-color:rgba(0,0,0,0.75); border-radius:0 0 5px 5px } .banner-short{ min-height:150px; max-width:300px } .banner-short .banner-text{ padding:5px; min-height:150px; background-color:#000; background-color:rgba(0,0,0,0.2); border-radius:5px } /* Image Copyright Statements ========================================================================== */ .img-copyright { font-size: 70%; } /* Donation page enhancements ========================================================================== */ /* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */ .donate-page .GiftItemName { color:#5D3066; font-size:250% } .donate-page .GiftItemDescription{ font-size:125% } .RelatedItemsHorizontalEffect li:hover{ -webkit-transform:scale(1.06); transform:scale(1.06); border-radius:0; background-color:transparent } /* Fix product name overlapping other content */ ul.RelatedItemsHorizontal li,.RelatedItemsHorizontal ul.rrItemsList li{ height:auto } .my-events { margin-bottom: 60px; } .my-events .pagination { display: none; } .my-events .panel-body, .my-events .PanelBody { padding: 0; } .my-events .event { display: flex; } .my-events .card { border-radius: 0px; overflow: hidden; border: 1px solid #ddd; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); margin: 20px 0px; } .my-events section:first-of-type .card { margin-top: 0; } .my-events section:last-of-type .card { margin-bottom: 0; } .my-events .card-body { padding: 0; } .my-events .image { display: block; width: 95px; height: auto; min-height: 95px; background-size: cover; background-position: center; background-repeat: no-repeat; flex-shrink: 0; } .my-events .details { display: flex; align-items: center; padding: 10px 0px; } .my-events .event-details { max-width: 53%; padding: 10px 0px; } .my-events .date { padding: 0px 25px 0px 0px; margin: 0px 25px; text-align: center; position: relative; } .my-events .date:after { display: block; content: ''; width: 1px; height: 80%; background: #B2B2B2; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .my-events .day { font-size: 38px; color: #3d00a3; font-weight: 700; line-height: 1em; } .my-events .month { font-weight: 700; font-size: 13px; text-transform: uppercase; margin: -5px 0px -5px 0px; } .my-events .title { font-weight: 600; line-height: 1.2em; } .my-events .datetime { display: none; } .my-events .link { position: absolute; right: 20px; } .my-events section:first-of-type .date { display: none; } .my-events section:first-of-type .datetime { display: block; font-weight: 500; font-size: 16px; line-height: 24px; margin: 5px 0px; } .my-events section:first-of-type .image { width: 265px; height: auto; min-height: 140px; } .my-events section:first-of-type .details { margin-left: 20px; flex-shrink: 0; width: 100%; } .my-events section:first-of-type .title { font-size: 20px; } .my-events section:first-of-type .event-details { max-width: 42%; width: 100%; } @media (max-width: 991px) { .my-events .event, .my-events .link { position: relative; display: block; } .my-events .details { flex-wrap: wrap; padding: 0; } .my-events .image { display: none; } .my-events .link { padding: 15px; right: auto; text-align: center; border-top: 1px solid #B2B2B2; width: 100%; } .my-events .date { padding: 15px 25px 10px 0px; } .my-events .date:after { height: 100%; } .my-events section:first-of-type .details { margin-left: 0; } .my-events section:first-of-type .image { display: block; min-height: 180px; width: 100%; } .my-events section:first-of-type .event-details { max-width: 100%; padding: 15px; } } @media (max-width: 767px) { .my-events .event-details { max-width: 100%; padding: 15px; } .my-events .date { width: 100%; padding: 15px; margin: 0px auto; } .my-events .date:after { height: 1px; width: 100%; top: auto; } } .template-list .panel-body, .template-list .PanelBody { padding: 25px; } .template-list .QueryTemplateItem { padding: 25px 0px; border-bottom: 1px solid #ddd; } .template-list .QueryTemplateItem p { margin: 0; } .template-list .QueryTemplateItem a { font-weight: 600; } .template-list section:first-of-type .QueryTemplateItem { padding-top: 0; } .template-list section:last-of-type .QueryTemplateItem { border: none; padding-bottom: 0; } .template-cards .card { border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .template-cards .panel-body, .template-cards .PanelBody { padding: 0; } .template-cards .mb-3 { margin-bottom: 20px !important; } /*Member home orgs*/ .shadow-box > .panel > .panel-body-container { background: #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); margin-bottom: 40px; border: 1px solid #ddd; } .shadow-box .CommunicationPreferencesSection { background-color: #ffffff; } .shadow-box-zone { margin-bottom: 40px; background: #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid #dbdbdb; padding: 15px; } @media (min-width: 768px) { .shadow-box-zone.col-sm-6 { width: 48%; margin: 0px auto 40px auto; } .shadow-box-zone.col-sm-4 { width: 31%; margin: 0px auto 40px auto; } .shadow-box-zone.col-sm-3 { width: 23%; margin: 0px auto 40px auto; } } .button-group .LargeButton { width: 100%; height: 100%; font-size: 19px !important; line-height: 1.2; min-height: 70px; display: flex; justify-content: center; align-items: center; } @media (min-width: 992px) { .button-group .col-sm-4 { width: 33.3333%; } } @media (max-width: 991px) { .button-group > div { width: 100%; } } @media (max-width: 991px) { .member-profile > div { width: 100%; } } .member-profile .mb-2 { margin: 0 !important; } .member-profile .mini-profile-address-section { padding-bottom: 0px; } .member-profile .mini-profile-name-section { padding-top: 0; } .member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel { font-weight: 700; color: #3d00a3; } /**member account page**/ .coadmin-manage a { padding: 15px; border-radius: 0px; background-color: #3d00a3; color: #ffffff; text-decoration: none; width: 100%; display: block; font-weight: 700; font-size: 22px; margin-bottom: 20px; transition: all 0.2s ease; } @media screen and (prefers-reduced-motion: reduce) { .coadmin-manage a { transition: none; } } .coadmin-manage a:before { content: ''; display: inline-block; width: 30px; height: 30px; background-color: #ffffff; vertical-align: middle; margin-right: 10px; mask-image: url(images/mh-icons.svg#orgs); mask-size: 28px 28px; mask-position: center center; mask-repeat: no-repeat; } .coadmin-manage a:after { content: ''; display: inline-block; width: 21px; float: right; height: 21px; background-color: #ffffff; vertical-align: middle; margin-top: 12px; margin-right: 10px; mask-image: url(images/arrows.svg); mask-size: 21px 21px; mask-position: center center; mask-repeat: no-repeat; transition: all 0.2s ease; } @media screen and (prefers-reduced-motion: reduce) { .coadmin-manage a:after { transition: none; } } .coadmin-manage a:hover, .coadmin-manage a:focus, .coadmin-manage a:active { background-color: #2a0070; } .coadmin-manage a:hover:after, .coadmin-manage a:focus:after, .coadmin-manage a:active:after { margin-right: 0px; } /**Icon headings**/ .heading-icon .panel-heading { padding: 6px 0px; } .heading-icon .panel-title, .heading-icon h3 { text-align: left; text-transform: uppercase; color: #525252; font-weight: 600; font-size: 20px; margin-bottom: 10px; } .heading-icon.engage .panel-title:before, .heading-icon.engage h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#engage); mask-size: 22px 22px; width: 22px; height: 22px; } .heading-icon.orgs .panel-title:before, .heading-icon.orgs h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#orgs); mask-size: 25px 25px; width: 25px; height: 25px; } .heading-icon.events .panel-title:before, .heading-icon.events h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#events); } .heading-icon.committees .panel-title:before, .heading-icon.committees h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#committees); mask-size: 30px 30px; width: 30px; height: 30px; mask-position: 0px 5px; } .heading-icon.sections .panel-title:before, .heading-icon.sections h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#sections); mask-size: 25px 25px; width: 25px; height: 25px; } .heading-icon.orders .panel-title:before, .heading-icon.orders h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#orders); } .heading-icon.community .panel-title:before, .heading-icon.community h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#community); } .heading-icon.clubs .panel-title:before, .heading-icon.clubs h3:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #525252; mask-size: 20px 20px; mask-repeat: no-repeat; mask-position: center; margin-right: 10px; mask-image: url(images/mh-icons.svg#committees); } /* Alt background colors ========================================================================== */ .AltBgColor1 { background-color: #f0edf2; padding: 10px; } .AltBgColor2 > .panel { background-color: #00abbe; } a:hover .AltBgColor2 > .panel, a:active .AltBgColor2 > .panel, a:focus .AltBgColor2 > .panel { background-color: #009daf; } .AltBgColor2 > .panel.panel-border { border-color: #0094a5; } .AltBgColor2 > .panel, .AltBgColor2 > .panel h2 { color: #000; } .AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColor2 > .panel .ProgressBar > span { background-color: #000; } .AltBgColor3 > .panel { background-color: #3d00a3; } a:hover .AltBgColor3 > .panel, a:active .AltBgColor3 > .panel, a:focus .AltBgColor3 > .panel { background-color: #370094; } .AltBgColor3 > .panel.panel-border { border-color: #33008a; } .AltBgColor3 > .panel, .AltBgColor3 > .panel h2 { color: #fff; } .AltBgColor3 > .panel a, .AltBgColor3 > .panel a:hover, .AltBgColor3 > .panel a:active, .AltBgColor3 > .panel a:focus, .AltBgColor3 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor3 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColor4 > .panel { background-color: #e98300; } a:hover .AltBgColor4 > .panel, a:active .AltBgColor4 > .panel, a:focus .AltBgColor4 > .panel { background-color: #da7a00; } .AltBgColor4 > .panel.panel-border { border-color: #d07500; } .AltBgColor4 > .panel, .AltBgColor4 > .panel h2 { color: #000; } .AltBgColor4 > .panel a, .AltBgColor4 > .panel a:hover, .AltBgColor4 > .panel a:active, .AltBgColor4 > .panel a:focus, .AltBgColor4 > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColor4 > .panel .ProgressBar > span { background-color: #000; } .AltBgColor5 > .panel { background-color: #8e51ae; } a:hover .AltBgColor5 > .panel, a:active .AltBgColor5 > .panel, a:focus .AltBgColor5 > .panel { background-color: #854ca4; } .AltBgColor5 > .panel.panel-border { border-color: #80499d; } .AltBgColor5 > .panel, .AltBgColor5 > .panel h2 { color: #fff; } .AltBgColor5 > .panel a, .AltBgColor5 > .panel a:hover, .AltBgColor5 > .panel a:active, .AltBgColor5 > .panel a:focus, .AltBgColor5 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor5 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColorred > .panel { background-color: #d03528; } a:hover .AltBgColorred > .panel, a:active .AltBgColorred > .panel, a:focus .AltBgColorred > .panel { background-color: #c33226; } .AltBgColorred > .panel.panel-border { border-color: #bb3024; } .AltBgColorred > .panel, .AltBgColorred > .panel h2 { color: #fff; } .AltBgColorred > .panel a, .AltBgColorred > .panel a:hover, .AltBgColorred > .panel a:active, .AltBgColorred > .panel a:focus, .AltBgColorred > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColorred > .panel .ProgressBar > span { background-color: #fff; } .AltBgColororange > .panel { background-color: #e98300; } a:hover .AltBgColororange > .panel, a:active .AltBgColororange > .panel, a:focus .AltBgColororange > .panel { background-color: #da7a00; } .AltBgColororange > .panel.panel-border { border-color: #d07500; } .AltBgColororange > .panel, .AltBgColororange > .panel h2 { color: #000; } .AltBgColororange > .panel a, .AltBgColororange > .panel a:hover, .AltBgColororange > .panel a:active, .AltBgColororange > .panel a:focus, .AltBgColororange > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColororange > .panel .ProgressBar > span { background-color: #000; } .AltBgColoryellow > .panel { background-color: #e8d92d; } a:hover .AltBgColoryellow > .panel, a:active .AltBgColoryellow > .panel, a:focus .AltBgColoryellow > .panel { background-color: #e6d71f; } .AltBgColoryellow > .panel.panel-border { border-color: #e3d219; } .AltBgColoryellow > .panel, .AltBgColoryellow > .panel h2 { color: #000; } .AltBgColoryellow > .panel a, .AltBgColoryellow > .panel a:hover, .AltBgColoryellow > .panel a:active, .AltBgColoryellow > .panel a:focus, .AltBgColoryellow > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColoryellow > .panel .ProgressBar > span { background-color: #000; } .AltBgColorgreen > .panel { background-color: #68bd49; } a:hover .AltBgColorgreen > .panel, a:active .AltBgColorgreen > .panel, a:focus .AltBgColorgreen > .panel { background-color: #60b542; } .AltBgColorgreen > .panel.panel-border { border-color: #5dae3f; } .AltBgColorgreen > .panel, .AltBgColorgreen > .panel h2 { color: #000; } .AltBgColorgreen > .panel a, .AltBgColorgreen > .panel a:hover, .AltBgColorgreen > .panel a:active, .AltBgColorgreen > .panel a:focus, .AltBgColorgreen > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColorgreen > .panel .ProgressBar > span { background-color: #000; } .AltBgColorblue > .panel { background-color: #00a9e0; } a:hover .AltBgColorblue > .panel, a:active .AltBgColorblue > .panel, a:focus .AltBgColorblue > .panel { background-color: #009dd1; } .AltBgColorblue > .panel.panel-border { border-color: #0096c7; } .AltBgColorblue > .panel, .AltBgColorblue > .panel h2 { color: #000; } .AltBgColorblue > .panel a, .AltBgColorblue > .panel a:hover, .AltBgColorblue > .panel a:active, .AltBgColorblue > .panel a:focus, .AltBgColorblue > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColorblue > .panel .ProgressBar > span { background-color: #000; } .AltBgColorpurple > .panel { background-color: #8e51ae; } a:hover .AltBgColorpurple > .panel, a:active .AltBgColorpurple > .panel, a:focus .AltBgColorpurple > .panel { background-color: #854ca4; } .AltBgColorpurple > .panel.panel-border { border-color: #80499d; } .AltBgColorpurple > .panel, .AltBgColorpurple > .panel h2 { color: #fff; } .AltBgColorpurple > .panel a, .AltBgColorpurple > .panel a:hover, .AltBgColorpurple > .panel a:active, .AltBgColorpurple > .panel a:focus, .AltBgColorpurple > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColorpurple > .panel .ProgressBar > span { background-color: #fff; } .AltBgColormps-1 > .panel { background-color: #3d00a3; } a:hover .AltBgColormps-1 > .panel, a:active .AltBgColormps-1 > .panel, a:focus .AltBgColormps-1 > .panel { background-color: #370094; } .AltBgColormps-1 > .panel.panel-border { border-color: #33008a; } .AltBgColormps-1 > .panel, .AltBgColormps-1 > .panel h2 { color: #fff; } .AltBgColormps-1 > .panel a, .AltBgColormps-1 > .panel a:hover, .AltBgColormps-1 > .panel a:active, .AltBgColormps-1 > .panel a:focus, .AltBgColormps-1 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColormps-1 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColormps-2 > .panel { background-color: #66ffcc; } a:hover .AltBgColormps-2 > .panel, a:active .AltBgColormps-2 > .panel, a:focus .AltBgColormps-2 > .panel { background-color: #57ffc7; } .AltBgColormps-2 > .panel.panel-border { border-color: #4dffc4; } .AltBgColormps-2 > .panel, .AltBgColormps-2 > .panel h2 { color: #000; } .AltBgColormps-2 > .panel a, .AltBgColormps-2 > .panel a:hover, .AltBgColormps-2 > .panel a:active, .AltBgColormps-2 > .panel a:focus, .AltBgColormps-2 > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColormps-2 > .panel .ProgressBar > span { background-color: #000; } /* ========================================================================== DASHBOARDS ========================================================================== */ /* Zone or iPart style for the staff dashboards for consistent styling */ .ProgressTracker_Dashboard .panel-body,.ProgressTracker_Dashboard_Overview .panel-body{ padding-top:0 } .ProgressTracker_Dashboard .label,.ProgressTracker_Dashboard_Overview .label{ font-size:120%; display:block; margin-top:10px } .ProgressTracker_Dashboard .ProgressBar,.ProgressTracker_Dashboard_Overview .ProgressBar{ margin-left:-10px; margin-right:-10px } .ProgressTracker2 ul,.ProgressTracker_Dashboard ul,.ProgressTracker_Dashboard_Overview ul{ margin:0; padding:0 } .ProgressTracker2 ul,.ProgressTracker2 li,.ProgressTracker_Dashboard ul,.ProgressTracker_Dashboard li,.ProgressTracker_Dashboard_Overview ul,.ProgressTracker_Dashboard_Overview li{ list-style-type:none } .ProgressTracker2 .count,.ProgressTracker_Dashboard .count,.ProgressTracker_Dashboard_Overview .count{ font-weight:bold; display:block; line-height:1; letter-spacing:-1px } .ProgressTracker2 .label,.ProgressTracker_Dashboard .label,.ProgressTracker_Dashboard_Overview .label{ line-height:1 } .ProgressTracker2 .ProgressBar,.ProgressTracker_Dashboard .ProgressBar,.ProgressTracker_Dashboard_Overview .ProgressBar{ margin-top:10px; margin-bottom:10px; position:relative; background-color:#e6e6e6; background-color:rgba(0,0,0,0.1) } .ProgressTracker2 .ProgressBar>span,.ProgressTracker_Dashboard .ProgressBar>span,.ProgressTracker_Dashboard_Overview .ProgressBar>span{ display:block; height:100%; background-color:#5D3066; position:relative; overflow:hidden } .ProgressTracker2 p,.ProgressTracker_Dashboard p,.ProgressTracker_Dashboard_Overview p{ margin-bottom:0 } .ProgressTracker_Dashboard .panel-heading.Distinguish{ padding-bottom:0 } .ProgressTracker_Dashboard .inset{ display:block; padding-bottom:15px } .ProgressTracker2 .count,.ProgressTracker_Dashboard .count{ font-size:350% } .ProgressTracker2 .ProgressBar,.ProgressTracker_Dashboard .ProgressBar{ padding:0; height:18px } .ProgressTracker_Dashboard_Overview .panel{ /* default the overview PTs to the same height */ min-height:137px } .ProgressTracker_Dashboard_Overview .panel-heading.Distinguish{ border-bottom-color:transparent } .ProgressTracker_Dashboard_Overview .count{ font-size:250% } .ProgressTracker_Dashboard_Overview .ProgressBar{ height:5px; margin-bottom:5px } .ProgressTrackerNumberGradient .count { font-weight: 700; font-size: 5.5rem; } @media only screen { .ProgressTrackerNumberGradient .count { background: linear-gradient(50deg, #003d4f 15%, #954a87 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .StaffDashboard h2,.StaffDashboard .panel-heading.Distinguish,.StaffDashboard .PanelHead.Distinguish,.StaffDashboard .TitleBarCaption{ border-bottom-color:transparent } .StaffDashboard h2.Collapsible,.StaffDashboard .panel-heading.Distinguish.Collapsible,.StaffDashboard .PanelHead.Distinguish.Collapsible,.StaffDashboard .TitleBarCaption.Collapsible{ border-bottom-color:#ddd } .CampaignDashboard .panel { padding-top: 15px; } .CampaignDashboard .GridCardStyle, .CampaignDashboard .RadGrid.RadGrid, .CampaignDashboard .panel-border { margin-bottom: 0.9em; } #masterContentArea.container{ max-width:100%; margin-right:auto; margin-left:auto; padding-left:0px; padding-right:0px } .FullBK .RightRise{ -webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 80%); clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 80%) } .FullBK .LeftRise{ -webkit-clip-path:polygon(0 0, 100% 0%, 99% 80%, 0 100%); clip-path:polygon(0 0, 100% 0%, 99% 80%, 0 100%) } .FullBK .ParallelRightRise{ -webkit-clip-path:polygon(0 0, 100% 20%, 100% 100%, 0 80%); clip-path:polygon(0 0, 100% 20%, 100% 100%, 0 80%) } .FullBK .ParallelLeftRise{ -webkit-clip-path:polygon(0 20%, 100% 0, 100% 80%, 0 100%); clip-path:polygon(0 20%, 100% 0, 100% 80%, 0 100%) } .HomePageFullWidthArea{ background-repeat:no-repeat; background-size:contain; -webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 80%); clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 80%) } .FullBK .Left2RightTop{ -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); } .PageEnd .iMIS-WebPart > .ContentItemContainer{ margin-bottom: -1em } .FontBlue{ color:#0054B7 } .FontBlue-very-lighter{ color:#1B9DF0 } .FontBlue-lighter{ color:#2867B2 } .FontBlue-dark{ color:#192B47 } .FontBlue-darker{ color:#00263E } .FontBlue-darkest{ color:#191919 } .FontTeal{ color:#79C3C3 } .FontGreen{ color:#BFB00E } .FontOrange{ color:#F59D49 } .FontPurple{ color:#5D3066 } .FontRed{ color:#d03528 } .FontPink{ color:#C75175 } .FontYellow{ color:#FDD418 } .FontLight-yellow{ color:#F5E46D } .FontNeutral{ color:#646464 } .FontWhite{ color:#fff } h2 a{ text-decoration:none; line-height:1em } .event-date,.IntroText{ color:#79C3C3; font-size:85%; font-weight:600 } .box-content a{ background:purple; border-radius:150px; color:#fff; text-indent:-999999px; max-width:50px !important } .Blue{ background:#0054B7 } .VLtBlue{ background:#1B9DF0 } .LtBlue{ background:#2867B2 } .DkBlue{ background:#192B47 } .DkerBlue{ background:#00263E } .DkestBlue{ background:#191919 } .Teal{ background:#79C3C3 } .Green{ background:#BFB00E } .Orange{ background:#F59D49 } .Purple{ background:#5D3066 } .Red{ background:#d03528 } .Pink{ background:#C75175 } .Yellow{ background:#FDD418 } .LtYellow{ background:#F5E46D } .Neutral{ background:#646464 } .White{ background:#fff } .Grey{ background:#646464 } .FullBK .container-inner,.FullBK .Blue,.FullBK .VLtBlue,.FullBK .LtBlue,.FullBK .DkBlue,.FullBK .DkerBlue,.FullBK .DkestBlue,.FullBK .Teal,.FullBK .Green,.FullBK .Orange,.FullBK .Purple,.FullBK .Red,.FullBK .Pink,.FullBK .Yellow,.FullBK .LtYellow,.FullBK .Neutral,.FullBK .White,.FullBK .Grey{ padding:2% 10% 2% 10% } .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink{ text-transform:none; font-weight:600 } @media (min-width: 768px){ .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused{ border-top:0 solid #5D3066 } } .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:hover,.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:focus{ text-transform:none; font-size:107%; font-weight:600 } .RadMenu.RadMenu_GreatBarrierReef .rsmColumn{ padding-left:7px; font-size:.9em } .HideHeader .rgHeader{ display:none } .HideContent{ display:none } .emailIcon:before{ background:url("iamges/iua_sprite.png") no-repeat -4px -3px; width:30px; height:30px; padding-right:10px } .phoneIcon:before{ background:url("imgs/iua_sprite.png") no-repeat -4px -36px; width:30px; height:30px; padding-right:10px } .radio-accordion{ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap } .radio-accordion-title{ margin-right:1px; width:100%; position:relative } .radio-accordion-title>label{ background:#00263E; min-height:40px; color:#fff; font-size:18px; line-height:1.5em; padding:0 10px; cursor:pointer; display:block; font-weight:bold; display:-webkit-flex; display:flex; align-items:center; border-bottom:2px solid #00263E; padding-right:50px } .radio-accordion-title>label:after{ content:''; position:absolute; top:0; right:0; border-left:5px solid transparent; border-bottom:5px solid transparent; border-top:5px solid white; border-right:5px solid white } .radio-accordion-body{ padding:20px; width:100%; background:white; font-size:16px; border-top:1px solid #00263E } .radio-accordion input[type=radio]{ display:none } .radio-accordion input[type=checkbox]{ display:none } .radio-accordion input[type=radio]:checked+.radio-accordion-title+.radio-accordion-body{ height:auto; padding:20px; overflow:hidden; transition:0.5s all; opacity:1 } .radio-accordion input[type=checkbox]:checked+.radio-accordion-title+.radio-accordion-body{ height:auto; padding:20px; overflow:hidden; transition:0.5s all; opacity:1 } .radio-accordion-body{ height:0; padding:0 20px; overflow:hidden; opacity:0; transition:0.3s all } .radio-accordion input[type=radio]+.radio-accordion-title>label:after,.radio-accordion input[type=checkbox]+.radio-accordion-title>label:after{ content:url(data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M26.297%2012.625l-11.594%2011.578q-0.297%200.297-0.703%200.297t-0.703-0.297l-11.594-11.578q-0.297-0.297-0.297-0.711t0.297-0.711l2.594-2.578q0.297-0.297%200.703-0.297t0.703%200.297l8.297%208.297%208.297-8.297q0.297-0.297%200.703-0.297t0.703%200.297l2.594%202.578q0.297%200.297%200.297%200.711t-0.297%200.711z%22%3E%3C/path%3E%3C/svg%3E); position:absolute; top:7px; right:10px; border:0; width:20px; height:20px } .radio-accordion input[type=radio]:checked+.radio-accordion-title>label:after,.radio-accordion input[type=checkbox]:checked+.radio-accordion-title>label:after{ content:url(data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M26.297%2020.797l-2.594%202.578q-0.297%200.297-0.703%200.297t-0.703-0.297l-8.297-8.297-8.297%208.297q-0.297%200.297-0.703%200.297t-0.703-0.297l-2.594-2.578q-0.297-0.297-0.297-0.711t0.297-0.711l11.594-11.578q0.297-0.297%200.703-0.297t0.703%200.297l11.594%2011.578q0.297%200.297%200.297%200.711t-0.297%200.711z%22%3E%3C/path%3E%3C/svg%3E); position:absolute; top:7px; right:10px; border:0; width:20px; height:20px } @media (max-width: 480px){ .radio-accordion-title{ -webkit-flex:1 0 100%; flex:1 0 100%; -webkit-order:1; order:1; margin-bottom:1px } .radio-accordion-body{ -webkit-order:1; order:1 } }