@charset "UTF-8";
/* Austin Theme for iMIS */
@import url("//fonts.googleapis.com/css?family=Raleway:200");
/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
}

a, .Link,
.RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a,
.RadToolTip.RadToolTip a {
  color: #23749d ;
  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: #2883b2 ;
}

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: #1a5573 ;
  text-decoration: underline ;
}

a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited,
.RadGrid.RadGrid .rgRow a.aspNetDisabled,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgRow a:disabled,
.RadGrid.RadGrid .rgRow a:disabled:hover,
.RadGrid.RadGrid .rgRow a:disabled:focus,
.RadGrid.RadGrid .rgRow a:disabled:active,
.RadGrid.RadGrid .rgRow a:disabled:visited, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgAltRow a:disabled, .RadGrid.RadGrid .rgAltRow a:disabled:hover, .RadGrid.RadGrid .rgAltRow a:disabled:focus, .RadGrid.RadGrid .rgAltRow a:disabled:active, .RadGrid.RadGrid .rgAltRow a:disabled:visited, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited, .RadGrid.RadGrid .rgEditForm a:disabled, .RadGrid.RadGrid .rgEditForm a:disabled:hover, .RadGrid.RadGrid .rgEditForm a:disabled:focus, .RadGrid.RadGrid .rgEditForm a:disabled:active, .RadGrid.RadGrid .rgEditForm a:disabled:visited, .k-grid.k-grid a.aspNetDisabled, .k-grid.k-grid a.aspNetDisabled:hover, .k-grid.k-grid a.aspNetDisabled:focus, .k-grid.k-grid a.aspNetDisabled:active, .k-grid.k-grid a.aspNetDisabled:visited, .k-grid.k-grid a:disabled, .k-grid.k-grid a:disabled:hover, .k-grid.k-grid a:disabled:focus, .k-grid.k-grid a:disabled:active, .k-grid.k-grid a:disabled:visited,
.RadToolTip.RadToolTip a.aspNetDisabled,
.RadToolTip.RadToolTip a.aspNetDisabled:hover,
.RadToolTip.RadToolTip a.aspNetDisabled:focus,
.RadToolTip.RadToolTip a.aspNetDisabled:active,
.RadToolTip.RadToolTip a.aspNetDisabled:visited,
.RadToolTip.RadToolTip a:disabled,
.RadToolTip.RadToolTip a:disabled:hover,
.RadToolTip.RadToolTip a:disabled:focus,
.RadToolTip.RadToolTip a:disabled:active,
.RadToolTip.RadToolTip a:disabled:visited {
  color: #999999 ;
  text-decoration: underline ;
}

h1, .h1, .PageTitle {
  font-size: 350%;
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
  color: #dc4f00;
  margin-top: 0;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #dc4f00;
  padding: 20px;
  margin: 0;
}

h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle {
  min-height: 0;
  border-bottom-style: dotted;
}

h2, .h2, .PanelTitle {
  font-size: 170%;
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #333333;
  line-height: 1.45em;
}

h3, .SectionTitle {
  font-size: 130%;
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #424242;
}

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

h4, .h4, .SectionLabel {
  font-size: 120%;
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #009b96;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 100%;
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #009b96;
}

h6, .h6 {
  font-size: 85%;
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #333333;
  margin: 0;
}

strong {
  font-weight: bold;
}

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #ddd;
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: .6em;
}

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

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

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px;
}

.bg-img-full-size {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-dark {
  background-color: #333333;
}

.bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 {
  color: #fff;
}

.bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active {
  color: #fff;
  text-decoration: underline;
}

/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #ffdd6f;
}

/* header logo */
#masterHeaderImage {
  background-image: url("images/Opus-logo.svg#icon-color");
  background-repeat: no-repeat;
  background-size: contain;
  width: 122px;
  height: 39.04px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  margin-top: 25px;
  background-image: url("images/Opus-logo.svg#color-notagline");
  width: 150px;
  height: 48px;
}

#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;
  margin-top: 25px;
}

/* Header Border */
#masterHeaderBackground,
.header {
  border-bottom: 2px dotted #eeeeee;
}

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center;
}

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

.ProxyPanelContact, .ProxyPanelContact .obo-label {
  color: #fff;
}

.ProxyPanelContact a {
  color: #a2d2ea;
}

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

.SubNavPanelHead {
  background-color: #f4f5ed;
  color: #333333;
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
}

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
  height: 1px;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-nav-copyright {
  padding-top: 1em;
  padding-bottom: 0.35em;
  /* 1em - .65em (bottom margin on nav lis) */
}

.footer-content {
  padding-top: 1em;
}

.footer-content-section {
  padding: 0 10px 1em;
}

.footer-nav-copyright::after {
  display: block;
  clear: both;
  content: "";
}

.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  float: left;
  margin: 0;
}

.footer-nav-copyright .footer-copyright {
  display: inline-block;
  margin: 0 1.5em .65em 0;
}

.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-nav-copyright .footer-social-copyright .footer-social {
  text-align: left;
}

.footer-nav-copyright .footer-social-copyright .footer-copyright {
  float: right;
  width: auto;
  clear: right;
}

.footer-copyright p {
  margin-bottom: 0;
}

.footer-content-section {
  float: left;
  width: 50%;
}

.footer .footer-social {
  width: 33.3333333333%;
}

.footer .footer-promo-container {
  width: 66.6666666667%;
}

#masterFooterCopyright {
  clear: both;
}

.footer-content {
  background-color: #424242;
  color: #fff;
  text-align: center;
}

.footer-content h2 {
  margin-top: 0;
  color: #fff;
  border-bottom: none;
}

.footer-content a {
  color: #acd7ec;
}

.footer-social {
  padding-top: 10px;
}

.footer-social a {
  margin-right: .5em;
}

.footer-promo-container .promo {
  background-color: #020202;
  /* rgba fallback */
  background-color: rgba(2, 2, 2, 0.5);
  padding: 10px;
  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: Raleway, Verdana, sans-serif;
  font-weight: 200;
  margin-bottom: .25em;
  font-size: 130%;
  line-height: inherit;
  font-size: 170%;
}

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

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

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

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

#ft h4 {
  color: #fff;
  font-family: Raleway, Verdana, sans-serif;
  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: #ddd;
  /* rgba fallback */
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.RadMenu_Austin.RadMenu {
  float: none;
  z-index: 1001 !important;
}

.RadMenu_Austin.RadMenu:focus {
  outline: none;
}

.RadMenu_Austin.RadMenu .rmLink {
  color: #807f7f;
  padding: 5px 11px;
  text-decoration: none;
}

.RadMenu_Austin.RadMenu .rmLink .rmText {
  padding: 0;
}

.RadMenu_Austin.RadMenu .rmLink.rmRootLink {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

.RadMenu_Austin.RadMenu .rmLink.rmFocused, .RadMenu_Austin.RadMenu .rmLink.rmSelected, .RadMenu_Austin.RadMenu .rmLink.rmExpanded, .RadMenu_Austin.RadMenu .rmLink:hover, .RadMenu_Austin.RadMenu .rmLink:active {
  color: #fff;
  background-color: #dc4f00;
}

.RadMenu_Austin.RadMenu .rmVertical .rmItem {
  border-bottom: 1px solid #ddd;
}

.RadMenu_Austin.RadMenu .rmSlide .rmVertical .rmItem .rmText {
  padding: 5px 24px 5px 12px;
}

.RadMenu_Austin.RadMenu .rmGroup {
  border: 1px solid #dc4f00;
  margin-top: -1px;
  background: #fff;
  padding: 0;
}

.RadMenu_Austin.RadMenu .rmGroup .rmItem {
  border-bottom: 1px dotted #333333;
}

.RadMenu_Austin.RadMenu .rmGroup .rmItem:last-child {
  border-bottom: none;
}

.RadMenu_Austin.RadMenu .rmGroup .rmItem.rmSeparator {
  background-color: #eeeeee;
}

.RadMenu_Austin.RadMenu .rmGroup .rmExpandRight:after {
  content: '»';
  position: absolute;
  right: 8px;
}

.RadMenu_Austin.RadMenu .rmRootGroup .rmItem .rmGroup {
  padding-bottom: 0;
}

/* <MegaDropDownMenu Styling> */
.RadMenu .rmGroup .MegaDropDownMenuOuter .rmText {
  padding: 0;
  margin: 0;
  min-width: 600px;
}

div.MegaDropDownMenu {
  padding-left: 5px;
  padding-right: 5px;
}

.MegaDropDownMenuToolTip {
  padding: 5px;
}

.MegaDropDownMenuSeparator {
  border: 1px dotted #ddd;
  height: 1px;
  padding-top: 0;
  padding-bottom: 0;
  width: 150px;
}

/* </MegaDropDownMenu Styling> */
/**** End Primary Navigation Styling ****/
/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
#masterTopBarAuxiliary .NavigationLink {
  /* Utility navigation links */
  color: #807f7f;
}

/* Cart Indicator
   ========================================================================== */
.cartSprite {
  background-image: url("images/CommonSprite.png");
  background-repeat: no-repeat;
  height: 14px;
  display: inline-block;
  padding-left: 0 !important;
  padding-right: 0 !important;
  vertical-align: top;
  margin-top: 6px;
}

.cartEmpty .cartSprite {
  width: 23px;
  background-position: 0 0;
}

.cartSprite.cartLeft {
  width: 11px;
  background-position: -55px 0;
}

.cartSprite.cartCenter {
  background-position: -66px 0;
}

.cartSprite.cartCenter span {
  color: #dc4f00;
  font-weight: bold;
  position: relative;
  top: -8px;
}

.cartSprite.cartRight {
  width: 9px;
  background-position: -170px 0;
}

/* Don't display the cart indicator in the footer */
#masterFooterNavigation .cartEmpty,
#masterFooterNavigation .cartFull {
  display: none;
}

/* ==========================================================================
       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: Segoe UI, Helvetica, Arial, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake {
  display: inline-block;
  height: 26px;
  padding: 2px 5px;
  font-size: 100%;
  line-height: 1.428571429;
  color: #333333;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input,
  .input-fake {
    transition: none;
  }
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.input-fake:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.uneditable-input::placeholder,
.input-fake::placeholder {
  color: #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: #fff;
}

input[type="date"] {
  padding-right: 0;
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  border-left: 1px solid #e0dfdf;
  padding: 8px;
  cursor: pointer;
  background: #f9f9f9 url("../../Assets/images/IconSprite.svg#datepicker") no-repeat center center;
  background-size: 15px 15px;
  position: absolute;
  right: 0;
  top: 0;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  background-color: #e7e7e7;
}

input[type="date"]::-webkit-calendar-picker-indicator:focus {
  background-color: #da5f25;
  filter: invert(100%) brightness(100%);
}

/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #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 .rcbInner {
  height: 26px;
  padding: 0;
  font-size: 100%;
  line-height: 1.428571429;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  overflow: hidden;
}

@media screen and (prefers-reduced-motion: reduce) {
  .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    transition: none;
  }
}

.RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
  padding: 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbFocused {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.RadComboBox.RadComboBox_MetroTouch .rcbInput {
  height: 100%;
  padding: 2px 5px;
}

.RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
  /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
  padding: 2px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #6c757d;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 0 0 0;
  height: 26px;
  padding: 0;
  width: 30px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
  height: 1.4em;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .p-icon {
  width: 30px;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
  font: inherit;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
  padding-top: 5px;
  padding-bottom: 5px;
}

.RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput {
  height: auto !important;
  /* IE11 */
}

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

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

.RadUpload.RadUpload .ruFakeInput {
  height: 24px;
  padding: 0;
  border-radius: 0;
}

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.HtmlEditorTextBoxStyle .reContent {
  border-radius: 0;
}

.HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td {
  background-color: transparent;
}

/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker + .TimeZoneLabel {
  margin-left: .5em;
}

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 26px;
  border-radius: 0;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  background-image: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-multi .chosen-choices {
    transition: none;
  }
}

.chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}

.chosen-container-active .chosen-choices {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

textarea {
  height: auto;
}

select {
  border: 1px solid #ccc;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* Touch-friendly form controls that show as buttons */
.radiobutton-buttons input[type="radio"]:checked + label {
  color: #fff;
  background: #2f8aa7;
  border-color: transparent;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0;
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .btn,
  .TextButton,
  .RadUpload.RadUpload .ruButton,
  .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    transition: none;
  }
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn, .btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled],
fieldset[disabled]
.TextButton,
.TextButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton[disabled],
fieldset[disabled]
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled]
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled {
  opacity: .55;
  box-shadow: none;
}

a.TextButton.disabled,
a.TextButton[disabled],
fieldset[disabled] a.TextButton,
a.TextButton.aspNetDisabled {
  pointer-events: none;
}

/* default button */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: #2f8aa7;
  border-color: transparent;
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn:visited,
.TextButton,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  text-decoration: none;
}

.btn, .btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: #fff;
}

.btn:hover, .btn:focus, .btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #267087;
  border-color: rgba(0, 0, 0, 0);
}

.btn:active,
.TextButton:active,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  background-image: none;
}

.btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active,
.TextButton:disabled,
.TextButton:disabled:hover,
.TextButton:disabled:focus,
.TextButton:disabled:active,
.TextButton.disabled,
.TextButton.disabled:hover,
.TextButton.disabled:focus,
.TextButton.disabled:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.RadUpload.RadUpload .ruButton:disabled,
.RadUpload.RadUpload .ruButton:disabled:hover,
.RadUpload.RadUpload .ruButton:disabled:focus,
.RadUpload.RadUpload .ruButton:disabled:active,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton.disabled:hover,
.RadUpload.RadUpload .ruButton.disabled:focus,
.RadUpload.RadUpload .ruButton.disabled:active,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.aspNetDisabled:hover,
.RadUpload.RadUpload .ruButton.aspNetDisabled:focus,
.RadUpload.RadUpload .ruButton.aspNetDisabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
  color: #fff;
  background-color: #2f8aa7;
  border-color: transparent;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 2px 5px;
  line-height: 1.428571429;
  border-radius: 0;
}

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: #dc4f00;
  border-color: transparent;
}

.PrimaryButton, .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  text-decoration: none;
}

.PrimaryButton, .PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  color: #fff;
}

.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: #fff;
  text-decoration: none;
  background-color: #b34000;
  border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:active,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  background-image: none;
}

.PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton:disabled,
.UsePrimaryButton .TextButton:disabled:hover,
.UsePrimaryButton .TextButton:disabled:focus,
.UsePrimaryButton .TextButton:disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
  color: #fff;
  background-color: #dc4f00;
  border-color: transparent;
}

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

.TextButton.Facebook, .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
  text-decoration: none;
}

.TextButton.Facebook, .TextButton.Facebook:visited {
  color: #fff;
}

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

.TextButton.Facebook:active {
  background-image: none;
}

.TextButton.Facebook:disabled, .TextButton.Facebook:disabled:hover, .TextButton.Facebook:disabled:focus, .TextButton.Facebook:disabled:active, .TextButton.Facebook.disabled, .TextButton.Facebook.disabled:hover, .TextButton.Facebook.disabled:focus, .TextButton.Facebook.disabled:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
  color: #fff;
  background-color: #3b5998;
  border-color: transparent;
}

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

.SignInButton.LinkedIn, .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
  text-decoration: none;
}

.SignInButton.LinkedIn, .SignInButton.LinkedIn:visited {
  color: #fff;
}

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

.SignInButton.LinkedIn:active {
  background-image: none;
}

.SignInButton.LinkedIn:disabled, .SignInButton.LinkedIn:disabled:hover, .SignInButton.LinkedIn:disabled:focus, .SignInButton.LinkedIn:disabled:active, .SignInButton.LinkedIn.disabled, .SignInButton.LinkedIn.disabled:hover, .SignInButton.LinkedIn.disabled:focus, .SignInButton.LinkedIn.disabled:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
  color: #fff;
  background-color: #0077b5;
  border-color: transparent;
}

.SmallButton,
.UseSmallButton .TextButton {
  font-size: 85%;
  padding: 0px 3px;
  border-radius: 0;
}

.MediumButton,
.UseMediumButton .TextButton {
  font-size: 120%;
  padding: 6px 9px;
  border-radius: 0;
}

.LargeButton,
.UseLargeButton .TextButton {
  font-size: 150%;
  padding: 9px 12px;
  border-radius: 0;
}

.FullWidthButton,
.UseFullWidthButton .TextButton {
  width: 100%;
}

/* 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: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  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 ;
}

.StandardButtonMd {
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0;
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.DangerButton {
  background-color: #d03528;
  border-color: transparent;
}

.DangerButton, .DangerButton:hover, .DangerButton:focus, .DangerButton:active, .DangerButton:visited {
  text-decoration: none;
}

.DangerButton, .DangerButton:visited {
  color: #fff;
}

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

.DangerButton:active {
  background-image: none;
}

.DangerButton:disabled, .DangerButton:disabled:hover, .DangerButton:disabled:focus, .DangerButton:disabled:active, .DangerButton.disabled, .DangerButton.disabled:hover, .DangerButton.disabled:focus, .DangerButton.disabled:active, .DangerButton.aspNetDisabled, .DangerButton.aspNetDisabled:hover, .DangerButton.aspNetDisabled:focus, .DangerButton.aspNetDisabled:active {
  color: #fff;
  background-color: #d03528;
  border-color: transparent;
}

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

.SuccessButton, .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active, .SuccessButton:visited {
  text-decoration: none;
}

.SuccessButton, .SuccessButton:visited {
  color: #fff;
}

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

.SuccessButton:active {
  background-image: none;
}

.SuccessButton:disabled, .SuccessButton:disabled:hover, .SuccessButton:disabled:focus, .SuccessButton:disabled:active, .SuccessButton.disabled, .SuccessButton.disabled:hover, .SuccessButton.disabled:focus, .SuccessButton.disabled:active, .SuccessButton.aspNetDisabled, .SuccessButton.aspNetDisabled:hover, .SuccessButton.aspNetDisabled:focus, .SuccessButton.aspNetDisabled:active {
  color: #fff;
  background-color: #68bd49;
  border-color: transparent;
}

/**account page button group**/
.button-group .LargeButton {
  width: 100%;
  height: 100%;
  font-size: 19px !important;
  line-height: 1.2;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #68bd49;
}

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

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

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

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #f4f5ed;
}

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  /* Style the name like an h2 */
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
  font-size: 170%;
}

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .mini-profile-picture-section,
.mini-profile-banner-small .panel-heading {
  background-color: #ffffff;
  color: #000;
}

.mini-profile-banner-large .profile-picture-container,
.mini-profile-banner-small .profile-picture-container {
  display: inline-block;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 5px;
}

.mini-profile-banner-large .profile-picture-container img,
.mini-profile-banner-small .profile-picture-container img {
  border-radius: 3px;
}

.mini-profile-banner-large .mini-profile-status-section,
.mini-profile-banner-small .mini-profile-status-section {
  font-size: .9em;
}

.mini-profile-banner-large .mini-profile-name-section,
.mini-profile-banner-large .mini-profile-address-section {
  background-color: #ffffff;
}

.account-banner:before {
  background-color: #ffffff;
  border-radius: 0;
}

.account-banner .mini-profile-banner-large .mini-profile {
  grid-template: "picture name" 1fr "picture address" auto "picture status" auto/fit-content(33%) auto;
}

.account-banner .mini-profile-name-section,
.account-banner .mini-profile-address-section,
.account-banner .mini-profile-picture-section,
.account-banner .mini-profile-status-section,
.account-banner .mini-profile-banner-large .panel-heading,
.account-banner .mini-profile-banner-small .panel-heading {
  background-color: transparent;
}

.account-banner .mini-profile-banner-large .mini-profile-picture-section .profile-picture-container,
.account-banner .mini-profile-banner-small .mini-profile-picture-section .profile-picture-container {
  margin-bottom: 0;
}

.account-banner .mini-profile-banner-large .mini-profile-picture-section-after,
.account-banner .mini-profile-banner-small .mini-profile-picture-section-after {
  height: 0;
}

.account-banner .summary-display {
  font-size: .9em;
}

.account-banner .AlertSet {
  background-color: transparent;
}

.account-banner .AlertSet .AlertItem {
  margin-bottom: 0.5rem;
  border-radius: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.account-banner .AlertSet .AlertItem:last-item {
  margin-bottom: 0;
}

.account-banner .AlertSet .AlertItem .media > img {
  width: 20px;
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-track {
  background-color: transparent;
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}

.account-banner-bg-color-1 .account-banner:before {
  background-color: #f4f5ed;
}

.account-banner-bg-color-2 .account-banner:before {
  background-color: #00abbe;
}

.account-banner-bg-color-3 .account-banner:before {
  background-color: #dc4f00;
}

.account-banner-bg-color-4 .account-banner:before {
  background-color: #e98300;
}

.account-banner-bg-color-5 .account-banner:before {
  background-color: #8e51ae;
}

.account-banner-bg-color-red .account-banner:before {
  background-color: #d03528;
}

.account-banner-bg-color-orange .account-banner:before {
  background-color: #e98300;
}

.account-banner-bg-color-yellow .account-banner:before {
  background-color: #e8d92d;
}

.account-banner-bg-color-green .account-banner:before {
  background-color: #68bd49;
}

.account-banner-bg-color-blue .account-banner:before {
  background-color: #00a9e0;
}

.account-banner-bg-color-purple .account-banner:before {
  background-color: #8e51ae;
}

.account-banner {
  --system-icon-color: #343a40;
  --system-icon-color-hover: #212529;
}

.account-banner .area-top-left a,
.account-banner .area-middle-left a,
.account-banner .area-bottom-left a,
.account-banner .area-center a {
  text-decoration: underline;
}

.account-banner .area-top-left, .account-banner .area-top-left h1, .account-banner .area-top-left h2, .account-banner .area-top-left h3, .account-banner .area-top-left h4, .account-banner .area-top-left h5, .account-banner .area-top-left label, .account-banner .area-top-left .Label, .account-banner .area-top-left .SectionLabel,
.account-banner .area-middle-left,
.account-banner .area-middle-left h1,
.account-banner .area-middle-left h2,
.account-banner .area-middle-left h3,
.account-banner .area-middle-left h4,
.account-banner .area-middle-left h5,
.account-banner .area-middle-left label,
.account-banner .area-middle-left .Label,
.account-banner .area-middle-left .SectionLabel,
.account-banner .area-bottom-left,
.account-banner .area-bottom-left h1,
.account-banner .area-bottom-left h2,
.account-banner .area-bottom-left h3,
.account-banner .area-bottom-left h4,
.account-banner .area-bottom-left h5,
.account-banner .area-bottom-left label,
.account-banner .area-bottom-left .Label,
.account-banner .area-bottom-left .SectionLabel,
.account-banner .area-center,
.account-banner .area-center h1,
.account-banner .area-center h2,
.account-banner .area-center h3,
.account-banner .area-center h4,
.account-banner .area-center h5,
.account-banner .area-center label,
.account-banner .area-center .Label,
.account-banner .area-center .SectionLabel {
  color: #333333;
}

.account-banner .area-top-left a.ButtonItem,
.account-banner .area-middle-left a.ButtonItem,
.account-banner .area-bottom-left a.ButtonItem,
.account-banner .area-center a.ButtonItem {
  text-decoration: none;
}

.account-banner .area-top-left a:not(.ButtonItem),
.account-banner .area-middle-left a:not(.ButtonItem),
.account-banner .area-bottom-left a:not(.ButtonItem),
.account-banner .area-center a:not(.ButtonItem) {
  color: #333333;
}

.account-banner-bg-color-5 .account-banner, .account-banner-bg-color-red .account-banner, .account-banner-bg-color-purple .account-banner {
  --system-icon-color:  #ced4da;
  --system-icon-color-hover:  #fff;
}

.account-banner-bg-color-5 .account-banner .area-top-left, .account-banner-bg-color-5 .account-banner .area-top-left h1, .account-banner-bg-color-5 .account-banner .area-top-left h2, .account-banner-bg-color-5 .account-banner .area-top-left h3, .account-banner-bg-color-5 .account-banner .area-top-left h4, .account-banner-bg-color-5 .account-banner .area-top-left h5, .account-banner-bg-color-5 .account-banner .area-top-left label, .account-banner-bg-color-5 .account-banner .area-top-left .Label, .account-banner-bg-color-5 .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-top-left, .account-banner-bg-color-red .account-banner .area-top-left h1, .account-banner-bg-color-red .account-banner .area-top-left h2, .account-banner-bg-color-red .account-banner .area-top-left h3, .account-banner-bg-color-red .account-banner .area-top-left h4, .account-banner-bg-color-red .account-banner .area-top-left h5, .account-banner-bg-color-red .account-banner .area-top-left label, .account-banner-bg-color-red .account-banner .area-top-left .Label, .account-banner-bg-color-red .account-banner .area-top-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-top-left, .account-banner-bg-color-purple .account-banner .area-top-left h1, .account-banner-bg-color-purple .account-banner .area-top-left h2, .account-banner-bg-color-purple .account-banner .area-top-left h3, .account-banner-bg-color-purple .account-banner .area-top-left h4, .account-banner-bg-color-purple .account-banner .area-top-left h5, .account-banner-bg-color-purple .account-banner .area-top-left label, .account-banner-bg-color-purple .account-banner .area-top-left .Label, .account-banner-bg-color-purple .account-banner .area-top-left .SectionLabel {
  color: #fff;
}

.account-banner-bg-color-5 .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-top-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-top-left a.ButtonItem {
  text-decoration: none;
}

.account-banner-bg-color-5 .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-top-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-top-left a:not(.ButtonItem) {
  color: #fff;
}

.account-banner-bg-color-5 .account-banner .area-middle-left, .account-banner-bg-color-5 .account-banner .area-middle-left h1, .account-banner-bg-color-5 .account-banner .area-middle-left h2, .account-banner-bg-color-5 .account-banner .area-middle-left h3, .account-banner-bg-color-5 .account-banner .area-middle-left h4, .account-banner-bg-color-5 .account-banner .area-middle-left h5, .account-banner-bg-color-5 .account-banner .area-middle-left label, .account-banner-bg-color-5 .account-banner .area-middle-left .Label, .account-banner-bg-color-5 .account-banner .area-middle-left .SectionLabel,
.account-banner-bg-color-5 .account-banner .area-bottom-left,
.account-banner-bg-color-5 .account-banner .area-bottom-left h1,
.account-banner-bg-color-5 .account-banner .area-bottom-left h2,
.account-banner-bg-color-5 .account-banner .area-bottom-left h3,
.account-banner-bg-color-5 .account-banner .area-bottom-left h4,
.account-banner-bg-color-5 .account-banner .area-bottom-left h5,
.account-banner-bg-color-5 .account-banner .area-bottom-left label,
.account-banner-bg-color-5 .account-banner .area-bottom-left .Label,
.account-banner-bg-color-5 .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-red .account-banner .area-middle-left, .account-banner-bg-color-red .account-banner .area-middle-left h1, .account-banner-bg-color-red .account-banner .area-middle-left h2, .account-banner-bg-color-red .account-banner .area-middle-left h3, .account-banner-bg-color-red .account-banner .area-middle-left h4, .account-banner-bg-color-red .account-banner .area-middle-left h5, .account-banner-bg-color-red .account-banner .area-middle-left label, .account-banner-bg-color-red .account-banner .area-middle-left .Label, .account-banner-bg-color-red .account-banner .area-middle-left .SectionLabel,
.account-banner-bg-color-red .account-banner .area-bottom-left,
.account-banner-bg-color-red .account-banner .area-bottom-left h1,
.account-banner-bg-color-red .account-banner .area-bottom-left h2,
.account-banner-bg-color-red .account-banner .area-bottom-left h3,
.account-banner-bg-color-red .account-banner .area-bottom-left h4,
.account-banner-bg-color-red .account-banner .area-bottom-left h5,
.account-banner-bg-color-red .account-banner .area-bottom-left label,
.account-banner-bg-color-red .account-banner .area-bottom-left .Label,
.account-banner-bg-color-red .account-banner .area-bottom-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-middle-left, .account-banner-bg-color-purple .account-banner .area-middle-left h1, .account-banner-bg-color-purple .account-banner .area-middle-left h2, .account-banner-bg-color-purple .account-banner .area-middle-left h3, .account-banner-bg-color-purple .account-banner .area-middle-left h4, .account-banner-bg-color-purple .account-banner .area-middle-left h5, .account-banner-bg-color-purple .account-banner .area-middle-left label, .account-banner-bg-color-purple .account-banner .area-middle-left .Label, .account-banner-bg-color-purple .account-banner .area-middle-left .SectionLabel,
.account-banner-bg-color-purple .account-banner .area-bottom-left,
.account-banner-bg-color-purple .account-banner .area-bottom-left h1,
.account-banner-bg-color-purple .account-banner .area-bottom-left h2,
.account-banner-bg-color-purple .account-banner .area-bottom-left h3,
.account-banner-bg-color-purple .account-banner .area-bottom-left h4,
.account-banner-bg-color-purple .account-banner .area-bottom-left h5,
.account-banner-bg-color-purple .account-banner .area-bottom-left label,
.account-banner-bg-color-purple .account-banner .area-bottom-left .Label,
.account-banner-bg-color-purple .account-banner .area-bottom-left .SectionLabel {
  color: #fff;
}

.account-banner-bg-color-5 .account-banner .area-middle-left a.ButtonItem,
.account-banner-bg-color-5 .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-red .account-banner .area-middle-left a.ButtonItem,
.account-banner-bg-color-red .account-banner .area-bottom-left a.ButtonItem, .account-banner-bg-color-purple .account-banner .area-middle-left a.ButtonItem,
.account-banner-bg-color-purple .account-banner .area-bottom-left a.ButtonItem {
  text-decoration: none;
}

.account-banner-bg-color-5 .account-banner .area-middle-left a:not(.ButtonItem),
.account-banner-bg-color-5 .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-red .account-banner .area-middle-left a:not(.ButtonItem),
.account-banner-bg-color-red .account-banner .area-bottom-left a:not(.ButtonItem), .account-banner-bg-color-purple .account-banner .area-middle-left a:not(.ButtonItem),
.account-banner-bg-color-purple .account-banner .area-bottom-left a:not(.ButtonItem) {
  color: #fff;
}

.account-banner-bg-color-5 .account-banner .area-center, .account-banner-bg-color-5 .account-banner .area-center h1, .account-banner-bg-color-5 .account-banner .area-center h2, .account-banner-bg-color-5 .account-banner .area-center h3, .account-banner-bg-color-5 .account-banner .area-center h4, .account-banner-bg-color-5 .account-banner .area-center h5, .account-banner-bg-color-5 .account-banner .area-center label, .account-banner-bg-color-5 .account-banner .area-center .Label, .account-banner-bg-color-5 .account-banner .area-center .SectionLabel, .account-banner-bg-color-red .account-banner .area-center, .account-banner-bg-color-red .account-banner .area-center h1, .account-banner-bg-color-red .account-banner .area-center h2, .account-banner-bg-color-red .account-banner .area-center h3, .account-banner-bg-color-red .account-banner .area-center h4, .account-banner-bg-color-red .account-banner .area-center h5, .account-banner-bg-color-red .account-banner .area-center label, .account-banner-bg-color-red .account-banner .area-center .Label, .account-banner-bg-color-red .account-banner .area-center .SectionLabel, .account-banner-bg-color-purple .account-banner .area-center, .account-banner-bg-color-purple .account-banner .area-center h1, .account-banner-bg-color-purple .account-banner .area-center h2, .account-banner-bg-color-purple .account-banner .area-center h3, .account-banner-bg-color-purple .account-banner .area-center h4, .account-banner-bg-color-purple .account-banner .area-center h5, .account-banner-bg-color-purple .account-banner .area-center label, .account-banner-bg-color-purple .account-banner .area-center .Label, .account-banner-bg-color-purple .account-banner .area-center .SectionLabel {
  color: #fff;
}

.account-banner-bg-color-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: #fff;
}

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

.account-page-with-banner .account-page-top-area {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

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


.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.ButtonItem,
.account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a.ButtonItem {
  text-decoration: none;
}


.account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a:not(.ButtonItem),
.account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a:not(.ButtonItem) {
  color: #333333;
}

.account-page-with-banner .mini-profile-banner-large .mini-profile:after {
  /* because we're not sure if the name or address will be the last
                    section of the right column, need to add the border in this weird way
                */
  content: '';
  border-bottom: 1px solid #ccc;
  grid-column: address;
  grid-row: address;
  align-self: end;
  z-index: 1;
}

/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #badde8;
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #23749d;
}

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #333333 !important;
  margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #93cadc;
  text-decoration: underline;
}

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #f4f5ed;
}

.EventSummary .PhotoArea {
  padding: 2em;
}

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

.EventSummary .PhotoArea img {
  border: 1px solid #ddd !important;
}

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

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
  color: #000;
}

.ProgramGroup .PanelBody,
.ProgramGroup .panel-body {
  padding: 0;
}

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #f4f5ed;
  padding: 1em;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #3aabcf;
}

.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: #93cadc;
}

.ProgressTracker2 .ProgressTrackerPanel::after {
  display: block;
  clear: both;
  content: "";
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
}

.ProgressTracker2 div p {
  background-color: #fff;
  color: #23749d;
  margin-bottom: 0;
}

.ProgressTracker2 .ProgressBar {
  margin: 10px;
}

.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: #f4f5ed;
  border: none !important;
  margin-top: -3px;
}

.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 140.0001%;
}

.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #f4f5ed;
}

.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px dotted #ddd;
}

.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}

.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #dc4f00;
}

.CartCharges .GrandTotal .PanelField .Label {
  color: #dc4f00;
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #3aabcf !important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #3aabcf;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: #fff;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
  color: #dedede;
  border-color: transparent;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
  font-size: 14px;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: #3aabcf;
  background-color: #3aabcf;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
  color: #000;
  background-color: #2a8dac;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
  border-color: #3aabcf;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
  border-right: 3px solid #3aabcf;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft .rtsLevel1 .rtsLink {
  border-right-width: 0;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft + .RadMultiPage {
  border-left-width: 0;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight {
  border-left: 3px solid #3aabcf;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight .rtsLevel1 .rtsLink {
  border-left-width: 0;
}

.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight + .RadMultiPage {
  border-right-width: 0;
}

.account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
  border-bottom: 3px solid #3aabcf;
}

.account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
  display: inline-block;
  float: left;
}

.account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI {
  margin-right: -1px;
}

.account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLast .rtsLI {
  margin-right: 0;
}

.account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink {
  border-width: 1px;
}

/* On the account page, when secondary nav is present, display the tabs on top */
.account-page-with-banner .has-secondary-col .tabs-left, .account-page-with-banner .has-secondary-col .tabs-right {
  display: block;
}

/* RadTabStrip - Content Collection Organiser
    custom style for dropdown version on account page
   ========================================================================== */
.stacked-tabs .RadMultiPage {
  background: transparent;
  border-radius: 0px;
  box-shadow: none;
  border: 0;
}

.stacked-tabs .RadMultiPage .RadMultiPage {
  background: #ffffff;
  border-radius: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  border: 1px solid #ddd;
}

.stacked-tabs .select-tab {
  width: 100%;
  padding: 10px 15px;
  background: #009b96;
  border-radius: 0;
  position: relative;
  z-index: 22;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: normal;
  display: block;
}

.stacked-tabs .select-tab:hover, .stacked-tabs .select-tab:focus {
  cursor: pointer;
  text-underline-offset: none;
}

.stacked-tabs .select-tab:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-right: 10px;
  mask-image: url(images/auxIcons.svg#menu);
  mask-size: 24px 24px;
  mask-position: center 5px;
  mask-repeat: no-repeat;
}

.RadTabStrip .rtsLevel1.stacked-list {
  overflow: visible;
  border: 0;
}

.RadTabStrip .rtsLevel1.stacked-list .rtsUL {
  background: #fff;
  display: block;
  width: auto;
  border-radius: 0px 0px 0 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
  position: absolute;
  top: 50px;
  left: 10px;
  right: 10px;
  z-index: 21;
}

.RadTabStrip .rtsLevel1.stacked-list .rtsLI {
  float: none;
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected {
  text-align: left;
  margin: 0px;
  border-radius: 0px;
  background-color: #ffffff;
  color: #333333;
  border: 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: 600;
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active {
  background: #fff;
  color: #009b96;
  box-shadow: none;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #93cadc;
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
  color: #333333;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgEditRow > td {
  border-left-color: transparent;
}

.RadGrid.RadGrid_MetroTouch td.rgPagerCell,
.RadGrid.RadGrid_Metro td.rgPagerCell {
  border-width: 0;
}

.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
  background-color: #3aabcf;
  border-color: #3aabcf;
  text-decoration: none;
  color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a,
.RadGrid.RadGrid_Metro .rgNumPart a,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a {
  border-radius: 100%;
  line-height: 28px;
  padding: 0;
  border-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  border-radius: 0;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel,
.RadGrid.RadGrid_Metro input.rgAdd,
.RadGrid.RadGrid_Metro input.rgRefresh,
.RadGrid.RadGrid_Metro .rgSave,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
  background-color: #3aabcf;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover,
.RadGrid.RadGrid_Metro input.rgAdd:hover,
.RadGrid.RadGrid_Metro input.rgRefresh:hover,
.RadGrid.RadGrid_Metro .rgSave:hover,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgInfoPart,
.RadGrid.RadGrid_Metro .rgInfoPart {
  color: #333333;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #3aabcf;
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #3aabcf;
}

* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted,
* html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #3aabcf;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #3aabcf;
  border-color: #3aabcf;
  text-decoration: none;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_MetroTouch th.rgSorted a,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_Metro .rgSelectedRow a,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_Metro th.rgSorted a {
  color: #fff !important;
}

/* RadComboBox
   ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon {
  font: 16px/1 "TelerikWebUI";
}

/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch,
.RadDataPager.RadDataPager_Metro {
  border: none;
  background-color: transparent;
}

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_Metro .rdpPageFirst:hover,
.RadDataPager.RadDataPager_Metro .rdpPagePrev:hover,
.RadDataPager.RadDataPager_Metro .rdpPageNext:hover,
.RadDataPager.RadDataPager_Metro .rdpPageLast:hover,
.RadDataPager.RadDataPager_Metro .rdpPagerButton {
  background-color: #3aabcf;
  border-color: #3aabcf;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #3aabcf;
  background-color: #3aabcf;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #3aabcf;
}

.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro.RadMenu,
.RadMenu.RadMenu_MetroTouch.RadMenu {
  font-family: inherit;
  font-weight: normal;
}

.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
  color: #ffffff;
}

.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #2f8aa7;
}

.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #2f8aa7;
}

.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #2f8aa7;
}

.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #2f8aa7;
  background-color: #2f8aa7;
  color: #FFF !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important;
}

.RadMenu .rmGroup,
.RadMenu .rmRootGroup,
.RadMenu .rmMultiColumn,
.RadMenu .rmPopup {
  box-sizing: content-box;
  border-width: 0px !important;
  border-style: solid;
  background-position: 0 0;
  position: relative;
  left: 0;
  top: 0;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem,
.RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
  border-width: 0px !important;
  border-style: solid;
}

.RadMenu .rmRootGroup .rmRootLink,
.RadMenu .rmGroup .rmLink {
  padding: 0px !important;
}

.RadMenu .rmRootGroup .rmRootLink .rmToggle {
  margin-right: 2px !important;
  margin-left: -12px !important;
}

.RadMenu .rmGroup:before,
.RadMenu .rmMultiColumn:before,
.RadMenu .rmScrollWrap > .rmHorizontal:before,
.RadMenu .rmScrollWrap > .rmVertical:before {
  display: none !important;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow em {
  font-family: inherit;
  font-weight: normal;
  margin: 8px 10px;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #2f8aa7;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #2f8aa7;
  background-color: #2f8aa7;
}

.RadWindow.RadWindow_MetroTouch .rwTable ul.rwControlButtons {
  margin-top: 7px;
}

.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #fff;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_MetroTouch td.rwBodyLeft,
.RadWindow.RadWindow_MetroTouch td.rwBodyRight,
.RadWindow.RadWindow_MetroTouch .rwFooterCenter,
.RadWindow.RadWindow_MetroTouch .rwFooterLeft,
.RadWindow.RadWindow_MetroTouch .rwFooterRight {
  background: #fff;
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #2f8aa7;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #2f8aa7;
}

.RadWindow.RadWindow_Metro .rwControlButtons a:focus {
  /* give the refresh, expand, close buttons an outline when focused */
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  /* needed for IE9 compability */
  border-collapse: separate;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}

/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI {
  padding: 0;
}

.RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus {
  margin: 5px 6px 0 -17px;
  width: 11px;
  height: 11px;
  border-width: 0;
  left: auto;
  top: auto;
}

/* RadPicker
   ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_Metro, .RadCalendar.RadCalendar_Metro .rcMainTable,
.RadCalendar.RadCalendar_MetroTouch,
.RadCalendar.RadCalendar_MetroTouch .rcMainTable {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
  border-color: #3aabcf;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
  color: #3aabcf;
}

.RadCalendar.RadCalendar_Metro .rcRow .rcToday a,
.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #3aabcf;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #3aabcf;
  background: #3aabcf;
}

.RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span {
  /* The Sunday column is not rendering correctly because it's in a <th>
           instead of a <td>. This corrects the issue.
        */
  display: block;
  padding: .08em .4em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th {
  font-size: 100%;
  padding: 0;
}

.RadCalendar.RadCalendar_Metro .rcRow a, .RadCalendar.RadCalendar_Metro .rcRow span {
  display: block;
  padding: 0 .6em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow th {
  padding: 0;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro, .RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
  background: #3aabcf;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #3aabcf;
  border-color: #3aabcf;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
  border-color: #3aabcf;
  background: #3aabcf;
}

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  background-color: #3aabcf;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
}

/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Home page full width area
   ========================================================================== */
/* This is for the full width area of the Cities and Cities_Responsive home page.
 * It uses a content area to acheive the full width
 */
.HomePageFullWidthArea > .ContentItemContainer > .panel:not(.panel-border),
.HomePageFullWidthArea > .ContentItemContainer > div > .panel:not(.panel-border) {
  /* if borders are not turned on don't leave the space for them */
  border-width: 0;
}

.HomePageFullWidthArea > .ContentItemContainer > .panel > .panel-body-container > .panel-body,
.HomePageFullWidthArea > .ContentItemContainer > div > .panel > .panel-body-container > .panel-body {
  /* Turn off the padding on iPart panels */
  padding: 0;
}

/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative;
}

.HeroBackground {
  height: 100%;
  background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover;
}

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: #000;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75);
}

.HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
  color: #fff;
  margin: 0 8px 8px 8px;
}

.HeroContent .TextButton {
  float: right;
}

/* Responsive Hero Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
/* Note: this is actually a static hero image and text.
 * For the Slideshow iPart styles see Carousel.
 */
.Slider.FullWidth {
  height: 24em;
  background-image: url(images/sliderpage6.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.Slider.FullWidth h1 {
  font-size: 280%;
  font-size: 320%;
}

.Slider.FullWidth .SliderPage1 {
  height: 100%;
}

.Slider.FullWidth .SliderPage1 h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}

.Slider.FullWidth .SliderPage1 .SliderContent {
  /* remove the margins put on by the container */
  margin-left: -10px;
  margin-right: -10px;
  /* then add it back on */
  padding: 10px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
  position: inherit;
  float: right;
  width: 36em;
  margin: 1em;
  max-height: 22em;
}

.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: #fff;
}

.Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
  color: inherit;
}

.Slider.FullWidth .SliderPage1 p:last-child {
  margin-bottom: 0;
}

.Slider.FullWidth .SliderPage1 .ActionButton {
  margin-top: 1em;
  text-align: right;
}

/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
  max-height: 100%;
}

.jumbotron.home, .jumbotron.interior {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

.jumbotron.home {
  height: 24em;
}

.jumbotron.home h1 span,
.jumbotron.home .ActionButton {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1160px;
}

.jumbotron.home h1 {
  color: #fff;
  margin-top: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-weight: normal;
  font-size: 280%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
  font-size: 320%;
}

.jumbotron.home h1 span {
  padding-left: 8%;
  padding-right: 8%;
}

.jumbotron.home .ActionButton {
  text-align: right;
  padding-right: 12%;
}

.jumbotron.interior {
  height: 20em;
  height: 25em;
}

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

.jumbotron.interior p {
  font-size: 170%;
}

.jumbotron.interior p {
  font-size: 200%;
}

.jumbotron.interior .jumbotron-text span {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 0 .45em;
  margin-bottom: .2em;
  float: left;
  clear: left;
}

.jumbotron.interior.AlignRight .jumbotron-text span {
  float: right;
  clear: right;
}

.jumbotron .img-copyright,
.carousel .img-copyright {
  position: absolute;
  bottom: .5em;
  right: 1em;
  font-size: 70%;
}

.jumbotron .img-copyright a, .jumbotron .img-copyright a:hover, .jumbotron .img-copyright a:focus, .jumbotron .img-copyright a:visited, .jumbotron .img-copyright a:active,
.carousel .img-copyright a,
.carousel .img-copyright a:hover,
.carousel .img-copyright a:focus,
.carousel .img-copyright a:visited,
.carousel .img-copyright a:active {
  color: #fff;
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

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

.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: .25em 0;
}

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

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

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

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

.RecentCommunityPost .CommunityProfilePicture {
  border: 1px dotted #ddd;
}

.RecentCommunityPost .CommunityName {
  border-bottom: 1px solid #ddd;
}

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

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative;
}

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
  color: #fff;
  font-size: 280%;
  background: none;
  margin: 0.4em;
}

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
  color: #fff;
  font-size: 120%;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em;
}

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #009b96;
  padding: 10px;
  margin: 20px;
  border-radius: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff;
}

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

.CalloutArea1 a, .CalloutBlockType1 a {
  color: #fff;
}

.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: #dc4f00;
  padding: 10px;
  margin: 20px;
  border-radius: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff;
}

.CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
  color: #fff;
}

.CalloutArea2 a {
  color: #fff;
}

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

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

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

.CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
  color: #fff;
}

.CalloutArea3 a {
  color: #fff;
}

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

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

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
  background-color: #f4f5ed;
}

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

.ContentBlockPrimary .Quote {
  background-color: #fff;
}

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

.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}

.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}

.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}

.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}

.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}

.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .5em;
  margin-bottom: .5em;
}

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

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

.BlockList ul {
  margin: 0;
  padding: 0;
}

.BlockList li {
  list-style: none;
}

.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}

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

.BlockList a span {
  text-decoration: underline;
}

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

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

.BlockTLItem .text {
  width: 75%;
  margin: 0px 15px;
}

.BlockTLItem .contentTaggedListResponsiveThumbnail {
  max-width: 200px;
  height: 100% !important;
}

.BlockTLItem,
.BlockList li {
  border-bottom: 1px dotted #ddd;
}

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

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic;
}

/* Use on the blockquote element for a styled quote */
.Quote {
  background: #f4f5ed;
  border-left: 10px solid #dc4f00;
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
  font-size: 120%;
}

.Quote:before {
  color: #ccd1ab;
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
}

.Quote p {
  display: inline;
}

.Quote cite {
  display: block;
  margin-left: 1em;
  margin-top: .5em;
  font-style: italic;
}

.Quote cite:before {
  content: "— ";
}

.Quote cite {
  font-size: 90%;
  margin-left: 2em;
}

.QuoteStyle2 {
  border-left-color: #23749d;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #fff;
  background: #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: #ddd;
}

.TotalBox label {
  background-color: #dc4f00;
  color: #fff;
  padding: .25em .75em;
  color: #fff;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .RadMultiPage {
  background-color: #f4f5ed;
}

.CCOGrayBg .yui-g {
  float: none;
}

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none;
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #595959;
  font-size: 150%;
  line-height: 170%;
}

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center;
}

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  transition: all 0.2s ease-in;
  font-family: Raleway, Verdana, sans-serif;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
  font-size: 150%;
}

@media screen and (prefers-reduced-motion: reduce) {
  a.FeatureActionLink {
    transition: none;
  }
}

a.FeatureActionLink:hover {
  text-decoration: underline;
}

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}

.Spotlight img, .Spotlight h4 {
  text-align: center;
}

.Spotlight .ImageWrapper {
  height: 160px;
}

.Spotlight .TextButton {
  margin-top: 1em;
}

.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}

.Spotlight a img {
  transition: opacity 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .Spotlight a img {
    transition: none;
  }
}

.Spotlight a img:hover {
  opacity: .8;
}

.SpotlightRow {
  margin-bottom: 1.2em;
}

.SpotlightRow::after {
  display: block;
  clear: both;
  content: "";
}

.SpotlightRow.ThreeAcross .Spotlight {
  float: left;
  width: 33%;
  padding-left: 5%;
  padding-right: 5%;
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #dc4f00;
  border-bottom: none;
  margin-bottom: .8em;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}

.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
  text-decoration: none;
  color: #fff;
}

.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}

.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: .8em;
  font-size: 110%;
  width: 45%;
}

.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}

.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #dc4f00;
  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: #dc4f00;
}

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}

.header-link a {
  text-decoration: none;
}

.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-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 5px;
}

.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 {
  color: #fff;
}

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

.banner-tall {
  height: 500px;
  max-width: 300px;
}

.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}

.banner-short {
  min-height: 150px;
  max-width: 300px;
}

.banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%;
}

/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .GiftItemName {
  color: #dc4f00;
  font-size: 350%;
}

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

/*Member home events**/
.my-events {
  margin-bottom: 60px;
}

.my-events .pagination {
  display: none;
}

.my-events .panel-body, .my-events .PanelBody {
  padding: 0;
}

.my-events .event {
  display: flex;
}

.my-events .card {
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
}

.my-events section:first-of-type .card {
  margin-top: 0;
}

.my-events section:last-of-type .card {
  margin-bottom: 0;
}

.my-events .card-body {
  padding: 0;
}

.my-events .image {
  display: block;
  width: 95px;
  height: auto;
  min-height: 95px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.my-events .details {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}

.my-events .event-details {
  max-width: 53%;
  padding: 10px 0px;
}

.my-events .date {
  padding: 0px 25px 0px 0px;
  margin: 0px 25px;
  text-align: center;
  position: relative;
}

.my-events .date:after {
  display: block;
  content: '';
  width: 1px;
  height: 80%;
  background: #B2B2B2;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.my-events .day {
  font-size: 38px;
  color: #009b96;
  font-weight: 700;
  line-height: 1em;
}

.my-events .month {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  margin: -5px 0px -5px 0px;
}

.my-events .title {
  font-weight: 600;
  line-height: 1.2em;
}

.my-events .datetime {
  display: none;
}

.my-events .link {
  position: absolute;
  right: 20px;
}

.my-events section:first-of-type .date {
  display: none;
}

.my-events section:first-of-type .datetime {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0px;
}

.my-events section:first-of-type .image {
  width: 265px;
  height: auto;
  min-height: 140px;
}

.my-events section:first-of-type .details {
  margin-left: 20px;
  flex-shrink: 0;
  width: 100%;
}

.my-events section:first-of-type .title {
  font-size: 20px;
}

.my-events section:first-of-type .event-details {
  max-width: 42%;
  width: 100%;
}

.template-list .panel-body, .template-list .PanelBody {
  padding: 25px;
}

.template-list .QueryTemplateItem {
  padding: 25px 0px;
  border-bottom: 1px solid #ddd;
}

.template-list .QueryTemplateItem p {
  margin: 0;
}

.template-list .QueryTemplateItem a {
  font-weight: 600;
}

.template-list section:first-of-type .QueryTemplateItem {
  padding-top: 0;
}

.template-list section:last-of-type .QueryTemplateItem {
  border: none;
  padding-bottom: 0;
}

.template-cards .card {
  border-radius: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.template-cards .panel-body, .template-cards .PanelBody {
  padding: 0;
}

.template-cards .mb-3 {
  margin-bottom: 20px !important;
}

/*Member home orgs*/
.shadow-box > .panel > .panel-body-container {
  background: #ffffff;
  border-radius: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  border: 1px solid #ddd;
}

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

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

.shadow-box-zone.col-sm-6 {
  width: 48%;
  margin: 0px auto 40px auto;
}

.shadow-box-zone.col-sm-4 {
  width: 31%;
  margin: 0px auto 40px auto;
}

.shadow-box-zone.col-sm-3 {
  width: 23%;
  margin: 0px auto 40px auto;
}

.button-group .LargeButton {
  width: 100%;
  height: 100%;
  font-size: 19px !important;
  line-height: 1.2;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-group .col-sm-4 {
  width: 33.3333%;
}

.member-profile .mb-2 {
  margin: 0 !important;
}

.member-profile .mini-profile-address-section {
  padding-bottom: 0px;
}

.member-profile .mini-profile-name-section {
  padding-top: 0;
}

.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  font-weight: 700;
  color: #009b96;
}

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

@media screen and (prefers-reduced-motion: reduce) {
  .coadmin-manage a {
    transition: none;
  }
}

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

.coadmin-manage a:after {
  content: '';
  display: inline-block;
  width: 21px;
  float: right;
  height: 21px;
  background-color: #ffffff;
  vertical-align: middle;
  margin-top: 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;
}

@media screen and (prefers-reduced-motion: reduce) {
  .coadmin-manage a:after {
    transition: none;
  }
}

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

.coadmin-manage a:hover:after, .coadmin-manage a:focus:after, .coadmin-manage a:active:after {
  margin-right: 0px;
}

/**Icon headings**/
.heading-icon .panel-heading {
  padding: 6px 0px;
}

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

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

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

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

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

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

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

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

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

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
  background-color: #f4f5ed;
  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: #dc4f00;
}

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

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

.AltBgColor5 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColorred > .panel {
  background-color: #d03528;
}

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

.AltBgColorred > .panel.panel-border {
  border-color: #bb3024;
}

.AltBgColorred > .panel, .AltBgColorred > .panel h2 {
  color: #fff;
}

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

.AltBgColorred > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColororange > .panel {
  background-color: #e98300;
}

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

.AltBgColororange > .panel.panel-border {
  border-color: #d07500;
}

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

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

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

.AltBgColoryellow > .panel {
  background-color: #e8d92d;
}

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

.AltBgColoryellow > .panel.panel-border {
  border-color: #e3d219;
}

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

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

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

.AltBgColorgreen > .panel {
  background-color: #68bd49;
}

a:hover .AltBgColorgreen > .panel, a:active .AltBgColorgreen > .panel, a:focus .AltBgColorgreen > .panel {
  background-color: #60b542;
}

.AltBgColorgreen > .panel.panel-border {
  border-color: #5dae3f;
}

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

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

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

.AltBgColorblue > .panel {
  background-color: #00a9e0;
}

a:hover .AltBgColorblue > .panel, a:active .AltBgColorblue > .panel, a:focus .AltBgColorblue > .panel {
  background-color: #009dd1;
}

.AltBgColorblue > .panel.panel-border {
  border-color: #0096c7;
}

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

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

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

.AltBgColorpurple > .panel {
  background-color: #8e51ae;
}

a:hover .AltBgColorpurple > .panel, a:active .AltBgColorpurple > .panel, a:focus .AltBgColorpurple > .panel {
  background-color: #854ca4;
}

.AltBgColorpurple > .panel.panel-border {
  border-color: #80499d;
}

.AltBgColorpurple > .panel, .AltBgColorpurple > .panel h2 {
  color: #fff;
}

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

.AltBgColorpurple > .panel .ProgressBar > span {
  background-color: #fff;
}

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  font-size: 120%;
  display: block;
  margin-top: 10px;
}

.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-left: -10px;
  margin-right: -10px;
}

.ProgressTracker2 ul,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard_Overview ul {
  margin: 0;
  padding: 0;
}

.ProgressTracker2 ul, .ProgressTracker2 li,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard li,
.ProgressTracker_Dashboard_Overview ul,
.ProgressTracker_Dashboard_Overview li {
  list-style-type: none;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count,
.ProgressTracker_Dashboard_Overview .count {
  font-weight: bold;
  display: block;
  line-height: 1;
  letter-spacing: -1px;
}

.ProgressTracker2 .label,
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  line-height: 1.25;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
}

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

.ProgressTracker2 p,
.ProgressTracker_Dashboard p,
.ProgressTracker_Dashboard_Overview p {
  margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
  padding-bottom: 0;
}

.ProgressTracker_Dashboard .inset {
  display: block;
  padding-bottom: 15px;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
  /* default the overview PTs to the same height */
  min-height: 11em;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent;
}

.ProgressTracker_Dashboard_Overview .count {
  font-size: 4rem;
}

.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px;
}

.ProgressTrackerNumberGradient .count {
  font-weight: 200;
  font-size: 5.5rem;
}

@media only screen {
  .ProgressTrackerNumberGradient .count {
    background: linear-gradient(50deg, #003d4f 15%, #954a87 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.StaffDashboard h2,
.StaffDashboard .panel-heading.Distinguish,
.StaffDashboard .PanelHead.Distinguish,
.StaffDashboard .TitleBarCaption {
  border-bottom-color: transparent;
}

.StaffDashboard h2.Collapsible,
.StaffDashboard .panel-heading.Distinguish.Collapsible,
.StaffDashboard .PanelHead.Distinguish.Collapsible,
.StaffDashboard .TitleBarCaption.Collapsible {
  border-bottom-color: #ddd;
}

.CampaignDashboard .panel {
  padding-top: 15px;
}

.CampaignDashboard .GridCardStyle,
.CampaignDashboard .RadGrid.RadGrid,
.CampaignDashboard .panel-border {
  margin-bottom: 0.9em;
}