@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
 @import url("//fonts.googleapis.com/css?family=Raleway|Abel");
/* 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 {
        /* expand to the full width of the page */
         margin-left: -15px;
         margin-right: -15px;
    }
}
 @media (min-width: 992px) {
     .navbar-collapse {
         clear: right;
    }
}
 .header-logo-container {
     float: left;
     margin: 0.5em 0;
}
 @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 ========================================================================== */
 #masterContentArea {
     margin-top: 10px;
}
/* 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: 25px;
     z-index: 1;
     background: transparent url("images/ThemeIconsSprite.png") 3px 0 no-repeat !important;
     width: 48px;
     height: 48px;
}
 @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: table-row;
     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: #e6fff7 !important;
     color: #001a11;
}
 .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: var(--helper-text-color);
}
 .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: var(--header-color-primary);
     display: table;
}
 .Wrapper-HomePage h2.panel-title:after {
     content: '';
     display: block;
     bottom: 0;
     width: 30%;
     margin: 0.35em auto 0 auto;
     border-bottom: 2px solid #e5d6ff;
}
 .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: #222122 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 1em 0 0;
     width: 90px;
     height: 90px;
     background: transparent 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-StyleBg2 a.home-membership-btn {
     color: #fff;
     display: inline-block;
     float: left;
     text-align: center;
}
 .Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg5 {
     background: #f0edf2;
}
 .Wrapper-HomePage .FullWidthArea-StyleBg4 {
     background: #222122 url(images/FullWidthArea_Bg4.jpg) center top no-repeat;
     color: #fff;
     font-family: var(--font-family);
     padding: 1.4em 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 {
     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: var(--btnBgGreen) no-repeat top center !important;
     background-size: 100% 100% !important;
     padding: 0.3em 1.78em !important;
     border-radius: var(--btn-radius);
}
 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: var(--btnBgGreen) no-repeat top center !important;
     background-size: 100% 100% !important;
     color: #fff !important;
     font-weight: 600;
}
/* Button styles for all browsers */
 .btn, .TextButton, .ruButton {
     transition: all 0.2s ease-in-out !important;
     margin: 0;
     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: var(--colorGreen) !important;
     color: #fff !important;
     font-weight: 600;
}
 .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) {
     position: relative;
     padding: 1em 0.2em;
     margin: 1em 0 0 0;
     text-align: center;
     border-left: dotted 2px #c8c8c8;
}
 .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu):before {
     content: '';
     display: block;
     width: 50%;
     height: 1em;
     border-bottom: dotted 2px #c8c8c8;
     border-right: dotted 2px #c8c8c8;
     position: absolute;
     left: 0px;
     top: -1em;
}
 .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu):after {
     content: '';
     display: block;
     width: 50%;
     height: 1em;
     border-top: dotted 2px #c8c8c8;
     border-right: dotted 2px #c8c8c8;
     position: absolute;
     left: 0;
     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 .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/ResponsiveHeaderSprite.png") 0 -102px no-repeat !important;
    }
}
 @media (min-width: 992px) {
     .header-top-container {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         z-index: 1100;
    }
}
 @media (min-width: 992px) {
     .header-bottom-container {
         background-color: rgba(13, 13, 13, 0.8);
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 2000;
    }
}
 @media (max-width: 991px) {
     .navbar {
         background-color: #0d0d0d !important;
    }
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
     text-transform: none;
}
 @media (min-width: 992px) {
     .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink {
         border-top: 3px solid transparent;
         color: var(--menuLink) 
    }
     .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 var(--colorGreen);
    }
}
 .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: 1em 0 0.6em 0;
     border-left: dotted 2px #c8c8c8;
}
 .Spotlight .SectionLabel:after, .Spotlight h4:after {
     width: 25%;
}
 .Spotlight .SectionLabel:before, .Spotlight h4:before {
     content: '';
     display: block;
     width: 50%;
     height: 1em;
     border-bottom: dotted 2px #c8c8c8;
     border-right: dotted 2px #c8c8c8;
     position: absolute;
     left: 0px;
     top: -1em;
}
 .Spotlight .SectionLabel:after, .Spotlight h4:after {
     content: '';
     display: block;
     bottom: 0;
     width: 30%;
     margin: 0.35em auto 0 auto;
     border-bottom: 2px solid #e5d6ff;
}
 .Spotlight {
     margin-bottom: 1.3em;
}
 .Spotlight p {
     border-left: dotted 2px #c8c8c8;
     padding: 0.2em 1.3em;
     margin: -0.2em 0 0 0;
     position: relative;
}
 .Spotlight p:after {
     content: '';
     display: block;
     width: 50%;
     height: 1em;
     border-top: dotted 2px #c8c8c8;
     border-right: dotted 2px #c8c8c8;
     position: absolute;
     left: 0;
     bottom: -1em;
}
 .Spotlight a {
     text-decoration: none;
}
 .Spotlight img {
     margin-bottom: 1em;
}
 @media (min-width: 992px) {
     .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: 7.1em;
     top: -7.1em;
     right: 20%;
     border-top: 2px dotted #c8c8c8;
     border-right: 2px dotted #c8c8c8;
}
 .TestimonialArea blockquote {
     background: #fff;
     position: relative;
     color: #0d0d0d;
     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: 0.6em 2%;
    }
     .UpcomingEventsHome a.ImageLink img {
         width: 225px !important;
         height: auto !important;
         display: block;
    }
}
 .UpcomingEventsHome a.LabelLink {
     text-decoration: none;
     font-weight: bold;
     color: #0d0d0d;
     line-break: normal;
}
 .ProgressTracker2 {
     text-align: center;
}
 .ProgressTracker2 .ProgressTrackerPanel .label, .ProgressTracker2 .ProgressTrackerPanel a {
     color: #fff;
}
 .ProgressTracker2 .SuccessfulMessage {
     width: 95%;
     margin: 0 auto;
     background-color: var(--colorGreen) !important;
     font-weight: bold;
     margin-bottom: 0.5em;
}
 .ProgressTracker2 .ProgressBar {
     border-radius: 0;
     background-color: #006644 !important;
     height: 1.7em;
}
 .ProgressTracker2 .ProgressBar span {
     background-color: var(--colorGreen) !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 1em 0 0;
     width: 90px;
     height: 90px;
     background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important;
}
 .Wrapper-HomePage .ProgressTracker2 span.count strong {
     font-size: 250%;
     display: block;
     padding-bottom: 1em;
}
 @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_MetroTouch {
     letter-spacing: 1px;
     text-transform: uppercase;
}
 .RadTabStrip_MetroTouch.RadTabStrip, .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
     background-color: var(--rad-menu-background);
}
 .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: var(--rad-menu-link) !important;
     border-width: 0 !important;
}
 .RadTabStrip_MetroTouch .rtsLink .tab-step-number {
     color: var(--rad-menu-link);
     background-color: var(--rad-menu-background);
}
 .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
     background-color: var(--rad-menu-background-active) !important;
     border-color: var(--rad-menu-background-active) !important;
     color: var(--rad-menu-link-active) !important;
}
 .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
     color: var(--rad-menu-link-active);
     background-color: var(--rad-menu-background-active);
}
 .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
     background-color: var(--rad-menu-background) !important;
     border-color: var(--rad-menu-background) !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;
}
 .CalloutPart2 .SectionLabel:after {
     content: '';
     display: block;
     bottom: 0;
     width: 45%;
     margin: 0.35em auto 0 auto;
     border-bottom: 2px solid #e5d6ff;
}
 .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: var(--font-family);
     font-size: var(--base-font-size);
     line-height: 1.8;
     color: var(--colorVDkBlue);
}
 a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
     color: var(--linkColor);
     text-decoration: none;
}
 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: var(--linkColor);
}
 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: var(--colorBlue);
     text-decoration: underline;
}
 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: #999999;
     text-decoration: underline;
}
 h1, .h1, .PageTitle {
     font-size: 250%;
     font-family: var(--font-family);
     font-weight: var(--font-weight-bold);
     color: var(--colorVDkBlue);
     margin-top: 0;
}
 h1.BigHeader, .h1.BigHeader {
     color: #fff;
     background-color: var(--colorDkBlue);
     padding: 20px;
     margin: 0;
}
 h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle {
     min-height: 0;
     border-bottom-style: solid;
}
 h2, .h2, .PanelTitle {
     font-size: 200%;
     font-family: var(--font-family);
     font-weight: var(--font-weight-bold);
     color: var(--colorVDkBlue);
     line-height: 1.45em;
}
 h3, .SectionTitle {
     font-size: 130%;
     font-family: var(--font-family);
     font-weight: var(--font-weight-normal);
     color: var(--section-title-color);
     text-transform: uppercase;
}
 h4, .SectionLabel, h5 {
     margin: 0 0 .2em;
}
 h4, .h4, .SectionLabel {
     font-size: 120%;
     font-family: var(--font-family);
     font-weight: var(--font-weight-normal);
     color: var(--colorVDkBlue);
}
 h5, .h5, .SectionLabelSmaller {
     font-size: 100%;
     font-family: var(--font-family);
     font-weight: var(--font-weight-normal);
     color: var(--colorDkBlue);
}
 h6, .h6 {
     font-size: 85%;
     font-family: var(--font-family);
     font-weight: var(--font-weight-normal);
     color: var(--colorVDkBlue);
     margin: 0;
}
 strong {
     font-weight: bold;
}
 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: var(--colorBlue);
}
/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
 .SelectedItem {
     background-color: #212121;
}
/** * 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;
}
/* header logo */
 #masterHeaderImage {
     background-image: url("images/Opus-logo.svg#icon-white");
     background-repeat: no-repeat;
     background-size: contain;
     width: 122px;
     height: 39.04px;
    /* The following are needed to hide the text, but allow it to be read by screen readers */
     text-indent: -9999px;
     overflow: hidden;
     float: left;
}
 @media (min-width: 992px) {
     #masterHeaderImage {
         background-image: url("images/Opus-logo.svg#white-tagline");
         width: 250px;
         height: 80px;
    }
}
 #masterDonorHeaderImage {
     background-image: url("images/DonorHeaderLogo.png");
     background-repeat: no-repeat;
     width: 122px;
     height: 39.04px;
    /* The following are needed to hide the text, but allow it to be read by screen readers */
     text-indent: -9999px;
     overflow: hidden;
     float: left;
}
 @media (min-width: 992px) {
     #masterDonorHeaderImage {
         width: 169px;
    }
}
/* 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: var(--colorDkBlue);
}
 .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: var(--colorVDkBlue);
     font-family: var(--font-family);
     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: 1em;
     padding-bottom: 0.35em;
    /* 1em - .65em (bottom margin on nav lis) */
}
 .footer-content {
     padding-top: 1em;
}
 .footer-content-section {
     padding: 0 15px 1em;
}
 .footer-nav-copyright::after {
     display: block;
     clear: both;
     content: "";
}
 .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;
    }
}
 .footer-copyright p {
     margin-bottom: 0;
}
 @media (min-width: 480px) {
     .footer-content-section {
         float: left;
         width: 50%;
    }
}
 @media (min-width: 768px) {
     .footer .footer-social {
         width: 33.3333333333%;
    }
     .footer .footer-promo-container {
         width: 66.6666666667%;
    }
}
 #masterFooterCopyright {
     clear: both;
}
 .footer-content {
     background-color: var(--footer-background);
     color: var(--footer-color);
     text-align: center;
}
 .footer-content h2 {
     margin-top: 0;
     color: var(--footer-color);
     border-bottom: none;
}
 .footer-content a {
     color: var(--footer-color);
}
 .footer-social {
     padding-top: 15px;
}
 .footer-social a {
     margin-right: .5em;
}
 .footer-promo-container .promo {
     background-color: #00e699;
    /* rgba fallback */
     background-color: rgba(0, 230, 153, 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: var(--font-family);
     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%;
    }
}
 .footer-promo-container .TextButton {
     background-color: #00e699;
    /* rgba fallback */
     background-color: rgba(0, 230, 153, 0.5);
     color: #fff;
}
 .footer-promo-container .TextButton:hover {
     background-color: #00e699;
    /* rgba fallback */
     background-color: rgba(0, 230, 153, 0.8);
}
 .footer-nav-copyright {
     background-color: var(--footer-background);
     color: var(--footer-color);
}
 .footer-nav-copyright a, .footer-nav-copyright a:visited {
     color: var(--footer-color);
}
 .footer-nav-copyright a:hover, .footer-nav-copyright a:active {
     color: var(--footer-color);
}
/* Compatibility Footer ========================================================================== */
/* Old-style footer (pre-responsive) */
 #ft {
     background-image: url(/images/blueheader.jpg);
     color: var(--footer-color);
}
 #ft h4 {
     color: var(--footer-color);
     font-family: var(--font-family);
     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: var(--footer-link);
}
 #masterFooterContent a:visited, #masterFooterCopyright a:visited, #masterFooterNavigation a:visited {
     color: var(--colorGreen);
}
 #masterFooterContent a:hover, #masterFooterContent a:active, #masterFooterCopyright a:hover, #masterFooterCopyright a:active, #masterFooterNavigation a:hover, #masterFooterNavigation a:active {
     color: var(--colorGreen);
}
 #masterFooterCopyright {
     border-color: #ddd;
    /* rgba fallback */
     border-top: 1px solid rgba(221, 221, 221, 0.5);
}
/* ========================================================================== PRIMARY NAVIGATION ========================================================================== */
 @media (min-width: 992px) {
     .primary-navigation-area .MegaDropDownMenuOuter {
         text-align: center;
    }
}
 @media (min-width: 992px) {
     .header-bottom-container {
         background-color: rgba(13, 13, 13, 0.8);
         min-height: 65px;
    }
}
 .navbar {
     min-height: 52px;
}
 @media (max-width: 991px) {
     .navbar {
         background-color: rgba(13, 13, 13, 0.8);
    }
}
 .navbar-collapse, .searchbar-collapse {
     background-color: rgba(13, 13, 13, 0.8);
}
 @media (min-width: 992px) {
     .navbar-collapse, .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.8);
}
/* Reset some Telerik defaults */
 .RadMenu.RadMenu_NaturalHeritageSites {
     float: none;
     z-index: 1001 !important;
     position: relative;
}
 .RadMenu.RadMenu_NaturalHeritageSites:focus {
     outline: none;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmGroup, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup, .RadMenu.RadMenu_NaturalHeritageSites .rmMultiColumn, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem {
     border: none;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmExpand:before, .RadMenu.RadMenu_NaturalHeritageSites .rmRightArrow .rmIcon:before, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_NaturalHeritageSites .rmBottomArrow .rmIcon:before {
     content: none;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal>.rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal>.rmRootScrollGroup>.rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rmLink {
     float: none;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmLink {
     padding: 0px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmItem .rmText {
     display: inline-block;
     vertical-align: top;
     float: left;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmToggle {
     width: auto;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
     position: static;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmContent, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmContent {
     padding: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites, .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
     font-size: inherit;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmGroup {
     padding: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites ul {
     margin: 0;
     padding: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
     list-style: none;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>a {
     cursor: default;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
     width: auto;
     clear: both;
     text-align: left;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
     padding: 15px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
    /* give space for the expand arrow */
     padding-right: 40px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
     position: relative;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmLink, .RadMenu.RadMenu_NaturalHeritageSites .rmOneLevel .rmItem .rmLink {
     padding: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 .rmLink {
    /* make sure second-level rsm items are lined up properly */
     padding-left: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLink {
     margin-bottom: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1>.rmItem>.rmLink {
     font-size: 1.16em;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1>.rmItem>.rmLink, .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1>.rmItem.rmDisabled>.rmLink:focus {
     text-transform: uppercase;
     color: var(--sliderLink);
     font-weight: normal;
     letter-spacing: 1px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmOneLevel .rmItem .rmLink {
     white-space: nowrap;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmLink {
     text-decoration: none;
     display: block;
     position: relative;
    /* required for the menu to work in IE */
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmText {
     margin: 0;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected {
    /* root item selected styles */
     color: var(--menuLink);
     background-color: transparent;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
    /* root item hover and focus styles */
     background-color: transparent;
     color: var(--menuLink);
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
     background-color: var(--MenuBackground);
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>.rmLink {
     color: #fefefe;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>.rmLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>.rmLink:active {
     background-color: transparent;
     color: #fefefe;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem {
     position: relative;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
     color: var(--menuLink);
     font-family: var(--font-family);
     font-size: var(--top-menu-font-size);
     font-weight: normal;
     letter-spacing: 1px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
    /* a clickable target to expand multi-level navigaiton */
     display: inline-block;
     float: right;
     height: 100%;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon {
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
     display: block;
     width: 23px;
     height: 15px;
     background-image: url("images/responsivenav.png");
     background-repeat: no-repeat;
     margin-top: 15px;
     margin-bottom: 15px;
     margin-right: 15px;
     margin-left: 15px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmLink:hover .rmToggle>.rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmLink.rmFocused .rmToggle>.rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmSelected>.rmLink .rmToggle>.rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmFocused>.rmLink.rmRootLink .rmToggle>.rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmExpanded>.rmLink .rmToggle>.rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink .rmToggle>.rmIcon {
     background-position: 0 -26px;
}
 .RadMenu.RadMenu_NaturalHeritageSites .rmExpanded>.rmLink>.rmToggle>.rmIcon {
     transform: rotate(180deg);
}
/*2nd and 3rd level navigation (dropdown menus)*/
 .RadMenu_NaturalHeritageSites .rmSlide {
     display: none;
    /* hide the sub nav until requested */
     position: absolute;
     height: auto !important;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmItem {
     float: none;
     display: block;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmText {
     float: none;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmLink {
     color: #fefefe;
     font-family: var(--font-family);
     font-size: 114%;
     font-weight: normal;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmSeparator, .RadMenu_NaturalHeritageSites .rmSlide .rmVertical>.rmSeparator, .RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeparator>.rmLink {
     border-bottom: 1px solid #fff;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmSeparator, .RadMenu_NaturalHeritageSites .rmSlide .rmVertical>.rmSeparator {
     margin: 0 15px;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmFocused>.rmLink, .RadMenu_NaturalHeritageSites .rmSlide .rmSelected>.rmLink, .RadMenu_NaturalHeritageSites .rmSlide .rmItem.rmSelected>.rmLink {
     background-color: var(--MenuBackground-hover);
     color: var(--colorGreen);
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover, .RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus, .RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused, .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1>.rmItem>.rmLink:hover, .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1>.rmItem>.rmLink:focus, .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1>.rmItem>.rmLink.rmFocused {
     background-color: var(--MenuBackground-hover);
     color: var(--colorGreen);
}
 .RadMenu_NaturalHeritageSites .rmSlide.rmLevel1 .rmGroup {
    /* for second-level sub-nav and beyond, * we want to indent the nav to give separation */
     margin-left: 0;
}
 .RadMenu_NaturalHeritageSites .rmSlide .rmExpandRight, .RadMenu_NaturalHeritageSites .rmSlide .rmGroup a.rmLink.rmExpandRight {
     background-image: url("images/ResponsiveNav.png");
     background-position: 110% -200px;
     background-repeat: no-repeat;
}
 .RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeparator .rmLink {
     padding: 0;
}
 @media (max-width: 991px) {
     .RadMenu_NaturalHeritageSites .rmSlide {
         width: 100% !important;
         left: 0 !important;
    }
     .RadMenu_NaturalHeritageSites .rmSlide ul.rmVertical, .RadMenu_NaturalHeritageSites .rmSlide ul.rmHorizontal, .RadMenu_NaturalHeritageSites .rmSlide ul.rmRootScrollGroup {
         float: none;
    }
     .RadMenu_NaturalHeritageSites .rmSlide .rmSlide {
        /* for right expanded items, expand below on extra small screens */
         left: 0 !important;
    }
     .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmSlide .rmText {
        /* if we have toggles on we don't want to add the extra padding */
         padding-right: 15px;
    }
     .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmExpandRight, .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
        /* if toggle handles are on we don't want to display the arrow twice*/
         background-image: none;
    }
}
 @media (min-width: 992px) {
     .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
         white-space: nowrap;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup {
         width: auto;
         display: inline-block;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem {
         float: left;
         clear: none;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
         margin: 0;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
         margin: 0;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
         float: none;
         display: block;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
         margin: 0;
    }
     .RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
         display: none;
    }
     .RadMenu.RadMenu_NaturalHeritageSites.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_NaturalHeritageSites.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
         display: block !important;
    }
}
/* ========================================================================== SECONDARY NAVIGATION ========================================================================== */
/**** Telerik overrides ****/
 .RadTreeView.RadTreeView_NaturalHeritageSites {
     white-space: normal;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtLI, .RadTreeView.RadTreeView_NaturalHeritageSites .rtTop, .RadTreeView.RadTreeView_NaturalHeritageSites .rtMid, .RadTreeView.RadTreeView_NaturalHeritageSites .rtBot {
     padding: 0;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtIn {
     font-weight: bold;
     display: block;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtIn, .RadTreeView.RadTreeView_NaturalHeritageSites .rtHover .rtIn, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected .rtIn {
     padding: 10px 15px;
     border: none;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtUL {
     width: 100%;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected>a.rtIn, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected>a.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected>a.rtIn:active, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected>a.rtIn:focus, .RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn, .RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn:active, .RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn:focus {
     background-color: transparent;
     color: var(--colorVDkBlue);
     font-weight: bold !important;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtUL .rtUL {
     padding-left: 15px;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI {
    /* add a separator border to the first-level sub-nav items only */
     border-top: 1px solid #ddd;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI:first-child {
     border-top: none;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI .rtLI .rtIn {
    /* children should have less padding */
     padding: 5px 15px;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI>.rtUL {
    /* this makes the children section padding even */
     padding-right: 15px;
     padding-bottom: 10px;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL {
    /* add a boundary for hovered navs */
     margin: 0 1px 1px 1px;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites .rtSp, .RadTreeView.RadTreeView_NaturalHeritageSites .rtPlus, .RadTreeView.RadTreeView_NaturalHeritageSites .rtMinus {
    /* we don't want to display the expand/collapse icons in this theme */
     display: none;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
     color: #000;
     transition: all 0.2s ease-in;
     margin: 0;
}
 @media screen and (prefers-reduced-motion: reduce) {
     .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
         transition: none;
    }
}
 .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:focus {
     background-color: #fff;
     color: #390099;
}
 .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:active {
     background-color: #fff;
}
 .child-is-selected-wrapper {
     background-color: #fff;
     color: #390099;
}
 .nav-secondary {
     background-color: transparent;
     margin-bottom: 1em;
}
 .nav-secondary .sub-nav-head {
     background-color: rgba(13, 13, 13, 0.8);
     color: var(--colorGreen);
     font-weight: bold;
     font-size: 120%;
     padding: 10px 15px;
     text-transform: uppercase;
}
 .nav-secondary .SubNavigationSeparator {
     border: none;
     height: 4px;
     background-color: transparent;
}
 .nav-secondary .SubNavigationSeparator .rtIn {
     padding: 0;
     color: #000;
}
/* ========================================================================== AUXILIARY NAVIGATION ========================================================================== */
 .navbar-header {
     float: right;
}
 .navbar-header>div, .navbar-header>a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
     display: inline-block;
     vertical-align: middle;
     color: var(--auxilliary-link);
}
 .navbar-toggle {
     margin-top: 3.5px;
     margin-bottom: 3.5px;
     vertical-align: middle;
     background-color: rgba(255, 255, 255, 0.8);
     border-color: transparent;
     border-radius: 0px;
}
 .navbar-toggle.collapsed {
     background-color: rgba(255, 255, 255, 0.8);
}
 .navbar-toggle:hover, .navbar-toggle:focus {
     background-color: #fff;
}
 .navbar-toggle .icon-bar {
     background-color: rgba(13, 13, 13, 0.8);
}
 .header-container .nav-auxiliary .TextButton, .header-container .nav-auxiliary .navbar-toggle {
     margin-left: 10px;
}
 .header-container .nav-auxiliary .UtilityAuthentication a {
     color: var(--auxiliary-link);
     font-size: 107%;
     text-decoration: none;
     font-weight: bold;
     padding-top: 2px;
}
 .header-container .nav-auxiliary .UtilityAuthentication a:hover, .header-container .nav-auxiliary .UtilityAuthentication a:focus {
     text-decoration: underline;
}
 .header-container .nav-auxiliary .UtilityTranslation select {
     height: 32px;
     margin-right: 10px;
}
 @media (min-width: 992px) {
     .header-container .nav-auxiliary .NavigationListItem, .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;
}
 .navbar-toggle .icon-bar {
     height: 3px;
     border-radius: 0;
}
 .navbar-toggle .icon-bar+.icon-bar {
     margin-top: 5px;
}
 .navbar-toggle .icon-search {
     display: inline-block;
     float: left;
     background: transparent url("images/ResponsiveHeaderSprite.png") 0 -22px no-repeat;
     width: 22px;
     height: 19px;
     margin: 0;
    /* this makes it line up properly with the hamburger */
}
/* 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 {
     margin-left: 10px;
     padding: 5px;
     margin-top: 3.5px;
     margin-bottom: 3.5px;
     border: 1px solid transparent;
     border-radius: 0px;
     background-color: rgba(255, 255, 255, 0.8);
}
 @media (min-width: 992px) {
     .nav-auxiliary .nav-aux-button .NavigationLink {
         background-color: rgba(255, 255, 255, 0.8);
    }
     .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
         background-color: #fff;
    }
}
 .nav-auxiliary .nav-aux-button .nav-text {
     display: inline-block;
     white-space: nowrap;
     float: left;
     overflow: hidden;
     line-height: 1.4;
     width: 22px;
     height: 19px;
     padding: 0 0 0 22px;
     color: #fff;
}
 .nav-auxiliary .nav-aux-button a:hover .nav-text, .nav-auxiliary .nav-aux-button a:focus .nav-text {
     text-decoration: underline;
}
 @media (min-width: 992px) {
     .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
         background: none;
    }
     .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
         width: auto;
    }
}
 .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
     background: transparent url("images/ResponsiveHeaderSprite.png") 2px -75px no-repeat;
}
 .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
     background: transparent url("images/ResponsiveHeaderSprite.png") 2px -125px no-repeat;
}
 .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* left postion is padding plus placement */
     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: #0d0d0d;
     background-color: var(--colorGreen);
     border-radius: 2px;
     font-size: 0.75em;
     line-height: 1;
     padding: 0 2px 1px;
     box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}
 .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:after {
    /* Clear the parentheses put around the item count by default */
     content: none;
}
 @media (max-width: 991px) {
     .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        /* This is the flag indicating how many items are in your cart */
         left: 7.5px;
        /*($navbar-padding-horizontal + 9 + 5)*/
         top: 2px;
    }
     .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
         background-color: var(--colorGreen);
         color: #0d0d0d;
    }
}
 .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: #fff;
}
 .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;
     margin-right: 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: white;
}
 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 {
         margin-top: 2px;
    }
}
 .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: 31px;
}
 @media (max-width: 991px) {
     .header-search .search-field {
         width: 100%;
    }
}
 @media (min-width: 992px) {
     .header-search .search-field {
         padding: 0 0 0 7px;
         padding-left: 34px !important;
         background-position: 7px -17px !important;
         background-color: rgba(255, 255, 255, 0.8);
         border: none;
    }
     .header-search .search-field:focus {
         background-color: #fff;
    }
}
/* Auxiliary/Primary switch ========================================================================== */
/** * A class that allows a navigation to display in the primary nav on xs screens * and the auxiliary nav on wider screens. * To use this configure the nav item to not be hidden and also display in the * auxiliary navigaiton item. */
 @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;
    }
}
 @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;
}
/* ========================================================================== SOCIAL ICONS ========================================================================== */
/**** End Social Netowrking Icon Styling ****/
 input, button, select, textarea {
     font-family: var(--font-family);
}
 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, .input-fake {
     display: inline-block;
     height: 37px;
     padding: 5px 10px;
     font-size: 100%;
     line-height: 1.8;
     color: #555555;
     border: 1px solid #ccc;
     border-radius: 0px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     transition: border linear 0.2s, box-shadow linear 0.2s;
}
 @media screen and (prefers-reduced-motion: reduce) {
     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, .input-fake {
         transition: none;
    }
}
 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, .input-fake:focus {
     border-color: #66afe9;
     outline: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
 select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .uneditable-input::placeholder, .input-fake::placeholder {
     color: #999999;
     opacity: 1;
}
 .input-fake:focus-within {
     border-color: #66afe9;
     outline: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
 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: #555555;
     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: #555555;
}
 .RadComboBox.RadComboBox_MetroTouch .rcbInner {
     height: 37px;
     padding: 0;
     font-size: 100%;
     line-height: 1.8;
     border: 1px solid #ccc;
     border-radius: 0px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     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;
     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: #999999;
}
 .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: #555555;
}
 .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;
}
/* Chosen multi-select */
 .chosen-container-multi .chosen-choices {
     min-height: 37px;
     border-radius: 0px;
     border-color: #ccc;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     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 {
    /* Remove the styling used in the master page 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;
     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;
    /* IE7 */
     margin-top: 1px \9;
    /* IE8-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, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
     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: 14px;
     line-height: 1.8;
     border-radius: 0px;
     -webkit-user-select: none;
     user-select: none;
     transition: background 0.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, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
     background-color: var(--btnBgBlue);
     border-color: transparent;
}
 .btn, .btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
     text-decoration: none;
     border-radius: var(--btn-radius);
}
 .btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
     color: #fff;
}
 .btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
     color: #fff;
     text-decoration: none;
     background-color: var(--btnBgGreen);
     border-color: rgba(0, 0, 0, 0);
}
 .btn:active, .TextButton:active, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
     background-image: none;
}
 .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
     color: #fff;
     background-color: #0d0d0d;
     border-color: transparent;
}
 .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
     background-color: var(--colorGreen);
     color: #0d0d0d;
}
 .RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove {
     height: auto;
     padding: 5px 10px;
     line-height: 1.8;
     border-radius: 0px;
}
/* primary button */
 .PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton {
     background-color: var(--colorGreen);
     border-color: transparent;
}
 .PrimaryButton, .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:visited, .RadGrid.RadGrid a.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
     text-decoration: none;
}
 .PrimaryButton, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:visited, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton:visited, .RadGrid.RadGrid a.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
     color: #0d0d0d;
}
 .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
     color: #0d0d0d;
     text-decoration: none;
     background-color: #3dffbe;
     border-color: rgba(0, 0, 0, 0);
}
 .PrimaryButton:active, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:active {
     background-image: none;
}
 .PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .UsePrimaryButton .TextButton:disabled, .UsePrimaryButton .TextButton:disabled:hover, .UsePrimaryButton .TextButton:disabled:focus, .UsePrimaryButton .TextButton:disabled:active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .RadGrid input.PrimaryButton:disabled, .RadGrid input.PrimaryButton:disabled:hover, .RadGrid input.PrimaryButton:disabled:focus, .RadGrid input.PrimaryButton:disabled:active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus, .RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus, .RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
     color: #0d0d0d;
     background-color: var(--colorGreen);
     border-color: transparent;
}
/* Facebook sign in button */
 .TextButton.Facebook {
     background-color: #3B5998;
     border-color: #2d4373;
}
 .TextButton.Facebook, .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
     text-decoration: none;
}
 .TextButton.Facebook, .TextButton.Facebook:visited {
     color: #fff;
}
 .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active {
     color: #fff;
     text-decoration: none;
     background-color: #30487b;
     border-color: #1c2a47;
}
 .TextButton.Facebook:active {
     background-image: none;
}
 .TextButton.Facebook:disabled, .TextButton.Facebook:disabled:hover, .TextButton.Facebook:disabled:focus, .TextButton.Facebook:disabled:active, .TextButton.Facebook.disabled, .TextButton.Facebook.disabled:hover, .TextButton.Facebook.disabled:focus, .TextButton.Facebook.disabled:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
     color: #fff;
     background-color: #3B5998;
     border-color: #2d4373;
}
/* LinkedIn sign in button */
 .SignInButton.LinkedIn {
     background-color: #0077B5;
     border-color: #005582;
}
 .SignInButton.LinkedIn, .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
     text-decoration: none;
}
 .SignInButton.LinkedIn, .SignInButton.LinkedIn:visited {
     color: #fff;
}
 .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active {
     color: #fff;
     text-decoration: none;
     background-color: #005c8c;
     border-color: #002d45;
}
 .SignInButton.LinkedIn:active {
     background-image: none;
}
 .SignInButton.LinkedIn:disabled, .SignInButton.LinkedIn:disabled:hover, .SignInButton.LinkedIn:disabled:focus, .SignInButton.LinkedIn:disabled:active, .SignInButton.LinkedIn.disabled, .SignInButton.LinkedIn.disabled:hover, .SignInButton.LinkedIn.disabled:focus, .SignInButton.LinkedIn.disabled:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
     color: #fff;
     background-color: #0077B5;
     border-color: #005582;
}
 .SmallButton, .UseSmallButton .TextButton {
     font-size: 85%;
     padding: 3px 8px;
     border-radius: 0px;
}
 .MediumButton, .UseMediumButton .TextButton {
     font-size: 120%;
     padding: 9px 14px;
     border-radius: 0px;
}
 .LargeButton, .UseLargeButton .TextButton {
     font-size: 150%;
     padding: 12px 17px;
     border-radius: 0px;
}
 .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;
}
 .DangerButton:disabled, .DangerButton:disabled:hover, .DangerButton:disabled:focus, .DangerButton:disabled:active, .DangerButton.disabled, .DangerButton.disabled:hover, .DangerButton.disabled:focus, .DangerButton.disabled:active, .DangerButton.aspNetDisabled, .DangerButton.aspNetDisabled:hover, .DangerButton.aspNetDisabled:focus, .DangerButton.aspNetDisabled:active {
     color: #fff;
     background-color: #d03528;
     border-color: transparent;
}
 .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;
}
/**account page button group**/
 .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;
}
/* ========================================================================== CONTENT ITEMS ========================================================================== */
/* Open Invoices ========================================================================== */
 .OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
     color: #68bd49;
}
/* 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: #390099;
}
 .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
     background-color: black;
     color: #fff;
}
/* Communiaction Preferences ========================================================================== */
 .CommunicationPreferencesSection {
     background-color: #f0edf2;
}
/* 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: var(--font-family);
     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: #f9f9f9;
     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: #f9f9f9;
    }
}
 .account-banner:before {
     background-color: #f9f9f9;
     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-bg-color-1 .account-banner:before {
     background-color: #f0edf2;
}
 .account-banner-bg-color-2 .account-banner:before {
     background-color: #00abbe;
}
 .account-banner-bg-color-3 .account-banner:before {
     background-color: var(--colorDkBlue);
}
 .account-banner-bg-color-4 .account-banner:before {
     background-color: #e98300;
}
 .account-banner-bg-color-5 .account-banner:before {
     background-color: #8e51ae;
}
 .account-banner-bg-color-red .account-banner:before {
     background-color: #d03528;
}
 .account-banner-bg-color-orange .account-banner:before {
     background-color: #e98300;
}
 .account-banner-bg-color-yellow .account-banner:before {
     background-color: #e8d92d;
}
 .account-banner-bg-color-green .account-banner:before {
     background-color: #68bd49;
}
 .account-banner-bg-color-blue .account-banner:before {
     background-color: #00a9e0;
}
 .account-banner-bg-color-purple .account-banner:before {
     background-color: #8e51ae;
}
 .account-banner {
     --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 {
     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 {
     color: var(--colorVDkBlue);
}
 .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 {
     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) {
     color: var(--colorVDkBlue);
}
 .account-banner-bg-color-3 .account-banner, .account-banner-bg-color-5 .account-banner, .account-banner-bg-color-red .account-banner, .account-banner-bg-color-purple .account-banner {
     --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-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-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-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 {
     color: #fff;
}
 .account-banner-bg-color-3 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-top-left a.ButtonItem {
     text-decoration: none;
}
 .account-banner-bg-color-3 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-top-left a:not(.ButtonItem) {
     color: #fff;
}
 @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-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-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-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 {
         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-5 .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-5 .account-banner .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-purple .account-banner .area-middle-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .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-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-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-purple .account-banner .area-middle-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .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-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-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-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 {
         color: #fff;
    }
     .account-banner-bg-color-3 .account-banner .area-center a.ButtonItem, .account-banner-bg-color-5 .account-banner .area-center a.ButtonItem, .account-banner-bg-color-red .account-banner .area-center a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-center a.ButtonItem {
         text-decoration: none;
    }
     .account-banner-bg-color-3 .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-5 .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-center a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-center a:not(.ButtonItem) {
         color: #fff;
    }
}
 .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: #f9f9f9;
}
 .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: #f9f9f9;
}
 .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: #f9f9f9;
    }
     .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: var(--colorVDkBlue);
    }
     .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: var(--colorVDkBlue);
    }
     .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: #3b3b3b;
     padding: 8px 12px;
}
 .SearchField label {
     font-size: 120%;
     color: var(--colorGreen);
}
 .SearchResultSummary .ListItemTitle a {
     text-decoration: none;
     color: var(--colorVDkBlue) !important;
     margin: -4px -7px 0;
}
 .SearchResultSummary .ListItemTitle a:hover {
     background-color: #212121;
     text-decoration: underline;
}
/* Event Display ========================================================================== */
 .EventSummary {
     background-color: #f0edf2;
}
 .EventSummary .PhotoArea {
     padding: 2em;
}
 .EventSummary .Description {
     padding: 0 2em 2em 2em;
}
 @media (min-width: 768px) {
     .EventSummary .Description {
         padding-top: 2em;
    }
}
 .EventSummary .PhotoArea img {
     border: 1px solid #ddd !important;
}
 .ProgramGroup .PanelHead, .ProgramGroup .panel-heading {
     background-color: #212121;
}
 .ProgramGroup .PanelTitle, .ProgramGroup .panel-title {
     font-family: var(--font-family);
     font-weight: bold;
     font-size: 120%;
     line-height: 2em;
     padding-left: .5em;
     color: #fff;
}
 .ProgramGroup .PanelBody, .ProgramGroup .panel-body {
     padding: 0;
}
/* Product Display ========================================================================== */
 .ProductDisplay {
     background-color: #f0edf2;
     padding: 1em;
}
/* Progress Tracker ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
 .ProgressTracker .count {
     font-weight: bold;
}
 .ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar>span {
     background-color: #0d0d0d;
}
 .ProgressTrackerNavigation:hover {
     border-radius: 0px;
     box-shadow: 0 2px 3px 0px #999999;
     border-color: #999999;
     opacity: 0.9;
     cursor: pointer;
}
/* </Progress Tracker > */
/* <Progress Tracker 2> */
 .ProgressTracker2 .ProgressTrackerPanel {
     background-color: #212121;
}
 .ProgressTracker2 .ProgressTrackerPanel::after {
     display: block;
     clear: both;
     content: "";
}
 .ProgressTracker2 .ProgressTrackerPanel .count {
     color: #fff;
     font-family: var(--font-family);
     font-weight: 700;
}
 .ProgressTracker2 div p {
     background-color: #fff;
     color: var(--colorGreen);
     margin-bottom: 0;
}
 .ProgressTracker2 .ProgressBar {
     margin: 10px;
}
 .ProgressTracker2 .ProgressBar>span {
     background-color: #9870db;
}
 .ProgressTracker2 .SuccessfulMessage {
     background-color: #e7fef6;
     color: var(--colorVDkBlue);
}
/* </Progress Tracker 2> */
/* 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: 164.706%;
}
 .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: var(--colorDkBlue);
}
 .CartCharges .GrandTotal .PanelField .Label {
     color: var(--colorDkBlue);
}
/* ========================================================================== TELERIK OVERRIDES ========================================================================== */
/* RadTabStrip ========================================================================== */
 .RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
     background-color: #0d0d0d !important;
}
 .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
     text-transform: none;
     border-color: #0d0d0d;
}
 .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_MetroTouch.RadTabStrip_MetroTouch {
     font-family: var(--font-family) !important;
     font-weight: inherit;
     font-size: 18px !important;
     clear: both;
}
 html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
     border-color: #0d0d0d;
     background-color: #0d0d0d;
}
 @media (max-width: 600px) {
     .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
         float: none;
         width: 100%;
         display: block;
    }
     html .RadTabStrip_MetroTouch.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: var(--rad-menu-background);
     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;
     -webkit-mask-image: url(images/auxIcons.svg#menu);
     mask-image: url(images/auxIcons.svg#menu);
     -webkit-mask-size: 24px 24px;
     mask-size: 24px 24px;
     -webkit-mask-position: center 5px;
     mask-position: center 5px;
     -webkit-mask-repeat: no-repeat;
     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: #fff !important;
     color: #3d00a3 !important;
     box-shadow: none;
}
/* RadToolTip ========================================================================== */
/* Currently used by the QueryMenu iPart */
 .RadToolTip_Telerik a:hover {
     background-color: #212121;
}
/* RadGrid ========================================================================== */
 .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
     color: var(--colorVDkBlue);
}
 .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 .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow {
     background-color: transparent;
}
 .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
     background-color: #0d0d0d;
     border-color: #0d0d0d;
     text-decoration: none;
     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 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: #0d0d0d;
}
 .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;
}
 .RadGrid.RadGrid_MetroTouch .rgInfoPart, .RadGrid.RadGrid_Metro .rgInfoPart {
     color: var(--colorVDkBlue);
}
 .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable {
     background-color: #fff;
}
 .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 {
    /* reset the padding for expand/collapse column */
     padding-left: 0;
     padding-right: 0;
}
 .RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
     background-color: #0d0d0d;
}
 .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: #0d0d0d;
}
 *+html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, *+html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
     background-color: #0d0d0d;
}
 .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: #fff;
     border-color: #fff;
     text-decoration: none;
}
 .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;
}
/* 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: #0d0d0d;
     border-color: #0d0d0d;
}
/* RadScheduler ========================================================================== */
 .RadScheduler.RadScheduler_Metro .rsAptIn {
     border-top: none;
}
 .RadScheduler.RadScheduler_Metro .rsHeader {
     border-color: #0d0d0d;
     background-color: #0d0d0d;
}
 .RadScheduler.RadScheduler_Metro .rsHeader ul a {
     border-color: #0d0d0d;
}
 .RadScheduler.RadScheduler_Metro .rsHeader h2 {
     font-family: var(--font-family);
     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;
     color: #ffffff;
}
 .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
     background-color: var(--colorGreen);
}
 .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink {
     border-color: var(--colorGreen);
}
 .RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
     border-color: var(--colorGreen);
}
 .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: var(--colorGreen);
     background-color: var(--colorGreen);
     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: #0d0d0d;
}
 .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: #0d0d0d;
}
 .RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
     border-color: #0d0d0d;
}
 .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
     border-color: #0d0d0d;
     background: #0d0d0d;
}
 .RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span {
    /* The Sunday column is not rendering correctly because it's in a <th> instead of a <td>. 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: #0d0d0d;
     border-color: #0d0d0d;
}
 .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
     background: #0d0d0d;
     border-color: #0d0d0d;
}
 .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: #0d0d0d;
     background: #0d0d0d;
}
 .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: #f3f2f2;
     background-color: #0d0d0d;
}
 .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
     width: inherit;
     text-indent: inherit;
}
/* ========================================================================== 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) {
    /* if borders are not turned on don't leave the space for them */
     border-width: 0;
}
 .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: #fff;
     margin: 0 8px 8px 8px;
}
 .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/HomeBanner.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: 250%;
    }
}
 .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: calc($jumbotron-home-height - 2em);
    }
}
 .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: 250%;
    }
}
 @media (min-width: 768px) {
     .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%;
    }
}
 .jumbotron.interior {
     height: 20em;
}
 .jumbotron.interior p {
     padding: 1.5em 1em 0.8em;
     font-size: 150%;
     margin-bottom: 0;
}
 .jumbotron.interior p::after {
     display: block;
     clear: both;
     content: "";
}
 .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%;
    }
}
 @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;
    }
}
 .jumbotron .img-copyright, .carousel .img-copyright, .carousel2 .img-copyright {
     width: 100%;
     text-align: right;
     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, .carousel2 .img-copyright a, .carousel2 .img-copyright a:hover, .carousel2 .img-copyright a:focus, .carousel2 .img-copyright a:visited, .carousel2 .img-copyright a:active {
     color: #fff;
}
/* Carousel ========================================================================== */
/* Used by the Slideshow iPart */
 .carousel, .carousel2, .HomePageFullWidthArea {
     position: relative;
}
 .carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel2 h1, .carousel2 h2, .carousel2 h3, .carousel2 h4, .carousel2 h5, .HomePageFullWidthArea h1, .HomePageFullWidthArea h2, .HomePageFullWidthArea h3, .HomePageFullWidthArea h4, .HomePageFullWidthArea h5 {
     font-weight: bold;
     display: inline-block;
}
 @media (max-width: 991px) {
     .carousel h1, .carousel2 h1, .HomePageFullWidthArea h1 {
         font-size: 200%;
    }
}
 .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
     padding: 1em;
     position: absolute;
     font-family: var(--font-family);
     bottom: auto;
     top: 50%;
     transform: translateY(-50%);
     background-color: rgba(13, 13, 13, 0.85);
     text-align: right;
     color: #fff;
}
 .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;
}
 @media (min-width: 992px) {
     .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
         width: 45%;
         right: 15%;
         left: auto;
    }
}
 @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;
}
/* Internal page carousel */
 .InternalHeaderArea {
     background: #fff;
     overflow: hidden;
}
 @media (min-width: 992px) {
     .InternalHeaderArea .carousel {
         height: 13.3em;
    }
}
 @media (max-width: 991px) {
     .InternalHeaderArea .carousel {
         height: 0px;
    }
}
 .InternalHeaderArea .panel-body {
     padding: 0;
}
 .InternalHeaderArea .carousel-inner {
     width: 100%;
}
 .InternalHeaderArea .carousel-caption, .InternalHeaderArea .carousel-control, .InternalHeaderArea .carousel-inner>.item .carousel-link {
     display: none !important;
}
 @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 {
     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: 27vh;
     background-color: #333333;
}
/* ========================================================================== COMMUNITIES ========================================================================== */
/* Community left nav */
 .CommunityLinksBlock a {
     color: var(--colorVDkBlue);
}
 .CommunityLinksBlock a:hover {
     background-color: #fff;
     color: var(--colorVDkBlue);
     text-decoration: none;
}
 .CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
     background-color: var(--colorGreen);
     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: var(--colorGreen);
}
 .CommunityItemTitle {
     font-size: 110%;
     padding: .25em 0;
}
 .CommunityReplyForm, .CommunityCommentItem {
     background: #f2f2f2;
     border-left: 10px solid #ddd;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
 .CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
     background: #f2f2f2;
}
/* For adding comments */
 .CommunityWikiReplyForm {
     background: #f2f2f2;
     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;
}
/*****************************************************/
/* 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: var(--colorDkBlue);
}
/* 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: var(--colorVDkBlue);
     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 .text {
     width: 75%;
     margin: 0px 15px;
}
 @media (max-width: 991px) {
     .BlockTLItem .text {
         width: 100%;
         margin: 15px;
    }
}
 .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;
}
/* Tall tagged list items */
/* Best when used in conjunction with the TaggedListColumns class in the Zone CSS */
 .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: var(--colorDkBlue);
}
 .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;
    }
}
 .QuoteStyle2 {
     border-left-color: var(--colorGreen);
}
/* 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: var(--colorDkBlue);
    /*$callout1-bg*/
     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: var(--colorDkBlue) 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: var(--colorDkBlue);
     color: #fff;
     padding: .25em .75em;
     color: #fff;
}
/* Add zone style "CCOGrayBg" to give CCO content a gray background */
 .CCOGrayBg .RadMultiPage {
     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: #323232;
     font-size: 150%;
     line-height: 170%;
}
/* 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 {
     transition: all 0.2s ease-in;
     font-family: var(--font-family);
     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 {
         transition: none;
    }
}
 @media (min-width: 992px) {
     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;
    }
}
 .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 {
     transition: opacity 0.2s;
}
 @media screen and (prefers-reduced-motion: reduce) {
     .Spotlight a img {
         transition: none;
    }
}
 .Spotlight a img:hover {
     opacity: .8;
}
 .SpotlightRow {
     margin-bottom: 1.2em;
}
 .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 {
         float: left;
         width: 33%;
         padding-left: 2%;
         padding-right: 2%;
    }
}
/* 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: var(--colorDkBlue);
     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%;
    }
}
 .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: var(--colorDkBlue);
     background-color: rgba(61, 0, 163, 0.75);
}
 .feature-link-with-image.feature-link-1:hover .feature-link-text {
     background-color: #2a0070;
     background-color: rgba(42, 0, 112, 0.75);
}
 .feature-link-with-image.feature-link-2 .feature-link-text {
     background-color: #0d0d0d;
     background-color: rgba(13, 13, 13, 0.75);
}
 .feature-link-with-image.feature-link-2:hover .feature-link-text {
     background-color: black;
     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: var(--colorDkBlue);
}
/* Header Links ========================================================================== */
 .header-link {
     border-bottom: none;
}
 .header-link a {
     text-decoration: none;
}
 .header-link a, .header-link a:visited {
     color: var(--colorVDkBlue);
}
 .header-link a:hover, .header-link a:active, .header-link a:focus {
     color: #390099;
}
/* 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: var(--colorDkBlue);
     font-size: 250%;
}
 .donate-page .GiftItemDescription {
     font-size: 125%;
}
 .RelatedItemsHorizontalEffect li:hover {
     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;
}
/*Member home events**/
 .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);
     -webkit-mask-size: 28px 28px;
     mask-size: 28px 28px;
     -webkit-mask-position: center center;
     mask-position: center center;
     -webkit-mask-repeat: no-repeat;
     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;
     -webkit-mask-image: url(images/arrows.svg);
     mask-image: url(images/arrows.svg);
     -webkit-mask-size: 21px 21px;
     mask-size: 21px 21px;
     -webkit-mask-position: center center;
     mask-position: center center;
     -webkit-mask-repeat: no-repeat;
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#engage);
     mask-image: url(images/mh-icons.svg#engage);
     -webkit-mask-size: 22px 22px;
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#orgs);
     mask-image: url(images/mh-icons.svg#orgs);
     -webkit-mask-size: 25px 25px;
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#events);
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#committees);
     mask-image: url(images/mh-icons.svg#committees);
     -webkit-mask-size: 30px 30px;
     mask-size: 30px 30px;
     width: 30px;
     height: 30px;
     -webkit-mask-position: 0px 5px;
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#sections);
     mask-image: url(images/mh-icons.svg#sections);
     -webkit-mask-size: 25px 25px;
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#orders);
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#community);
     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;
     -webkit-mask-size: 20px 20px;
     mask-size: 20px 20px;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     margin-right: 10px;
     -webkit-mask-image: url(images/mh-icons.svg#committees);
     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: var(--colorDkBlue);
}
 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;
}
/* ========================================================================== DASHBOARDS ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
 .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.25;
}
 .ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar {
     margin-top: 10px;
     margin-bottom: 10px;
     position: relative;
     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: var(--colorDkBlue);
     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: 11em;
}
 .ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
     border-bottom-color: transparent;
}
 .ProgressTracker_Dashboard_Overview .count {
     font-size: 4rem;
}
 .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;
}