@charset "UTF-8";
/* Responsive version of the Austin Theme for iMIS */
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**
 * Styles necessary to properly align the Cities master page
 **/
#masterWrapper.yui-t2 {
  width: auto;
}

/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container::after,
.body-container::after {
  display: block;
  clear: both;
  content: "";
}

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%;
  }
  .has-secondary-col .col-secondary {
    width: 22%;
  }
  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }
  .has-secondary-col.col-on-right .col-secondary {
    float: right;
  }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }
  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}

/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround 
 */
.search-container,
.auth-link-container {
  display: block;
}
@media (min-width: 768px) {
  .search-container,
  .auth-link-container {
    display: none;
  }
}

.search-container-sm,
.auth-link-container-sm {
  display: none !important;
}
@media (min-width: 768px) {
  .search-container-sm,
  .auth-link-container-sm {
    display: inline-block !important;
  }
}

/* This applies to the area behind the header logo and auxiliary navigation */
.navbar-collapse {
  clear: both;
}
@media (max-width: 991px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 992px) {
  .navbar-collapse {
    clear: right;
  }
}

@media (min-width: 992px) {
  .nav-primary {
    float: right;
    clear: right;
  }
}

.header-logo-container {
  float: left;
}

@media (max-width: 767px) {
  .header-social {
    display: none !important;
  }
}
.header-social a {
  text-decoration: none;
}

/* Universal search control */
.search-field {
  background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC;
}

.header-search .TextButton {
  display: none;
}

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  margin: 0;
  display: inline-block;
}

.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
}

.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .ste-section {
    display: none !important;
  }
}

/* Main
   ========================================================================== */
/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-panel {
  line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.obo-panel.on {
  padding-left: 2em;
  padding-right: 2em;
}
.account-menu .obo-panel {
  /* within the account area dropdown make the padding match the other items*/
  padding: 3px 10px;
}

.obo-label,
.obo-actions {
  display: inline-block;
}

.obo-label {
  font-weight: bold;
}
.obo-label span:after {
  content: ":";
}

.obo-action.obo-clear-cart:before {
  background-color: #fff;
  opacity: 0.9;
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: 0.5em 0;
}

/* ==========================================================================
  Basic setup
  ========================================================================== */
html, body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  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: #1118C4;
  text-decoration: none;
}
a:visited, .Link:visited,
.RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
  color: blue;
}
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: rgb(12.9295774648, 18.2535211268, 149.0704225352);
}
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: none;
}

h1, .h1, .PageTitle {
  font-size: 250%;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  color: #424242;
  margin-top: 0;
}

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

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

h2, .h2, .PanelTitle {
  font-size: 170%;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  color: #333333;
  line-height: 1.45em;
}

h3, .SectionTitle {
  font-size: 130%;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #0B0E75;
}

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

h4, .h4, .SectionLabel {
  font-size: 120%;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #424242;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #333333;
}

h6, .h6 {
  font-size: 85%;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #0B0E75;
  margin: 0;
}

strong {
  font-weight: bold;
}

hr {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
}

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

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: 0.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: rgb(31.265625, 36.0053066038, 198.734375);
}

/**
  * This automatically resizes images when they're too large to fit in their container. 
  * It may override any user-defined width/height on images. If the behavior is unwanted, 
  * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
  * apply as desired.
  */
img {
  max-width: 100%;
  height: auto !important;
}

/**
  * Sometimes images should not be resized. This class can be used as a wrapper or directly
  * on the image to avoid the resizing.
  */
img.ImgNoResize, .ImgNoResize img {
  max-width: none;
}

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

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

.bg-img-dark {
  background-color: #333333;
}
.bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 {
  color: #fff;
}
.bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active {
  color: #fff;
  text-decoration: underline;
}

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

/* header logo */
#masterHeaderImage {
  background-image: url("images/Opus-logo.svg#icon-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;
}
@media (min-width: 768px) {
  #masterHeaderImage {
    margin-top: 38px;
  }
}
@media (min-width: 992px) {
  #masterHeaderImage {
    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;
}
@media (min-width: 768px) {
  #masterDonorHeaderImage {
    margin-top: 38px;
  }
}
/* Header Border */
#masterHeaderBackground,
.header {
  border-bottom: 2px solid rgb(238.425, 238.425, 238.425);
}

/* 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: #7F89C4;
}
.ProxyPanelContact, .ProxyPanelContact .obo-label {
  color: #fff;
}
.ProxyPanelContact a {
  color: rgb(169.4225352113, 172.4788732394, 247.5774647887);
}

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

.SubNavPanelHead {
  background-color: #f4f4f4;
  color: #333333;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
}

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

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
  background-color: #d5d5d5;
}
@media (min-width: 992px) {
  .navbar-collapse, .searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
  }
}
.navbar-collapse.collapsing, .searchbar-collapse.collapsing {
  overflow: hidden;
}

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

/* Reset some Telerik defaults */
.RadMenu.RadMenu_IAFCI-Base {
  float: none;
}
.RadMenu.RadMenu_IAFCI-Base .rmGroup, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup, .RadMenu.RadMenu_IAFCI-Base .rmMultiColumn, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup > .rmItem {
  border: none;
}
.RadMenu.RadMenu_IAFCI-Base .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_IAFCI-Base .rmVertical .rmExpand:before, .RadMenu.RadMenu_IAFCI-Base .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_IAFCI-Base .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_IAFCI-Base .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_IAFCI-Base .rmBottomArrow .rmIcon:before {
  content: none;
}
.RadMenu.RadMenu_IAFCI-Base .rmItem, .RadMenu.RadMenu_IAFCI-Base .rmHorizontal > .rmItem, .RadMenu.RadMenu_IAFCI-Base .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_IAFCI-Base .rmLink {
  float: none;
}
.RadMenu.RadMenu_IAFCI-Base .rmLink {
  padding: 0px;
}
.RadMenu.RadMenu_IAFCI-Base .rmVertical .rmItem .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_IAFCI-Base .rmToggle {
  width: auto;
}
.RadMenu.RadMenu_IAFCI-Base .rmToggle, .RadMenu.RadMenu_IAFCI-Base .rmToggle .rmIcon, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}
.RadMenu.RadMenu_IAFCI-Base .rmGroup .rmContent, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmContent {
  padding: 0;
}
.RadMenu.RadMenu_IAFCI-Base, .RadMenu.RadMenu_IAFCI-Base .rmItem {
  font-size: inherit;
}
.RadMenu.RadMenu_IAFCI-Base .rmSlide ul.rmGroup {
  padding: 0;
}

.RadMenu.RadMenu_IAFCI-Base {
  z-index: 1001 !important;
  position: relative;
}
.RadMenu.RadMenu_IAFCI-Base:focus {
  outline: none;
}
.RadMenu.RadMenu_IAFCI-Base ul {
  margin: 0;
  padding: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmItem {
  list-style: none;
}
.RadMenu.RadMenu_IAFCI-Base .rmDisabled > a {
  cursor: default;
}
.RadMenu.RadMenu_IAFCI-Base .rmItem {
  width: auto;
  clear: both;
}
.RadMenu.RadMenu_IAFCI-Base .rmText,
.RadMenu.RadMenu_IAFCI-Base .rmHorizontal .rmText,
.RadMenu.RadMenu_IAFCI-Base .rmSlide .rmText {
  padding: 10px 15px;
}
.RadMenu.RadMenu_IAFCI-Base .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 40px;
}
.RadMenu.RadMenu_IAFCI-Base .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.RadMenu_IAFCI-Base .rmLink,
.RadMenu.RadMenu_IAFCI-Base .rmOneLevel .rmItem .rmLink {
  padding: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmItem .rmItem,
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmLevel1 .rmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmLink {
  margin-bottom: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
  font-size: 1.16em;
}
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_IAFCI-Base .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
  text-transform: uppercase;
  color: rgb(144.6926605505, 149.1559633028, 226.3073394495);
  font-weight: bold;
  letter-spacing: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmOneLevel .rmItem .rmLink {
  white-space: nowrap;
}
.RadMenu.RadMenu_IAFCI-Base .rmLink {
  color: #000;
  text-decoration: none;
  display: block;
  position: relative; /* required for the menu to work in IE */
}
.RadMenu.RadMenu_IAFCI-Base .rmGroup .rmText {
  margin: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #fff;
  background-color: #2D34AD;
}
.RadMenu.RadMenu_IAFCI-Base .rmRootLink.rmExpanded,
.RadMenu.RadMenu_IAFCI-Base .rmRootLink:hover,
.RadMenu.RadMenu_IAFCI-Base .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #2D34AD;
  color: #fff;
}
.RadMenu.RadMenu_IAFCI-Base .rmGroup {
  background-color: #2D34AD;
}
.RadMenu.RadMenu_IAFCI-Base .rmDisabled > .rmLink {
  color: #fff;
}
.RadMenu.RadMenu_IAFCI-Base .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_IAFCI-Base .rmDisabled > .rmLink:active {
  background-color: transparent;
  color: #fff;
}
.RadMenu.RadMenu_IAFCI-Base .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.RadMenu_IAFCI-Base .rmRootGroup > .rmItem > .rmLink {
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0;
}
.RadMenu.RadMenu_IAFCI-Base .rmToggle, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}
.RadMenu.RadMenu_IAFCI-Base .rmToggle .rmIcon, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.RadMenu.RadMenu_IAFCI-Base .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_IAFCI-Base .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_IAFCI-Base .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_IAFCI-Base .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_IAFCI-Base .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_IAFCI-Base .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.RadMenu_IAFCI-Base .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  transform: rotate(180deg);
}

.RadMenu_IAFCI-Base .rmSlide {
  display: none; /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}
.RadMenu_IAFCI-Base .rmSlide .rmItem {
  float: none;
  display: block;
}
.RadMenu_IAFCI-Base .rmSlide .rmText {
  float: none;
}
.RadMenu_IAFCI-Base .rmSlide .rmLink {
  color: #fff;
}
.RadMenu_IAFCI-Base .rmSlide .rmSeparator,
.RadMenu_IAFCI-Base .rmSlide .rmVertical > .rmSeparator,
.RadMenu_IAFCI-Base .rmSlide .MegaDropDownMenuSeparator > .rmLink {
  border-bottom: 1px solid #fff;
}
.RadMenu_IAFCI-Base .rmSlide .rmSeparator, .RadMenu_IAFCI-Base .rmSlide .rmVertical > .rmSeparator {
  margin: 0 15px;
}
.RadMenu_IAFCI-Base .rmSlide .rmFocused > .rmLink,
.RadMenu_IAFCI-Base .rmSlide .rmSelected > .rmLink,
.RadMenu_IAFCI-Base .rmSlide .rmItem.rmSelected .rmLink {
  background-color: #7F89C4;
  color: #fff;
}
.RadMenu_IAFCI-Base .rmSlide .rmLink:hover, .RadMenu_IAFCI-Base .rmSlide .rmLink:focus, .RadMenu_IAFCI-Base .rmSlide .rmLink.rmFocused,
.RadMenu_IAFCI-Base .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_IAFCI-Base .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_IAFCI-Base .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: #7F89C4;
  color: #fff;
}
.RadMenu_IAFCI-Base .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}
.RadMenu_IAFCI-Base .rmSlide .rmExpandRight, .RadMenu_IAFCI-Base .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 105% -200px;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .RadMenu_IAFCI-Base .rmSlide .rmExpandRight, .RadMenu_IAFCI-Base .rmSlide .rmGroup a.rmLink.rmExpandRight {
    background-image: none;
  }
}
@media (max-width: 991px) {
  .RadMenu_IAFCI-Base .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_IAFCI-Base .rmSlide ul.rmVertical, .RadMenu_IAFCI-Base .rmSlide ul.rmHorizontal, .RadMenu_IAFCI-Base .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_IAFCI-Base .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
  }
  .RadMenu_IAFCI-Base .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_IAFCI-Base .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_IAFCI-Base .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (min-width: 992px) {
  .RadMenu.RadMenu_IAFCI-Base .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_IAFCI-Base .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_IAFCI-Base .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_IAFCI-Base .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_IAFCI-Base .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_IAFCI-Base .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_IAFCI-Base .rmToggle, .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_IAFCI-Base.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_IAFCI-Base.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
    display: block !important;
  }
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.sub-nav-body .RadTreeView.RadTreeView {
  white-space: normal;
}
.sub-nav-body .RadTreeView.RadTreeView .rtLI,
.sub-nav-body .RadTreeView.RadTreeView .rtTop,
.sub-nav-body .RadTreeView.RadTreeView .rtMid,
.sub-nav-body .RadTreeView.RadTreeView .rtBot {
  padding: 0;
}
.sub-nav-body .RadTreeView.RadTreeView .rtIn {
  display: block;
}
.sub-nav-body .RadTreeView.RadTreeView .rtIn .rtText {
  font-weight: normal;
}
.sub-nav-body .RadTreeView.RadTreeView .rtIn,
.sub-nav-body .RadTreeView.RadTreeView .rtHover .rtIn,
.sub-nav-body .RadTreeView.RadTreeView .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.sub-nav-body .RadTreeView.RadTreeView .rtUL {
  width: 100%;
}
.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn,
.sub-nav-body .RadTreeView.RadTreeView .child-is-selected.rtIn {
  background-color: rgb(8.80859375, 11.2109375, 93.69140625);
  color: #f4f4f4;
  font-weight: bold !important;
}
.sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn:hover, .sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn:active, .sub-nav-body .RadTreeView.RadTreeView .rtSelected > a.rtIn:focus {
  background-color: rgb(8.80859375, 11.2109375, 93.69140625);
}
.sub-nav-body .RadTreeView.RadTreeView .rtUL .rtUL {
  padding-left: 15px;
}
.sub-nav-body .RadTreeView.RadTreeView > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px dotted #fff;
}
.sub-nav-body .RadTreeView.RadTreeView > .rtUL > .rtLI:first-child {
  border-top: none;
}
.sub-nav-body .RadTreeView.RadTreeView > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.sub-nav-body .RadTreeView.RadTreeView > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.sub-nav-body .RadTreeView.RadTreeView > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.sub-nav-body .RadTreeView.RadTreeView .rtSp,
.sub-nav-body .RadTreeView.RadTreeView .rtPlus,
.sub-nav-body .RadTreeView.RadTreeView .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.sub-nav-body .RadTreeView.RadTreeView a.rtIn {
  color: #fff;
  transition: all 0.2s ease-in;
  margin: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
  .sub-nav-body .RadTreeView.RadTreeView a.rtIn {
    transition: none;
  }
}
.sub-nav-body .RadTreeView.RadTreeView a.rtIn:hover, .sub-nav-body .RadTreeView.RadTreeView a.rtIn:focus {
  background-color: #272c80;
  color: #fff;
}
.sub-nav-body .RadTreeView.RadTreeView a.rtIn:active {
  background-color: #fff;
}

.col-secondary .sub-nav {
  background-color: #2D34AD;
  margin-bottom: 1em;
}
.col-secondary .sub-nav .sub-nav-head {
  background-color: #F5A623;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
  display: none !important;
}
.col-secondary .sub-nav .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #F5A623;
}
.col-secondary .sub-nav .SubNavigationSeparator .rtIn {
  padding: 0;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle {
  width: auto;
  height: auto;
  vertical-align: middle;
  background-color: hsl(238.3018867925, 82.8125%, 15%);
  border-color: transparent;
  padding: 10px;
  border-radius: 5px;
  /* extend the toggle down when it's open */
  margin-bottom: 0;
}
.navbar-toggle.collapsed {
  background-color: #0B0E75;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: rgb(7.49375, 9.5375, 79.70625);
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 15px;
}
.nav-auxiliary a {
  /* Utility navigation links */
  color: rgb(127.5, 127.5, 127.5);
}
@media (min-width: 992px) {
  .nav-auxiliary .NavigationListItem,
  .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
  }
}
.nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 8px;
}

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: "(";
}
.cartCenter span:after {
  content: ")";
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
}
.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 22px;
  height: 21px;
  margin: -1px 0; /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
  position: relative; /* this is required for the cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}
.nav-auxiliary .nav-aux-account .nav-text {
  background-position: 0 -125px;
}
.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -75px;
}
.nav-auxiliary .nav-aux-cart .cartFull {
  /* This is the flag indicating how many items are in your cart */
  /* left postion is padding plus placement */
  position: absolute;
  top: -5px;
  left: 10px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-cart .cartCenter {
  color: #fff;
  background-color: rgb(236.6347826087, 202.3000414079, 145.3652173913);
  border-radius: 2px;
  font-size: 0.75em;
  line-height: 1;
  padding: 0 2px 1px;
  box-shadow: -1px 1px 0 rgba(34.425, 34.425, 34.425, 0.6);
}
.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 991px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #0B0E75;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    border: 1px solid transparent;
    border-radius: 0;
    display: inline-block;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: rgb(7.49375, 9.5375, 79.70625);
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: hsl(238.3018867925, 82.8125%, 15%);
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* hide the cart text on small devices */
    display: inline-block;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    width: 22px;
    height: 19px;
    padding-left: 22px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-position: 0 -100px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0 -50px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 29px; /* margin, padding, plus placement */
    top: 8px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: hsl(238.3018867925, 100%, 80%);
    color: #000;
  }
}

.header-search {
  padding: 10px 15px;
}
.header-search > .header-search {
  padding: 0; /* don't double the padding */
}
@media (max-width: 991px) {
  .header-search .search-field {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .header-search {
    padding: 0 0 0 7px;
  }
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}
.searchbar-collapse {
  margin-left: calc(-1.4 * (100vw - 100%) / 2);
}

/* SVG icon support for OOTB themes */
@media (max-width: 991px) {
  .wrapper.SVG-enabled .nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: #0B0E75;
  }
  .wrapper.SVG-enabled .nav-aux-account .nav-text,
  .wrapper.SVG-enabled .nav-aux-cart .nav-text {
    position: absolute;
    left: -10000px;
    z-index: 2000;
    font-size: 70%;
  }
}
.wrapper.SVG-enabled .navbar-toggle .icon-search a,
.wrapper.SVG-enabled .nav-aux-account a,
.wrapper.SVG-enabled .nav-aux-cart a {
  width: auto;
}
.wrapper.SVG-enabled .navbar-toggle .icon-search a:hover,
.wrapper.SVG-enabled .nav-aux-account a:hover,
.wrapper.SVG-enabled .nav-aux-cart a:hover {
  background: none;
}
.wrapper.SVG-enabled .navbar-toggle .icon-search .nav-text,
.wrapper.SVG-enabled .nav-aux-account .nav-text,
.wrapper.SVG-enabled .nav-aux-cart .nav-text {
  background: none;
  padding-left: 5px;
}

/* ==========================================================================
   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: "Open Sans", 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: 34px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.6;
  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);
}

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: 34px;
  padding: 0;
  font-size: 100%;
  line-height: 1.6;
  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: 5px 10px;
}
.RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
  /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
  padding: 2px;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #6c757d;
}
.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 0 0 0;
  height: 34px;
  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: 34px;
  padding: 5px 10px;
  border-color: #ccc;
  font: inherit;
  color: #333333;
}
.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus {
  border-color: #66afe9;
}

.RadUpload.RadUpload .ruFakeInput {
  height: 32px;
  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: 0.5em;
}

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 34px;
  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: #000;
  background: #F5A623;
  border-color: transparent;
}

/* ==========================================================================
  BUTTONS
  ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  line-height: 1.6;
  border-radius: 0;
  user-select: none;
  transition: background 0.2s ease-out;
  transition: all 0.25s ease;
}
@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: 0.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: #F5A623;
  border-color: transparent;
  border-color: rgb(249.4347826087, 205.4695652174, 132.5652173913);
}
.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: #000;
}
.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: #000;
  text-decoration: none;
  background-color: rgb(228.8, 146.64, 10.4);
  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: #000;
  background-color: #F5A623;
  border-color: transparent;
}
.btn:hover,
.TextButton:hover,
.RadUpload.RadUpload .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover {
  color: #fff;
}

.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: #0B0E75;
  color: #fff;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 0.5rem 1rem;
  line-height: 1.6;
  border-radius: 0;
}

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton {
  background-color: #0B0E75;
  border-color: transparent;
}
.PrimaryButton, .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  text-decoration: none;
}
.PrimaryButton, .PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited {
  color: #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 {
  color: #fff;
  text-decoration: none;
  background-color: rgb(7.49375, 9.5375, 79.70625);
  border-color: rgba(0, 0, 0, 0);
}
.PrimaryButton:active,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
}
.PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton:disabled,
.UsePrimaryButton .TextButton:disabled:hover,
.UsePrimaryButton .TextButton:disabled:focus,
.UsePrimaryButton .TextButton:disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  color: #fff;
  background-color: #0B0E75;
  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: rgb(47.5914691943, 71.790521327, 122.6085308057);
  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: rgb(0, 92.1756906077, 140.2);
  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%;
  border-radius: 0;
}

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

.LargeButton,
.UseLargeButton .TextButton {
  font-size: 150%;
  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: #1118C4;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: normal;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 0;
  color: #1118C4;
  text-decoration: none;
}
.LinkButton:visited {
  color: blue;
}
.LinkButton:hover, .LinkButton:focus, .LinkButton:active {
  color: rgb(12.9295774648, 18.2535211268, 149.0704225352);
}
.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: none;
}

@media (min-width: 992px) {
  .StandardButtonMd {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.6;
    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: rgb(173.7806451613, 44.2806451613, 33.4193548387);
  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: rgb(86.5177419355, 162.3322580645, 58.8677419355);
  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;
}

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

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: 0.3em;
}
.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #1118C4;
}
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
  background-color: rgb(8.5421875, 10.2379127358, 68.4578125);
  color: #fff;
}

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

/* 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: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  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: #f9f9f9;
  color: #000;
}
.mini-profile-banner-large .profile-picture-container,
.mini-profile-banner-small .profile-picture-container {
  display: inline-block;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 5px;
}
.mini-profile-banner-large .profile-picture-container img,
.mini-profile-banner-small .profile-picture-container img {
  border-radius: 3px;
}
.mini-profile-banner-large .mini-profile-status-section,
.mini-profile-banner-small .mini-profile-status-section {
  font-size: 0.9em;
}

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

.account-banner:before {
  background-color: #f9f9f9;
  border-radius: 0;
}
@media (min-width: 768px) {
  .account-banner .mini-profile-banner-large .mini-profile {
    grid-template: "picture name" 1fr "picture address" auto "picture status" auto/fit-content(33%) auto;
  }
}
.account-banner .mini-profile-name-section,
.account-banner .mini-profile-address-section,
.account-banner .mini-profile-picture-section,
.account-banner .mini-profile-status-section,
.account-banner .mini-profile-banner-large .panel-heading,
.account-banner .mini-profile-banner-small .panel-heading {
  background-color: transparent;
}
.account-banner .mini-profile-banner-large .mini-profile-picture-section .profile-picture-container,
.account-banner .mini-profile-banner-small .mini-profile-picture-section .profile-picture-container {
  margin-bottom: 0;
}
.account-banner .mini-profile-banner-large .mini-profile-picture-section-after,
.account-banner .mini-profile-banner-small .mini-profile-picture-section-after {
  height: 0;
}
.account-banner .summary-display {
  font-size: 0.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: #f4f4f4;
}

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

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

.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;
}
@media (min-width: 768px) {
  .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;
  }
}
@media (min-width: 992px) {
  .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: #f9f9f9;
}

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

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

@media (min-width: 768px) {
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section {
    background-color: #f9f9f9;
  }
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h1,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h2,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h3,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h4,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h5,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section label,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .Label,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h1,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h2,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h3,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h4,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h5,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section label,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .Label,
  .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .SectionLabel {
    color: #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: rgb(57.1296875, 61.8487617925, 223.8703125);
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #272c80;
}

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

.SearchResultSummary .ListItemTitle a:hover {
  background-color: rgb(31.265625, 36.0053066038, 198.734375);
  text-decoration: underline;
}

/* Event Display
  ========================================================================== */
.EventSummary {
  background-color: #f4f4f4;
}
.EventSummary .PhotoArea {
  padding: 2em;
}
.EventSummary .Description {
  padding: 0 2em 2em 2em;
}
@media (min-width: 768px) {
  .EventSummary .Description {
    padding-top: 2em;
  }
}
.EventSummary .PhotoArea img {
  border: 1px solid #ddd !important;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: rgb(31.265625, 36.0053066038, 198.734375);
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: 0.5em;
  color: #fff;
}
.ProgramGroup .PanelBody,
.ProgramGroup .panel-body {
  padding: 0;
}

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #f4f4f4;
  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: #0B0E75;
}

.ProgressTrackerNavigation:hover {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px 0px #999999;
  box-shadow: 0 2px 3px 0px #999999;
  border-color: #999999;
  opacity: 0.9;
  cursor: pointer;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: rgb(31.265625, 36.0053066038, 198.734375);
}
.ProgressTracker2 .ProgressTrackerPanel::after {
  display: block;
  clear: both;
  content: "";
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
}
.ProgressTracker2 div p {
  background-color: #fff;
  color: #272c80;
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: hsl(37.4285714286, 60%, 65%);
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: rgb(100.6013473054, 105.8427689565, 193.8986526946);
  color: #333333;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
  ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #f4f4f4;
  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: #f4f4f4;
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px solid #ddd;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #F5A623;
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #F5A623;
}

/* ==========================================================================
  TELERIK OVERRIDES
  ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #0B0E75 !important;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #0B0E75;
}
.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: #0B0E75;
  background-color: #0B0E75;
}
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
  color: #fff;
  background-color: rgb(6.6171875, 8.421875, 70.3828125);
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
  border-color: #0B0E75;
}
@media (max-width: 600px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
    display: inline-block;
    float: left;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI {
    margin-right: -1px;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLast .rtsLI {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    display: block;
    border-bottom: 3px solid #0B0E75;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
    width: 100%;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel .rtsLink.rtsLink {
    border-width: 1px 1px 0 1px;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
    text-align: center;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch + .RadMultiPage {
    border-width: 0 1px 1px 1px;
  }
}
@media (min-width: 768px) {
  .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid #0B0E75;
  }
  .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 #0B0E75;
  }
  .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 #0B0E75;
  }
  .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;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: rgb(31.265625, 36.0053066038, 198.734375);
}

/* 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: #0B0E75;
  border-color: #0B0E75;
  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: #0B0E75;
}
.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 .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgHeader:first-child,
.RadGrid.RadGrid_Metro th.rgResizeCol,
.RadGrid.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgRow td:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgAltRow td:first-child,
.RadGrid.RadGrid_Metro .rgEditRow > td,
.RadGrid.RadGrid_Metro .rgEditRow > td:first-child,
.RadGrid.RadGrid_Metro .rgFooter td,
.RadGrid.RadGrid_Metro .rgFooter td:first-child,
.RadGrid.RadGrid_Metro .rgFilterRow td,
.RadGrid.RadGrid_Metro .rgFilterRow td:first-child,
.RadGrid.RadGrid_Metro .rgNoRecords td,
.RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
  padding: 7px 12px;
}
.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child {
  /* reset the padding for expand/collapse column */
  padding-left: 0;
  padding-right: 0;
}
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #0B0E75;
}
.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: #0B0E75;
}
* + 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: #0B0E75;
}
.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: #0B0E75;
  border-color: #0B0E75;
  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: #0B0E75;
  border-color: #0B0E75;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #0B0E75;
  background-color: #0B0E75;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #0B0E75;
}
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: "Open Sans", 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: rgb(8.5421875, 10.2379127358, 68.4578125);
}
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: rgb(8.5421875, 10.2379127358, 68.4578125);
}
.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: rgb(8.5421875, 10.2379127358, 68.4578125);
}
.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: rgb(8.5421875, 10.2379127358, 68.4578125);
  background-color: rgb(8.5421875, 10.2379127358, 68.4578125);
  color: #FFF !important;
}

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

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow em {
  font-family: inherit;
  font-weight: normal;
  margin: 8px 10px;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #F5A623;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #F5A623;
  background-color: #F5A623;
}
.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: #F5A623;
}
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #F5A623;
}
.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: #0B0E75;
}
.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: #0B0E75;
}
.RadCalendar.RadCalendar_Metro .rcRow .rcToday a,
.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #0B0E75;
}
.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #0B0E75;
  background: #0B0E75;
}

.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: 0.08em 0.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 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: #0B0E75;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #0B0E75;
  border-color: #0B0E75;
}

.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: #0B0E75;
  background: #0B0E75;
}

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

.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%;
}
@media (min-width: 768px) {
  .Slider.FullWidth h1 {
    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: -15px;
  margin-right: -15px;
  /* then add it back on */
  padding: 15px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 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: 15px;
  padding-right: 15px;
  max-width: 1170px;
}
.jumbotron.home h1 {
  color: #fff;
  margin-top: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: center;
  font-weight: normal;
  font-size: 280%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .jumbotron.home h1 {
    font-size: 320%;
  }
}
@media (min-width: 768px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.jumbotron.home .ActionButton {
  text-align: right;
}
@media (min-width: 768px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}
.jumbotron.interior {
  height: 20em;
}
.jumbotron.interior p {
  padding: 1.5em 1em 0.8em;
  font-size: 150%;
  margin-bottom: 0;
}
.jumbotron.interior p::after {
  display: block;
  clear: both;
  content: "";
}
.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3em;
  padding-right: 3em;
}
@media (max-width: 767px) {
  .jumbotron.interior .jumbotron-content {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
  }
}
@media (min-width: 480px) {
  .jumbotron.interior p {
    font-size: 170%;
  }
}
@media (min-width: 768px) {
  .jumbotron.interior {
    height: 25em;
  }
  .jumbotron.interior p {
    font-size: 200%;
  }
  .jumbotron.interior .jumbotron-text span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0 0.45em;
    margin-bottom: 0.2em;
    float: left;
    clear: left;
  }
  .jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
  }
}

.jumbotron .img-copyright,
.carousel .img-copyright {
  position: absolute;
  bottom: 0.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: "Open Sans", sans-serif;
  font-weight: bold;
}
.carousel h2, .carousel .panel-heading {
  border-bottom: none;
}
@media (max-width: 991px) {
  .carousel h1 {
    font-size: 200%;
  }
}

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

/* ==========================================================================
  COMMUNITIES
  ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #333333;
}
.CommunityLinksBlock a:hover {
  background-color: rgb(31.265625, 36.0053066038, 198.734375);
  color: #333333;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: rgb(8.5421875, 10.2379127358, 68.4578125);
  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: rgb(8.5421875, 10.2379127358, 68.4578125);
}

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

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

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: hsl(0, 0%, 95%);
}

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

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

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 rgb(25, 25, 25);
  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 rgb(25, 25, 25);
  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: #7F89C4;
  padding: 2rem;
  margin: 20px;
  border-radius: 0;
  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: rgb(238.425, 238.425, 238.425) !important;
}
.CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea2 {
  background-color: #0B0E75;
  padding: 2rem;
  margin: 20px;
  border-radius: 0;
  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: rgb(238.425, 238.425, 238.425) !important;
}
.CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea3 {
  background-color: #272c80;
  padding: 2rem;
  margin: 20px;
  border-radius: 0;
  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: rgb(238.425, 238.425, 238.425) !important;
}
.CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
  border-bottom: none;
}

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

.CalloutPart1 .panel-heading,
.CalloutPart1 .panel-body {
  background-color: rgb(31.265625, 36.0053066038, 198.734375);
}

.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: #f4f4f4;
}
.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: 0.5em;
  margin-bottom: 0.5em;
}
.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: 0.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: rgb(236.35, 236.35, 236.35);
}
.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,
.BlockList li {
  border-bottom: 1px solid #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: #7F89C4;
  color: #fff;
  border-left: 10px solid transparent;
  margin: 1.5em 0.7em 1.5em 0;
  padding: 1.5em 0.7em;
  quotes: "“" "”" "“" "”";
  font-weight: normal;
}
.Quote:before {
  color: white;
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
}
.Quote p {
  display: inline;
}
.Quote cite {
  display: block;
  margin-left: 1em;
  margin-top: 0.5em;
  font-style: italic;
}
.Quote cite:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2em;
  }
}

.QuoteStyle2 {
  border-left-color: #272c80;
}

/* 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: rgb(247.2173913043, 185.7347826087, 83.7826086957);
  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: rgb(247.2173913043, 185.7347826087, 83.7826086957) 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: #F5A623;
  color: #fff;
  padding: 0.25em 0.75em;
  color: #fff;
}

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

.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: rgb(89.25, 89.25, 89.25);
  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: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  a.FeatureActionLink {
    transition: none;
  }
}
@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}
a.FeatureActionLink:hover {
  text-decoration: underline;
}

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}
.Spotlight img, .Spotlight h4 {
  text-align: center;
}
@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}
.Spotlight .TextButton {
  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: 0.8;
}

.SpotlightRow {
  margin-bottom: 1.2em;
}
.SpotlightRow::after {
  display: block;
  clear: both;
  content: "";
}
@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%;
  }
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #F5A623;
  border-bottom: none;
  margin-bottom: 0.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: 0.8em;
  font-size: 110%;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}
.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}
.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #F5A623;
  background-color: rgba(245, 166, 35, 0.75);
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: rgb(219.0434782609, 140.3869565217, 9.9565217391);
  background-color: rgba(219.0434782609, 140.3869565217, 9.9565217391, 0.75);
}
.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #0B0E75;
  background-color: rgba(11, 14, 117, 0.75);
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: rgb(6.6171875, 8.421875, 70.3828125);
  background-color: rgba(6.6171875, 8.421875, 70.3828125, 0.75);
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #F5A623;
}

/* 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: #1118C4;
}

/* 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: #F5A623;
  font-size: 250%;
}

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

/* Alt background colors
  ========================================================================== */
.AltBgColor1 {
  background-color: #f4f4f4;
  padding: 10px;
}

.AltBgColor2 > .panel {
  background-color: #00abbe;
}
a:hover .AltBgColor2 > .panel, a:active .AltBgColor2 > .panel, a:focus .AltBgColor2 > .panel {
  background-color: rgb(0, 157.23, 174.7);
}
.AltBgColor2 > .panel.panel-border {
  border-color: rgb(0, 148.05, 164.5);
}
.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: #F5A623;
}
a:hover .AltBgColor3 > .panel, a:active .AltBgColor3 > .panel, a:focus .AltBgColor3 > .panel {
  background-color: rgb(244.3347826087, 160.0795652174, 20.3652173913);
}
.AltBgColor3 > .panel.panel-border {
  border-color: rgb(243.4347826087, 156.0195652174, 11.0652173913);
}
.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: rgb(217.7, 122.3978540773, 0);
}
.AltBgColor4 > .panel.panel-border {
  border-color: rgb(207.5, 116.6630901288, 0);
}
.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: rgb(133.48, 76.14, 163.56);
}
.AltBgColor5 > .panel.panel-border {
  border-color: rgb(127.8, 72.9, 156.6);
}
.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: rgb(195.1677419355, 49.7302419355, 37.5322580645);
}
.AltBgColorred > .panel.panel-border {
  border-color: rgb(186.6129032258, 47.5504032258, 35.8870967742);
}
.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: rgb(217.7, 122.3978540773, 0);
}
.AltBgColororange > .panel.panel-border {
  border-color: rgb(207.5, 116.6630901288, 0);
}
.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: rgb(230.4896995708, 214.50472103, 31.2103004292);
}
.AltBgColoryellow > .panel.panel-border {
  border-color: rgb(226.6738197425, 210.482832618, 24.8261802575);
}
.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: rgb(96.4915322581, 181.0459677419, 65.6540322581);
}
.AltBgColorgreen > .panel.panel-border {
  border-color: rgb(92.502016129, 173.560483871, 62.939516129);
}
.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: rgb(0, 157.4566964286, 208.7);
}
.AltBgColorblue > .panel.panel-border {
  border-color: rgb(0, 149.7611607143, 198.5);
}
.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: rgb(133.48, 76.14, 163.56);
}
.AltBgColorpurple > .panel.panel-border {
  border-color: rgb(127.8, 72.9, 156.6);
}
.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: #F5A623;
  position: relative;
  overflow: hidden;
}
.ProgressTracker2 p,
.ProgressTracker_Dashboard p,
.ProgressTracker_Dashboard_Overview p {
  margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
  padding-bottom: 0;
}
.ProgressTracker_Dashboard .inset {
  display: block;
  padding-bottom: 15px;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}
.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
  /* default the overview PTs to the same height */
  min-height: 11em;
}
.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent;
}
.ProgressTracker_Dashboard_Overview .count {
  font-size: 4rem;
}
.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px;
}

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

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

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/app_themes/IAFCI-Base/js/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/app_themes/IAFCI-Base/js/slick/fonts/slick.eot");
  src: url("/app_themes/IAFCI-Base/js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/app_themes/IAFCI-Base/js/slick/fonts/slick.woff") format("woff"), url("/app_themes/IAFCI-Base/js/slick/fonts/slick.ttf") format("truetype"), url("/app_themes/IAFCI-Base/js/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.hero-carousel ul:not(.slick-slider) {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  max-width: 100%;
  overflow: hidden;
}
.hero-carousel ul:not(.slick-slider) li {
  flex: 0 0 100%;
}
.hero-carousel ul.slick-slider {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .hero-carousel ul .slick-track {
    background-color: #000;
  }
}
.hero-carousel ul .slick-slide {
  position: relative;
}
@media (min-width: 992px) {
  .hero-carousel ul .slick-slide {
    max-height: 400px;
  }
}
.hero-carousel ul .slick-slide.has-caption .inner {
  z-index: 1;
  margin: auto;
}
@media (min-width: 992px) {
  .hero-carousel ul .slick-slide.has-caption .inner {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 20%;
    right: 20%;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px 5px 0 0;
  }
}
.hero-carousel ul .slick-slide.has-caption .inner .caption {
  color: #fff;
  padding: 1em;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .hero-carousel ul .slick-slide.has-caption .inner .caption {
    color: #fff;
    text-align: center;
  }
}
.hero-carousel ul .slick-slide.has-caption .inner .caption h1 {
  color: #DDE1F6;
  margin: 1rem 2rem;
  font-size: clamp(28px, 3vw, 35px);
}
.hero-carousel ul .slick-slide.has-caption .inner .caption h2 {
  color: #fff;
  font-size: 20px;
}
.hero-carousel ul .slick-slide img {
  width: 100%;
  z-index: 0;
  position: relative;
}
.hero-carousel ul .slick-prev,
.hero-carousel ul .slick-next {
  font-family: fontawesome;
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  width: 75px;
  height: 75px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  z-index: 1;
}
.hero-carousel ul .slick-prev:hover,
.hero-carousel ul .slick-next:hover {
  color: transparent;
  outline: none;
  background: transparent;
}
.hero-carousel ul .slick-prev:hover:before,
.hero-carousel ul .slick-next:hover:before {
  opacity: 1;
}
.hero-carousel ul .slick-prev:focus,
.hero-carousel ul .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.hero-carousel ul .slick-prev:focus:before,
.hero-carousel ul .slick-next:focus:before {
  opacity: 1;
}
.hero-carousel ul .slick-prev:before,
.hero-carousel ul .slick-next:before {
  font-family: fontawesome;
  font-size: 55px;
  font-weight: normal;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5803921569);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-carousel ul .slick-prev {
  left: 5px;
}
.hero-carousel ul .slick-prev:before {
  content: "\f0a8";
}
.hero-carousel ul .slick-next {
  right: 5px;
}
.hero-carousel ul .slick-next:before {
  content: "\f0a9";
}
.hero-carousel ul .slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.hero-carousel ul .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.hero-carousel ul [dir=rtl] .slick-prev {
  right: 25px;
  left: auto;
}
.hero-carousel ul [dir=rtl] .slick-prev:before {
  content: "\f053";
}
.hero-carousel ul [dir=rtl] .slick-next {
  right: auto;
  left: 25px;
}
.hero-carousel ul [dir=rtl] .slick-next:before {
  content: "\f054";
}
@media (max-width: 768px) {
  .hero-carousel ul .slick-slide .caption h1 {
    font-size: 28px;
  }
  .hero-carousel ul .slick-prev {
    top: 25%;
  }
  .hero-carousel ul .slick-next {
    top: 25%;
  }
}
@media (max-width: 1170px) {
  .hero-carousel ul .caption {
    padding: 5vw 60px 2.5vw 60px;
  }
}

/* ///////////////////// \\\\\\\\\\\\ */
/*  FULL WIDTH CONTENT AND BACKGROUNDS  */
/* ///////////////////// \\\\\\\\\\\\ */
.body-container {
  margin: auto;
}

/* Make Row Go Edge To Edge (Full Width) */
.has-full-width {
  /* Prevent Hscroll */
  /* Allow before and after elements to display in row */
}
.has-full-width .body-container {
  max-width: unset;
}
.has-full-width #masterContentArea.container {
  max-width: unset;
}
.has-full-width .col-primary > div {
  margin-left: -15px;
  margin-right: -15px;
}
.has-full-width .col-primary,
.has-full-width .has-secondary-col.col-on-right .col-primary {
  margin-right: 0 !important;
}
.has-full-width .col-primary .row {
  position: relative;
}
.has-full-width .col-primary .row .inserted {
  max-width: 1300px;
  /* Set max width for content in .full-width-bg */
  margin: auto;
}
.has-full-width .col-primary .row.root {
  margin: auto;
}
.has-full-width .inner.inserted {
  padding: 0;
}
.has-full-width .full-width-content .container {
  max-width: none;
}
@media (min-width: 992px) {
  .has-full-width .inner.inserted {
    display: flex;
    flex-wrap: wrap;
  }
}
.has-full-width .wrapper div[class*=col-] {
  padding-right: 15px;
  padding-left: 15px;
}

/*  Remove Padding from bootstrap col div so content goes to edge  */
.row.full-width-content.root {
  margin-left: -15px !important;
  margin-right: -15px !important;
  /* Make OOTB Slider go full width */
}
.row.full-width-content.root div[class*=col] {
  padding: 0;
  margin: 0;
}
.row.full-width-content.root .panel-body,
.row.full-width-content.root .PanelBody {
  padding: 0;
}
.row.full-width-content.root .container.inserted {
  max-width: none;
  padding: 0;
}
.row.full-width-content.root .container.inserted > .row {
  max-width: none;
}

/* Unset max width for content in .full-width-content */
.row.root.full-width-bg {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.row.root.full-width-content .inner {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

/* Set Default bg-color */
.row-bg-dark-gray,
.row-bg-dark-grey {
  background-color: #4A4A4A;
}

.row-bg-light-grey,
.row-bg-light-gray {
  background-color: #f8f8f8;
}

.row-bg-noise {
  background-image: url("/images/iafci/theme/noise_bg.png");
}

.row-bg-dark-gray *,
.row-bg-dark-grey * {
  color: #fff;
}

/* GROUP PADDING */
:root {
  --thick-group-padding: 4rem;
  --group-padding: 3rem;
  --thin-group-padding: 1rem;
}

.group-padding {
  padding: var(--group-padding) 0;
}
.group-padding .Quote {
  margin: 0;
}

.start-group-padding,
.top-group-padding {
  padding-top: var(--group-padding);
}

.end-group-padding,
.bottom-group-padding {
  padding-bottom: var(--group-padding);
}

/*  THIN GROUP PADDING */
.thin-group-padding {
  padding: var(--thin-group-padding) 0;
}

.start-thin-group-padding,
.top-thin-group-padding {
  padding-top: var(--thin-group-padding);
}

.end-thin-group-padding,
.bottom-thin-group-padding {
  padding-bottom: var(--thin-group-padding);
}

/*  THICK GROUP PADDING  */
.thick-group-padding {
  padding: var(--thick-group-padding) 0;
}

.start-thick-group-padding,
.top-thick-group-padding {
  padding-top: var(--thick-group-padding);
}

.end-thick-group-padding,
.bottom-thick-group-padding {
  padding-bottom: var(--thick-group-padding);
}

.row {
  /* Overlap Row Above */
}
.row.over-lap .inner {
  padding-left: 15px;
  padding-right: 15px;
}
.row.over-lap div[class*=col-] {
  background-color: #fff;
  position: relative;
  top: -4em;
  padding: 2em;
}

@media (max-width: 991px) {
  .row.row-photo-right {
    display: flex;
  }
  .row.row-photo-right div[class*=col-]:last-child {
    order: -1;
  }
}
.row.row-h-align-center,
.row.root.row-h-align-center .row.inserted > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.row.row-h-align-center .WebPartZone,
.row.root.row-h-align-center .row.inserted > div .WebPartZone {
  width: 100%;
}

ul.no-bullet,
ul.no-bullets {
  list-style-type: none;
}

.suppress-sidebar .col-secondary {
  display: none !important;
}
.suppress-sidebar .col-primary {
  width: 100% !important;
}

.logo-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 50px;
  column-gap: 20px;
  list-style-type: none;
  padding-left: 0;
}
.logo-grid > li,
.logo-grid > div {
  flex: 1 1 25%;
  min-width: 250px;
  max-width: 285px;
  text-align: center;
}
.logo-grid img {
  max-height: 100px;
}

/* ///////////////////// \\\\\\\\\\\\ */
/*  GLOBAL  */
/* ///////////////////// \\\\\\\\\\\\ */
#masterContentArea {
  opacity: 0;
  transition: all 0.25s ease;
}

body.loaded #masterContentArea {
  opacity: 1;
}

.RefContent {
  max-width: 100%;
  overflow: scroll;
}
@media (max-width: 991px) {
  .RefContent .RefCode {
    display: none;
  }
}

h2 {
  border: none;
}

/* ///////////////////// \\\\\\\\\\\\ */
/*  HEADER  */
/* ///////////////////// \\\\\\\\\\\\ */
header {
  border-bottom: 10px solid #272c80;
  background-image: url("/images/iafci/theme/header-map-bg.jpg");
  background-repeat: no-repeat;
  background-position: top right;
}

.header-top-container {
  background-color: #0B0E75;
  padding: 7px 0;
}
.header-top-container .ste-toggle {
  background-color: #fff;
}
.header-top-container .logo-wordmark-mobile {
  position: relative;
  left: 110px;
  max-width: calc(100% - 110px);
  text-align: center;
}
.header-top-container .logo-wordmark-mobile span {
  font-size: 12px;
  color: #fff;
}
.header-top-container .auxiliary-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .header-top-container .auxiliary-container {
    justify-content: center;
  }
}
.header-top-container .auxiliary-container .navbar-toggle {
  display: none !important;
}
.header-top-container .auxiliary-container .nav-auxiliary a {
  color: #fff;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.header-top-container .auxiliary-container .nav-auxiliary a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.header-top-container .UtilityAuthentication {
  margin-right: 7.5px;
}
.header-top-container .site-search input.TextButton {
  display: none;
}
.header-top-container .ste-toggle {
  background-color: #fff;
}

.header-bottom-container .hd-logo {
  grid-area: logo;
  max-width: 181px;
  max-height: 181px;
  position: relative;
  top: -40px;
  margin-bottom: -40px;
}
.header-bottom-container .hd-logo img {
  max-width: 181px;
}
.header-bottom-container .logo-wordmark {
  grid-area: wordmark;
  white-space: nowrap;
  color: #272c80;
  font-size: 15px;
  font-weight: 700;
  text-shadow: 0 0 10px #fff;
}
.header-bottom-container .social-links-container {
  grid-area: social-links;
}
.header-bottom-container .mobile-btns {
  grid-area: mobile-btns;
}
.header-bottom-container .primary-nav-container {
  grid-area: primary-nav;
}
.header-bottom-container .layout {
  display: grid;
  align-items: center;
  grid-template-columns: 181px 1fr 1fr 1fr;
  grid-template-rows: 45px auto auto;
  grid-template-areas: "logo wordmark social-links mobile-btns" "logo primary-nav primary-nav primary-nav" "logo . . .";
}
@media (max-width: 991px) {
  .header-bottom-container .layout {
    grid-template-columns: 100px 1fr 100px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "logo wordmark mobile-btns" "primary-nav primary-nav primary-nav";
  }
  .header-bottom-container .layout .hd-logo img {
    max-width: 100px;
  }
  .header-bottom-container .layout .social-links {
    display: none;
  }
  .header-bottom-container .layout .mobile-btns {
    justify-self: end;
  }
}
@media (max-width: 767px) {
  .header-bottom-container .layout .logo-wordmark {
    display: none;
  }
  .header-bottom-container .layout .social-links {
    display: inline-block;
  }
}
.header-bottom-container .social-links {
  margin-left: 1rem;
}
.header-bottom-container .social-links ul {
  list-style-type: none;
  display: inline-flex;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  padding-bottom: 0;
  margin-top: 10px;
}
.header-bottom-container .social-links ul li {
  padding: 0 5px;
}
.header-bottom-container .social-links ul li em {
  font-size: 18px;
}
@media (min-width: 768px) {
  .header-bottom-container .mobile-btns .searchbar-toggle {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-bottom-container .primary-navigation-area .RadMenu {
    border: 1px solid #7F89C4;
    background-color: rgba(255, 255, 255, 0.7);
  }
}

.mobile-nav-topper {
  display: none;
}
@media (max-width: 767px) {
  .mobile-nav-topper {
    display: flex;
    align-items: center;
    background-color: #fff;
  }
  .mobile-nav-topper a {
    color: #2D34AD;
  }
}

.searchbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
}
.searchbar-collapse .SimpleSearchBlock {
  display: flex;
  align-items: center;
}
.searchbar-collapse .search-container .search-field {
  width: calc(100% - 50px);
}
.searchbar-collapse .search-container input.TextButton {
  padding: 5px 10px;
}

/* ///////////////////// \\\\\\\\\\\\ */
/* FOOTER  */
/* ///////////////////// \\\\\\\\\\\\ */
footer {
  background-color: #0B0E75;
  border-top: 10px solid #6c757d;
  padding: 2rem 0;
}
footer .ft-contact {
  text-align: center;
}
footer .ft-contact * {
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  color: #fff;
  font-weight: 700;
}
footer .ft-contact h2 {
  font-size: 16px;
  margin-bottom: 1rem;
}
footer .ft-nav a.NavigationLink {
  color: #fff;
  font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  padding: 7.5px;
  line-height: 60px;
}
@media (max-width: 991px) {
  footer div[class*=col-] {
    text-align: center;
  }
}

/* ///////////////////// \\\\\\\\\\\\ */
/* DEFAULTS AND INTERIOR PAGES  */
/* ///////////////////// \\\\\\\\\\\\ */
.page-topper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

ol#asi_BreadCrumb {
  margin-bottom: 0;
}

#HTitle h2 {
  color: #0B0E75;
  text-transform: uppercase;
  font-size: 1.6em;
}

.SearchResultSummary .PublishDate {
  display: none;
}

ul.no-bullet {
  list-style-type: none;
}

ul.inline li {
  display: inline-block;
}

ul.logos {
  max-width: 90%;
  margin: 1em auto;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  text-align: center;
}

ul.logos li {
  max-width: 33%;
  margin: 1em;
}

ul.logos li img {
  display: block;
  max-height: 100px;
  max-width: 260px;
  mix-blend-mode: darken;
}

/* ///////////////////// \\\\\\\\\\\\ */
/*  HOME PAGE  */
/* ///////////////////// \\\\\\\\\\\\ */
.home-page .obo-container,
.home-page .page-topper {
  display: none;
}
.home-page .iMIS-WebPart > .ContentItemContainer,
.home-page .WebPartZone > .ContentItemContainer {
  margin-bottom: 0;
}
.home-page .row-hp-hero {
  border-bottom: 10px solid #f0f0f0;
}
.home-page h2 {
  font-size: 36px;
}
.home-page .row-about-join-info {
  background-color: #0B0E75;
  padding: 3em 0;
}
.home-page .row-about-join-info div[class*=col-] {
  background-color: #223189;
  position: relative;
  padding-bottom: 50px;
}
.home-page .row-about-join-info div[class*=col-]:nth-child(2) {
  background-color: #000;
}
@media (min-width: 768px) {
  .home-page .row-about-join-info div[class*=col-] {
    flex: 1;
    margin: 0 1rem;
  }
}
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer {
  color: #fff;
  padding: 1em;
  margin-bottom: 0;
  text-align: center;
}
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer h2,
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer h3 {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer p {
  text-align: left;
}
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer .btn-container {
  position: absolute;
  bottom: 2px;
  /* move the element half way across the screen */
  left: 30px;
  /* allow the width to be calculated dynamically */
  width: calc(100% - 64px);
  /* then move the element back again using a transform */
  text-align: center;
}
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer .btn-container p {
  text-align: center;
}
.home-page .row-about-join-info div[class*=col-] .ContentItemContainer img {
  max-width: 50px;
}
.home-page .row-feature {
  padding: 3em 0;
  background-image: url("/images/iafci/theme/noise_bg.png");
  text-align: center;
}
.home-page .row-calendar {
  padding: 3em 0;
  background: #001489 url("/images/iafci/theme/hpCalendarbg.png");
  background-size: cover;
}
.home-page .row-calendar h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  text-align: center;
}
.home-page .row-calendar .ContentItemContainer {
  max-width: 650px;
  margin: auto;
  text-align: center;
}
.home-page .row-calendar .TaggedListPanel {
  border: 1px solid #333;
  display: block;
  list-style: none;
  background-color: #fff;
  text-align: left;
  height: 400px;
  overflow-y: scroll;
  padding: 1rem;
}
.home-page .row-calendar .TaggedListPanel .BlockTLItem,
.home-page .row-calendar .TaggedListPanel .BlockList li {
  border-bottom: 1px dotted #ddd;
}
.home-page .row-certifications {
  padding: 3em 0;
}
.home-page .row-certifications ul {
  list-style-image: url("/images/iafci/theme/li_icon.png");
}
.home-page .row-certifications ul li {
  font-size: 1.75em;
  line-height: 1.1em;
  margin-bottom: 0.75em;
  font-weight: 700;
}
.home-page .row-reversed-feature {
  padding: 3em 0;
  background: #001489 url("/images/iafci/theme/HpReverseFeatureBg.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align: center;
  padding: 3em 0;
  color: #fff;
}
.home-page .row-reversed-feature h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}
.home-page .row-reversed-feature .ContentItemContainer {
  max-width: 500px;
  margin: auto;
}

.aux-menu-container,
.social-links-container,
.logo-wordmark {
  display: block;
}

.aux-menu-container-mobile,
.social-links-container-mobile,
.logo-wordmark-mobile {
  display: none;
}

@media (max-width: 767px) {
  .aux-menu-container,
  .social-links-container,
  .logo-wordmark,
  .header-top-container .auxiliary-container {
    display: none;
  }
  .aux-menu-container-mobile,
  .social-links-container-mobile {
    display: block;
  }
  .logo-wordmark-mobile {
    display: inline-block;
  }
}
body.home-page .members-only .panel-title {
  text-align: center;
}

.members-only {
  --color-red: #800000;
  --color-dark-red: #6D2827;
  /* Awards Row ============ */
}
.members-only .header-top-container,
.members-only footer,
.members-only .TextButton,
.members-only .TextButton.PrimaryButton,
.members-only .RadMenu.RadMenu_IAFCI-Base .rmGroup,
.members-only .col-secondary .sub-nav,
.members-only .RadMenu.RadMenu_IAFCI-Base .rmRootLink.rmSelected {
  background-color: var(--color-red);
}
.members-only .sub-nav-body .RadTreeView.RadTreeView a.rtIn:hover,
.members-only .sub-nav-body .RadTreeView.RadTreeView a.rtIn:focus {
  background-color: var(--color-dark-red);
}
.members-only .TextButton,
.members-only .TextButton.PrimaryButton {
  border-color: #fff;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.members-only .TextButton:hover, .members-only .TextButton:focus, .members-only .TextButton:active,
.members-only .TextButton.PrimaryButton:hover,
.members-only .TextButton.PrimaryButton:focus,
.members-only .TextButton.PrimaryButton:active {
  border-color: var(--color-dark-red);
  background-color: var(--color-dark-red);
}
.members-only .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink.rmSelected .rmToggle .rmIcon,
.members-only .RadMenu.RadMenu_IAFCI-Base .rmRootGroup .rmRootLink.rmExpanded .rmToggle .rmIcon {
  background-position: 0 -26px;
}
.members-only .RadMenu.RadMenu_IAFCI-Base .rmRootLink:hover, .members-only .RadMenu.RadMenu_IAFCI-Base .rmRootLink.rmExpanded, .members-only .RadMenu.RadMenu_IAFCI-Base .rmRootLink.rmFocused {
  background-color: var(--color-red);
}
.members-only .RadMenu.RadMenu_IAFCI-Base .rmSlide .rmLevel1 > .rmItem > .rmLink:hover {
  background-color: var(--color-dark-red);
}
.members-only .hero-carousel .slick-slide.has-caption .inner {
  bottom: 25px;
}
.members-only .hero-carousel .slick-slide.has-caption .inner .caption h1 {
  font-weight: normal;
}
.members-only .hero-carousel .slick-slide.has-caption .inner .caption h2,
.members-only .hero-carousel .slick-slide.has-caption .inner .caption h2 a {
  font-size: 28px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.members-only .BlockTLItem {
  border-bottom: 1px solid #ddd;
}
.members-only .TaggedListPanel {
  border: 1px solid #333;
  display: block;
  list-style: none;
  background-color: #fff;
  text-align: left;
  height: 400px;
  overflow-y: scroll;
  padding: 1px;
}
.members-only .hp-accordion .ui-accordion-header-icon.ui-icon {
  display: none;
}
.members-only .hp-accordion h3 {
  background-color: #333;
  color: #fff;
  font-size: 18px;
  padding: 0.5em;
  margin-bottom: 0;
}
.members-only .hp-accordion h3:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  margin-right: 0.5em;
}
.members-only .hp-accordion h3.ui-state-active, .members-only .hp-accordion h3.ui-state-hover {
  background: #800000;
  border: none;
  height: unset !important;
}
.members-only .hp-accordion h3.ui-state-active:before {
  content: "\f107";
}
.members-only .row-certifications {
  /* So each stays the same height */
}
.members-only .row-certifications .col-sm-4 {
  border: 2px solid #fff;
  border-radius: 5px;
  background-image: linear-gradient(#fff, #e4e4e4);
  margin: 0.5em;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .members-only .row-certifications .row.inserted .col-sm-4 {
    flex: 1;
  }
}
.members-only .row-certifications h2 {
  color: #000;
  font-size: 18px;
  max-width: 66%;
  margin: 1em auto 3em auto;
}
.members-only .row-certifications h2:before {
  display: block;
  min-height: 125px;
  vertical-align: middle;
}
.members-only .row-certifications .cert-cfci h2:before {
  content: url(/images/iafci/member-only/CertLogo_CFCI.png);
}
.members-only .row-certifications .cert-ccci h2:before {
  content: url(/images/iafci/member-only/CertLogo_CCCI.png);
}
.members-only .row-certifications .cert-dfcb h2:before {
  content: url(/images/iafci/member-only/CertLogo_DFCB.png);
}
.members-only .row-certifications .TextButton {
  display: block;
  border-radius: 0 0 5px 5px;
  border: none;
  border-top: 2px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.members-only .row-awards strong {
  display: block;
}
.members-only .row-awards .title {
  font-size: 14px;
}
@media (min-width: 768px) {
  .members-only .row-awards .title {
    text-align: right;
  }
}
.members-only .row-awards .title strong {
  font-size: 25px;
  line-height: 1.25em;
  margin-top: 0;
}
.members-only .row-awards h3 {
  font-size: 16px;
  background-color: #333;
  color: #fff;
  padding: 0.5em;
  margin-top: 8px;
}
.members-only .row-awards .runnerup h3 {
  background-color: #9B9B9B;
}
.members-only .row-awards .winner div,
.members-only .row-awards .runnerup div {
  font-style: italic;
}
.members-only .row-awards .winner strong,
.members-only .row-awards .runnerup strong {
  font-style: normal;
  font-size: 17px;
}
.members-only .row-awards .TextButton {
  margin: auto;
  display: block;
  max-width: 220px;
  position: relative;
}
.members-only .row-awards .TextButton:before {
  content: "\f103";
  /*font-family:"FontAwesome";*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1em;
  margin-right: 0.5em;
}
.members-only .row-awards .TextButton.Opened:before {
  content: "\f102";
}
.members-only .AwardsTogglePanel {
  display: none;
  clear: both;
}
.members-only .AwardsTogglePanel .IAFCIAwardWinners.row {
  padding: 2em 0;
}
.members-only .AwardsTogglePanel .IAFCIAwardWinners.row:nth-child(odd) {
  background-color: #fff;
}
.members-only .row-partnerships {
  background-image: linear-gradient(#fff, #e4e4e4);
}
@media (min-width: 992px) {
  .members-only .rmRootGroup.rmHorizontal {
    display: flex;
  }
  .members-only .rmRootGroup.rmHorizontal .rmRootLink {
    height: 100%;
  }
  .members-only .wrap-nav.rmRootLink .rmText {
    display: block;
    max-width: 140px;
    white-space: normal;
    line-height: 1em;
  }
}/*# sourceMappingURL=99-IAFCI-Base-DoNotEdit-GeneratedFile.css.map */