@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(--colorDkBlue);
}

.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(--colorDkBlue);
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);
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: url(images/DiamondButton.svg#color-secondary-a) 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: #0d0d0d !important;
}

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

@media (max-width: 991px) {
.navbar {
background-color: #fff !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;
}

.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: 
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: #fff !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-link-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-colov: 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: 8px 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: #fff;
}

.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 {
text-decoration: none;
}

.PrimaryButton, .PrimaryButton:visited,.UsePrimaryButton .TextButton,.UsePrimaryButton .TextButton:visited,.RadGrid input.PrimaryButton,.RadGrid input.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 {
color: #0d0d0d;
text-decoration: none;
background-color: var(--colorDkBlue);
border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:active,.UsePrimaryButton .TextButton:active,.RadGrid input.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 {
color: #fff;
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;
padding: 1em;
}

.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: #0d0d0d;
border-color: #0d0d0d;
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;
}

/* 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: #333333;
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: 29vh;
background-color: #Fff;
}
@media(max-width: 776px){
    #hd {
        min-height: 15vh;
    }  
}
/* ==========================================================================
 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);
}

/*****************************************************/
/*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;
}

.ContentBlockPictureArea.FloatRight,.ContentBlockLeft.FloatRight {
float: right;
margin-left: .5em;
}

.ContentBlockPictureArea img,.ContentBlockLeft img {
max-width: 100%;
height: auto !important;
}

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

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

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

@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;
-webkit-mask-image: url(images/mh-icons.svg#orgs);
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;
}