:root {
    --red: #8e1a0c;
    --white: #fff;
    --gray: #807f7f;
    --lightgray: #efefef;
	--bordergray: #d7d7d7;
    --darkblue: #002d3f;
    --black: #231F20;
    --bs-gutter-x: 50px;
    --blue: #acd7ec;
    --offblack: #424242;
    --mediumblue: #2a528d;
    --font: Mulish, sans-serif;
}
html#MainHtml #MainBody {
    visibility: hidden; ;
}
html#MainHtml #MainBody.makeVisible {
    visibility: visible;;
}
body {
    font-family: var(--font);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    color: var(--black);
}
.breadcrumb {

    min-height: 23px;
}
.carousel-caption {

    font-family: var(--font);
}
.carousel-caption a {
    text-decoration: none;
}
.carousel-inner > .item .carousel-link {

    text-decoration: none!important;
}
.navbar-header.nav-auxiliary.d-flex.justify-content-end {
    z-index: 100;
    position: relative;
}

.row {max-width:100vw; overflow:hidden;}

.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
    color: var(--black);
    border: 0;
}
#masterLogoArea img {
    max-width: 180px;
}

.GridCardStyle > .panel-border {
    border: 0;
    padding: 0;
    margin: 0;
}
.rotatingAds {
    overflow: hidden;
}
.rotatingAds .ContentHtml img {
    max-width: 100%;
    max-height: 94px;
    margin: auto;
}
.slick-track {
    display: flex;
    align-items: center;
}
.slick-slide > div {display:flex;}

.rotatingAds .ContentHtml {
    padding: 20px;
}

.RadGrid_MetroTouch {
    border-color: var(--lightgray) !important;
    color: var(--black) !important;
    background-color: transparent !important;
}

div#ctl01_masterWrapper {
    overflow: hidden;
}

.RadGrid_MetroTouch .rgAltRow {
    background: var(--lightgray) !important;
}
.ContentBorder {
    padding: 20px 30px;
}

.BlueBox {
    background-color: var(--blue);
}
.GrayBox {
    background-color: var(--gray);
}
.DarkBlueBox {
    background-color: var(--darkblue);
}
.DarkGrayBox {
    background-color: var(--offblack);
}
.LightGrayBox {
    background-color: var(--lightgray);
}
.RedBox {
    background-color: var(--red);
}
.MediumBlueBox {
    background-color: var(--mediumblue);
}

.redText,
.redText a,
.redText a:hover {
    color: var(--red);
}

strong {
    font-weight: 800;
}

.RadTabStrip_MetroTouch .rtsLink {
    color: var(--black) !important;
}
.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink {
    font-weight: 600;
}
.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(--black);
}

.container,
.header-container,
.SliderPage1 {
    max-width: 1400px;
}
.RadTabStrip_MetroTouch {
    color: var(--black) !important;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: var(--red);
}
.account-banner-bg-color-2 .account-banner:before {
    background-color: var(--lightgray);
}
.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid var(--red);
}
div#auxiliary-container {
    background: var(--red);
    margin-top: 15px;
    padding: 1px 3px;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: var(--red);
}
.obo-panel {
    background: var(--gray);
    color: var(--white);
    line-height: 1.2;
    font-size: 80%;
    padding: 3px 10px;
}
a.UtilitySection.UtilityAuthenticationLink.sign-in-link {
    background: var(--red);
    color: var(--white);
    padding: 2px 5px;
    border-radius: 3px;
    border-color: var(--white);
    border: 2px solid;
    transition: 0.3s ease-in-out all;
}
a.UtilitySection.UtilityAuthenticationLink.sign-in-link:hover {
    background: var(--white);
    color: var(--red);
}
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: var(--red);
    background-color: var(--red);
    color: var(--white) !important;
}
.nav-auxiliary .dropdown-menu a {
    color: var(--black) !important;
}
.obo-toggle {
    position: relative;
    text-indent: -100000px;
}
.obo-toggle {
    background-position: 0px -105px;
}
a.dropdown-toggle.account-toggle:focus .nav-text,
a.dropdown-toggle.account-toggle:active .nav-text {
    color: var(--white) !important;
}
.account-toggle:focus .caret {
    border-top-color: var(--white);
}
.UtilityNavigation .account-menu > li > a,
.UtilityNavigation .account-menu > li > a:hover,
.UtilityNavigation .account-menu > li > a:visited,
.UtilityNavigation .account-menu > li > a:active {
    text-decoration: none;
    color: var(--white);
}

.slideShow {
    position: relative;
    margin-bottom: 60px;
}

.carousel-caption h2 {font-size:200%;}

.carousel-caption {
    text-align: left;
    padding: 20px;



}
.slideShow .panel-body {
    padding: 0;
}

.carousel-caption {
    top: 50%;
    transform: translatey(-50%);
}
div#ste_container_Homebannerslides .panel {
    border: 0;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
  background-repeat: unset;
}


label, .Label, .PanelFieldLabelFont {
    font-weight: 700;
    color: var(--offblack);
    letter-spacing: .3px;
}

.RefExample:before,
.RefTOC,
.RefIconList li,
.RefPage code {
    background-color: var(--lightgray);
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: var(--lightgray);
}
div#masterMainBreadcrumb {
    font-size: 70%;
    font-weight: 800;
    color: var(--offblack);
	min-height:23px;
}
.obo-actions a {
    color: var(--blue);
}
.photoTable table > tbody > tr > td:nth-child(1) img {
    padding: 0 10px;
    width: 100% !important;
}
.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
    color: var(--white);
    background-color: var(--red);
}
.menuList th.rgHeader {
    display: none;
}
a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: var(--mediumblue);
    text-decoration: underline;
}

a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
    color: var(--mediumblue);
}

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

.navbar-toggle, .obo-toggle, .ste-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle, .list-toggle {

    text-indent: -10000px;
}
.ste-toggle {
    background-position: -35px -107px;
}

h1,
.h1,
.PageTitle {
    font-size: 250%;
    font-family: var(--font);
    font-weight: 800;
    margin-top: 15px;
    line-height: 1.2;
	color: transparent;
    letter-spacing: .5px;
    background: linear-gradient(to bottom, rgba(0, 45, 63, 1) 0%, rgba(42, 82, 141, 1) 43%, rgba(42, 82, 141, 1) 58%, rgba(0, 45, 63, 1) 100%);
    background-clip: text;
}

h1.BigHeader,
.h1.BigHeader {
    color: var(--white);
    background-color: var(--red);
    padding: 20px;
    margin: 0;
}



h2, .h2, .PanelTitle {
	border:none;
    font-size: 200%;
    font-family: var(--font);
    font-weight: 800;
    color: var(--darkblue);
    line-height: 1.1;
    margin-bottom: 12px;
    margin-top: 25px;
}

h3,
.SectionTitle {
    font-size: 175%;
    font-family: var(--font);
    font-weight: 800;
    color: var(--offblack);
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 1.1;
}

h4,
.SectionLabel,
h5 {
    margin: 0 0 0.2em;
}

h4,
.h4,
.SectionLabel {
    font-size: 150%;
    font-family: var(--font);
    font-weight: 700;
    color: var(--offblack);
    line-height: 1.2;
}

h5, .h5, .SectionLabelSmaller {
    font-size: 130%;
    font-family: var(--font);
    font-weight: 800;
    color: var(--red);
    line-height: 1.2;
}
h6, .h6 {
    font-size: 110%;
    font-family: var(--font);
    font-weight: 700;
    color: var(--black);
    margin: 0;
    line-height: 1.2;
}
.UtilityNavigation.nav-auxiliary {
    padding: 0;
}
#ft h3 {
    color: var(--white);
    text-transform: none;
}
strong {
    font-weight: 800;
}
.nav-auxiliary .nav-aux-account .nav-text {
    background-position: 0 -101px;
}
.nav-auxiliary .nav-aux-cart .nav-text {
    background-position: 0 -52px;
}
hr {
    margin-left: 0.5em;
    margin-right: 0.5em;
    border-width: 1px 0 0 0;
    border-style: dotted;
    border-color: var(--bordergray);
}
.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
    border-color: var(--bordergray);

}
#ft ul li {
    list-style: none;
}
#ft ul {
    padding-inline-start: 0;
}

/* Used for messages guiding users to the next step */
.HelperText {
    color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
    background-color: #93cadc;
}

.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: var(--white);
}

.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: var(--white);
    text-decoration: underline;
}


.panel-title {
    padding: 5px 15px 5px 0;
}

.panel-border .panel-title {
    padding: 5px 15px;
}
.TitleBarCaption.PanelHead + .SimpleGrid {
    left: 5px;
    position: relative;
}
/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
    background-color: #ffdd6f;
}

.BannerContent,
.BannerContent p {
    font-size: 20px;
    font-weight: 600;
}
.BannerContent atrong,
.BannerContent p strong {
    font-weight: 800;
}

.BannerContent {
    padding: 20px 30px;
}

.BannerContent h3 {
    text-transform: uppercase;
    margin-bottom: 0;
}
.ContentItemContainer:has(.BannerImage) {
    margin: 0;
}

.BannerContent,
.BannerContent p,
.BannerContent a,
.BannerContent a:hover,
.BannerContent h1,
.BannerContent h2,
.BannerContent h3,
.BannerContent h4,
.BannerContent h5,
.BannerContent h6,
.DarkGrayBox,
.DarkGrayBox p,
.DarkGrayBox a,
.DarkGrayBox a:hover,
.DarkGrayBox h1,
.DarkGrayBox h2,
.DarkGrayBox h3,
.DarkGrayBox h4,
.DarkGrayBox h5,
.DarkGrayBox h6,
.GrayBox,
.GrayBox p,
.GrayBox a,
.GrayBox a:hover,
.GrayBox h1,
.GrayBox h2,
.GrayBox h3,
.GrayBox h4,
.GrayBox h5,
.GrayBox h6,
.DarkBlueBox,
.DarkBlueBox p,
.DarkBlueBox a,
.DarkBlueBox a:hover,
.DarkBlueBox h1,
.DarkBlueBox h2,
.DarkBlueBox h3,
.DarkBlueBox h4,
.DarkBlueBox h5,
.DarkBlueBox h6,
.MediumBlueBox,
.MediumBlueBox p,
.MediumBlueBox a,
.MediumBlueBox a:hover,
.MediumBlueBox h1,
.MediumBlueBox h2,
.MediumBlueBox h3,
.MediumBlueBox h4,
.MediumBlueBox h5,
.MediumBlueBox h6,
.RedBox,
.RedBox p,
.RedBox a,
.RedBox a:hover,
.RedBox h1,
.RedBox h2,
.RedBox h3,
.RedBox h4,
.RedBox h5,
.RedBox h6 {
    color: var(--white);
    border: none;
}

.BlueBox,
.DarkGrayBox,
.RedBox,
.DarkBlueBox,
.LightGrayBox,
.GrayBox,
.MediumBlueBox {
    padding: 30px;
    margin: 25px 0;
}
.BlueBox h3, .BlueBox .SectionTitle {

}


.BannerArea {
    display: flex;
    background: var(--darkblue);
    padding: 0;
    justify-content: space-between;
    margin-bottom: 25px;
}
.BannerArea.MediumBlue {
    background: var(--mediumblue);
}
.BannerArea.White {
    background: var(--white);
}
.BannerArea.White .BannerContent, .BannerArea.White .BannerContent p, .BannerArea.White .BannerContent a, .BannerArea.White .BannerContent a:hover, .BannerArea.White .BannerContent h1, 
.BannerArea.White .BannerContent h2, .BannerArea.White .BannerContent h3, .BannerArea.White .BannerContent h4, .BannerArea.White .BannerContent h5, .BannerArea.White .BannerContent h6 {color:var(--darkblue);}

.BannerArea > .iMIS-WebPart:nth-child(2) {
    align-content: flex-end;
}

.AsiInformation {
    color: var(--white);
    background-color: #0077b6;
}
.AsiSuccess {
    color: var(--white);
    font-family: var(--font);
    font-weight: 600;
    background-color: #0b6e4f;
}

.AsiWarning {
    color: var(--white);
    font-family: var(--font);
    font-weight: 600;
    background-color: #f4743b;
}

.AsiError {
    color: var(--white);
    font-family: var(--font);
    font-weight: 600;
    background-color: var(--red);
}

img.iMISUserMessageIcon {
    display: none;
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError {
    position: relative;
    padding-left: 60px;
    border: 6px solid rgba(255, 255, 255, 0.25);
    border-radius: 0;
}

.AsiInformation:before,
.AsiSuccess:before,
.AsiWarning:before,
.AsiError:before {
    font-family: "Font Awesome 5 Free";
    font-size: 32px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    font-weight: 700;
}

.AsiInformation:before {
    content: "\f05a";
}

.AsiSuccess:before {
    content: "\f058";
}

.AsiWarning:before {
    content: "\f06a";
}

.AsiError:before {
    content: "\f57a";
}

.AsiInformation a,
.AsiSuccess a,
.AsiWarning a,
.AsiError a {
    color: white !important;
    font-weight: bold;
}

.AsiInformation a:hover,
.AsiSuccess a:hover,
.AsiWarning a:hover,
.AsiError a:hover {
    opacity: 0.85;
}
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 {
    font-size: 85%;
    color: var(--black);
}
ul.social-media-links {
    display: flex;
    width: 100%;
    margin-block-start: 0;
    margin: 0;
    padding-inline-start: 0;
}
.social-media-links li {
    list-style: none;
    padding: 10px 5px;
    font-size: 24px;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}
.photoTable table > tbody > tr > td:nth-child(1) {
    width: 30%;
    min-width: 110px;
}
.photoTable table > tbody > tr > td:nth-child(2) {
    padding: 15px 0;
}
@media (min-width: 768px) {
    #masterHeaderImage {
        margin-top: 38px;
    }
}

@media (min-width: 992px) {
	
.RightText .carousel-caption {
    max-width: 590px;
    margin: unset;
    text-align: left;
    right: 20%;
    left: unset;
    top: 50%;
    transform: translatey(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
	
    .BannerArea > .iMIS-WebPart:nth-child(1) {
        flex: 1;
    }
	
	ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    min-height: 43px;
}
	
	.row {
    --bs-gutter-x: 70px;
}
	.carousel-control {width:100px;}
	
.carousel-caption {
    max-width: 590px;
    margin: unset;
    text-align: left;

}
.CenterText .carousel-caption {
    max-width: 768px;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    top: 50%;
    transform: translatey(-50%);
    justify-content: center;
}
    .UtilitySection.UtilitySearch {
        margin-left: -7px;
    }
    .RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
        color: var(--red);
        background-color: var(--white);
    }
    .RadMenu.RadMenu_Austin .rmGroup {
        background-color: var(--white);
    }
    .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_Austin .rmRootLink:hover,
    .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
        background-color: var(--white);
        color: var(--red);
    }
    .RadMenu.RadMenu_Austin .rmText,
    .RadMenu.RadMenu_Austin .rmHorizontal .rmText,
    .RadMenu.RadMenu_Austin .rmSlide .rmText {
        padding: 5px 15px;
    }
    .search-field.Watermarked {
        border-color: var(--red);
        border-width: 3px;
    }

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

    #masterHeaderImage {
        background-image: url("images/Opus-logo.svg#color-notagline");
        width: 150px;
        height: 48px;
    }

    .RadMenu_Austin .rmSlide .rmLink:hover,
    .RadMenu_Austin .rmSlide .rmLink:focus,
    .RadMenu_Austin .rmSlide .rmLink.rmFocused,
    .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
    .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
    .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
        color: var(--red);
        opacity: 1;
    }
}

#masterDonorHeaderImage {
    background-image: url("images/Opus-logo.svg#color-notagline");
    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;
}

/* Header Border */
#masterHeaderBackground,
.header {
    border-bottom: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
    background-color: #009b96;
}

.ProxyPanelContact,
.ProxyPanelContact .obo-label {
    color: var(--white);
}

.ProxyPanelContact a {
    color: #a2d2ea;
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
    border-right: 1px solid var(--lightgray);
    border-bottom: 1px solid var(--lightgray);
}

.SubNavPanelHead {
    background-color: var(--lightgray);
    color: #333333;
    font-family: var(--font);
    font-weight: 200;
}

.SubNavigationSeparator {
    border-width: 1px 0 0 0;
    border-style: dotted;
    border-color: var(--lightgray);
    height: 1px;
    padding: 0;
    margin: 0;
}
div#ste_container_Follow .fa-brands {
    font-size: 30px;
    margin: 10px 10px 0 0;
}
div#ste_container_Follow .fa-brands.fa-facebook-f {
    font-size: 28px;
}
.footer-content {
    background-color: #424242;
    color: var(--white);
    text-align: left;
}

.footer-content h2 {
    margin-top: 0;
    color: var(--white);
    border-bottom: none;
}

.footer-content a {
    color: var(--blue);
    text-decoration: none;
    transition: 0.3s ease-in-out all;
}
.footer-content a:hover {
    color: var(--white);
    transition: 0.3s ease-in-out all;
    opacity: 0.9;
}

.footer-promo-container .promo {
    background-color: #020202;
    /* rgba fallback */
    background-color: rgba(2, 2, 2, 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);
    font-weight: 200;
    margin-bottom: 0.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: #020202;
    /* rgba fallback */
    background-color: rgba(2, 2, 2, 0.5);
    color: var(--white);
}

.footer-promo-container .TextButton:hover {
    background-color: #020202;
    /* rgba fallback */
    background-color: rgba(2, 2, 2, 0.8);
}

.footer-nav-copyright {
    background-color: #222222;
    color: #999;
}

.footer-nav-copyright a,
.footer-nav-copyright a:visited {
    color: var(--white);
}

.footer-nav-copyright a:hover,
.footer-nav-copyright a:active {
    color: white;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
    background-color: #424242;
    color: var(--white);
}

#ft h4 {
    color: var(--white);
    font-family: var(--font);
    font-weight: 200;
}

#masterFooterConnectWithUs {
    border-style: dotted;
    border-color: rgba(221, 221, 221, 0.8);
    border-width: 0 1px;
}

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
    color: #acd7ec;
}

#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
    color: #acd7ec;
}

#masterFooterContent a:hover,
#masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
    color: #82c2e3;
}

#masterFooterCopyright {
    border-color: var(--lightgray);
    /* rgba fallback */
    border-top: 1px solid rgba(221, 221, 221, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
    background-color: var(--lightgray);
}

@media (min-width: 992px) {
    .navbar-collapse,
    .searchbar-collapse {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        border: none;
    }
    ul.rmVertical.rmGroup:not(.rmLevel1) {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .rmSlide:has(.rmLevel1):before {
        content: "";
        height: 6px;
        width: 100%;
        background: white;
        position: absolute;
        left: 0;
        top: -5px;
        z-index: 10;
    }
    .rmSlide {
        margin-top: 14px;
    }
    a.rmLink.rmRootLink.rmExpanded {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    header#hd {
        transparent;
    }
    .header-bottom-container {
        background: var(--white);
    }

    .RadMenu.RadMenu_Austin .rmSlide .rmLink {
        padding: 2px 15px;
        color: var(--offblack);
    }

    .rmSlide .rmVertical {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

.auth-link-container {
    /* container for the sign in link when the browser is <768px wide */
    padding: 10px 15px;
    text-align: right;
    border-bottom: 1px dotted #666666;
}

.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn,
.sub-nav-body .RadTreeView.RadTreeView .child-is-selected.rtIn {
    background-color: transparent;
    color: #333333;
    font-weight: bold !important;
}

.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn:hover,
.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn:active,
.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn:focus {
    background-color: transparent;
}

.sub-nav-body .RadTreeView.RadTreeView > .rtUL > .rtLI {
    /* add a separator border to the first-level sub-nav items only */
    border-top: 1px dotted var(--lightgray);
}

.sub-nav-body .RadTreeView.RadTreeView a.rtIn {
    color: #23749d;
    transition: all 0.2s ease-in;
    margin: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
    .sub-nav-body .RadTreeView.RadTreeView a.rtIn {
        transition: none;
    }
}

.sub-nav-body .RadTreeView.RadTreeView a.rtIn:hover,
.sub-nav-body .RadTreeView.RadTreeView a.rtIn:focus {
    background-color: var(--white);
    color: #333333;
}

.sub-nav-body .RadTreeView.RadTreeView a.rtIn:active {
    background-color: var(--white);
}

.col-secondary .sub-nav {
    background-color: var(--lightgray);
    margin-bottom: 1em;
}

.col-secondary .sub-nav .sub-nav-head {
    background-color: var(--red);
    color: var(--white);
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px;
}

.col-secondary .sub-nav .SubNavigationSeparator {
    border: none;
    height: 4px;
    background-color: var(--red);
}

.navbar-toggle {
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    vertical-align: middle;
    background-color: #0f323e;
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* extend the toggle down when it's open */
    margin-bottom: 0;
    padding-bottom: 18px;
}

.navbar-toggle.collapsed {
    background-color: #2f8aa7;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: #267087;
}

.navbar-toggle .icon-bar {
    background-color: var(--white);
}

#hd .UtilityNavigationList .NavigationUnorderedList > li > a:hover {
    text-decoration: underline;
}

.nav-auxiliary a {
    color: white;
    font-size: 80%;
    text-decoration: none;
    font-weight: bold;
}

.nav-auxiliary .nav-aux-cart .cartCenter {
    color: var(--white);
    background-color: var(--darkblue);
}
a.UtilitySection.UtilityAuthenticationLink.sign-out-link {
    padding: 1px 5px;
    border: 2px solid white;
    margin: 3px 0;
    border-radius: 3px;
    transition: 0.3s ease-in-out all;
}
a.UtilitySection.UtilityAuthenticationLink.sign-out-link:hover {
    background: var(--white);
    color: var(--red);
    transition: 0.3s ease-in-out all;
}

@media (max-width: 991px) {

div#masterLogoArea {
    margin-bottom: 10px;
}
.RadMenu.RadMenu_Austin .rmLink {
    color: var(--offblack);
}	
	
	.RadMenu_Austin .rmSlide .rmLink {
    color: var(--white);
}


	
	
.RadMenu.RadMenu_Austin .rmSelected .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink.rmSelected .rmToggle .rmIcon,
.RadMenu.RadMenu_Austin .rmExpanded .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink.rmExpanded .rmToggle .rmIcon	 {
    background-position: 0 -26px;
}
	
.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
    text-transform: uppercase;
    font-size: 100%;
    font-weight: 800;
    letter-spacing: .5px;
    width: 100%;
}
.RadMenu.RadMenu_Austin .rmLink {
    text-decoration: none;
    display: block;
    position: relative;

}

    .RadMenu .rmRootGroup.rmHorizontal > .rmItem,
    .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
        border-width: 0 !important;
        border-style: solid;
        width: 100%;
        display: flex;
    }
    .nav-auxiliary .nav-aux-button .NavigationLink {
        /* This makes the link look like the toggle buttons */
        background-color: #2f8aa7;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 6.5px;
        margin-bottom: 6.5px;
        border: 1px solid transparent;
        border-radius: 0;
        display: inline-block;
    }

    .nav-auxiliary .NavigationListItem {
        position: relative;
        display: inline-block;
        margin: 0 5px;
    }

    .navbar-toggle.collapsed,
    .navbar-toggle {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: 0;
    }
    .nav-auxiliary .nav-aux-button .NavigationLink {
        margin-left: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-toggle.collapsed,
    .navbar-toggle {
        background-color: var(--red);
    }
    .nav-auxiliary .nav-aux-button .NavigationLink {
        background-color: var(--red);
    }
    .nav-auxiliary .TextButton,
    .nav-auxiliary .navbar-toggle {
        margin-left: 0;
    }

    .nav-auxiliary .nav-aux-button .NavigationLink:hover,
    .nav-auxiliary .nav-aux-button .NavigationLink:focus {
        background-color: #267087;
    }
    .nav-auxiliary .nav-aux-button .NavigationLink:active {
        background-color: #0f323e;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-position: 0 -100px;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-position: 0 -50px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
        background-color: #99e6ff;
        color: #000;
    }
}

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

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: #6c757d;
    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);
}

/* Upload file button*/
.RadUpload .ruInputs li:hover .ruButton,
.RadUpload .ruInputs li:focus .ruButton {
    background-color: #267087;
    color: var(--white);
}

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: #333333;
    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: #333333;
}

.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 .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
    color: #6c757d;
}

.RadInput.RadInput.riSingle .riTextBox,
.RadInput.RadInput .riTextBox,
.RadInput .riTextBox {
    height: 37px;
    padding: 5px 10px;
    border-color: #ccc;
    font: inherit;
    color: #333333;
}

.RadInput.RadInput.riSingle .riTextBox:focus,
.RadInput.RadInput .riTextBox:focus,
.RadInput .riTextBox:focus {
    border-color: #66afe9;
}

select {
    border: 1px solid #ccc;
    background-color: var(--white);
}

.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
    background-color: var(--red);
    border-color: transparent;
}


.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    font-weight: 800;
    padding: 10px 25px;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .7px;
    text-transform: uppercase;
    border-radius: 3px;
	margin: 5px 0;
}

.btn,
.btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: var(--white);
}

.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: var(--white);
    background-color: var(--mediumblue);
}

.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: var(--white);
    background-color: var(darkgray);
    border-color: transparent;
}



.RedBox .btn, .RedBox .TextButton, .RedBox .RadUpload.RadUpload .ruButton, .RedBox .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.BlueBox .btn, .BlueBox .TextButton, .BlueBox .RadUpload.RadUpload .ruButton, .BlueBox .RadUploadProgressArea.RadUploadProgressArea .ruButton
{background-color:var(--darkblue);}

.RedBox .btn:hover, .RedBox .TextButton:hover, .RedBox .RadUpload.RadUpload .ruButton:hover, .RedBox .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.BlueBox .btn:hover, .BlueBox .TextButton:hover, .BlueBox .RadUpload.RadUpload .ruButton:hover, .BlueBox .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover
{background-color:var(--mediumblue);}

.MediumBlueBox .btn:hover, .MediumBlueBox .TextButton:hover, .MediumBlueBox .RadUpload.RadUpload .ruButton:hover, .MediumBlueBox .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover
{background-color:var(--darkblue);}



/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: var(--darkblue);
    border-color: transparent;
}

.PrimaryButton,
.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
    color: var(--white);
}

.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--mediumblue);
    border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:disabled,
.PrimaryButton:disabled:hover,
.PrimaryButton:disabled:focus,
.PrimaryButton:disabled:active,
.PrimaryButton.disabled,
.PrimaryButton.disabled:hover,
.PrimaryButton.disabled:focus,
.PrimaryButton.disabled:active,
.PrimaryButton.aspNetDisabled,
.PrimaryButton.aspNetDisabled:hover,
.PrimaryButton.aspNetDisabled:focus,
.PrimaryButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton:disabled,
.UsePrimaryButton .TextButton:disabled:hover,
.UsePrimaryButton .TextButton:disabled:focus,
.UsePrimaryButton .TextButton:disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
    color: var(--white);
    background-color: var(--red);
    border-color: transparent;
}

/* Facebook sign in button */
.TextButton.Facebook {
    background-color: #3b5998;
    border-color: transparent;
}

.TextButton.Facebook,
.TextButton.Facebook:visited {
    color: var(--white);
}

.TextButton.Facebook:hover,
.TextButton.Facebook:focus,
.TextButton.Facebook:active {
    color: var(--white);
    text-decoration: none;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, 0);
}

.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: var(--white);
    background-color: #3b5998;
    border-color: transparent;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
    background-color: #0077b5;
    border-color: transparent;
}

.SignInButton.LinkedIn,
.SignInButton.LinkedIn:visited {
    color: var(--white);
}

.SignInButton.LinkedIn:hover,
.SignInButton.LinkedIn:focus,
.SignInButton.LinkedIn:active {
    color: var(--white);
    text-decoration: none;
    background-color: #005c8c;
    border-color: rgba(0, 0, 0, 0);
}

.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: var(--white);
    background-color: #0077b5;
    border-color: transparent;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
    -webkit-appearance: none !important;
    background: transparent !important;
    color: #23749d;
    text-shadow: none;
    box-shadow: none;
    border: none;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 0;
    color: #23749d;
    text-decoration: underline;
}

.LinkButton:visited {
    color: #2883b2;
}

.LinkButton:hover,
.LinkButton:focus,
.LinkButton:active {
    color: #1a5573;
    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;
}

/* 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: var(--white);
}

.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active {
    color: var(--white);
    text-decoration: none;
    background-color: #ae2c21;
    border-color: rgba(0, 0, 0, 0);
}

.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: var(--white);
    background-color: #d03528;
    border-color: transparent;
}

.SuccessButton {
    background-color: #68bd49;
    border-color: transparent;
}

.SuccessButton,
.SuccessButton:visited {
    color: var(--white);
}

.SuccessButton:hover,
.SuccessButton:focus,
.SuccessButton:active {
    color: var(--white);
    text-decoration: none;
    background-color: #57a23b;
    border-color: rgba(0, 0, 0, 0);
}

.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: var(--white);
    background-color: #68bd49;
    border-color: transparent;
}

.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
    color: #68bd49;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
    margin-bottom: 0.3em;
}

.RadTreeView.GLE .rtIn,
.RadTreeView.GLE .rtHover .rtIn,
.RadTreeView.GLE .rtSelected .rtIn {
    background-color: transparent;
    border: none;
    color: #23749d;
}

.RadTreeView.GLE a:hover,
.RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
    background-color: #2f8aa7;
    color: var(--white);
}

@media (min-width: 992px) {
    div#masterLogoArea {
        margin-top: 20px;
    }
    header#hd {
        padding-top: 0;
        padding-bottom: 0;
		min-height:227px;
    }
    .navbar-header {
        float: right;
    }
    .nav-primary {
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .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: var(--white);
    }
    .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-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: var(--white);
    }
}

.account-page-with-banner .mini-profile-banner-large .panel-heading,
.account-page-with-banner .mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
    background-color: #ffffff;
}

.account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section,
.account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section {
    background-color: #ffffff;
}

.account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section,
.account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section {
    border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section {
        background-color: #ffffff;
    }

    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h1,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h2,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h3,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h4,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h5,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .Label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h1,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h2,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h3,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h4,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h5,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .Label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .SectionLabel {
        color: #333333;
    }

    .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: #333333;
    }
}
.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: var(--red);
    border-color: var(--red);
    text-decoration: none;
    color: #fff !important;
}
.ProductDisplay {
    background-color: var(--lightgray);
    padding: 1em;
}
label,
.Label,
.PanelFieldLabelFont,
.Significant {
    font-weight: 800 !important;
}

/* Search Results
   ========================================================================== */
.SearchField, .SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: transparent;
    padding: 8px 15px 0 15px;
    margin: 0 !important;
}
.SearchField {
    background: var(--lightgray);
}
.SearchField label {
    font-size: 120%;
    color: var(--black);
}
.SearchResultSummary .ListItemTitle a {
    text-decoration: none;
    color: var(--darkblue) !important;
    margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
    background-color: #93cadc;
    text-decoration: underline;
}
.GridTitlePanel {
    background: var(--lightgray);
    min-height: 5px;
}
.pt-3 {
    padding-top: 1rem !important;
    background: var(--lightgray);
}


/* Event Display
   ========================================================================== */
.EventSummary {
    background-color: #f5f5f5;
    padding: 20px;
    line-height: 1.8;
    font-weight: 500;
}

.EventSummary .PhotoArea {
    padding: 2em;
}

.EventSummary .Description {
    padding: 0 2em 2em 2em;
}

.EventSummary .PhotoArea img {
    border: 1px solid var(--lightgray) !important;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
    background-color: #93cadc;
}

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
    font-family: var(--font);
    font-weight: bold;
    font-size: 120%;
    line-height: 2em;
    padding-left: 0.5em;
    color: #000;
}

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
    background-color: #3aabcf;
}
div#ste_container_Homebannerslides .panel-body {
    padding: 0;
    margin: 0;
    border: 0;
}
.ProgressTrackerNavigation:hover {
    border-radius: 0;
    box-shadow: 0 2px 3px 0px #999999;
    border-color: #999999;
    opacity: 0.9;
    cursor: pointer;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
    background-color: var(--blue);
}

.ProgressTracker2 .ProgressTrackerPanel .count {
    color: var(--white);
    font-family: var(--font);
    font-weight: 200;
}

.ProgressTracker2 div p {
    background-color: var(--white);
    color: #23749d;
    margin-bottom: 0;
}

.ProgressTracker2 .ProgressBar > span {
    background-color: #db9770;
}

.ProgressTracker2 .SuccessfulMessage {
    background-color: #6db0d3;
    color: #333333;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
    background-color: var(--lightgray);
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
    background-color: var(--lightgray);
}

.CartCharges .GrandTotal .PanelField {
    background-color: var(--white);
    text-transform: uppercase;
    font-weight: bold;
    color: var(--red);
}

.CartCharges .GrandTotal .PanelField .Label {
    color: var(--red);
}

@media (min-width: 768px) {
    .jumbotron.home h1 {
        font-size: 320%;
    }
}

.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;
}
.col-secondary.cs-right {
    display: none;
}
@media (max-width: 767px) {
    #masterLogoArea img {
        max-width: 85px;
    }
    .BannerArea {
        flex-direction: column;
    }
    body {
        font-size: 19px;
    }
    .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;
    }
    .UtilitySection.OnBehalfOf {
        position: absolute;
        right: 15px;
    }
    .jumbotron.interior p {
        font-size: 200%;
    }
    .jumbotron.interior .jumbotron-text span {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.55);
        padding: 0 0.45em;
        margin-bottom: 0.2em;
        float: left;
        clear: left;
    }
}

.jumbotron .img-copyright a,
.jumbotron .img-copyright a:hover,
.jumbotron .img-copyright a:focus,
.jumbotron .img-copyright a:visited,
.jumbotron .img-copyright a:active,
.carousel .img-copyright a,
.carousel .img-copyright a:hover,
.carousel .img-copyright a:focus,
.carousel .img-copyright a:visited,
.carousel .img-copyright a:active {
    color: var(--white);
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    font-family: var(--font);
    font-weight: bold;
    margin-top: 5px;
}

.carousel h2,
.carousel .panel-heading {
    border-bottom: none;
}

@media (max-width: 991px) {
    .carousel h1 {
        font-size: 200%;
    }
}

.carousel2 .carousel-caption .img-copyright {
    right: 15%;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
    color: #333333;
}

.CommunityLinksBlock a:hover {
    background-color: #93cadc;
    color: #333333;
    text-decoration: none;
}

.CommunityLinksBlock a.CommunityLinksSelected,
.CommunityLinksBlock a.CommunityLinksSelected:hover {
    background-color: #2f8aa7;
    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: #2f8aa7;
}

.CommunityItemTitle {
    font-size: 110%;
    padding: 0.25em 0;
}

.CommunityReplyForm,
.CommunityCommentItem {
    background: #f2f2f2;
    border-left: 10px solid var(--lightgray);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
    background: #f2f2f2;
}

/* For adding comments */
.CommunityWikiReplyForm {
    background: #f2f2f2;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

/**Styles for recent activity query template*/
.RecentCommunityPost {
    border: 1px dotted var(--lightgray);
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.RecentCommunityPost .CommunityProfilePicture {
    border: 1px dotted var(--lightgray);
}

.RecentCommunityPost .CommunityName {
    border-bottom: 1px solid var(--lightgray);
}

.RecentCommunityPost .CommunityName span {
    color: #23749d;
}

.DonorBannerTextBackgroundHome h1,
.DonorBannerTextBackgroundInterior h1 {
    color: var(--white);
    font-size: 280%;
    background: none;
    margin: 0.4em;
}

.DonorBannerTextBackgroundHome p,
.DonorBannerTextBackgroundInterior p {
    color: var(--white);
    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 */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1,
.CalloutBlockType1 {
    background-color: var(--mediumblue);
    padding: 10px;
    margin: 20px;
    border-radius: 0;
    box-shadow: none;
    color: var(--white);
}

.CalloutArea1 label,
.CalloutArea1 h1,
.CalloutArea1 h2,
.CalloutArea1 h3,
.CalloutArea1 h4,
.CalloutArea1 h5,
.CalloutArea1 .PanelTitle,
.CalloutArea1 .TitleBarCaption,
.CalloutArea1 a.FeatureActionLink,
.CalloutBlockType1 label,
.CalloutBlockType1 h1,
.CalloutBlockType1 h2,
.CalloutBlockType1 h3,
.CalloutBlockType1 h4,
.CalloutBlockType1 h5,
.CalloutBlockType1 .PanelTitle,
.CalloutBlockType1 .TitleBarCaption,
.CalloutBlockType1 a.FeatureActionLink {
    color: var(--white);
}

.CalloutArea1 a,
.CalloutBlockType1 a {
    color: var(--white);
}

.CalloutArea1 .Error,
.CalloutBlockType1 .Error {
    color: #eeeeee !important;
}

.CalloutArea1 h2,
.CalloutArea1 .PanelHead.Distinguish,
.CalloutArea1 .TitleBarCaption,
.CalloutBlockType1 h2,
.CalloutBlockType1 .PanelHead.Distinguish,
.CalloutBlockType1 .TitleBarCaption {
    border-bottom: none;
}

.CalloutArea2 {
    background-color: var(--red);
    padding: 10px;
    margin: 20px;
    border-radius: 0;
    box-shadow: none;
    color: var(--white);
}

.CalloutArea2 label,
.CalloutArea2 h1,
.CalloutArea2 h2,
.CalloutArea2 h3,
.CalloutArea2 h4,
.CalloutArea2 h5,
.CalloutArea2 .PanelTitle,
.CalloutArea2 .TitleBarCaption,
.CalloutArea2 a.FeatureActionLink {
    color: var(--white);
}

.CalloutArea2 a {
    color: var(--white);
}

.CalloutArea2 .Error {
    color: #eeeeee !important;
}

.CalloutArea3 {
    background-color: #23749d;
    padding: 10px;
    margin: 20px;
    border-radius: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    color: var(--white);
}

.CalloutArea3 label,
.CalloutArea3 h1,
.CalloutArea3 h2,
.CalloutArea3 h3,
.CalloutArea3 h4,
.CalloutArea3 h5,
.CalloutArea3 .PanelTitle,
.CalloutArea3 .TitleBarCaption,
.CalloutArea3 a.FeatureActionLink {
    color: var(--white);
}

.CalloutArea3 a {
    color: var(--white);
}

.CalloutArea3 .Error {
    color: #eeeeee !important;
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
    background-color: var(--lightgray);
}

.CalloutPart1 .panel-heading,
.CalloutPart1 .panel-body {
    background-color: #93cadc;
}

.CalloutPart2 .panel-heading.Distinguish,
.CalloutPart1 .panel-heading.Distinguish {
    background-color: transparent;
}

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
    padding: 20px;
    background-color: var(--lightgray);
}

.ContentBlockPrimary .Quote {
    background-color: var(--white);
}

/* 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: #999999;
    text-transform: uppercase;
}

.BlockList a:hover {
    background-color: #eef0e3;
}

.BlockList p {
    color: #333333;
    margin-bottom: 0;
}

.BlockTLItem,
.BlockList li {
    border-bottom: 1px dotted var(--lightgray);
}

.BlockTLItem h4,
.BlockList h4 {
    font-size: 110%;
    font-weight: normal;
}

/* Use on the blockquote element for a styled quote */
.Quote {
    background: var(--lightgray);
    border-left: 10px solid var(--red);
    margin: 1.5em 0.7em 1.5em 0;
    padding: 1.5em 0.7em;
    quotes: "\201C""\201D""\201C""\201D";
    font-weight: normal;
}

.Quote:before {
    color: var(--gray);
    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: 0.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(--red);
}

/* 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: var(--white);
    background: #ff6610;
    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: #ff6610 transparent;
    /* 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: var(--lightgray);
}

.TotalBox label {
    background-color: var(--red);
    color: var(--white);
    padding: 0.25em 0.75em;
    color: var(--white);
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .RadMultiPage {
    background-color: var(--lightgray);
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
    color: var(--darkgray);
    font-size: 125%;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.2px;
    font-family: var(--font);
    font-weight: 500;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
    transition: all 0.2s ease-in;
    font-family: var(--font);
    font-size: 110%;
    font-weight: 600;
    line-height: 1.5em;
    padding: 8px 0;
    text-decoration: none;
}

/* Feature Header
   ========================================================================== */
.feature-header {
    color: var(--red);
    border-bottom: none;
    margin-bottom: 0.8em;
}

.feature-link-with-image,
.feature-link-with-image:hover,
.feature-link-with-image:active,
.feature-link-with-image:visited {
    text-decoration: none;
    color: var(--white);
}

.feature-link-with-image.feature-link-1 .feature-link-text {
    background-color: var(--red);
    background-color: rgba(220, 79, 0, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #a93d00;
    background-color: rgba(169, 61, 0, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
    background-color: #3aabcf;
    background-color: rgba(58, 171, 207, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
    background-color: #2a8dac;
    background-color: rgba(42, 141, 172, 0.75);
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
    color: var(--red);
}

.header-link a,
.header-link a:visited {
    color: #333333;
}

.header-link a:hover,
.header-link a:active,
.header-link a:focus {
    color: #23749d;
}

/* 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-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: var(--white);
}

.banner-text h2 {
    font-size: 100%;
}

.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 .banner-text {
    padding: 5px;
    min-height: 150px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

/* 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(--red);
    font-size: 250%;
}

.donate-page .GiftItemDescription {
    font-size: 125%;
}

.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: #009b96;
    font-weight: 700;
    line-height: 1em;
}
.RelatedItemsHorizontal a.LabelLink {
    color: inherit;
    text-decoration: underline;
    line-height: 1.3;
    font-size: 80%;
    margin-top: 10px;
}

@media (max-width: 991px) {
    .RadMenu_Austin .rmSlide .rmLink:hover,
    .RadMenu_Austin .rmSlide .rmLink:focus,
    .RadMenu_Austin .rmSlide .rmLink.rmFocused,
    .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
    .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
    .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
        background-color: transparent;
        color: var(--white);
    }
    button.navbar-toggle.menu-toggle {
        margin-right: 15px;
    }
    .my-events .link {
        padding: 15px;
        right: auto;
        text-align: center;
        border-top: 1px solid #b2b2b2;
        width: 100%;
    }
}

.shadow-box .CommunicationPreferencesSection {
    background-color: #ffffff;
}

.shadow-box-zone {
    margin-bottom: 40px;
    background: #ffffff;
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 1px solid #dbdbdb;
    padding: 15px;
}

.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: #009b96;
}

/**member account page**/
.coadmin-manage a {
    padding: 15px;
    border-radius: 0;
    background-color: var(--red);
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    transition: all 0.2s ease;
}

.coadmin-manage a:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    vertical-align: middle;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#orgs);
    mask-size: 28px 28px;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.coadmin-manage a:after {
    content: "";
    display: inline-block;
    width: 21px;
    float: right;
    height: 21px;
    background-color: #ffffff;
    vertical-align: middle;
    margin-top: 7px;
    margin-right: 10px;
    mask-image: url(images/arrows.svg);
    mask-size: 21px 21px;
    mask-position: center center;
    mask-repeat: no-repeat;
    transition: all 0.2s ease;
}

.coadmin-manage a:hover,
.coadmin-manage a:focus,
.coadmin-manage a:active {
    background-color: #a93d00;
}

.heading-icon .panel-title,
.heading-icon h3 {
    text-align: left;
    text-transform: uppercase;
    color: #525252;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.heading-icon.engage .panel-title:before,
.heading-icon.engage h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#engage);
    mask-size: 22px 22px;
    width: 22px;
    height: 22px;
}

.heading-icon.orgs .panel-title:before,
.heading-icon.orgs h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#orgs);
    mask-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.heading-icon.events .panel-title:before,
.heading-icon.events h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#events);
}

.heading-icon.committees .panel-title:before,
.heading-icon.committees h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#committees);
    mask-size: 30px 30px;
    width: 30px;
    height: 30px;
    mask-position: 0px 5px;
}

.heading-icon.sections .panel-title:before,
.heading-icon.sections h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#sections);
    mask-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.heading-icon.orders .panel-title:before,
.heading-icon.orders h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#orders);
}

.heading-icon.community .panel-title:before,
.heading-icon.community h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#community);
}

.heading-icon.clubs .panel-title:before,
.heading-icon.clubs h3:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #525252;
    mask-size: 20px 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 10px;
    mask-image: url(images/mh-icons.svg#committees);
}

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
    background-color: var(--lightgray);
    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(--red);
}

a:hover .AltBgColor3 > .panel,
a:active .AltBgColor3 > .panel,
a:focus .AltBgColor3 > .panel {
    background-color: #cd4a00;
}

.AltBgColor3 > .panel.panel-border {
    border-color: #c34600;
}

.AltBgColor3 > .panel,
.AltBgColor3 > .panel h2 {
    color: #000;
}

.AltBgColor3 > .panel a,
.AltBgColor3 > .panel a:hover,
.AltBgColor3 > .panel a:active,
.AltBgColor3 > .panel a:focus,
.AltBgColor3 > .panel a:visited {
    color: #000;
    text-decoration: underline;
}

.AltBgColor3 > .panel .ProgressBar > span {
    background-color: #000;
}

.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: var(--white);
}

.AltBgColor5 > .panel a,
.AltBgColor5 > .panel a:hover,
.AltBgColor5 > .panel a:active,
.AltBgColor5 > .panel a:focus,
.AltBgColor5 > .panel a:visited {
    color: var(--white);
    text-decoration: underline;
}

.AltBgColor5 > .panel .ProgressBar > span {
    background-color: var(--white);
}

.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: var(--white);
}

.AltBgColorred > .panel a,
.AltBgColorred > .panel a:hover,
.AltBgColorred > .panel a:active,
.AltBgColorred > .panel a:focus,
.AltBgColorred > .panel a:visited {
    color: var(--white);
    text-decoration: underline;
}

.AltBgColorred > .panel .ProgressBar > span {
    background-color: var(--white);
}

.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: var(--white);
}

.AltBgColorpurple > .panel a,
.AltBgColorpurple > .panel a:hover,
.AltBgColorpurple > .panel a:active,
.AltBgColorpurple > .panel a:focus,
.AltBgColorpurple > .panel a:visited {
    color: var(--white);
    text-decoration: underline;
}

.AltBgColorpurple > .panel .ProgressBar > span {
    background-color: var(--white);
}

.ProgressTracker2 .ProgressBar > span,
.ProgressTracker_Dashboard .ProgressBar > span,
.ProgressTracker_Dashboard_Overview .ProgressBar > span {
    display: block;
    height: 100%;
    background-color: var(--red);
    position: relative;
    overflow: hidden;
}

.nav-aux-cart > a {
    color: transparent;
}

.footer-nav-copyright {
    background-color: #424242;
    color: #999;
}

.account-toggle {
    padding: 2px 8px;
}
.sign-in-link {
    border: 1px solid var(--white);
    border-radius: 3px;
    padding: 5px 15px;
    text-transform: uppercase;
    transition: 0.3s ease-in-out all;
}
.sign-in-link:hover {
    background: var(--white);
    color: var(--red) !important;
    transition: 0.3s ease-in-out all;
}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Austin .rmLink {
        color: var(--gray);
    }
    .RadMenu.RadMenu_Austin .rmSlide .rmItem:has(a:hover) {
        background: var(--lightgray);
    }

    .has-secondary-col.col-on-right .col-primary {
        margin-right: 0;
        width: 100%;
    }
    .has-secondary-col .col-secondary {
        width: 0;
        margin: 0;
        display: none;
    }
    .RadMenu.RadMenu_Austin .rmVertical .rmText,
    .RadMenu.RadMenu_Austin .rmHorizontal .rmVertical .rmText {
        padding: 3px 15px;
    }

    .nav-auxiliary .nav-aux-account .nav-text,
    .nav-auxiliary .nav-aux-cart .nav-text {
        padding-left: 0;
    }
    .RadMenu_Austin .rmSlide .rmExpandRight,
    .RadMenu_Austin .rmSlide .rmGroup a.rmLink.rmExpandRight {
        background-position: 100% -92px;
    }
}

@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css");
/*!****************************
* Accordion
******************************/

.AccordionContent {
    padding: 2rem;
}

.ContentItemContainer > div[id*="Panel_AccordionContent"] {
    padding: 0 15px 30px 15px;
    font-size: 110%;
    line-height: 1.6;
}

.AccordionContentIQA,
.AccordionHeaderIQA,
.AccordionHeader,
.AccordionContent,
.AccordionMultiHeader {
    width: 100%;
}

.AccordionIQA .panel-heading.Distinguish:before,
div[id*="_AccordionHeader"]:before,
div[id*="_AccordionMultiHeader"]:before,
.AccordionHeader:before,
.AccordionHeaderIQA:before,
.AccordionMultiHeader:before {
    display: inline-block;
    font-family: fontawesome;
    content: "\f067";
    transform: rotate(90deg);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 20px;
    line-height: 1;
    position: relative;
    left: 10px;
    padding: 0 10px;
}

.miniAccordionZone div[id*="_AccordionMultiHeader"].headerSelected:before,
.miniAccordionZone .AccordionMultiHeader.headerSelected:before,
.miniAccordionZone div[id*="_AccordionMultiHeader"]:before,
.miniAccordionZone .AccordionMultiHeader:before {
    display: inline-block;
    font-family: "material icons";
    content: "check_circle";
    transform: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 16px;
    line-height: 27px;
    font-size: 16px;
    color: #005c85;
}

.miniAccordionZone div[id*="_AccordionMultiHeader"]:after,
.miniAccordionZone .AccordionMultiHeader:after {
    display: inline-block;
    font-family: "material icons";
    content: "add_circle";
    transform: rotate(90deg);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 16px;
    color: #005c85;
    line-height: 27px;
    position: absolute;
    right: 30px;
}

.miniAccordionZone .AccordionControl h2,
.miniAccordionZone .AccordionControl h3,
.miniAccordionZone .AccordionControl h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    font-family: Mulish, san-serif;
}

.miniAccordionZone .AccordionControl.headerSelected,
.miniAccordionZone div[id*="_AccordionMultiHeader"].headerSelected {
    background: white !important;
    color: #2883b2 !important;
}

.miniAccordionZone .AccordionControl {
    margin-top: 20px;
}

.miniAccordionZone div[id*="_AccordionMultiHeader"].headerSelected:before,
.miniAccordionZone .AccordionMultiHeader.headerSelected:before,
.miniAccordionZone div[id*="_AccordionMultiHeader"].headerSelected:before,
.miniAccordionZone .AccordionMultiHeader.headerSelected:before {
    color: white;
}

.miniAccordionZone div[id*="_AccordionMultiHeader"].headerSelected:after,
.miniAccordionZone .AccordionMultiHeader.headerSelected:after {
    color: white;
    display: inline-block;
    font-family: "material icons";
    content: "add_circle";
    transform: rotate(135deg);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-right: 0;
}

.AccordionIQA .panel-heading.Distinguish.headerSelected:before,
div[id*="AccordionHeader"].headerSelected > div[id*="_AccordionHeader"]:before,
div[id*="_AccordionMultiHeader"].headerSelected:before,
.AccordionHeaderIQA.headerSelected:before,
.AccordionHeader.headerSelected:before,
.AccordionMultiHeader.headerSelected:before {
    display: inline-block;
    content: "\f067";
    transform: rotate(135deg);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-right: 0;
}

.AccordionIQA .panel-body-container,
div[id*="AccordionContent"].ContentItemContainer,
.AccordionContentIQA {
    height: 0;
    overflow: hidden;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background: transparent;
}

.AccordionIQA .panel-heading.Distinguish,
.iMIS-WebPart.accHeader,
.iMIS-WebPart.accMultiHeader,
.AccordionHeader,
.AccordionHeaderIQA,
.AccordionMultiHeader {
    z-index: +1;
    cursor: pointer;
    background: transparent;
    font-size: 22px;
    font-weight: 500;
    padding: 0;
    line-height: 30px;
    padding-top: 0;
    border-bottom: 1px solid white;
}
div[id*="AccordionContent"].ContentItemContainer {
    margin-top: -1px;
}
.headerSelected {
    background: #ececec !important;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
div[id*="AccordionContent"].ContentItemContainer.shown {
    background: #ececec;
    padding: 0 0 0 23px;
    margin-bottom: 20px;
}
.AccordionIQA .panel-heading.Distinguish,
.iMIS-WebPart.accHeader > div.ContentItemContainer,
.iMIS-WebPart.accMultiHeader > div.ContentItemContainer > div[id*="AccordionMultiHeader"],
.AccordionHeader,
.AccordionHeaderIQA,
.AccordionMultiHeader {
    color: #8e1a0c;
    border-bottom: none;
    background: white;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-bottom: 2px solid #ececec;
}

.miniAccordionZone .iMIS-WebPart.accMultiHeader > div.ContentItemContainer > div[id*="AccordionMultiHeader"],
.miniAccordionZone .AccordionMultiHeader {
    color: #414141;
    border-bottom: none;
    background-color: #e5ecee;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 10px 20px rgba(0, 0, 0, 0.04);

    font-weight: 400;
}

.AccordionHeader {
    height: 47px;
    font-size: 18px;
    padding: 10px;
    font-weight: 400;
    border-bottom: 1px solid white;
}

.AccordionHeader.headerSelected:before {
    margin-right: 5px;
}

.AccordionHeaderIQA {
    min-height: 48px;
    padding-top: 15px;
}
.AccordionContent.notShown {
    padding: 0 2rem;
}

.AccordionIQA .panel-body-container,
.iMIS-WebPart > div[id*="AccordionContent"].ContentItemContainer,
.iMIS-WebPart > div[id*="AccordionHeader"].ContentItemContainer,
.iMIS-WebPart > div[id*="AccordionMultiHeader"].ContentItemContainer {
    margin-bottom: 0px;
}

.AccordionIQA .panel-body-container.notShown,
div[id*="_AccordionContent"].notShown,
.AccordionContent.notShown,
.AccordionContentIQA.notShown,
div[id*="AccordionContent"].ContentItemContainer.notShown {
    background: white;
    z-index: -1;
    height: 0;
    max-height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    padding: 0 0 0 23px;
}

.AccordionContent.notShown {
    padding: 0 2rem;
}

.AccordionIQA .panel-body-container.shown,
div[id*="AccordionContent"].ContentItemContainer.shown,
div[id*="_AccordionContent"].shown,
.AccordionContent.shown,
.AccordionContentIQA.shown {
    height: 100%;
    width: 100%;
    opacity: 1;
    max-height: 100%;
    position: inherit !important;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.AccordionContentIQA.shown {
    padding: 2rem 0;
}

.AccordionIQA h2.panel-title,
.AccordionIQA h3,
div[id*="_AccordionHeader"] h2,
div[id*="_AccordionHeader"] h3,
div[id*="_AccordionHeader"] h4,
div[id*="_AccordionMultiHeader"] h2,
div[id*="_AccordionMultiHeader"] h3,
div[id*="_AccordionMultiHeader"] h4,
.AccordionHeaderIQA h2,
.AccordionHeaderIQA h3,
.AccordionHeaderIQA h4,
.AccordionHeader h2,
.AccordionHeader h3,
.AccordionHeader h4,
.AccordionMultiHeader h2,
.AccordionMultiHeader h3,
.AccordionMultiHeader h4 {
    display: inline;
    margin: 0 10px 0 0;
    border-bottom: 0;
    color: inherit;
    font-family: Mulish, sans-serif;
    font-weight: 600;
    font-size: 120%;
    margin-left: 15px;
}

.AccordionHeader:before {
    margin-right: 5px;
}
.AccordionControl img {
    max-height: 85px;
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.AccordionIQA {
    padding: 0 15px 0 15px;
}
.AccordionControl:hover {
    background: #ececec !important;
    border-radius: 12px;
}
.AccordionControl.headerSelected:hover {
    background: #ececec !important;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.AccordionIQA .panel-body-container.shown {
    padding: 0;
}
div[id*="AccordionContent"].ContentItemContainer.shown {
    background: #ececec;
    padding: 0 0 0 23px;
    margin-bottom: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.miniAccordionZone div[id*="AccordionContent"].ContentItemContainer.shown {
    margin-bottom: 20px;
    background: white;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 10px 20px rgba(0, 0, 0, 0.04);
}

div[id*="AccordionContent"].ContentItemContainer.shown > div > .AccordionZone {
    padding: 3rem 0;
}

.AccordionZoneIQA div[id*="AccordionContent"].ContentItemContainer {
    padding-left: 15px;
    padding-right: 15px;
}

.AccordionControl {
    cursor: pointer;
    font-size: 18px;
    line-height: 27px;
    padding: 10px 0;
    color: #2883b2;
    overflow: hidden;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    min-height: 120px;
}

.AccordionControl img {
    max-width: calc(100% - 60px);
}
.AccordionControl img {
    transition: 0.3s ease-in all;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}
.headerSelected img {
    transition: 0.3s ease-in all;
    max-width: calc(100% - 60px);
    max-height: none;
    margin: 20px;
}

div[id*="AccordionContent"].ContentItemContainer {
}

.AccordionControl a {
    flex-grow: 1;
    margin-left: 25px;
}


.panel-heading.Distinguish, .panel-group .panel-heading, .PanelHead.Distinguish, .TitleBarCaption {

    border:0;
}
.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: var(--lightgray)!important;
}

.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 {
  
    line-height: 1.3;
}


@media (max-width:1169px) {
	
	.BannerArea {flex-direction:column; align-items:center;}
	
}

.DarkText .carousel-caption h1, .DarkText .carousel-caption h2, .DarkText .carousel-caption h3, .DarkText .carousel-caption h4, .DarkText .carousel-caption p, .DarkText .carousel-caption, .DarkText .carousel-caption h5, .DarkText .carousel-caption h6 {
    color: var(--offblack);
    text-shadow: 0 1px 2px rgba(255,255,255, 0.6);
}