@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap");
/* left, center, right */
/*right, left*/
/*hsl(hue($link-color), saturation($link-color), 80%) !default;*/
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap");

/* left, center, right */
/*right, left*/
/*hsl(hue($link-color), saturation($link-color), 80%) !default;*/
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

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

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%;
  }

  .has-secondary-col .col-secondary {
    width: 22%;
  }

  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }

  .has-secondary-col.col-on-right .col-secondary {
    float: right;
  }

  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }

  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}

/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround
 */
.search-container,
.auth-link-container {
  display: block;
}

@media (min-width: 768px) {

  .search-container,
  .auth-link-container {
    display: none;
  }
}

.search-container-sm,
.auth-link-container-sm {
  display: none !important;
}

@media (min-width: 768px) {

  .search-container-sm,
  .auth-link-container-sm {
    display: inline-block !important;
  }
}

/* Template Manager  - Reset styles to prevent section overlap */
.TemplateManagerArea .header-top-container,
.TemplateManagerArea .header-bottom-container,
.TemplateManagerArea .header-top-container #masterLogoArea,
.TemplateManagerArea .header-top-container .navbar-header {
  position: static;
  clear: both;
}

/* Theme family has primary nav within header-bottom-container so this
   container's z-index needs to be changed for the same as the primary nav's.*/
.header-bottom-container {
  z-index: 1001 !important;
}

/* This applies to the area behind the header logo and auxiliary navigation */
#masterHeaderBackground,
.header {
  border-bottom: none;
}

.navbar-collapse {
  clear: both;
}

@media (max-width: 767px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (min-width: 768px) {
  .navbar-collapse {
    clear: right;
  }
}

.header-logo-container {
  float: left;
  margin: 0.5em 0;
}

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

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

/* 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
   ========================================================================== */
#masterContentArea {
  margin-top: 10px;
}

/* This applies to the breadcrumb area */
.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px;
}

/* Homepage Full Width areas */
.Wrapper-FullWidth #masterContentArea.container {
  max-width: 100%;
  padding: 0;
}

.Wrapper-FullWidth #masterContentArea .container-inner,
.Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer {
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  padding: 50px 1%;
  min-height: 450px;
}

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container {
  float: right;
}

.obo-panel {
  line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.obo-panel.on {
  padding-left: 2em;
  padding-right: 2em;
}

.account-menu .obo-panel {
  /* within the account area dropdown make the padding match the other items*/
  padding: 3px 10px;
}

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

.obo-label {
  font-weight: bold;
}

.obo-label span:after {
  content: ':';
}

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

.backToTop {
  display: block;
  font-size: 0px;
  color: transparent;
  bottom: 50px;
  position: fixed;
  right: 25px;
  z-index: 1;
  background: transparent url("images/ThemeIconsSprite.png") 3px 0 no-repeat !important;
  width: 48px;
  height: 48px;
}

@media (max-width: 991px) {
  .backToTop {
    display: none;
  }
}

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/
 */
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.footer {
  display: table-row;
  height: 1px;
}

@media (min-width: 768px) {
  .footer-social {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .footer-promo-container {
    text-align: right;
  }
}

.footer-promo-container .promo {
  background: none !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

.footer-promo-container .promo .TextButton,
.footer-promo-container .promo .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .footer-promo-container .promo a {
  background: #95dbf4 !important;
  color: black;
}

.footer-content-section {
  padding: 0 15px 0 1em !important;
}

.footer-content-section h2,
.footer-content-section .formio-form .card .card-header .card-title,
.formio-form .card .card-header .footer-content-section .card-title {
  font-size: 110%;
}

.footer-nav-copyright {
  padding-top: 0 !important;
}

.HelperText {
  color: #006fba;
}

.EasyEditOn .EasyEditContent:hover,
.EasyEditOn .WebPartZoneDesignTime:hover {
  background: none;
}

/* ==========================================================================
   Great Barrier Reef Skin Specific Styles
   ========================================================================== */
h1 {
  position: relative;
  display: table;
}

.Wrapper-HomePage h2.panel-title,
.Wrapper-HomePage .formio-form .card .card-header .panel-title.card-title,
.formio-form .card .card-header .Wrapper-HomePage .panel-title.card-title {
  color: #348721;
  display: table;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1 {
  min-height: auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 {
  background: #ddd url(images/FullWidthArea_Bg2.jpg) center top no-repeat;
  font-weight: bold;
  background-size: 100% auto;
}

@media (max-width: 767px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg2 {
    background-size: auto 100%;
  }
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2,
.Wrapper-HomePage .FullWidthArea-StyleBg2 .formio-form .card .card-header .card-title,
.formio-form .card .card-header .Wrapper-HomePage .FullWidthArea-StyleBg2 .card-title {
  color: #231f20;
  line-height: 2em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong,
.Wrapper-HomePage .FullWidthArea-StyleBg2 .formio-form .card .card-header .card-title strong,
.formio-form .card .card-header .Wrapper-HomePage .FullWidthArea-StyleBg2 .card-title strong {
  font-size: 160%;
  display: block;
  padding-bottom: 0.5em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2:after {
  content: ' ';
  display: block;
  clear: both;
}

.Wrapper-HomePage .FullWidthArea-StyleBg3 {
  background: #f5f4f3;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 {
  background: #ddd url(images/FullWidthArea_Bg4.jpg) center top no-repeat;
  padding: 2em 1%;
  min-height: auto;
  background-size: 100% auto;
  background-position: 0 -220px;
}

@media (max-width: 991px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 {
    background-size: auto 100%;
    background-position: 0 0;
  }
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 h2,
.Wrapper-HomePage .FullWidthArea-StyleBg4 .formio-form .card .card-header .card-title,
.formio-form .card .card-header .Wrapper-HomePage .FullWidthArea-StyleBg4 .card-title {
  color: #231f20;
  line-height: 2em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 h2 strong,
.Wrapper-HomePage .FullWidthArea-StyleBg4 .formio-form .card .card-header .card-title strong,
.formio-form .card .card-header .Wrapper-HomePage .FullWidthArea-StyleBg4 .card-title strong {
  font-size: 160%;
  display: block;
  padding-bottom: 0.5em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 .WebPartZone {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 3em 0 3em auto;
  padding: 0.6em 2%;
}

@media (min-width: 768px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 .WebPartZone {
    width: 50%;
  }
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 em {
  font-size: 50%;
  display: table;
  margin-top: 1em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  display: none;
  /* not in use */
}

/* Button styles for all browsers */
.btn,
.TextButton,
.hiddenGrid.secretButton a,
.ruButton {
  font-size: 16px !important;
}

.TextButton.LinkedIn,
.hiddenGrid.secretButton a.LinkedIn,
.TextButton.Facebook,
.hiddenGrid.secretButton a.Facebook {
  line-height: 1.3;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) {
  position: relative;
  padding: 1em 0.2em;
  margin: 1em 0 0 0;
  text-align: center;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) li {
  display: inline-block;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .ButtonItem {
  color: transparent !important;
  width: 45px;
  height: 45px;
  opacity: 0.5;
  margin: 0 .25em;
  padding: 0 !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="PrintProfile"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -595px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Profile.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -380px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Duplicate_Merge.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -487px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:hover,
.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:focus {
  opacity: 0.7;
}

.BigButtonPanelArea2 .btn {
  width: 90%;
  max-width: 16.6em;
}

@media (min-width: 768px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background: transparent url("images/ResponsiveHeaderSprite.png") 0 -102px no-repeat !important;
  }
}

@media (max-width: 767px) {

  .UtilityAuthentication a,
  .nav-aux-account .nav-text {
    color: #000 !important;
  }

  .icon-bar {
    background-color: #000 !important;
  }
}

.obo-toggle.on,
.ste-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on {
  background-color: #348721 !important;
}

@media (min-width: 768px) {
  .header-top-container .header-container {
    position: relative;
    z-index: 1002;
  }

  .header-top-container .navbar-header {
    position: absolute;
    top: 0;
    right: 0;
  }

  .header-top-container #masterLogoArea {
    position: absolute;
    top: 76.25px;
    left: 20px;
  }
}

@media (min-width: 768px) {
  .header-bottom-container {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
  }
}

.footer-promo-container .promo {
  padding-top: 0;
}

@media (min-width: 768px) {
  .primary-navigation-area {
    margin-top: 26.25px;
    margin-left: 10em;
  }
}

.SubNavigationSeparator.rtDisabled {
  display: none;
}

/* Internal Pages Only - Reduce header size */
@media (min-width: 768px) {
  body:not(.Wrapper-HomePage) .header-bottom-container {
    min-height: 100px;
    padding: 20px 0px;
  }

  body:not(.Wrapper-HomePage) .header-top-container #masterLogoArea {
    top: 40px;
  }

  body:not(.Wrapper-HomePage) .primary-navigation-area {
    margin-top: 8px;
  }

  body:not(.Wrapper-HomePage) #hd,
  body:not(.Wrapper-HomePage) .InternalHeaderArea {
    min-height: 171px;
    height: 171px;
  }
}

.carousel-caption {
  text-shadow: none;
}

.InternalHeaderArea .carousel-inner::before {
  display: block;
  content: '';
  background-color: #006fba;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55;
}

.Spotlight .SectionLabel,
.Spotlight h4 {
  display: block;
  position: relative;
  padding: 1em 0 0.6em 0;
}

.Spotlight .SectionLabel:after,
.Spotlight h4:after {
  width: 25%;
}

.Spotlight {
  margin-bottom: 1.3em;
}

.Spotlight p {
  padding: 0.2em 1.3em;
  margin: -0.2em 0 0 0;
  position: relative;
}

.Spotlight a {
  text-decoration: none;
  display: inline-block;
}

.Spotlight img {
  padding: 0.3em;
  border: 3px solid #ccc;
  object-fit: cover;
  width: 120px;
  height: 120px !important;
  border-radius: 50% 50%;
}

@media (min-width: 768px) {
  .TestimonialArea {
    width: 70%;
  }
}

.TestimonialArea img.TestimonialPersonPhoto {
  object-fit: cover;
  width: 150px;
  height: 150px !important;
  border-radius: 50% 50%;
  margin: 0 auto;
  display: block;
  border: 3px solid #fff;
}

.TestimonialArea blockquote {
  background: #fff;
  font-weight: normal;
  padding: 5em 3% 1.3em 3%;
  margin: -4.3em auto 0 auto;
  text-align: center;
}

.TestimonialArea blockquote em {
  display: block;
  margin-top: 1em;
}

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

.SessionsHome .RadGrid.RadGrid_MetroTouch,
.SessionsHome .RadGrid.RadGrid_MetroTouch .rgMasterTable,
.SessionsHome .RadGrid.RadGrid_Metro,
.SessionsHome .RadGrid.RadGrid_Metro .rgMasterTable {
  background: none !important;
  border: 1px solid transparent;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch thead,
.SessionsHome .RadGrid.RadGrid_Metro thead {
  display: none;
}

@media (min-width: 768px) {

  .SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr,
  .SessionsHome .RadGrid.RadGrid_Metro tbody tr {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
}

.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgRow,
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgAltRow,
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgSelectedRow,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgRow,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgAltRow,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgSelectedRow {
  background: none !important;
  color: #231f20;
  border: 1px solid transparent;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgRow td,
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgAltRow td,
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgSelectedRow td,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgRow td,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgAltRow td,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgSelectedRow td {
  width: 100%;
  display: block;
  padding: 0.5em 0;
  border: 1px solid transparent;
}

.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgAltRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_MetroTouch tbody tr.rgSelectedRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgAltRow td:first-of-type,
.SessionsHome .RadGrid.RadGrid_Metro tbody tr.rgSelectedRow td:first-of-type {
  font-weight: bold;
}

@media (min-width: 768px) {

  .UpcomingEventsHome ul.RelatedItemsHorizontal li,
  .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
    width: 225px;
    height: auto;
    margin: 0.6em 2%;
  }

  .UpcomingEventsHome a.ImageLink img {
    width: 225px !important;
    height: auto !important;
    display: block;
  }
}

.UpcomingEventsHome a.LabelLink {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  line-break: normal;
}

.ProgressTracker2 {
  text-align: center;
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #2A7AB0 !important;
}

.ProgressTracker2 .SuccessfulMessage {
  width: 95%;
  margin: 0 auto 0.5em auto;
  color: #fff !important;
  background-color: #2A7AB0 !important;
  font-weight: bold;
  border-radius: 3px;
}

.ProgressTracker2 .ProgressBar {
  border-radius: 3px;
  background-color: #888 !important;
  height: 1.6em;
}

.ProgressTracker2 .ProgressBar span {
  background-color: #2A7AB0 !important;
  border-radius: 0;
}

.Wrapper-HomePage .ProgressTracker2 .ProgressTrackerPanel {
  background-color: transparent;
}

.Wrapper-HomePage .ProgressTracker2 .inset {
  text-align: left;
  font-size: 125%;
}

.Wrapper-HomePage .ProgressTracker2 span.count {
  color: #fff;
  line-height: 2em;
}

.Wrapper-HomePage .ProgressTracker2 span.count strong {
  font-size: 160%;
  display: block;
  padding-bottom: 0.5em;
}

/* Search Results */
.SearchResultSummary .ListItemTitle a {
  background: none !important;
}

/* RadStrip Tabs */
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripTop .rtsLevel1 {
  border-bottom: 1px solid #ddd;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripBottom .rtsLevel1 {
  border-top: 1px solid #ddd;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
  background-color: #2A7AB0 !important;
  border-color: #2A7AB0 !important;
  color: white;
  text-decoration: none !important;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
  color: white;
  background-color: #1395c4;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
  text-decoration: none !important;
  color: #ffffff;
  background-color: #54b948 !important;
}

@media (min-width: 768px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft .rtsLevel1 .rtsLink {
    border-right-width: 0;
  }

  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight .rtsLevel1 .rtsLink {
    border-left-width: 0;
  }
}

@media (max-width: 767px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical {
    border-bottom: 1px solid #ddd;
  }

  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 .rtsLink {
    border-width: 1px 1px 0 1px;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 {
    float: left;
  }

  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 .rtsLink {
    margin-left: -1px;
  }

  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLevel1 .rtsFirst .rtsLink {
    margin-left: 0;
  }
}

@media (min-width: 480px) {
  .account-page-with-banner .wrapper.has-secondary-col .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripVertical .rtsLink {
    border-width: 1px;
  }

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

h2,
.formio-form .card .card-header .card-title,
.h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
div.panel-title,
.panel-heading.Distinguish {
  border: none !important;
}

.CalloutPart2 {
  background-color: #f5f4f3;
}

.AccountMiniProfile {
  text-align: center;
}

.AccountMiniProfile .PanelField:not(.Left) .PanelFieldValue,
.AccountMiniProfile .PanelField:not(.Left) .Label {
  width: 100% !important;
  text-align: center;
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral {
  border: none;
}

.backToTop {
  width: 90px;
  right: 0;
  background-color: #348721 !important;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #2A7AB0 !important;
  border-color: #2A7AB0 !important;
}

.notificationBox {
  -webkit-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
}

.notificationBox .panel-heading {
  background-color: #348721;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding: 10px 20px;
}

.notificationBox .panel {
  border: 0px;
}

.notificationBox .panel-title {
  color: white;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: #231f20;
}

a,
.Link {
  color: #006fba;
  text-decoration: underline;
}

a:visited,
.Link:visited {
  color: #007ed4;
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active {
  color: #005187;
  text-decoration: underline;
}

a.aspNetDisabled,
a.aspNetDisabled:hover,
a.aspNetDisabled:focus,
a.aspNetDisabled:active,
a.aspNetDisabled:visited,
a:disabled,
a:disabled:hover,
a:disabled:focus,
a:disabled:active,
a:disabled:visited,
.Link.aspNetDisabled,
.Link.aspNetDisabled:hover,
.Link.aspNetDisabled:focus,
.Link.aspNetDisabled:active,
.Link.aspNetDisabled:visited,
.Link:disabled,
.Link:disabled:hover,
.Link:disabled:focus,
.Link:disabled:active,
.Link:disabled:visited {
  color: #999999;
  text-decoration: underline;
}

.RadGrid a,
.RadToolTip a,
.k-grid a {
  color: #006fba !important;
  text-decoration: underline;
}

.RadGrid a:visited,
.RadToolTip a:visited,
.k-grid a:visited {
  color: #007ed4 !important;
}

.RadGrid a:hover,
.RadGrid a:focus,
.RadGrid a:active,
.RadToolTip a:hover,
.RadToolTip a:focus,
.RadToolTip a:active,
.k-grid a:hover,
.k-grid a:focus,
.k-grid a:active {
  color: #005187 !important;
  text-decoration: underline !important;
}

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

.RadGrid a.TextButton,
.RadGrid .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .RadGrid a {
  color: #fff !important;
  text-decoration: none !important;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

h1,
.h1,
.PageTitle,
h2,
.formio-form .card .card-header .card-title,
.h2,
.PanelTitle,
.panel-title {
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-weight: 400;
  color: #231f20;
}

h1,
.h1,
.PageTitle {
  font-size: 250%;
  color: #231f20;
  margin-top: 0;
}

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

h2,
.formio-form .card .card-header .card-title,
.h2,
.PanelTitle,
.panel-title {
  line-height: 1.45em;
  font-size: 200%;
}

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

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

h4,
.h4,
.SectionLabel {
  color: #006fba;
}

h5,
.h5 {
  color: #006fba;
}

h6,
.h6 {
  font-size: 85%;
  margin: 0;
}

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

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

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

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

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

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

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

#masterHeaderBackground,
.header {
  border-bottom: 2px solid #eeeeee;
}

/* 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,
.header-search .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .header-search a {
  display: none;
}

/* header logo */
#masterHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* 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 {
    background-position: 0 -47px;
    width: 120px;
  }
}

#masterDonorHeaderImage {
  background-image: url("images/DonorHeaderLogo.png");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* 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 {
    width: 169px;
  }
}

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

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

.ProxyPanelContact a {
  color: #87cfff;
}

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

.SubNavPanelHead {
  background-color: #f5f4f3;
  color: #231f20;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-weight: 400;
}

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .footer-nav-copyright .footer-social-copyright {
    text-align: center;
  }
}

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

@media (min-width: 768px) {
  .footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left;
  }

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

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

@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .footer .footer-social {
    width: 33.3333333333%;
  }

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

#masterFooterCopyright {
  clear: both;
}

.footer-content {
  background-color: #006fba;
  border-top: solid 5px #2A7AB0;
  color: #fff;
  text-align: center;
}

.footer-content h2,
.footer-content .formio-form .card .card-header .card-title,
.formio-form .card .card-header .footer-content .card-title {
  margin-top: 0;
  color: #fff;
  border-bottom: none;
}

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

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

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

.footer-promo-container .promo {
  background-color: #00233b;
  /* rgba fallback */
  background-color: rgba(0, 35, 59, 0.5);
  padding: 15px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.footer-promo-container .lead {
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: .25em;
  font-size: 130%;
  line-height: inherit;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}

@media (min-width: 992px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}

.footer-promo-container .TextButton,
.footer-promo-container .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .footer-promo-container a {
  background-color: #00233b;
  /* rgba fallback */
  background-color: rgba(0, 35, 59, 0.5);
  color: #fff;
}

.footer-promo-container .TextButton:hover,
.footer-promo-container .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton .footer-promo-container a:hover {
  background-color: #00233b;
  /* rgba fallback */
  background-color: rgba(0, 35, 59, 0.8);
}

.footer-nav-copyright {
  background-color: #231f20;
  color: #fff;
}

.footer-nav-copyright a,
.footer-nav-copyright a:visited {
  color: #fff;
}

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

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

#ft h4 {
  color: #fff;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-weight: 400;
}

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

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

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

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

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

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
@media (min-width: 768px) {
  .primary-navigation-area .MegaDropDownMenuOuter {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .header-bottom-container {
    background-color: #fff;
    min-height: 105px;
  }
}

.navbar {
  min-height: 52px;
}

@media (max-width: 767px) {
  .navbar {
    background-color: #fff;
  }
}

.navbar-collapse,
.searchbar-collapse {
  background-color: #fff;
}

@media (min-width: 768px) {

  .navbar-collapse,
  .searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
    background: none;
  }
}

.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 8px 15px;
  text-align: center;
  background-color: #ededed;
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_NaturalHeritageSites {
  float: none;
  z-index: 1001 !important;
  position: relative;
}

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

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup,
.RadMenu.RadMenu_NaturalHeritageSites .rmMultiColumn,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem {
  border: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmToggle .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmExpand:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmToggle .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmExpand:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmBottomArrow .rmIcon:before {
  content: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal>.rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal>.rmRootScrollGroup>.rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmLink {
  float: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmLink {
  padding: 0px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle {
  width: auto;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmContent,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmContent {
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap,
.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap .rsmItem,
.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap .rsmTwoLevels .rsmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_NaturalHeritageSites ul {
  margin: 0;
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rsmItem {
  list-style: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>a,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled>a {
  cursor: default;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmItem {
  width: auto;
  clear: both;
  text-align: left;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  padding: 8px 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuOuter>.rmText {
  /* when mega menus are on, don't add padding around the rmText */
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 40px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
  position: relative;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmItem {
  padding: 4px 15px;
  margin: 0;
  word-break: break-all;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink {
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmItem .rsmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
  margin-right: 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLink {
  margin-bottom: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 4px;
}

@media (max-width: 480px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap {
  margin-bottom: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmThreeLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmTemplate {
  display: block;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmTemplate {
  white-space: nowrap;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmLink {
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  padding: 0;
  margin: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmText {
  margin: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #348721;
  background-color: transparent;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #54b948;
  color: #fff !important;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
  background-color: #54b948;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>.rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled>.rsmLink {
  color: #231f20;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>.rmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled>.rmLink:active,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled>.rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled>.rsmLink:active {
  background-color: transparent;
  color: #231f20;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem {
  position: relative;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
  color: #231f20;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-size: 120%;
  font-weight: normal;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink:hover {
  color: #fff;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmLink:hover .rmToggle>.rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmLink.rmFocused .rmToggle>.rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmSelected>.rmLink .rmToggle>.rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmFocused>.rmLink.rmRootLink .rmToggle>.rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmExpanded>.rmLink .rmToggle>.rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink .rmToggle>.rmIcon {
  background-position: 0 -26px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmExpanded>.rmLink>.rmToggle>.rmIcon {
  transform: rotate(180deg);
}

/*2nd and 3rd level navigation (dropdown menus)*/
.RadMenu_NaturalHeritageSites .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
  float: none;
  display: block;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  float: none;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink {
  color: #ffffff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 114%;
  font-weight: normal;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmSeparator,
.RadMenu_NaturalHeritageSites .rmSlide .rmVertical>.rmSeparator,
.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeperator>.rsmLink {
  border-bottom: 1px solid #fff;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmSeparator,
.RadMenu_NaturalHeritageSites .rmSlide .rmVertical>.rmSeparator {
  margin: 0 15px;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmFocused>.rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rmSelected>.rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmSelected>.rsmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem.rsmSelected>.rsmLink {
  background-color: transparent;
  color: #ffffff;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmFocused .RadMenu_NaturalHeritageSites .rmSlide .rmSelected .RadMenu_NaturalHeritageSites .rmSlide .rsmSelected .RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem.rsmSelected {
  background-color: #006fba;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink.rmFocused,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink.rmFocused {
  background-color: transparent;
  color: #ffffff;
}

.RadMenu_NaturalHeritageSites .rmSlide .rsmItem:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem:hover {
  background-color: #58d13c;
  color: #ffffff;
}

.RadMenu_NaturalHeritageSites .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmExpandRight,
.RadMenu_NaturalHeritageSites .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}

.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenu {
  padding-top: 4px;
  padding-bottom: 4px;
}

.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem {
  margin-bottom: .5em;
}

.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:focus {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: normal;
  letter-spacing: 1px;
}

.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}

@media (max-width: 767px) {
  .RadMenu_NaturalHeritageSites .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }

  .RadMenu_NaturalHeritageSites .rmSlide ul.rmVertical,
  .RadMenu_NaturalHeritageSites .rmSlide ul.rmHorizontal,
  .RadMenu_NaturalHeritageSites .rmSlide ul.rmRootScrollGroup {
    float: none;
  }

  .RadMenu_NaturalHeritageSites .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 104px;
  }

  .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }

  .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (max-width: 840px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
    font-size: 100%;
  }
}

@media (min-width: 768px) {

  .RadMenu.RadMenu_NaturalHeritageSites {
    /* Make sure mega menus with two levels are an adequate width */
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
    white-space: nowrap;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup {
    width: auto;
    display: inline-block;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem {
    float: left;
    clear: none;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
    margin: 0;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
    margin: 0;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
    float: none;
    display: block;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
    margin: 0;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rmToggle,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels {
    /*Standard Width*/
    min-width: 190px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth10 {
    /*minimum width for more than menu items with 10-13 chars*/
    min-width: 210px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth10 .rsmLink {
    width: 130px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth14 {
    /*minimum width for more than menu items with 14-17 chars*/
    min-width: 280px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth14 .rsmLink {
    width: 150px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth18 {
    /*minimum width for more than menu items with 18-21 chars*/
    min-width: 350px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth18 .rsmLink {
    width: 185px;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth22 {
    /*minimum width for more than menu items with 22+ chars*/
    min-width: 450px !important;
  }

  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth22 .rsmLink {
    width: 225px;
  }
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_NaturalHeritageSites {
  white-space: normal;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtLI,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtTop,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtMid,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtBot {
  padding: 0;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtIn {
  font-weight: normal;
  display: block;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtHover .rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected>a.rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn {
  background-color: transparent;
  color: #231f20;
  font-weight: bold !important;
}

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

.RadTreeView.RadTreeView_NaturalHeritageSites .rtUL .rtUL {
  padding-left: 15px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px solid #ddd;
}

.RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI:first-child {
  border-top: none;
}

.RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL>.rtLI>.rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites>.rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtSp,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtPlus,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}

.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
  color: #006fba;
  transition: all 0.2s ease-in;
  margin: 0;
}

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

.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:hover,
.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:focus {
  background-color: #54b948;
  color: #231f20;
}

.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:active {
  background-color: #fff;
}

.child-is-selected-wrapper {
  background-color: #54b948;
  color: #231f20;
}

.nav-secondary {
  background-color: transparent;
  margin-bottom: 1em;
}

.nav-secondary .sub-nav-head {
  background-color: #006fba;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
  text-transform: uppercase;
}

.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #006fba;
}

.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
  color: #006fba;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}

.navbar-header>div,
.navbar-header>a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.navbar-toggle {
  margin-top: 5.5px;
  margin-bottom: 5.5px;
  vertical-align: middle;
  background-color: #54b948;
  border-color: transparent;
  border-radius: 3px;
}

.navbar-toggle.collapsed {
  background-color: #54b948;
}

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

.navbar-toggle .icon-bar {
  background-color: #fff;
}

.header-container .nav-auxiliary .TextButton,
.header-container .nav-auxiliary .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .header-container .nav-auxiliary a,
.header-container .nav-auxiliary .navbar-toggle {
  margin-left: 10px;
}

.header-container .nav-auxiliary .UtilityAuthentication a {
  color: #fff;
  font-size: 107%;
  text-decoration: none;
  font-weight: bold;
  padding-top: 2px;
}

.header-container .nav-auxiliary .UtilityAuthentication a:hover,
.header-container .nav-auxiliary .UtilityAuthentication a:focus {
  text-decoration: underline;
}

.header-container .nav-auxiliary .UtilityTranslation select {
  height: 32px;
  margin-right: 10px;
}

@media (min-width: 768px) {

  .header-container .nav-auxiliary .NavigationListItem,
  .header-container .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
  }

}

@media (max-width: 767px) {
  .header-container .nav-auxiliary {
    margin-top: 5px;
  }

  #hd {
    background-color: #fff !important;
    min-height: 7em !important;
    border-bottom: solid 10px #006fba;
  }

  .header-logo-container img {
    max-height: 80px;
  }
}

.header-container .nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 8px;
}

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

.cartCenter span:after {
  content: ')';
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
  padding: 5px;
}

.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 5px;
}

.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -22px no-repeat;
  width: 22px;
  height: 19px;
  margin: 0;
  /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* All navigation links except buttons (menu toggle, search toggle, dropdowns, etc) */
.nav-auxiliary .nav-aux-button {
  /* Cart Item Flag indicating how many items are in your cart */
}

.nav-auxiliary .nav-aux-button.NavigationListItem {
  position: relative;
  /* required for cart indicator placement */
  display: inline-block;
}

.nav-auxiliary .nav-aux-button .NavigationLink {
  margin-left: 10px;
  padding: 5px;
  margin-top: 5.5px;
  margin-bottom: 5.5px;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #54b948;
}

@media (min-width: 768px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: rgba(255, 255, 255, 0.8);
  }

  .nav-auxiliary .nav-aux-button .NavigationLink:hover,
  .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #fff;
  }
}

.nav-auxiliary .nav-aux-button .nav-text {
  display: inline-block;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  line-height: 1.4;
  width: 22px;
  height: 19px;
  padding: 0 0 0 22px;
  color: #fff;
}

.nav-auxiliary .nav-aux-button a:hover .nav-text,
.nav-auxiliary .nav-aux-button a:focus .nav-text {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    background: none;
  }

  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    width: auto;
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 2px -75px no-repeat;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 2px -125px no-repeat;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
  /* left postion is padding plus placement */
  position: absolute;
  top: 1px;
  left: 7.5px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
  color: #fff;
  background-color: #006fba;
  border-radius: 2px;
  font-size: 78%;
  line-height: 1;
  padding: 0 2px 1px;
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:before,
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 7.5px;
    /*($navbar-padding-horizontal + 9 + 5)*/
    top: 2px;
  }

  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #006fba;
    color: #fff;
  }
}

.UtilityAccountArea {
  float: left;
  margin-top: 3px;
}

.UtilityAccountArea .account-toggle .nav-text {
  vertical-align: middle;
}

.UtilityNavigation .account-menu>li>a,
.UtilityNavigation .account-menu>li>a:hover,
.UtilityNavigation .account-menu>li>a:visited,
.UtilityNavigation .account-menu>li>a:active {
  color: #fff;
}

.account-menu .profile-picture-wrapper img {
  border-radius: 0;
  width: 31px;
}

@media (max-width: 767px) {
  .account-menu {
    margin-top: -8px;
  }
}

a.ste-toggle,
.obo-toggle,
.batch-toggle,
.transaction-date-toggle {
  background-color: rgba(255, 255, 255, 0.9);
  width: 34px;
  height: 31px;
  margin-right: 5px;
}

@media (min-width: 768px) {
  .obo-toggle {
    margin-top: 2px;
  }
}

a.ste-toggle:focus,
a.ste-toggle:hover,
.obo-toggle:focus,
.obo-toggle:hover,
.batch-toggle:focus,
.batch-toggle:hover,
.transaction-date-toggle:focus,
.transaction-date-toggle:hover {
  background-color: white;
}

.obo-toggle.on,
.ste-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on {
  background-color: #fff;
}

.OnBehalfOfContainer {
  width: 100%;
}

.search-container-sm {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}

.header-search {
  padding: 8px 15px;
  /* Search field is used as toggle button *and* field on larger devices */
}

.header-search>.header-search {
  padding: 0;
  /* don't double the padding */
}

.header-search .search-field {
  height: 31px;
}

@media (max-width: 767px) {
  .header-search .search-field {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .header-search .search-field {
    padding: 0 0 0 7px;
    padding-left: 34px !important;
    background-position: 7px -17px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
  }

  .header-search .search-field:focus {
    background-color: #fff;
  }
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens
 * and the auxiliary nav on wider screens.
 * To use this configure the nav item to not be hidden and also display in the
 * auxiliary navigaiton item.
 */
@media (max-width: 767px) {

  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}

@media (min-width: 768px) {

  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .searchbar-collapse {
    margin-top: 10px;
    width: 100%;
  }

  .searchbar-collapse .header-search {
    padding: 8px 8px 10px 10px;
  }

  .header-container .UtilityNavigation.nav-auxiliary {
    text-align: right;
  }
}

/* ==========================================================================
   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
   ========================================================================== */
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border-radius: 3px;
  opacity: .70;
  transition: opacity 0.2s ease-out;
}

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

.SocialSprite.LargeButtons {
  width: 32px;
  height: 32px;
}

.SocialSprite:hover,
.SocialSprite:focus,
.SocialSprite:active {
  opacity: 1;
}

.SocialSprite.FacebookIcon,
.SocialSprite.FacebookIcon:hover,
a:hover .SocialSprite.FacebookIcon,
.SocialSprite.FacebookIcon:focus,
a:focus .SocialSprite.FacebookIcon,
.SocialSprite.FacebookIcon:active,
a:active .SocialSprite.FacebookIcon {
  background-position: 0 0;
  background-color: #3B5998;
}

.SocialSprite.FacebookIcon.LargeButtons,
.SocialSprite.FacebookIcon.LargeButtons:hover,
a:hover .SocialSprite.FacebookIcon.LargeButtons,
.SocialSprite.FacebookIcon.LargeButtons:focus,
a:focus .SocialSprite.FacebookIcon.LargeButtons,
.SocialSprite.FacebookIcon.LargeButtons:active,
a:active .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0 -80px;
}

.SocialSprite.TwitterIcon,
.SocialSprite.TwitterIcon:hover,
a:hover .SocialSprite.TwitterIcon,
.SocialSprite.TwitterIcon:focus,
a:focus .SocialSprite.TwitterIcon,
.SocialSprite.TwitterIcon:active,
a:active .SocialSprite.TwitterIcon {
  background-position: -40px 0;
  background-color: #00a0d1;
}

.SocialSprite.TwitterIcon.LargeButtons,
.SocialSprite.TwitterIcon.LargeButtons:hover,
a:hover .SocialSprite.TwitterIcon.LargeButtons,
.SocialSprite.TwitterIcon.LargeButtons:focus,
a:focus .SocialSprite.TwitterIcon.LargeButtons,
.SocialSprite.TwitterIcon.LargeButtons:active,
a:active .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -80px;
}

.SocialSprite.LinkedInIcon,
.SocialSprite.LinkedInIcon:hover,
a:hover .SocialSprite.LinkedInIcon,
.SocialSprite.LinkedInIcon:focus,
a:focus .SocialSprite.LinkedInIcon,
.SocialSprite.LinkedInIcon:active,
a:active .SocialSprite.LinkedInIcon {
  background-position: -80px 0;
  background-color: #0077B5;
}

.SocialSprite.LinkedInIcon.LargeButtons,
.SocialSprite.LinkedInIcon.LargeButtons:hover,
a:hover .SocialSprite.LinkedInIcon.LargeButtons,
.SocialSprite.LinkedInIcon.LargeButtons:focus,
a:focus .SocialSprite.LinkedInIcon.LargeButtons,
.SocialSprite.LinkedInIcon.LargeButtons:active,
a:active .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -80px;
}

.SocialSprite.YouTubeIcon,
.SocialSprite.YouTubeIcon:hover,
a:hover .SocialSprite.YouTubeIcon,
.SocialSprite.YouTubeIcon:focus,
a:focus .SocialSprite.YouTubeIcon,
.SocialSprite.YouTubeIcon:active,
a:active .SocialSprite.YouTubeIcon {
  background-position: -120px 0;
  background-color: #c4302b;
}

.SocialSprite.YouTubeIcon.LargeButtons,
.SocialSprite.YouTubeIcon.LargeButtons:hover,
a:hover .SocialSprite.YouTubeIcon.LargeButtons,
.SocialSprite.YouTubeIcon.LargeButtons:focus,
a:focus .SocialSprite.YouTubeIcon.LargeButtons,
.SocialSprite.YouTubeIcon.LargeButtons:active,
a:active .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -80px;
}

.SocialSprite.EmailIcon,
.SocialSprite.EmailIcon:hover,
a:hover .SocialSprite.EmailIcon,
.SocialSprite.EmailIcon:focus,
a:focus .SocialSprite.EmailIcon,
.SocialSprite.EmailIcon:active,
a:active .SocialSprite.EmailIcon {
  background-position: -160px 0;
  background-color: #0a629a;
}

.SocialSprite.EmailIcon.LargeButtons,
.SocialSprite.EmailIcon.LargeButtons:hover,
a:hover .SocialSprite.EmailIcon.LargeButtons,
.SocialSprite.EmailIcon.LargeButtons:focus,
a:focus .SocialSprite.EmailIcon.LargeButtons,
.SocialSprite.EmailIcon.LargeButtons:active,
a:active .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -80px;
}

.SocialSprite.PinterestIcon,
.SocialSprite.PinterestIcon:hover,
a:hover .SocialSprite.PinterestIcon,
.SocialSprite.PinterestIcon:focus,
a:focus .SocialSprite.PinterestIcon,
.SocialSprite.PinterestIcon:active,
a:active .SocialSprite.PinterestIcon {
  background-position: -200px 0;
  background-color: #0a629a;
}

.SocialSprite.PinterestIcon.LargeButtons,
.SocialSprite.PinterestIcon.LargeButtons:hover,
a:hover .SocialSprite.PinterestIcon.LargeButtons,
.SocialSprite.PinterestIcon.LargeButtons:focus,
a:focus .SocialSprite.PinterestIcon.LargeButtons,
.SocialSprite.PinterestIcon.LargeButtons:active,
a:active .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -80px;
}

.SocialSprite.GPlusIcon,
.SocialSprite.GPlusIcon:hover,
a:hover .SocialSprite.GPlusIcon,
.SocialSprite.GPlusIcon:focus,
a:focus .SocialSprite.GPlusIcon,
.SocialSprite.GPlusIcon:active,
a:active .SocialSprite.GPlusIcon {
  background-position: -240px 0;
  background-color: #db4a39;
}

.SocialSprite.GPlusIcon.LargeButtons,
.SocialSprite.GPlusIcon.LargeButtons:hover,
a:hover .SocialSprite.GPlusIcon.LargeButtons,
.SocialSprite.GPlusIcon.LargeButtons:focus,
a:focus .SocialSprite.GPlusIcon.LargeButtons,
.SocialSprite.GPlusIcon.LargeButtons:active,
a:active .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -80px;
}

.SocialSprite.SkypeIcon,
.SocialSprite.SkypeIcon:hover,
a:hover .SocialSprite.SkypeIcon,
.SocialSprite.SkypeIcon:focus,
a:focus .SocialSprite.SkypeIcon,
.SocialSprite.SkypeIcon:active,
a:active .SocialSprite.SkypeIcon {
  background-position: -280px 0;
  background-color: #00aff0;
}

.SocialSprite.SkypeIcon.LargeButtons,
.SocialSprite.SkypeIcon.LargeButtons:hover,
a:hover .SocialSprite.SkypeIcon.LargeButtons,
.SocialSprite.SkypeIcon.LargeButtons:focus,
a:focus .SocialSprite.SkypeIcon.LargeButtons,
.SocialSprite.SkypeIcon.LargeButtons:active,
a:active .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -80px;
}

.SocialSprite.InstagramIcon,
.SocialSprite.InstagramIcon:hover,
a:hover .SocialSprite.InstagramIcon,
.SocialSprite.InstagramIcon:focus,
a:focus .SocialSprite.InstagramIcon,
.SocialSprite.InstagramIcon:active,
a:active .SocialSprite.InstagramIcon {
  background-position: -360px 0;
  background-color: #e1306c;
}

.SocialSprite.InstagramIcon.LargeButtons,
.SocialSprite.InstagramIcon.LargeButtons:hover,
a:hover .SocialSprite.InstagramIcon.LargeButtons,
.SocialSprite.InstagramIcon.LargeButtons:focus,
a:focus .SocialSprite.InstagramIcon.LargeButtons,
.SocialSprite.InstagramIcon.LargeButtons:active,
a:active .SocialSprite.InstagramIcon.LargeButtons {
  background-position: -360px -80px;
}

.SocialSprite.SnapchatIcon,
.SocialSprite.SnapchatIcon:hover,
a:hover .SocialSprite.SnapchatIcon,
.SocialSprite.SnapchatIcon:focus,
a:focus .SocialSprite.SnapchatIcon,
.SocialSprite.SnapchatIcon:active,
a:active .SocialSprite.SnapchatIcon {
  background-position: -400px 0;
  background-color: #fffc00;
}

.SocialSprite.SnapchatIcon.LargeButtons,
.SocialSprite.SnapchatIcon.LargeButtons:hover,
a:hover .SocialSprite.SnapchatIcon.LargeButtons,
.SocialSprite.SnapchatIcon.LargeButtons:focus,
a:focus .SocialSprite.SnapchatIcon.LargeButtons,
.SocialSprite.SnapchatIcon.LargeButtons:active,
a:active .SocialSprite.SnapchatIcon.LargeButtons {
  background-position: -400px -80px;
}

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Montserrat", Arial, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 39px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.8;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 3px;
  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 {
    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 {
  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 {
  color: #999999;
  opacity: 1;
}

/* RadComboBox needs the same styles as normal inputs,
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #555555;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner,
.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput,
.RadComboBox.RadComboBox_MetroTouch .rcbFocused,
.RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
  color: #555555;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 39px;
  padding: 0;
  font-size: 100%;
  line-height: 1.8;
  border: 1px solid #ccc;
  border-radius: 3px;
  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) {
  .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    transition: none;
  }
}

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

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

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

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

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

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 3px 3px 0;
}

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

.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: 39px;
  padding: 5px 10px;
  border-color: #ccc;
  font: inherit;
  color: #555555;
}

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

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

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

.HtmlEditorTextBoxStyle .reContent {
  border-radius: 3px;
}

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

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

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 39px;
  border-radius: 3px;
  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;
}

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

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

@media screen and (prefers-reduced-motion: reduce) {

  .btn,
  .TextButton,
  .hiddenGrid.secretButton a,
  .TextButtonWithImage,
  .RadUpload .ruButton,
  .RadUploadProgressArea .ruButton,
  #masterHeaderActionArea a {
    transition: none;
  }
}

.btn:focus,
.TextButton:focus,
.hiddenGrid.secretButton a:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn:visited,
.TextButton:hover,
.hiddenGrid.secretButton a:hover,
.TextButton:focus,
.hiddenGrid.secretButton a:focus,
.TextButton:visited,
.hiddenGrid.secretButton a:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: #fff;
  text-decoration: none;
}

.btn:active,
.btn.active,
.TextButton:active,
.hiddenGrid.secretButton a:active,
.TextButton.active,
.hiddenGrid.secretButton a.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.aspNetDisabled,
.TextButton.disabled,
.hiddenGrid.secretButton a.disabled,
.TextButton[disabled],
.hiddenGrid.secretButton a[disabled],
fieldset[disabled] .TextButton,
fieldset[disabled] .hiddenGrid.secretButton a,
.hiddenGrid.secretButton fieldset[disabled] a,
.TextButton.aspNetDisabled,
.hiddenGrid.secretButton a.aspNetDisabled,
.TextButtonWithImage.disabled,
.TextButtonWithImage[disabled],
fieldset[disabled] .TextButtonWithImage,
.TextButtonWithImage.aspNetDisabled,
.RadUpload .ruButton.disabled,
.RadUpload .ruButton[disabled],
fieldset[disabled] .RadUpload .ruButton,
.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled] .RadUploadProgressArea .ruButton,
.RadUploadProgressArea .ruButton.aspNetDisabled,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled],
fieldset[disabled] #masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled {
  pointer-events: none;
  opacity: .55;
  box-shadow: none;
}

/* default button */
.btn,
.TextButton,
.hiddenGrid.secretButton a,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  background-color: #006fba;
  border-color: transparent;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.TextButton:hover,
.hiddenGrid.secretButton a:hover,
.TextButton:focus,
.hiddenGrid.secretButton a:focus,
.TextButton:active,
.hiddenGrid.secretButton a:active,
.TextButton:visited,
.hiddenGrid.secretButton a:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited {
  color: #fff;
  background-color: #005791;
  border-color: rgba(0, 0, 0, 0);
}

.btn:active,
.TextButton:active,
.hiddenGrid.secretButton a:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:active,
.btn.aspNetDisabled,
.btn.aspNetDisabled:hover,
.btn.aspNetDisabled:focus,
.btn.aspNetDisabled:active,
.TextButton[disabled],
.hiddenGrid.secretButton a[disabled],
.TextButton[disabled]:hover,
.hiddenGrid.secretButton a[disabled]:hover,
.TextButton[disabled]:focus,
.hiddenGrid.secretButton a[disabled]:focus,
.TextButton[disabled]:active,
.hiddenGrid.secretButton a[disabled]:active,
fieldset[disabled] .TextButton,
fieldset[disabled] .hiddenGrid.secretButton a,
.hiddenGrid.secretButton fieldset[disabled] a,
fieldset[disabled] .TextButton:hover,
fieldset[disabled] .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton fieldset[disabled] a:hover,
fieldset[disabled] .TextButton:focus,
fieldset[disabled] .hiddenGrid.secretButton a:focus,
.hiddenGrid.secretButton fieldset[disabled] a:focus,
fieldset[disabled] .TextButton:active,
fieldset[disabled] .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton fieldset[disabled] a:active,
.TextButton.aspNetDisabled,
.hiddenGrid.secretButton a.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.hiddenGrid.secretButton a.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.hiddenGrid.secretButton a.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.hiddenGrid.secretButton a.aspNetDisabled:active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active,
fieldset[disabled] .TextButtonWithImage,
fieldset[disabled] .TextButtonWithImage:hover,
fieldset[disabled] .TextButtonWithImage:focus,
fieldset[disabled] .TextButtonWithImage:active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active,
fieldset[disabled] .ruButton,
fieldset[disabled] .ruButton:hover,
fieldset[disabled] .ruButton:focus,
fieldset[disabled] .ruButton:active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
fieldset[disabled] #masterHeaderActionArea a,
fieldset[disabled] #masterHeaderActionArea a:hover,
fieldset[disabled] #masterHeaderActionArea a:focus,
fieldset[disabled] #masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active,
fieldset[disabled] .RadGrid input.TextButton,
fieldset[disabled] .RadGrid input.TextButton:hover,
fieldset[disabled] .RadGrid input.TextButton:focus,
fieldset[disabled] .RadGrid input.TextButton:active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active {
  background-color: #006fba;
  border-color: transparent;
}

/* some Telerik overrides */
.ruButton {
  background-color: #006fba !important;
  color: #fff !important;
  cursor: pointer;
  border-radius: 3px !important;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 5px 10px;
  line-height: 1.8;
  border-radius: 3px;
}

/* primary button */
.PrimaryButton,
.hiddenGrid.secretButton a,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .UsePrimaryButton a,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff;
  background-color: #348721;
  border-color: transparent;
}

.PrimaryButton:hover,
.hiddenGrid.secretButton a:hover,
.PrimaryButton:focus,
.hiddenGrid.secretButton a:focus,
.PrimaryButton:active,
.hiddenGrid.secretButton a:active,
.PrimaryButton:visited,
.hiddenGrid.secretButton a:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton .UsePrimaryButton a:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .hiddenGrid.secretButton a:focus,
.hiddenGrid.secretButton .UsePrimaryButton a:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton .UsePrimaryButton a:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .hiddenGrid.secretButton a:visited,
.hiddenGrid.secretButton .UsePrimaryButton a:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  color: #fff;
  background-color: #368f22;
  border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton:active,
.hiddenGrid.secretButton a:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton .UsePrimaryButton a:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
}

.PrimaryButton[disabled],
.hiddenGrid.secretButton a[disabled],
.PrimaryButton[disabled]:hover,
.hiddenGrid.secretButton a[disabled]:hover,
.PrimaryButton[disabled]:focus,
.hiddenGrid.secretButton a[disabled]:focus,
.PrimaryButton[disabled]:active,
.hiddenGrid.secretButton a[disabled]:active,
fieldset[disabled] .PrimaryButton,
fieldset[disabled] .hiddenGrid.secretButton a,
.hiddenGrid.secretButton fieldset[disabled] a,
fieldset[disabled] .PrimaryButton:hover,
fieldset[disabled] .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton fieldset[disabled] a:hover,
fieldset[disabled] .PrimaryButton:focus,
fieldset[disabled] .hiddenGrid.secretButton a:focus,
.hiddenGrid.secretButton fieldset[disabled] a:focus,
fieldset[disabled] .PrimaryButton:active,
fieldset[disabled] .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton fieldset[disabled] a:active,
.PrimaryButton.aspNetDisabled,
.hiddenGrid.secretButton a.aspNetDisabled,
.PrimaryButton.aspNetDisabled:hover,
.hiddenGrid.secretButton a.aspNetDisabled:hover,
.PrimaryButton.aspNetDisabled:focus,
.hiddenGrid.secretButton a.aspNetDisabled:focus,
.PrimaryButton.aspNetDisabled:active,
.hiddenGrid.secretButton a.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active,
fieldset[disabled] .SaveAndClose,
fieldset[disabled] .SaveAndClose:hover,
fieldset[disabled] .SaveAndClose:focus,
fieldset[disabled] .SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active,
fieldset[disabled] .SaveAs,
fieldset[disabled] .SaveAs:hover,
fieldset[disabled] .SaveAs:focus,
fieldset[disabled] .SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .hiddenGrid.secretButton a[disabled],
.hiddenGrid.secretButton .UsePrimaryButton a[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .hiddenGrid.secretButton a[disabled]:hover,
.hiddenGrid.secretButton .UsePrimaryButton a[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .hiddenGrid.secretButton a[disabled]:focus,
.hiddenGrid.secretButton .UsePrimaryButton a[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active,
.UsePrimaryButton .hiddenGrid.secretButton a[disabled]:active,
.hiddenGrid.secretButton .UsePrimaryButton a[disabled]:active,
fieldset[disabled] .UsePrimaryButton .TextButton,
fieldset[disabled] .UsePrimaryButton .hiddenGrid.secretButton a,
.hiddenGrid.secretButton fieldset[disabled] .UsePrimaryButton a,
fieldset[disabled] .UsePrimaryButton .TextButton:hover,
fieldset[disabled] .UsePrimaryButton .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton fieldset[disabled] .UsePrimaryButton a:hover,
fieldset[disabled] .UsePrimaryButton .TextButton:focus,
fieldset[disabled] .UsePrimaryButton .hiddenGrid.secretButton a:focus,
.hiddenGrid.secretButton fieldset[disabled] .UsePrimaryButton a:focus,
fieldset[disabled] .UsePrimaryButton .TextButton:active,
fieldset[disabled] .UsePrimaryButton .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton fieldset[disabled] .UsePrimaryButton a:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .hiddenGrid.secretButton a.aspNetDisabled,
.hiddenGrid.secretButton .UsePrimaryButton a.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .hiddenGrid.secretButton a.aspNetDisabled:hover,
.hiddenGrid.secretButton .UsePrimaryButton a.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .hiddenGrid.secretButton a.aspNetDisabled:focus,
.hiddenGrid.secretButton .UsePrimaryButton a.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .hiddenGrid.secretButton a.aspNetDisabled:active,
.hiddenGrid.secretButton .UsePrimaryButton a.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
fieldset[disabled] #masterHeaderActionArea a,
fieldset[disabled] #masterHeaderActionArea a:hover,
fieldset[disabled] #masterHeaderActionArea a:focus,
fieldset[disabled] #masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active,
fieldset[disabled] .RadGrid input.PrimaryButton,
fieldset[disabled] .RadGrid input.PrimaryButton:hover,
fieldset[disabled] .RadGrid input.PrimaryButton:focus,
fieldset[disabled] .RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  background-color: #348721;
  border-color: transparent;
}

/* Facebook sign in button */
.TextButton.Facebook,
.hiddenGrid.secretButton a.Facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: #2d4373;
}

.TextButton.Facebook:hover,
.hiddenGrid.secretButton a.Facebook:hover,
.TextButton.Facebook:focus,
.hiddenGrid.secretButton a.Facebook:focus,
.TextButton.Facebook:active,
.hiddenGrid.secretButton a.Facebook:active,
.TextButton.Facebook:visited,
.hiddenGrid.secretButton a.Facebook:visited {
  color: #fff;
  background-color: #30487b;
  border-color: #1c2a47;
}

.TextButton.Facebook:active,
.hiddenGrid.secretButton a.Facebook:active {
  background-image: none;
}

.TextButton.Facebook[disabled],
.hiddenGrid.secretButton a.Facebook[disabled],
.TextButton.Facebook[disabled]:hover,
.hiddenGrid.secretButton a.Facebook[disabled]:hover,
.TextButton.Facebook[disabled]:focus,
.hiddenGrid.secretButton a.Facebook[disabled]:focus,
.TextButton.Facebook[disabled]:active,
.hiddenGrid.secretButton a.Facebook[disabled]:active,
fieldset[disabled] .TextButton.Facebook,
fieldset[disabled] .hiddenGrid.secretButton a.Facebook,
.hiddenGrid.secretButton fieldset[disabled] a.Facebook,
fieldset[disabled] .TextButton.Facebook:hover,
fieldset[disabled] .hiddenGrid.secretButton a.Facebook:hover,
.hiddenGrid.secretButton fieldset[disabled] a.Facebook:hover,
fieldset[disabled] .TextButton.Facebook:focus,
fieldset[disabled] .hiddenGrid.secretButton a.Facebook:focus,
.hiddenGrid.secretButton fieldset[disabled] a.Facebook:focus,
fieldset[disabled] .TextButton.Facebook:active,
fieldset[disabled] .hiddenGrid.secretButton a.Facebook:active,
.hiddenGrid.secretButton fieldset[disabled] a.Facebook:active,
.TextButton.Facebook.aspNetDisabled,
.hiddenGrid.secretButton a.Facebook.aspNetDisabled,
.TextButton.Facebook.aspNetDisabled:hover,
.hiddenGrid.secretButton a.Facebook.aspNetDisabled:hover,
.TextButton.Facebook.aspNetDisabled:focus,
.hiddenGrid.secretButton a.Facebook.aspNetDisabled:focus,
.TextButton.Facebook.aspNetDisabled:active,
.hiddenGrid.secretButton a.Facebook.aspNetDisabled:active {
  background-color: #3B5998;
  border-color: #2d4373;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #fff;
  background-color: #0077B5;
  border-color: #005582;
}

.SignInButton.LinkedIn:hover,
.SignInButton.LinkedIn:focus,
.SignInButton.LinkedIn:active,
.SignInButton.LinkedIn:visited {
  color: #fff;
  background-color: #005c8c;
  border-color: #002d45;
}

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

.SignInButton.LinkedIn[disabled],
.SignInButton.LinkedIn[disabled]:hover,
.SignInButton.LinkedIn[disabled]:focus,
.SignInButton.LinkedIn[disabled]:active,
fieldset[disabled] .SignInButton.LinkedIn,
fieldset[disabled] .SignInButton.LinkedIn:hover,
fieldset[disabled] .SignInButton.LinkedIn:focus,
fieldset[disabled] .SignInButton.LinkedIn:active,
.SignInButton.LinkedIn.aspNetDisabled,
.SignInButton.LinkedIn.aspNetDisabled:hover,
.SignInButton.LinkedIn.aspNetDisabled:focus,
.SignInButton.LinkedIn.aspNetDisabled:active {
  background-color: #0077B5;
  border-color: #005582;
}

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .UseMediumButton a,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
  border-radius: 6px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .UseLargeButton a,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
  border-radius: 9px;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #006fba;
  text-shadow: none;
  box-shadow: none;
  border: none;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.8;
  border-radius: 3px;
  color: #006fba;
  text-decoration: underline;
}

.LinkButton:visited {
  color: #007ed4;
}

.LinkButton:hover,
.LinkButton:focus,
.LinkButton:active {
  color: #005187;
  text-decoration: underline;
}

.LinkButton.aspNetDisabled,
.LinkButton.aspNetDisabled:hover,
.LinkButton.aspNetDisabled:focus,
.LinkButton.aspNetDisabled:active,
.LinkButton.aspNetDisabled:visited,
.LinkButton:disabled,
.LinkButton:disabled:hover,
.LinkButton:disabled:focus,
.LinkButton:disabled:active,
.LinkButton:disabled:visited {
  color: #999999;
  text-decoration: underline;
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .hiddenGrid.secretButton a.btn,
.hiddenGrid.secretButton .CalloutArea1 a.btn,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .CalloutArea1 a,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea1 .hiddenGrid.secretButton a.TextButtonWithImage,
.hiddenGrid.secretButton .CalloutArea1 a.TextButtonWithImage,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .hiddenGrid.secretButton a.btn,
.hiddenGrid.secretButton .CalloutArea2 a.btn,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .CalloutArea2 a,
.CalloutArea2 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .hiddenGrid.secretButton a.TextButtonWithImage,
.hiddenGrid.secretButton .CalloutArea2 a.TextButtonWithImage {
  color: #fff;
  background-color: #888;
}

.CalloutArea1 .btn.PrimaryButton:hover,
.CalloutArea1 .hiddenGrid.secretButton a.btn:hover,
.hiddenGrid.secretButton .CalloutArea1 a.btn:hover,
.CalloutArea1 .btn.PrimaryButton:active,
.CalloutArea1 .hiddenGrid.secretButton a.btn:active,
.hiddenGrid.secretButton .CalloutArea1 a.btn:active,
.CalloutArea1 .btn.PrimaryButton:focus,
.CalloutArea1 .hiddenGrid.secretButton a.btn:focus,
.hiddenGrid.secretButton .CalloutArea1 a.btn:focus,
.CalloutArea1 .TextButton.PrimaryButton:hover,
.CalloutArea1 .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton .CalloutArea1 a:hover,
.CalloutArea1 .TextButton.PrimaryButton:active,
.CalloutArea1 .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton .CalloutArea1 a:active,
.CalloutArea1 .TextButton.PrimaryButton:focus,
.CalloutArea1 .hiddenGrid.secretButton a:focus,
.hiddenGrid.secretButton .CalloutArea1 a:focus,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea1 .hiddenGrid.secretButton a.TextButtonWithImage:hover,
.hiddenGrid.secretButton .CalloutArea1 a.TextButtonWithImage:hover,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea1 .hiddenGrid.secretButton a.TextButtonWithImage:active,
.hiddenGrid.secretButton .CalloutArea1 a.TextButtonWithImage:active,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea1 .hiddenGrid.secretButton a.TextButtonWithImage:focus,
.hiddenGrid.secretButton .CalloutArea1 a.TextButtonWithImage:focus,
.CalloutArea2 .btn.PrimaryButton:hover,
.CalloutArea2 .hiddenGrid.secretButton a.btn:hover,
.hiddenGrid.secretButton .CalloutArea2 a.btn:hover,
.CalloutArea2 .btn.PrimaryButton:active,
.CalloutArea2 .hiddenGrid.secretButton a.btn:active,
.hiddenGrid.secretButton .CalloutArea2 a.btn:active,
.CalloutArea2 .btn.PrimaryButton:focus,
.CalloutArea2 .hiddenGrid.secretButton a.btn:focus,
.hiddenGrid.secretButton .CalloutArea2 a.btn:focus,
.CalloutArea2 .TextButton.PrimaryButton:hover,
.CalloutArea2 .hiddenGrid.secretButton a:hover,
.hiddenGrid.secretButton .CalloutArea2 a:hover,
.CalloutArea2 .TextButton.PrimaryButton:active,
.CalloutArea2 .hiddenGrid.secretButton a:active,
.hiddenGrid.secretButton .CalloutArea2 a:active,
.CalloutArea2 .TextButton.PrimaryButton:focus,
.CalloutArea2 .hiddenGrid.secretButton a:focus,
.hiddenGrid.secretButton .CalloutArea2 a:focus,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea2 .hiddenGrid.secretButton a.TextButtonWithImage:hover,
.hiddenGrid.secretButton .CalloutArea2 a.TextButtonWithImage:hover,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea2 .hiddenGrid.secretButton a.TextButtonWithImage:active,
.hiddenGrid.secretButton .CalloutArea2 a.TextButtonWithImage:active,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea2 .hiddenGrid.secretButton a.TextButtonWithImage:focus,
.hiddenGrid.secretButton .CalloutArea2 a.TextButtonWithImage:focus {
  color: #fff;
  background-color: dimgray;
}

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

.btn.SuccessButton {
  color: #fff;
  background: #008943;
}

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

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

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

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

.RadTreeView.GLE .rtImg {
  border-radius: 3px;
}

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

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
  background-color: #f9f9f9;
}

.mini-profile-banner-large .panel-heading,
.mini-profile-banner-large .panel-heading h1,
.mini-profile-banner-large .panel-heading h2,
.mini-profile-banner-large .panel-heading .formio-form .card .card-header .card-title,
.formio-form .card .card-header .mini-profile-banner-large .panel-heading .card-title,
.mini-profile-banner-large .panel-heading h3,
.mini-profile-banner-large .panel-heading .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .mini-profile-banner-large .panel-heading .card-title,
.mini-profile-banner-large .panel-heading h4,
.mini-profile-banner-large .panel-heading h5,
.mini-profile-banner-small .panel-heading,
.mini-profile-banner-small .panel-heading h1,
.mini-profile-banner-small .panel-heading h2,
.mini-profile-banner-small .panel-heading .formio-form .card .card-header .card-title,
.formio-form .card .card-header .mini-profile-banner-small .panel-heading .card-title,
.mini-profile-banner-small .panel-heading h3,
.mini-profile-banner-small .panel-heading .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .mini-profile-banner-small .panel-heading .card-title,
.mini-profile-banner-small .panel-heading h4,
.mini-profile-banner-small .panel-heading h5 {
  color: #333333;
}

.mini-profile-banner-large a,
.mini-profile-banner-large a:hover,
.mini-profile-banner-large a:active,
.mini-profile-banner-large a:visited,
.mini-profile-banner-small a,
.mini-profile-banner-small a:hover,
.mini-profile-banner-small a:active,
.mini-profile-banner-small a:visited {
  color: #231f20;
  text-decoration: underline;
}

.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: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-weight: 400;
  font-size: 200%;
}

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  background-color: #f9f9f9;
}

.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-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {

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

  .mini-profile-banner-large .mini-profile-name-section,
  .mini-profile-banner-large .mini-profile-name-section a,
  .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
  .mini-profile-banner-large .mini-profile-name-section label,
  .mini-profile-banner-large .mini-profile-name-section .Label,
  .mini-profile-banner-large .mini-profile-address-section,
  .mini-profile-banner-large .mini-profile-address-section a,
  .mini-profile-banner-large .mini-profile-address-section .SectionLabel,
  .mini-profile-banner-large .mini-profile-address-section label,
  .mini-profile-banner-large .mini-profile-address-section .Label {
    color: #333333;
  }

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

.content-alert .AlertSet {
  padding: 0;
}

.content-alert .panel-body {
  padding: 0;
}

.content-alert .AlertItem {
  border: 0px;
  border-left: 0px solid #f5f5f5;
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  list-style: none;
}

.box.memberMenu {
  padding: 2em;
  margin: 20px 0px;
}

.box.memberMenu h2,
.box.memberMenu .formio-form .card .card-header .card-title,
.formio-form .card .card-header .box.memberMenu .card-title {
  margin-top: 0px;
}

.box-row.bordered {
  padding: 10px;
}

.box-row.bordered .box.icon-box {
  box-shadow: none;
  border: 1px solid #e2e2e2;
  padding: 1em;
  margin: 10px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.box-row.bordered .box.icon-box a,
.box-row.bordered .box.icon-box .link,
.box-row.bordered .box.icon-box a:visited,
.box-row.bordered .box.icon-box .Link:visited {
  color: #231f20;
  text-decoration: none;
}

.box-row.bordered .box.icon-box:hover {
  box-shadow: -1px 5px 11px 0px rgba(0, 0, 0, 0.07);
  transform: scale(1.05);
}

.box-row.bordered .box.icon-box h2,
.box-row.bordered .box.icon-box .formio-form .card .card-header .card-title,
.formio-form .card .card-header .box-row.bordered .box.icon-box .card-title {
  flex: 1;
  width: 100%;
}

.box-row.bordered .box.icon-box h5 {
  flex: 1;
}

.box-row.bordered .box.icon-box .box-img-container {
  flex-grow: 1;
  display: flex;
}

.box-row.bordered .box.icon-box .box-img-container img {
  padding: 5px 20px;
  align-self: center;
}

/*Mini Profile*/
.AccountMiniProfile .panel-body {
  padding: 10px 25px;
}

.AccountMiniProfile .SectionLabel {
  font-size: 200%;
  margin-top: 1em;
}

.AccountMiniProfile .PanelField {
  text-align: left;
  padding: 0px 0px;
}

.AccountMiniProfile:first-child {
  margin-top: 1em;
}

.AccountMiniProfile span[id$="ciNewContactMiniProfileCommon__Body"] {
  content: " ";
  width: 50px;
  height: 40px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…MuMDM1MiwtMi4wMDUyMSAtNC44MjkxLC0yLjAxNTYyeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+) 50% 50% no-repeat;
  background-size: 100%;
  display: inline-flex;
}

.AccountMiniProfile .PanelFieldValue {
  float: none;
}

.AccountMiniProfile .PanelFieldValue span[id$="fullName"] {
  margin-top: 1em;
  font-size: 200%;
  font-weight: bold;
  line-height: 42px;
}

.AccountMiniProfile .PanelFieldValue span[id$="contactTitle"] {
  font-size: 20px;
  font-weight: bold;
}

.AccountMiniProfile .PanelFieldValue span[id$="contactName_institute"] a {
  color: #231f20;
}

.AccountMiniProfile .Label,
.AccountMiniProfile label {
  color: #231f20;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.AccountMiniProfile.fullWidthFields .PanelField {
  text-align: center;
  padding: 15px 0px;
}

.AccountMiniProfile.fullWidthFields .PanelField .Label,
.AccountMiniProfile.fullWidthFields .PanelField label {
  width: 100%;
}

.AccountMiniProfile.fullWidthFields .PanelFieldValue {
  float: left;
}

.AccountMiniProfile.fullWidthFields .panel-body-container {
  padding: 0px 20px;
}

.AccountMiniProfileContainer {
  background-color: #fff;
  border-radius: 1px;
  -webkit-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 1.2em;
}

/*View My Profile Button*/
.profile-link {
  text-align: right;
  align-self: flex-end;
  margin-bottom: 1em;
  z-index: 1;
}

/*BASIC BOXES*/
.box-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.box-row [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.box-row .box {
  height: 100%;
}

.box {
  background-color: #fff;
  padding: 2em 1em;
  border-radius: 1px;
  margin: 10px 10px;
  -webkit-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
}

.box.icon-box img {
  padding: 20px;
}

.box.icon-box h5,
.box.icon-box h4,
.box.icon-box h3,
.box.icon-box .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .box.icon-box .card-title {
  margin: 10px;
}

/*Member Landing Menu*/
.icons8-name {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTE0My43ODEyNSw2Ny4xODc1YzAsMzEuODQ2ODcgLTI1LjkzNDM4LDU3Ljc4MTI1IC01Ny43ODEyNSw1Ny43ODEyNWMtMTMuODQwNjMsMCAtMjYuNjA2MjUsLTQuODM3NSAtMzYuNTUsLTEzLjAzNDM3Yy0xMy4wMzQzNywtMTAuNjE1NjIgLTIxLjIzMTI1LC0yNi43NDA2MyAtMjEuMjMxMjUsLTQ0Ljc0Njg3YzAsLTMxLjg0Njg3IDI1LjkzNDM3LC01Ny43ODEyNSA1Ny43ODEyNSwtNTcuNzgxMjVjMzEuODQ2ODcsMCA1Ny43ODEyNSwyNS45MzQzOCA1Ny43ODEyNSw1Ny43ODEyNXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNODYsODIuNTA2MjVjLTEzLjg0MDYzLDAgLTI0Ljk5Mzc1LC0xMS4yODc1IC0yNC45OTM3NSwtMjQuOTkzNzVjMCwtMTMuNzA2MjUgMTEuMTUzMTIsLTI1LjEyODEyIDI0Ljk5Mzc1LC0yNS4xMjgxMmMxMy44NDA2MywwIDI0Ljk5Mzc1LDExLjI4NzUgMjQuOTkzNzUsMjQuOTkzNzVjMCwxMy43MDYyNSAtMTEuMTUzMTIsMjUuMTI4MTIgLTI0Ljk5Mzc1LDI1LjEyODEyek04Niw0MC40NDY4OGMtOS40MDYyNSwwIC0xNi45MzEyNSw3LjY1OTM4IC0xNi45MzEyNSwxNi45MzEyNWMwLDkuMjcxODggNy41MjUsMTcuMDY1NjIgMTYuOTMxMjUsMTcuMDY1NjJjOS40MDYyNSwwIDE2LjkzMTI1LC03LjY1OTM3IDE2LjkzMTI1LC0xNi45MzEyNWMwLC05LjI3MTg3IC03LjUyNSwtMTcuMDY1NjIgLTE2LjkzMTI1LC0xNy4wNjU2MnpNNjAuMiwxMDYuMTU2MjVjLTEuMjA5MzcsMCAtMi4yODQzOCwtMC41Mzc1IC0zLjA5MDYyLC0xLjQ3ODEyYy0xLjQ3ODEyLC0xLjc0Njg4IC0xLjIwOTM4LC00LjMgMC41Mzc1LC01LjY0Mzc1YzcuOTI4MTMsLTYuNzE4NzUgMTguMDA2MjUsLTEwLjM0Njg3IDI4LjM1MzEzLC0xMC4zNDY4N2MyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg4IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzcgLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1Yy04LjQ2NTYzLDAgLTE2Ljc5Njg3LDIuOTU2MjUgLTIzLjI0Njg3LDguNDY1NjNjLTAuODA2MjUsMC41Mzc1IC0xLjYxMjUsMC45NDA2MiAtMi41NTMxMywwLjk0MDYyeiIgZmlsbD0iIzQzYjAyYSI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTEuNTMxMjUsMTA2LjE1NjI1Yy0wLjk0MDYyLDAgLTEuODgxMjUsLTAuMjY4NzUgLTIuNTUzMTMsLTAuOTQwNjJjLTYuNDUsLTUuMzc1IC0xNC43ODEyNSwtOC40NjU2MyAtMjMuMjQ2ODcsLTguNDY1NjNjLTIuMjg0MzgsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODcsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWMxMC4zNDY4NywwIDIwLjQyNSwzLjYyODEyIDI4LjQ4NzUsMTAuMzQ2ODdjMS43NDY4OCwxLjQ3ODEzIDEuODgxMjUsNC4wMzEyNSAwLjUzNzUsNS42NDM3NWMtMC45NDA2MywwLjk0MDYyIC0yLjAxNTYyLDEuNDc4MTIgLTMuMjI1LDEuNDc4MTJ6IiBmaWxsPSIjNDNiMDJhIj48L3BhdGg+PHBhdGggZD0iTTg2LDEyOWMtMTQuMjQzNzUsMCAtMjguMjE4NzUsLTQuOTcxODcgLTM5LjEwMzEyLC0xMy45NzVjLTE0LjUxMjUsLTExLjgyNSAtMjIuNzA5MzcsLTI5LjI5Mzc1IC0yMi43MDkzNywtNDcuODM3NWMwLC0zNC4xMzEyNSAyNy42ODEyNSwtNjEuODEyNSA2MS44MTI1LC02MS44MTI1YzM0LjEzMTI1LDAgNjEuODEyNSwyNy42ODEyNSA2MS44MTI1LDYxLjgxMjVjMCwzNC4xMzEyNSAtMjcuNjgxMjUsNjEuODEyNSAtNjEuODEyNSw2MS44MTI1ek04NiwxMy40Mzc1Yy0yOS42OTY4NywwIC01My43NSwyNC4wNTMxMyAtNTMuNzUsNTMuNzVjMCwxNi4xMjUgNy4xMjE4OCwzMS4zMDkzOCAxOS43NTMxMyw0MS42NTYyNWM5LjU0MDYyLDcuNzkzNzUgMjEuNjM0MzgsMTIuMDkzNzUgMzMuOTk2ODcsMTIuMDkzNzVjMjkuNjk2ODcsMCA1My43NSwtMjQuMDUzMTMgNTMuNzUsLTUzLjc1YzAsLTI5LjY5Njg3IC0yNC4wNTMxMywtNTMuNzUgLTUzLjc1LC01My43NXoiIGZpbGw9IiM0NDRiNTQiPjwvcGF0aD48cGF0aCBkPSJNMTI2LjMxMjUsMTQ5LjE1NjI1aC04MC42MjVjLTIuMjg0MzgsMCAtNC4wMzEyNSwtMS43NDY4NyAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM4IDEuNzQ2ODcsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWg4MC42MjVjMi4yODQzOCwwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM4IC0xLjc0Njg3LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXoiIGZpbGw9IiM0M2IwMmEiPjwvcGF0aD48ZyBmaWxsPSIjNDNiMDJhIj48cGF0aCBkPSJNOTIuNzE4NzUsMTY5LjMxMjVoLTMzLjU5Mzc1Yy0yLjI4NDM4LDAgLTQuMDMxMjUsLTEuNzQ2ODcgLTQuMDMxMjUsLTQuMDMxMjVjMCwtMi4yODQzOCAxLjc0Njg3LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVoMzMuNTkzNzVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM4IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXoiPjwvcGF0aD48L2c+PGcgZmlsbD0iIzQzYjAyYSI+PHBhdGggZD0iTTExMi44NzUsMTY5LjMxMjVjLTEuMDc1LDAgLTIuMTUsLTAuNDAzMTIgLTIuODIxODcsLTEuMjA5MzdjLTAuODA2MjUsLTAuODA2MjUgLTEuMjA5MzgsLTEuNzQ2ODggLTEuMjA5MzgsLTIuODIxODhjMCwtMC4yNjg3NSAwLC0wLjUzNzUgMC4xMzQzNywtMC44MDYyNWMwLC0wLjI2ODc1IDAuMTM0MzcsLTAuNTM3NSAwLjI2ODc1LC0wLjgwNjI1YzAuMTM0MzcsLTAuMjY4NzUgMC4yNjg3NSwtMC40MDMxMiAwLjQwMzEyLC0wLjY3MTg3YzAuMTM0MzcsLTAuMjY4NzUgMC4yNjg3NSwtMC40MDMxMiAwLjUzNzUsLTAuNjcxODdjMS40NzgxMiwtMS40NzgxMyA0LjE2NTYyLC0xLjQ3ODEzIDUuNjQzNzUsMGMwLjgwNjI1LDAuODA2MjUgMS4yMDkzOCwxLjc0Njg3IDEuMjA5MzgsMi44MjE4N2MwLDEuMDc1IC0wLjQwMzEyLDIuMTUgLTEuMjA5MzgsMi44MjE4OGMtMC44MDYyNSwwLjk0MDYzIC0xLjg4MTI1LDEuMzQzNzUgLTIuOTU2MjUsMS4zNDM3NXoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-taxi-license {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxMjggMTI4IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMDUuNywxMDlIMjIuM2MtNC42LDAtOC4zLTMuNy04LjMtOC4zVjQ5LjNjMC00LjYsMy43LTguMyw4LjMtOC4zaDgzLjNjNC42LDAsOC4zLDMuNyw4LjMsOC4zdjUxLjNDMTE0LDEwNS4zLDExMC4zLDEwOSwxMDUuNywxMDl6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzQ0NGI1NCIgZD0iTTc2LjggODdBMyAzIDAgMSAwIDc2LjggOTMgMyAzIDAgMSAwIDc2LjggODd6TTEwMC44IDkzYy0xLjcgMC0zLTEuMy0zLTMgMC0xLjctMS4zLTMtMy0zaC0xMmMtMS43IDAtMy0xLjMtMy0zczEuMy0zIDMtM2gxMmM1IDAgOSA0IDkgOUMxMDMuOCA5MS43IDEwMi40IDkzIDEwMC44IDkzek04OC44IDc3LjFjLTUuNSAwLTEwLTQuNS0xMC0xMHM0LjUtMTAgMTAtMTAgMTAgNC41IDEwIDEwUzk0LjMgNzcuMSA4OC44IDc3LjF6TTg4LjggNjMuMWMtMi4yIDAtNCAxLjgtNCA0czEuOCA0IDQgNCA0LTEuOCA0LTRTOTEgNjMuMSA4OC44IDYzLjF6TTY0IDU0Yy01LjUgMC0xMC00LjUtMTAtMTBWMjNjMC01LjUgNC41LTEwIDEwLTEwczEwIDQuNSAxMCAxMHY4YzAgMS43LTEuMyAzLTMgM3MtMy0xLjMtMy0zdi04YzAtMi4yLTEuOC00LTQtNHMtNCAxLjgtNCA0djIxYzAgMi4yIDEuOCA0IDQgNCAxLjcgMCAzIDEuMyAzIDNTNjUuNyA1NCA2NCA1NHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDQ0YjU0IiBkPSJNMTA1LjcsMTEySDIyLjNjLTYuMiwwLTExLjMtNS4xLTExLjMtMTEuM1Y0OS4zQzExLDQzLjEsMTYuMSwzOCwyMi4zLDM4SDQ3YzEuNywwLDMsMS4zLDMsM3MtMS4zLDMtMywzSDIyLjNjLTIuOSwwLTUuMywyLjQtNS4zLDUuM3Y1MS4zYzAsMi45LDIuNCw1LjMsNS4zLDUuM2g4My4zYzIuOSwwLDUuMy0yLjQsNS4zLTUuM1Y0OS4zYzAtMi45LTIuNC01LjMtNS4zLTUuM0g2N2MtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM2gzOC43YzYuMiwwLDExLjMsNS4xLDExLjMsMTEuM3Y1MS4zQzExNywxMDYuOSwxMTEuOSwxMTIsMTA1LjcsMTEyeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNlOWVlZjQiIGQ9Ik01NS43IDY2SDM0LjNjLTEuNyAwLTMtMS4zLTMtM3YwYzAtMS43IDEuMy0zIDMtM2gyMS4zYzEuNyAwIDMgMS4zIDMgM3YwQzU4LjcgNjQuNyA1Ny4zIDY2IDU1LjcgNjZ6TTU1LjcgNzhIMzQuM2MtMS43IDAtMy0xLjMtMy0zbDAgMGMwLTEuNyAxLjMtMyAzLTNoMjEuM2MxLjcgMCAzIDEuMyAzIDNsMCAwQzU4LjcgNzYuNyA1Ny4zIDc4IDU1LjcgNzh6TTU2LjEgOTBIMzQuN2MtMS43IDAtMy0xLjMtMy0zbDAgMGMwLTEuNyAxLjMtMyAzLTNoMjEuM2MxLjcgMCAzIDEuMyAzIDNsMCAwQzU5LjEgODguNyA1Ny43IDkwIDU2LjEgOTB6Ij48L3BhdGg+PC9zdmc+") 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-invoice {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTE0Ni40Njg3NSwxMjYuMzEyNWMtMTEuMTMxOTksMCAtMjAuMTU2MjUsOS4wMjQyNiAtMjAuMTU2MjUsMjAuMTU2MjVjMCwxMS4xMzE5OSA5LjAyNDI2LDIwLjE1NjI1IDIwLjE1NjI1LDIwLjE1NjI1YzExLjEzMTk5LDAgMjAuMTU2MjUsLTkuMDI0MjYgMjAuMTU2MjUsLTIwLjE1NjI1YzAsLTExLjEzMTk5IC05LjAyNDI2LC0yMC4xNTYyNSAtMjAuMTU2MjUsLTIwLjE1NjI1ek0xMDQuODEyNSwxNjYuNjI1aC04NmMtNy4zOTA2MiwwIC0xMy40Mzc1LC02LjA0Njg3IC0xMy40Mzc1LC0xMy40Mzc1di0xMzQuMzc1YzAsLTcuMzkwNjIgNi4wNDY4OCwtMTMuNDM3NSAxMy40Mzc1LC0xMy40Mzc1aDcyLjU2MjVjMTQuNzgxMjUsMCAyNi44NzUsMTIuMDkzNzUgMjYuODc1LDI2Ljg3NXYxMjAuOTM3NWMwLDcuMzkwNjMgLTYuMDQ2ODcsMTMuNDM3NSAtMTMuNDM3NSwxMy40Mzc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik03Ni43MjgxMyw5OS4zMDMxM2MwLC00Ljk3MTg4IC0yLjQxODc1LC05LjU0MDYyIC02LjQ1LC0xMi4zNjI1bC0xMi40OTY4OCwtOC42Yy0xLjc0Njg3LC0xLjM0Mzc1IC0yLjgyMTg3LC0zLjM1OTM3IC0yLjgyMTg3LC01LjY0Mzc1YzAsLTMuNzYyNSAzLjA5MDYyLC02Ljg1MzEzIDYuODUzMTIsLTYuODUzMTNjMi44MjE4OCwwIDUuMjQwNjIsMS42MTI1IDYuMzE1NjIsNC4xNjU2M2MwLjgwNjI1LDIuMDE1NjMgMy4yMjUsMi45NTYyNSA1LjI0MDYzLDIuMTVjMi4wMTU2MywtMC44MDYyNSAyLjk1NjI1LC0zLjIyNSAyLjE1LC01LjI0MDYyYy0xLjc0Njg3LC00LjMgLTUuMzc1LC03LjM5MDYzIC05LjY3NSwtOC42di0wLjUzNzVjMCwtMi4yODQzOCAtMS43NDY4OCwtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODcgLTQuMDMxMjUsNC4wMzEyNXYwLjUzNzVjLTYuMzE1NjMsMS43NDY4NyAtMTAuODg0MzcsNy41MjUgLTEwLjg4NDM3LDE0LjM3ODEyYzAsNC44Mzc1IDIuMjg0MzcsOS4yNzE4NyA2LjMxNTYyLDEyLjA5Mzc1bDEyLjQ5Njg4LDguNzM0MzhjMS44ODEyNSwxLjM0Mzc1IDMuMDkwNjIsMy4zNTkzOCAzLjA5MDYyLDUuNjQzNzVjMCwzLjc2MjUgLTMuMDkwNjIsNi44NTMxMiAtNi44NTMxMiw2Ljg1MzEyYy0yLjY4NzUsMCAtNS4yNDA2MiwtMS42MTI1IC02LjMxNTYyLC00LjE2NTYyYy0wLjk0MDYzLC0yLjAxNTYyIC0zLjIyNSwtMi45NTYyNSAtNS4yNDA2MywtMi4xNWMtMi4wMTU2MiwwLjk0MDYzIC0yLjk1NjI1LDMuMjI1IC0yLjE1LDUuMjQwNjNjMS44ODEyNSw0LjE2NTYyIDUuMzc1LDcuMjU2MjUgOS42NzUsOC40NjU2M3YwLjgwNjI1YzAsMi4yODQzNyAxLjc0Njg4LDQuMDMxMjUgNC4wMzEyNSw0LjAzMTI1YzIuMjg0MzgsMCA0LjAzMTI1LC0xLjc0Njg4IDQuMDMxMjUsLTQuMDMxMjV2LTAuNTM3NWM2LjE4MTI1LC0xLjc0Njg3IDEwLjc1LC03LjUyNSAxMC43NSwtMTQuMzc4MTJ6IiBmaWxsPSIjNDNiMDJhIj48L3BhdGg+PHBhdGggZD0iTTc3LjkzNzUsMTcwLjY1NjI1aC01OS4xMjVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzNC4zNzVjMCwtOS42NzUgNy43OTM3NSwtMTcuNDY4NzUgMTcuNDY4NzUsLTE3LjQ2ODc1aDcyLjU2MjVjOC4zMzEyNSwwIDE1Ljk5MDYzLDMuMjI1IDIxLjkwMzEzLDkuMTM3NWM1Ljc3ODEyLDUuNzc4MTIgOS4wMDMxMiwxMy41NzE4NyA5LjAwMzEyLDIxLjc2ODc1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV2MGMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1YzAsLTYuMDQ2ODcgLTIuNDE4NzUsLTExLjgyNSAtNi43MTg3NSwtMTYuMTI1Yy00LjMsLTQuMyAtMTAuMDc4MTIsLTYuNzE4NzUgLTE2LjEyNSwtNi43MTg3NWgtNzIuNTYyNWMtNS4yNDA2MiwwIC05LjQwNjI1LDQuMTY1NjMgLTkuNDA2MjUsOS40MDYyNXYxMzQuMzc1YzAsNS4yNDA2MiA0LjE2NTYzLDkuNDA2MjUgOS40MDYyNSw5LjQwNjI1aDU5LjEyNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg3IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzggLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1eiIgZmlsbD0iIzQ0NGI1NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTguMjUsOTkuNDM3NWMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1di00NS42ODc1YzAsLTIuMjg0MzggMS43NDY4OCwtNC4wMzEyNSA0LjAzMTI1LC00LjAzMTI1djBjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2NDUuNjg3NWMwLDIuMjg0MzcgLTEuODgxMjUsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek0xMTguMjUsMzYuMjgxMjVoLTEzLjQzNzVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzLjQzNzVjMCwtMi4yODQzOCAxLjc0Njg4LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2MTMuNDM3NWMwLDUuMjQwNjIgNC4xNjU2Miw5LjQwNjI1IDkuNDA2MjUsOS40MDYyNWgxMy40Mzc1YzIuMjg0MzcsMCA0LjAzMTI1LDEuNzQ2ODcgNC4wMzEyNSw0LjAzMTI1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV6IiBmaWxsPSIjNDQ0YjU0Ij48L3BhdGg+PHBhdGggZD0iTTExOC4yNSwxMTIuODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjAuODQ2ODgsMTI3LjExODc1Yy0xLjc0Njg4LC0xLjM0Mzc1IC00LjMsLTAuOTQwNjIgLTUuNjQzNzUsMC44MDYyNWMtMS4zNDM3NSwxLjc0Njg3IC0wLjk0MDYzLDQuMyAwLjgwNjI1LDUuNjQzNzVjNC4xNjU2MiwzLjA5MDYyIDYuNDUsNy43OTM3NSA2LjQ1LDEyLjljMCw4Ljg2ODc1IC03LjI1NjI1LDE2LjEyNSAtMTYuMTI1LDE2LjEyNWMtMi4xNSwwIC00LjMsLTAuNDAzMTIgLTYuMTgxMjUsLTEuMjA5MzdjNS41MDkzOCwtNS42NDM3NSA4Ljg2ODc1LC0xMy4xNjg3NSA4Ljg2ODc1LC0yMS42MzQzOGMwLC0xNy4wNjU2MyAtMTMuODQwNjIsLTMwLjkwNjI1IC0zMC45MDYyNSwtMzAuOTA2MjVjLTE3LjA2NTYzLDAgLTMwLjkwNjI1LDEzLjg0MDYzIC0zMC45MDYyNSwzMC45MDYyNWMwLDE3LjA2NTYyIDEzLjg0MDYyLDMwLjkwNjI1IDMwLjkwNjI1LDMwLjkwNjI1YzUuNTA5MzcsMCAxMC42MTU2MiwtMS40NzgxMyAxNS4wNSwtMy44OTY4OGMzLjc2MjUsMi40MTg3NSA4LjMzMTI1LDMuODk2ODggMTMuMTY4NzUsMy44OTY4OGMxMy4zMDMxMiwwIDI0LjE4NzUsLTEwLjg4NDM4IDI0LjE4NzUsLTI0LjE4NzVjMC4xMzQzOCwtNy42NTkzNyAtMy40OTM3NSwtMTQuOTE1NjIgLTkuNjc1LC0xOS4zNXpNOTUuNDA2MjUsMTM5Ljc1YzAsLTEyLjYzMTI1IDEwLjIxMjUsLTIyLjg0Mzc1IDIyLjg0Mzc1LC0yMi44NDM3NWMxMi42MzEyNSwwIDIyLjg0Mzc1LDEwLjIxMjUgMjIuODQzNzUsMjIuODQzNzVjMCwxMi42MzEyNSAtMTAuMjEyNSwyMi44NDM3NSAtMjIuODQzNzUsMjIuODQzNzVjLTEyLjYzMTI1LDAgLTIyLjg0Mzc1LC0xMC4yMTI1IC0yMi44NDM3NSwtMjIuODQzNzV6IiBmaWxsPSIjNDNiMDJhIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-agreement {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTExNS41NjI1LDEyLjA5Mzc1aC03Mi41NjI1Yy03LjM5MDYyLDAgLTEzLjQzNzUsNi4wNDY4OCAtMTMuNDM3NSwxMy40Mzc1djEyMC45Mzc1YzAsNy4zOTA2MyA2LjA0Njg4LDEzLjQzNzUgMTMuNDM3NSwxMy40Mzc1aDg2YzcuMzkwNjMsMCAxMy40Mzc1LC02LjA0Njg3IDEzLjQzNzUsLTEzLjQzNzV2LTEwNy41YzAsLTE0Ljc4MTI1IC0xMi4wOTM3NSwtMjYuODc1IC0yNi44NzUsLTI2Ljg3NXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNzYuNTkzNzUsMTQwLjY5MDYzYy0wLjI2ODc1LDAgLTAuNTM3NSwwIC0wLjgwNjI1LC0wLjEzNDM4Yy0wLjI2ODc1LDAgLTAuNTM3NSwtMC4xMzQzNyAtMC44MDYyNSwtMC4yNjg3NWMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC40MDMxMmMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC41Mzc1Yy0wLjEzNDM4LC0wLjEzNDM4IC0wLjQwMzEzLC0wLjQwMzEzIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTMgLTAuNDAzMTIsLTAuNjcxODdjLTAuMTM0MzgsLTAuMjY4NzUgLTAuMTM0MzgsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMC4yNjg3NSAwLC0wLjUzNzUgMC4xMzQzNywtMC44MDYyNWMwLC0wLjI2ODc1IDAuMTM0MzgsLTAuNTM3NSAwLjI2ODc1LC0wLjgwNjI1YzAuMTM0MzcsLTAuMjY4NzUgMC4yNjg3NSwtMC41Mzc1IDAuNDAzMTIsLTAuNjcxODdjMC4xMzQzOCwtMC4yNjg3NSAwLjI2ODc1LC0wLjQwMzEzIDAuNTM3NSwtMC42NzE4N2MwLjEzNDM3LC0wLjEzNDM4IDAuNDAzMTIsLTAuNDAzMTMgMC42NzE4OCwtMC41Mzc1YzAuMjY4NzUsLTAuMTM0MzcgMC40MDMxMiwtMC4yNjg3NSAwLjY3MTg4LC0wLjQwMzEyYzAuMjY4NzUsLTAuMTM0MzggMC41Mzc1LC0wLjEzNDM4IDAuODA2MjUsLTAuMjY4NzVjMC41Mzc1LC0wLjEzNDM3IDEuMDc1LC0wLjEzNDM3IDEuNjEyNSwwYzAuMjY4NzUsMCAwLjUzNzUsMC4xMzQzOCAwLjgwNjI1LDAuMjY4NzVjMC4yNjg3NSwwLjEzNDM3IDAuNTM3NSwwLjI2ODc1IDAuNjcxODgsMC40MDMxMmMwLjI2ODc1LDAuMTM0MzggMC40MDMxMywwLjI2ODc1IDAuNjcxODgsMC41Mzc1YzAuMTM0MzgsMC4xMzQzNyAwLjQwMzEzLDAuNDAzMTIgMC41Mzc1LDAuNjcxODhjMC4xMzQzNywwLjI2ODc1IDAuMjY4NzUsMC40MDMxMiAwLjQwMzEyLDAuNjcxODhjMC4xMzQzOCwwLjI2ODc1IDAuMTM0MzgsMC41Mzc1IDAuMjY4NzUsMC44MDYyNWMwLDAuMjY4NzUgMC4xMzQzNywwLjUzNzUgMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAwLDAuNTM3NSAtMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAtMC4xMzQzOCwwLjUzNzUgLTAuMjY4NzUsMC44MDYyNWMtMC4xMzQzNywwLjI2ODc1IC0wLjI2ODc1LDAuNTM3NSAtMC40MDMxMiwwLjY3MTg4Yy0wLjEzNDM4LDAuMjY4NzUgLTAuMjY4NzUsMC40MDMxMiAtMC41Mzc1LDAuNjcxODhjLTAuODA2MjUsMC44MDYyNSAtMS44ODEyNSwxLjM0Mzc1IC0yLjk1NjI1LDEuMzQzNzV6TTEwMC4xMDkzOCwxNDMuNzgxMjVjLTIuNjg3NSwwIC01LjEwNjI1LC0xLjQ3ODEzIC02LjE4MTI1LC0zLjg5Njg3di0wLjEzNDM4Yy0xLjIwOTM4LDAuOTQwNjMgLTIuODIxODcsMS4wNzUgLTQuMywwLjQwMzEyYy0yLjAxNTYyLC0wLjk0MDYyIC0yLjgyMTg3LC0zLjM1OTM3IC0xLjc0Njg3LC01LjM3NWMxLjIwOTM4LC0yLjQxODc1IDMuNjI4MTIsLTMuODk2ODcgNi4zMTU2MiwtMy44OTY4N2MyLjQxODc1LDAgNC41Njg3NSwxLjIwOTM3IDUuNzc4MTMsMy4wOTA2MmwxLjA3NSwtMy40OTM3NWMwLjk0MDYzLC0yLjk1NjI1IDMuNjI4MTMsLTUuMTA2MjUgNi43MTg3NSwtNS4zNzVjMy4wOTA2MywtMC4yNjg3NSA2LjA0Njg4LDEuMzQzNzUgNy41MjUsNC4wMzEyNWwyLjY4NzUsNS4xMDYyNWMwLjQwMzEyLDAuODA2MjUgMS4wNzUsMC45NDA2MyAxLjQ3ODEyLDEuMDc1YzAuNDAzMTIsMCAxLjA3NSwwIDEuNzQ2ODcsLTAuNTM3NWMxLjYxMjUsLTEuNjEyNSA0LjE2NTYyLC0xLjYxMjUgNS42NDM3NSwwYzEuNjEyNSwxLjYxMjUgMS42MTI1LDQuMTY1NjIgMCw1LjY0Mzc1Yy0yLjI4NDM4LDIuMjg0MzggLTUuMzc1LDMuMzU5MzggLTguNiwyLjgyMTg4Yy0zLjIyNSwtMC41Mzc1IC01LjkxMjUsLTIuNDE4NzUgLTcuMzkwNjIsLTUuMjQwNjNsLTIuNDE4NzUsLTQuNDM0MzdsLTEuNjEyNSw1LjM3NWMtMC44MDYyNSwyLjY4NzUgLTMuMjI1LDQuNzAzMTMgLTYuMDQ2ODcsNC44Mzc1Yy0wLjI2ODc1LDAgLTAuNDAzMTIsMCAtMC42NzE4NywweiIgZmlsbD0iIzQzYjAyYSI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTUuNTYyNSw4My4zMTI1aC01OS4xMjVjLTIuMjg0MzgsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODcsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWg1OS4xMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTAyLjEyNSw0M2gtMzIuMjVjLTIuMjg0MzcsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODgsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWgzMi4yNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg4IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzcgLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek05NS40MDYyNSwxMDMuNDY4NzVoLTM4Ljk2ODc1Yy0yLjI4NDM4LDAgLTQuMDMxMjUsLTEuNzQ2ODggLTQuMDMxMjUsLTQuMDMxMjVjMCwtMi4yODQzNyAxLjc0Njg3LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVoMzguOTY4NzVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTE1LjU2MjUsMTAzLjQ2ODc1Yy0xLjA3NSwwIC0yLjE1LC0wLjQwMzEzIC0yLjgyMTg3LC0xLjIwOTM4Yy0wLjEzNDM3LC0wLjEzNDM3IC0wLjQwMzEzLC0wLjQwMzEyIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTIgLTAuNDAzMTMsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMTM0MzcsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMS4wNzUgMC40MDMxMiwtMi4xNSAxLjIwOTM4LC0yLjgyMTg3YzAuMTM0MzcsLTAuMTM0MzcgMC40MDMxMiwtMC40MDMxMyAwLjY3MTg4LC0wLjUzNzVjMC4yNjg3NSwtMC4xMzQzNyAwLjQwMzEyLC0wLjI2ODc1IDAuNjcxODgsLTAuNDAzMTNjMC4yNjg3NSwtMC4xMzQzNyAwLjUzNzUsLTAuMTM0MzcgMC44MDYyNSwtMC4yNjg3NWMxLjM0Mzc1LC0wLjI2ODc1IDIuNjg3NSwwLjEzNDM3IDMuNjI4MTIsMS4wNzVjMC44MDYyNSwwLjgwNjI1IDEuMjA5MzgsMS43NDY4OCAxLjIwOTM4LDIuODIxODhjMCwwLjI2ODc1IDAsMC41Mzc1IC0wLjEzNDM3LDAuODA2MjVjMCwwLjI2ODc1IC0wLjEzNDM3LDAuNTM3NSAtMC4yNjg3NSwwLjgwNjI1Yy0wLjEzNDM3LDAuMjY4NzUgLTAuMjY4NzUsMC41Mzc1IC0wLjQwMzEzLDAuNjcxODhjLTAuMTM0MzcsMC4yNjg3NSAtMC4yNjg3NSwwLjQwMzEyIC0wLjUzNzUsMC42NzE4OGMtMC41Mzc1LDAuOTQwNjMgLTEuNjEyNSwxLjM0Mzc1IC0yLjY4NzUsMS4zNDM3NXoiIGZpbGw9IiNlOWVlZjQiPjwvcGF0aD48cGF0aCBkPSJNMTQyLjQzNzUsMzguOTY4NzVoLTEzLjQzNzVjLTcuMzkwNjIsMCAtMTMuNDM3NSwtNi4wNDY4NyAtMTMuNDM3NSwtMTMuNDM3NXYtMTMuNDM3NXYwYzE0Ljc4MTI1LDAgMjYuODc1LDEyLjA5Mzc1IDI2Ljg3NSwyNi44NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PGcgZmlsbD0iIzQ0NGI1NCI+PHBhdGggZD0iTTEzNy40NjU2MiwxNy4yYy01LjkxMjUsLTUuOTEyNSAtMTMuNTcxODcsLTkuMTM3NSAtMjEuOTAzMTIsLTkuMTM3NXYwaC03Mi41NjI1Yy05LjY3NSwwIC0xNy40Njg3NSw3Ljc5Mzc1IC0xNy40Njg3NSwxNy40Njg3NXYxMjAuOTM3NWMwLDkuODA5MzcgNy45MjgxMywxNy40Njg3NSAxNC43ODEyNSwxNy40Njg3NWg4NS43MzEyNWMxMS42OTA2MiwwIDIwLjE1NjI1LC03LjM5MDYyIDIwLjE1NjI1LC0xNy40Njg3NWwwLjEzNDM4LC05MC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1djBjLTIuMjg0MzgsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVsLTAuMTM0MzgsOTAuMDMxMjVjMCw1LjY0Mzc1IC00LjgzNzUsOS40MDYyNSAtMTIuMDkzNzUsOS40MDYyNWgtODUuNzMxMjVjLTIuMjg0MzcsMCAtNi43MTg3NSwtNC4wMzEyNSAtNi43MTg3NSwtOS40MDYyNXYtMTIwLjkzNzVjMCwtNS4yNDA2MyA0LjE2NTYyLC05LjQwNjI1IDkuNDA2MjUsLTkuNDA2MjVoNjguNTMxMjV2OS40MDYyNWMwLDkuNjc1IDcuNzkzNzUsMTcuNDY4NzUgMTcuNDY4NzUsMTcuNDY4NzVoMTIuOWMwLjEzNDM3LDAgMC4yNjg3NSwwIDAuNTM3NSwwdjBjMS42MTI1LDAgMy4wOTA2MiwtMS4wNzUgMy43NjI1LC0yLjQxODc1YzAuMjY4NzUsLTAuNTM3NSAwLjQwMzEzLC0xLjA3NSAwLjQwMzEzLC0xLjYxMjVjMCwtMC4xMzQzNyAwLC0wLjQwMzEzIDAsLTAuNTM3NWMtMC4yNjg3NSwtOC4wNjI1IC0zLjQ5Mzc1LC0xNS41ODc1IC05LjEzNzUsLTIxLjIzMTI1ek0xMTkuNTkzNzUsMjUuNTMxMjV2LTkuMDAzMTNjNC41Njg3NSwwLjgwNjI1IDguNzM0MzgsMi45NTYyNSAxMi4wOTM3NSw2LjMxNTYzYzMuMzU5MzgsMy4zNTkzOCA1LjUwOTM4LDcuNTI1IDYuMzE1NjMsMTIuMDkzNzVoLTkuMDAzMTNjLTUuMjQwNjMsMCAtOS40MDYyNSwtNC4xNjU2MyAtOS40MDYyNSwtOS40MDYyNXoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-clock-checked {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTg2LDE4LjgxMjVjLTM3LjEwNjYzLDAgLTY3LjE4NzUsMzAuMDgwODcgLTY3LjE4NzUsNjcuMTg3NWMwLDM3LjEwNjYzIDMwLjA4MDg3LDY3LjE4NzUgNjcuMTg3NSw2Ny4xODc1YzM3LjEwNjYzLDAgNjcuMTg3NSwtMzAuMDgwODcgNjcuMTg3NSwtNjcuMTg3NWMwLC0zNy4xMDY2MyAtMzAuMDgwODcsLTY3LjE4NzUgLTY3LjE4NzUsLTY3LjE4NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTExMC4xODc1LDEzNy4wNjI1YzAsLTE0Ljc4MTI1IDEyLjA5Mzc1LC0yNi44NzUgMjYuODc1LC0yNi44NzVjNi45ODc1LDAgMTMuNDM3NSwyLjY4NzUgMTguMTQwNjMsNy4xMjE4OGMwLjUzNzUsMC41Mzc1IC0wLjk0MDYzLDEuMzQzNzUgLTEuMjA5MzcsMi4xNWMtMC4xMzQzOCwwLjgwNjI1IDAuOTQwNjIsMS43NDY4NyAxLjM0Mzc1LDIuMjg0MzdjMC41Mzc1LDAuNjcxODggMi4wMTU2MywyLjE1IDMuMjI1LDIuNDE4NzVjMC44MDYyNSwwLjEzNDM3IDEuNDc4MTMsLTAuOTQwNjMgMS42MTI1LC0wLjUzNzVjMi4yODQzNywzLjg5Njg4IDMuNjI4MTIsOC42IDMuNjI4MTIsMTMuNDM3NWMwLDE0Ljc4MTI1IC0xMi4wOTM3NSwyNi44NzUgLTI2Ljg3NSwyNi44NzVjLTE0Ljc4MTI1LDAgLTI2Ljc0MDYyLC0xMi4wOTM3NSAtMjYuNzQwNjIsLTI2Ljg3NXoiIGZpbGw9IiM0M2IwMmEiPjwvcGF0aD48cGF0aCBkPSJNMTU1LjIwMzEzLDExNy4zMDkzOGwtMTguMDA2MjUsMjAuMTU2MjVsLTYuNDUsLTguMzMxMjVjLTEuMzQzNzUsLTEuNzQ2ODggLTMuODk2ODcsLTIuMDE1NjMgLTUuNjQzNzUsLTAuNjcxODdjLTEuNzQ2ODcsMS4zNDM3NSAtMi4wMTU2MiwzLjg5Njg3IC0wLjY3MTg3LDUuNjQzNzVsOS40MDYyNSwxMi4wOTM3NWMwLjY3MTg4LDAuOTQwNjMgMS44ODEyNSwxLjQ3ODEzIDMuMDkwNjIsMS42MTI1aDAuMTM0MzdjMS4yMDkzOCwwIDIuMjg0MzgsLTAuNTM3NSAyLjk1NjI1LC0xLjM0Mzc1bDIwLjI5MDYzLC0yMi44NDM3NWMtMS4zNDM3NSwtMi4yODQzNyAtMy4wOTA2MiwtNC40MzQzOCAtNS4xMDYyNSwtNi4zMTU2MnoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48ZyBmaWxsPSIjNDQ0YjU0Ij48cGF0aCBkPSJNODYsMTU3LjIxODc1Yy0zOS4yMzc1LDAgLTcxLjIxODc1LC0zMS45ODEyNSAtNzEuMjE4NzUsLTcxLjIxODc1YzAsLTM5LjIzNzUgMzEuOTgxMjUsLTcxLjIxODc1IDcxLjIxODc1LC03MS4yMTg3NWMzOS4yMzc1LDAgNzEuMjE4NzUsMzEuOTgxMjUgNzEuMjE4NzUsNzEuMjE4NzVjMCwyLjE1IC0wLjEzNDM4LDQuMyAtMC4yNjg3NSw2LjQ1Yy0wLjEzNDM3LDIuMTUgLTIuMTUsMy44OTY4NyAtNC40MzQzNywzLjYyODEyYy0yLjI4NDM4LC0wLjEzNDM3IC0zLjg5Njg3LC0yLjE1IC0zLjYyODEzLC00LjQzNDM4YzAuMTM0MzgsLTEuODgxMjUgMC4yNjg3NSwtMy44OTY4NyAwLjI2ODc1LC01Ljc3ODEyYzAsLTM0LjgwMzEyIC0yOC4zNTMxMiwtNjMuMTU2MjUgLTYzLjE1NjI1LC02My4xNTYyNWMtMzQuODAzMTMsMCAtNjMuMTU2MjUsMjguNDg3NSAtNjMuMTU2MjUsNjMuMjkwNjJjMCwzNC44MDMxMyAyOC4zNTMxMyw2My4xNTYyNSA2My4xNTYyNSw2My4xNTYyNWMyLjAxNTYzLDAgNC4wMzEyNSwtMC4xMzQzOCA2LjA0Njg4LC0wLjI2ODc1YzIuMjg0MzcsLTAuMjY4NzUgNC4xNjU2MiwxLjQ3ODEzIDQuNDM0MzgsMy42MjgxM2MwLjI2ODc1LDIuMTUgLTEuNDc4MTMsNC4xNjU2MyAtMy42MjgxMyw0LjQzNDM3Yy0yLjI4NDM3LDAuMTM0MzggLTQuNTY4NzUsMC4yNjg3NSAtNi44NTMxMiwwLjI2ODc1eiI+PC9wYXRoPjwvZz48ZyBmaWxsPSIjNDQ0YjU0Ij48cGF0aCBkPSJNMTE5LjU5Mzc1LDgxLjk2ODc1aC0yMC44MjgxMmMtMS4zNDM3NSwtNC4xNjU2MyAtNC41Njg3NSwtNy41MjUgLTguNzM0MzcsLTguNzM0Mzd2LTM0LjI2NTYyYzAsLTIuMjg0MzcgLTEuNzQ2ODgsLTQuMDMxMjUgLTQuMDMxMjUsLTQuMDMxMjVjLTIuMjg0MzcsMCAtNC4wMzEyNSwxLjc0Njg4IC00LjAzMTI1LDQuMDMxMjV2MzQuMjY1NjNjLTUuNTA5MzgsMS43NDY4OCAtOS40MDYyNSw2Ljg1MzEzIC05LjQwNjI1LDEyLjc2NTYzYzAsNy4zOTA2MyA2LjA0Njg4LDEzLjQzNzUgMTMuNDM3NSwxMy40Mzc1YzYuMDQ2ODgsMCAxMS4xNTMxMywtMy44OTY4OCAxMi43NjU2MywtOS40MDYyNWgyMC44MjgxM2MyLjI4NDM3LDAgNC4wMzEyNSwtMS43NDY4OCA0LjAzMTI1LC00LjAzMTI1YzAsLTIuMjg0MzcgLTEuNzQ2ODgsLTQuMDMxMjUgLTQuMDMxMjUsLTQuMDMxMjV6TTg2LDkxLjM3NWMtMi45NTYyNSwwIC01LjM3NSwtMi40MTg3NSAtNS4zNzUsLTUuMzc1YzAsLTIuOTU2MjUgMi40MTg3NSwtNS4zNzUgNS4zNzUsLTUuMzc1YzIuOTU2MjUsMCA1LjM3NSwyLjQxODc1IDUuMzc1LDUuMzc1YzAsMi45NTYyNSAtMi40MTg3NSw1LjM3NSAtNS4zNzUsNS4zNzV6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+") 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-calendar-plus {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTE0NS4xMjUsMjUuNTMxMjV2MTIxLjYwOTM4YzAsMTAuNzUgLTguNzM0MzcsMTkuNDg0MzggLTE5LjQ4NDM3LDE5LjQ4NDM4aC0xMjAuMjY1NjJ2LTE0MS4wOTM3NXYweiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTguMjUsNTcuNzgxMjVoLTEzLjQzNzVjLTIuMjg0MzcsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IDEuNzQ2ODgsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVoMTMuNDM3NWMyLjI4NDM3LDAgNC4wMzEyNSwtMS43NDY4OCA0LjAzMTI1LC00LjAzMTI1YzAsLTIuMjg0MzggLTEuNzQ2ODgsLTQuMDMxMjUgLTQuMDMxMjUsLTQuMDMxMjV6IiBmaWxsPSIjNDQ0YjU0Ij48L3BhdGg+PHBhdGggZD0iTTE0NS4xMjUsMjAuMTU2MjVoLTE1LjE4NDM3Yy0xLjg4MTI1LC0xMC42MTU2MiAtMTEuMjg3NSwtMTguODEyNSAtMjIuNDQwNjMsLTE4LjgxMjVjLTExLjE1MzEzLDAgLTIwLjU1OTM4LDguMTk2ODggLTIyLjQ0MDYyLDE4LjgxMjVoLTIwLjgyODEyYy0xLjc0Njg4LC0xMS4wMTg3NSAtMTAuMjEyNSwtMTguODEyNSAtMjEuMjMxMjUsLTE4LjgxMjVjLTExLjE1MzEyLDAgLTIwLjU1OTM3LDguMTk2ODggLTIyLjQ0MDYyLDE4LjgxMjVoLTE1LjE4NDM3Yy0yLjI4NDM4LDAgLTQuMDMxMjUsMS43NDY4NyAtNC4wMzEyNSw0LjAzMTI1djE0Mi40Mzc1YzAsMi4yODQzOCAxLjc0Njg3LDQuMDMxMjUgNC4wMzEyNSw0LjAzMTI1aDY5Ljg3NWMyLjI4NDM3LDAgNC4wMzEyNSwtMS43NDY4NyA0LjAzMTI1LC00LjAzMTI1YzAsLTIuMjg0MzggLTEuNzQ2ODgsLTQuMDMxMjUgLTQuMDMxMjUsLTQuMDMxMjVoLTY1Ljg0Mzc1di05Ni43NWg2OC41MzEyNWMyLjI4NDM3LDAgNC4wMzEyNSwtMS43NDY4OCA0LjAzMTI1LC00LjAzMTI1YzAsLTIuMjg0MzggLTEuNzQ2ODgsLTQuMDMxMjUgLTQuMDMxMjUsLTQuMDMxMjVoLTY4LjUzMTI1di0yOS41NjI1aDExLjE1MzEzYzEuODgxMjUsMTAuNjE1NjMgMTEuMjg3NSwxOC44MTI1IDIyLjQ0MDYzLDE4LjgxMjVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1Yy02LjcxODc1LDAgLTEyLjQ5Njg3LC00LjU2ODc1IC0xNC4yNDM3NSwtMTAuNzVoNTYuMzAzMTNjMS44ODEyNSwxMC42MTU2MyAxMS4yODc1LDE4LjgxMjUgMjIuNDQwNjIsMTguODEyNWMyLjI4NDM3LDAgNC4wMzEyNSwtMS43NDY4NyA0LjAzMTI1LC00LjAzMTI1YzAsLTIuMjg0MzggLTEuNzQ2ODgsLTQuMDMxMjUgLTQuMDMxMjUsLTQuMDMxMjVjLTYuNzE4NzUsMCAtMTIuNDk2ODgsLTQuNTY4NzUgLTE0LjI0Mzc1LC0xMC43NWg0Ny44Mzc1djMwLjkwNjI1YzAsMi4yODQzOCAxLjc0Njg3LDQuMDMxMjUgNC4wMzEyNSw0LjAzMTI1YzIuMjg0MzgsMCA0LjAzMTI1LC0xLjc0Njg3IDQuMDMxMjUsLTQuMDMxMjV2LTM0LjkzNzVjMCwtMi4yODQzOCAtMS43NDY4NywtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNXpNMjguNzU2MjUsMjAuMTU2MjVjMS43NDY4OCwtNi4xODEyNSA3LjUyNSwtMTAuNzUgMTQuMjQzNzUsLTEwLjc1YzYuNDUsMCAxMS41NTYyNSw0LjMgMTMuMDM0MzgsMTAuNzV6TTkzLjI1NjI1LDIwLjE1NjI1YzEuNzQ2ODcsLTYuMTgxMjUgNy41MjUsLTEwLjc1IDE0LjI0Mzc1LC0xMC43NWM2LjcxODc1LDAgMTIuNDk2ODgsNC41Njg3NSAxNC4yNDM3NSwxMC43NXoiIGZpbGw9IiM0NDRiNTQiPjwvcGF0aD48Y2lyY2xlIGN4PSI5NCIgY3k9Ijk0IiB0cmFuc2Zvcm09InNjYWxlKDEuMzQzNzUsMS4zNDM3NSkiIHI9IjMwIiBmaWxsPSIjNDNiMDJhIj48L2NpcmNsZT48cGF0aCBkPSJNMTI2LjMxMjUsMTcwLjY1NjI1Yy0yNC40NTYyNSwwIC00NC4zNDM3NSwtMTkuODg3NSAtNDQuMzQzNzUsLTQ0LjM0Mzc1YzAsLTI0LjQ1NjI1IDE5Ljg4NzUsLTQ0LjM0Mzc1IDQ0LjM0Mzc1LC00NC4zNDM3NWMyNC40NTYyNSwwIDQ0LjM0Mzc1LDE5Ljg4NzUgNDQuMzQzNzUsNDQuMzQzNzVjMCwyNC40NTYyNSAtMTkuODg3NSw0NC4zNDM3NSAtNDQuMzQzNzUsNDQuMzQzNzV6TTEyNi4zMTI1LDkwLjAzMTI1Yy0yMC4wMjE4OCwwIC0zNi4yODEyNSwxNi4yNTkzNyAtMzYuMjgxMjUsMzYuMjgxMjVjMCwyMC4wMjE4NyAxNi4yNTkzNywzNi4yODEyNSAzNi4yODEyNSwzNi4yODEyNWMyMC4wMjE4NywwIDM2LjI4MTI1LC0xNi4yNTkzOCAzNi4yODEyNSwtMzYuMjgxMjVjMCwtMjAuMDIxODggLTE2LjI1OTM4LC0zNi4yODEyNSAtMzYuMjgxMjUsLTM2LjI4MTI1eiIgZmlsbD0iIzQzYjAyYSI+PC9wYXRoPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjYuMzEyNSwxNDMuNzgxMjVjLTIuMjg0MzcsMCAtNC4wMzEyNSwtMS43NDY4NyAtNC4wMzEyNSwtNC4wMzEyNXYtMjYuODc1YzAsLTIuMjg0MzcgMS43NDY4OCwtNC4wMzEyNSA0LjAzMTI1LC00LjAzMTI1YzIuMjg0MzgsMCA0LjAzMTI1LDEuNzQ2ODggNC4wMzEyNSw0LjAzMTI1djI2Ljg3NWMwLDIuMjg0MzggLTEuNzQ2ODcsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1eiI+PC9wYXRoPjwvZz48ZyBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMTM5Ljc1LDEzMC4zNDM3NWgtMjYuODc1Yy0yLjI4NDM3LDAgLTQuMDMxMjUsLTEuNzQ2ODcgLTQuMDMxMjUsLTQuMDMxMjVjMCwtMi4yODQzNyAxLjc0Njg4LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVoMjYuODc1YzIuMjg0MzgsMCA0LjAzMTI1LDEuNzQ2ODggNC4wMzEyNSw0LjAzMTI1YzAsMi4yODQzOCAtMS43NDY4Nyw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+") 50% 50% no-repeat;
  background-size: 100%;
}

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

.SearchField label {
  font-size: 120%;
}

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

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

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

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

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

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

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

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #54b948;
}

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

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-weight: 400;
}

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

.ProgressTracker2 .ProgressBar {
  margin: 10px;
}

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

.ProgressTracker2 .SuccessfulMessage {
  background-color: #9bd8ef;
  color: #231f20;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #f5f4f3;
  border: none !important;
  margin-top: -3px;
}

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

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

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

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

.CartCharges .GrandTotal .PanelField .Label {
  color: #006fba;
}

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

.RadTabStripTop_Metro .rtsLevel1 .rtsLink,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #fff;
  border-radius: 3px 3px 0 0;
}

.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: "Montserrat", "Century Gothic", Arial, sans-serif !important;
  font-weight: inherit;
  font-size: 16px !important;
  clear: both;
}

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

@media (max-width: 600px) {

  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
    float: none;
    width: 100%;
    display: block;
  }

  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    display: block;
  }

  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch+.RadMultiPage {
    border-top-width: 0;
  }

  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
    text-align: center;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
    display: inline-block;
    float: left;
  }
}

/* On the account page, when secondary nav is present, display the tabs on top */
@media (min-width: 768px) {

  .account-page-with-banner .has-secondary-col .tabs-wrapper.tabs-left,
  .account-page-with-banner .has-secondary-col .tags-wrapper.tabs-right {
    display: block;
  }

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

.RadTabStrip,
.RadTabStripVertical {
  padding: 10px 10px 0 10px;
}

.RadTabStrip_MetroTouch.RadTabStripBottom_MetroTouch .rtsLevel1 {
  border: none;
}

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

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

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

.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 .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 .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent;
}

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

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

.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 .rgGroupPanel,
.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #2A7AB0;
}

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

*+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: #2A7AB0;
}

.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: #2A7AB0;
  border-color: #2A7AB0;
}

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

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

.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #2A7AB0;
  background-color: #2A7AB0;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #2A7AB0;
}

.RadScheduler.RadScheduler_Metro .rsHeader h2,
.RadScheduler.RadScheduler_Metro .rsHeader .formio-form .card .card-header .card-title,
.formio-form .card .card-header .RadScheduler.RadScheduler_Metro .rsHeader .card-title {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.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: #2A7AB0;
}

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

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

.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: #2A7AB0;
  background-color: #2A7AB0;
  color: #FFF !important;
}

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

.RadMenu .RadSiteMap .rsmTwoLevels>.rsmItem>.rsmLink {
  border-style: none;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #2A7AB0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.RadPicker.RadPicker_Metro .rcCalPopup:hover,
.RadPicker.RadPicker_Metro .rcCalPopup:focus,
.RadPicker.RadPicker_Metro .rcCalPopup:active,
.RadPicker.RadPicker_Metro .rcTimePopup:hover,
.RadPicker.RadPicker_Metro .rcTimePopup:focus,
.RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  color: #1a1a1a;
  background-color: #fff;
}

.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* ==========================================================================
   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 .formio-form .card .card-header .card-title,
.formio-form .card .card-header .HeroContent .card-title,
.HeroContent h3,
.HeroContent .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .HeroContent .card-title,
.HeroContent h4,
.HeroContent h5,
.HeroContent .HeroText {
  color: #fff;
  margin: 0 8px 8px 8px;
}

.HeroContent .TextButton,
.HeroContent .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .HeroContent a {
  float: right;
}

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

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

@media (min-width: 768px) {
  .Slider.FullWidth h1 {
    font-size: 250%;
  }
}

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

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

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

@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 37em;
  }
}

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

.Slider.FullWidth .SliderPage1 .SliderText h2,
.Slider.FullWidth .SliderPage1 .SliderText .formio-form .card .card-header .card-title,
.formio-form .card .card-header .Slider.FullWidth .SliderPage1 .SliderText .card-title,
.Slider.FullWidth .SliderPage1 .SliderText h3,
.Slider.FullWidth .SliderPage1 .SliderText .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .Slider.FullWidth .SliderPage1 .SliderText .card-title,
.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 */
h2#site-headline,
.formio-form .card .card-header #site-headline.card-title {
  color: #fff;
}

.jumbotron .jumbotron-content {
  max-height: 100%;
}

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

.jumbotron.home {
  height: 39em;
}

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

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

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

@media (min-width: 768px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}

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

@media (min-width: 768px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}

.jumbotron.interior {
  height: 20em;
}

.jumbotron.interior p {
  padding: 1.5em 1em 0.8em;
  font-size: 150%;
  margin-bottom: 0;
}

.jumbotron.interior p::after {
  display: block;
  clear: both;
  content: "";
}

.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3em;
  padding-right: 3em;
}

@media (max-width: 767px) {
  .jumbotron.interior .jumbotron-content {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
  }
}

@media (min-width: 480px) {
  .jumbotron.interior p {
    font-size: 170%;
  }
}

@media (min-width: 768px) {
  .jumbotron.interior {
    height: 25em;
  }

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

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

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

.jumbotron .img-copyright,
.carousel .img-copyright,
.carousel2 .img-copyright {
  width: 100%;
  text-align: right;
  font-size: 70%;
}

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

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel,
.carousel2,
.HomePageFullWidthArea {
  position: relative;
}

.carousel h1,
.carousel h2,
.carousel .formio-form .card .card-header .card-title,
.formio-form .card .card-header .carousel .card-title,
.carousel h3,
.carousel .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .carousel .card-title,
.carousel h4,
.carousel h5,
.carousel2 h1,
.carousel2 h2,
.carousel2 .formio-form .card .card-header .card-title,
.formio-form .card .card-header .carousel2 .card-title,
.carousel2 h3,
.carousel2 .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .carousel2 .card-title,
.carousel2 h4,
.carousel2 h5,
.HomePageFullWidthArea h1,
.HomePageFullWidthArea h2,
.HomePageFullWidthArea .formio-form .card .card-header .card-title,
.formio-form .card .card-header .HomePageFullWidthArea .card-title,
.HomePageFullWidthArea h3,
.HomePageFullWidthArea .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .HomePageFullWidthArea .card-title,
.HomePageFullWidthArea h4,
.HomePageFullWidthArea h5 {
  font-weight: bold;
  display: inline-block;
}

@media (max-width: 991px) {

  .carousel h1,
  .carousel2 h1,
  .HomePageFullWidthArea h1 {
    font-size: 200%;
  }
}

.carousel .carousel-caption,
.carousel2 .carousel-caption,
.HomePageFullWidthArea .carousel-caption {
  padding: 1em;
  position: absolute;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  bottom: auto;
  top: calc(500px / 2);
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left !important;
  color: #231f20;
}

.carousel .carousel-caption p,
.carousel2 .carousel-caption p,
.HomePageFullWidthArea .carousel-caption p {
  font-size: 17px;
}

.carousel .carousel-caption h1,
.carousel2 .carousel-caption h1,
.HomePageFullWidthArea .carousel-caption h1 {
  color: #231f20;
}

.carousel .carousel-caption h1:after,
.carousel2 .carousel-caption h1:after,
.HomePageFullWidthArea .carousel-caption h1:after {
  display: none;
}

@media (min-width: 768px) {

  .carousel .carousel-caption,
  .carousel2 .carousel-caption,
  .HomePageFullWidthArea .carousel-caption {
    width: 40%;
    left: 15%;
    right: auto;
  }
}

@media (max-width: 767px) {

  .carousel .carousel-caption,
  .carousel2 .carousel-caption,
  .HomePageFullWidthArea .carousel-caption {
    width: 100%;
    position: static;
    margin: 0 auto;
  }
}

.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
}

.carousel-control .icon-prev {
  margin-left: -10px;
}

.carousel-control .icon-prev::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -150px no-repeat;
}

.carousel-control .icon-next {
  margin-right: -10px;
}

.carousel-control .icon-next::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -200px no-repeat;
}

.carousel-indicators {
  display: none;
}

/* Internal page carousel */
.InternalHeaderArea {
  background: #006fba;
  overflow: hidden;
}

@media (min-width: 768px) {
  .InternalHeaderArea .carousel {
    height: 13.3em;
  }
}

@media (max-width: 767px) {
  .InternalHeaderArea .carousel {
    height: 0px;
  }
}

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

.InternalHeaderArea .carousel-inner {
  width: 100%;
}

.InternalHeaderArea .carousel-inner.bg-img>.item {
  background-color: #006fba;
}

.InternalHeaderArea .carousel-caption,
.InternalHeaderArea .carousel-control,
.InternalHeaderArea .carousel-inner>.item .carousel-link {
  display: none !important;
}

.Wrapper-HomePage .HomePageFullWidthArea {
  /* Overwrite slideshow height setting on homepage only */
  /* darker gradient to improve legibility of auxiliary nav */
}

@media (min-width: 768px) {
  .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
    height: 39em !important;
  }
}

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before {
  content: '';
  display: block;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 665;
}

/* There seems to be an issue when choosing to display the FullWidthArea on the homepage only.
    The container div remains on internal pages although its content is hidden. */
.HomePageFullWidthArea {
  display: none;
}

.Wrapper-HomePage .HomePageFullWidthArea,
.TemplateManagerArea .HomePageFullWidthArea {
  display: block;
}

/* When the internal and home page content can't be found,
   make sure there's enough room for the navigation to be usable */
#hd {
  min-height: 13.3em;
  background-color: #006fba;
}

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

.CommunityLinksBlock a:hover {
  background-color: #54b948;
  color: #231f20;
  text-decoration: none;
}

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

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

.CommunityProfilePicture img {
  border-radius: 3px;
}

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

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

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

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

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

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

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

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

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Titles */
h1.BigHeader,
.h1.BigHeader {
  background-color: transparent;
  color: #231f20;
}

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

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .formio-form .card .card-header .card-title,
.formio-form .card .card-header .SecondaryColumn .card-title,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase;
}

.SecondaryColumn h2,
.SecondaryColumn .formio-form .card .card-header .card-title,
.formio-form .card .card-header .SecondaryColumn .card-title,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}

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

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

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

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

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

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

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

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

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

.BlockList li {
  list-style: none;
}

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

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

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

.BlockList p {
  color: #231f20;
  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 {
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C""\201D""\201C""\201D";
  font-weight: normal;
}

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

.Quote p {
  display: inline;
}

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

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

@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }

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

.QuoteStyle2 {
  border-left-color: #2A7AB0;
}

/* 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: #006fba;
  /*$callout1-bg*/
  width: auto;
  border-radius: 3px;
}

.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  left: 30px;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #006fba transparent;
  /*$callout1-bg*/
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #ddd;
}

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

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

.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: #4c4345;
  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,
.FullWidthButtons .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .FullWidthButtons a {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  transition: all 0.2s ease 0;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif;
  font-size: 110%;
  font-weight: 400;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}

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

@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}

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

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

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

@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}

.Spotlight .TextButton,
.Spotlight .hiddenGrid.secretButton a,
.hiddenGrid.secretButton .Spotlight a,
.Spotlight .btn {
  margin-top: 1em;
}

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

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

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

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

.SpotlightRow {
  margin-bottom: 1.2em;
}

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

@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 2%;
    padding-right: 2%;
  }
}

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

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

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

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

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

@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}

.feature-link-with-image .feature-link-text h1,
.feature-link-with-image .feature-link-text h2,
.feature-link-with-image .feature-link-text .formio-form .card .card-header .card-title,
.formio-form .card .card-header .feature-link-with-image .feature-link-text .card-title,
.feature-link-with-image .feature-link-text h3,
.feature-link-with-image .feature-link-text .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .feature-link-with-image .feature-link-text .card-title,
.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: #006fba;
  background-color: rgba(0, 111, 186, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #005187;
  background-color: rgba(0, 81, 135, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.75);
}

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

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

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

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

.header-link a:hover,
.header-link a:active,
.header-link a:focus {
  color: #006fba;
}

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-conference-tall {
  background-color: #081337;
  background-image: url("../../images/samples/annualconference/conferencebannertall.jpg");
}

.bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/samples/Member/cairnsnight.jpg");
}

.bg-img-tiger-tall {
  background-color: #04080B;
  background-image: url("../../images/samples/donor/tiger-tall.jpg");
  background-position: center center;
}

.bg-img-red-panda {
  background-color: #57574b;
  background-image: url("../../images/samples/Donor/red-panda.jpg");
}

.bg-img-tiger-swimming {
  background-color: #1c1705;
  background-image: url("../../images/samples/Donor/tiger-swimming.jpg");
}

.bg-img-highland-cow {
  background-color: #e4e0cd;
  background-image: url("../../images/samples/Donor/highland-cow.jpg");
}

.bg-img-volunteer-canoes {
  background-color: #8aa15b;
  background-image: url("../../images/samples/Donor/volunteer-canoes.jpg");
}

.bg-img-elephant-with-mountains {
  background-color: #748610;
  background-image: url("../../images/samples/Donor/elephant-with-mountains.jpg");
}

.bg-img-wildlife-refuge {
  background-color: #6d7f2d;
  background-image: url("../../images/samples/Donor/wildlife-refuge.jpg");
}

.bg-img-poplar-trees {
  background-color: #737e23;
  background-image: url("../../images/samples/Donor/poplar-trees.jpg");
  background-position: top center !important;
}

.bg-img-swamp {
  background-color: #bbbdb8;
  background-image: url("../../images/samples/Donor/swamp.jpg");
}

.bg-img-roseate-terns {
  background-color: #8f9949;
  background-image: url("../../images/samples/Donor/roseate-terns.jpg");
  background-position: center 88% !important;
}

.banner-tall,
.banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0;
}

.banner-tall,
.banner-tall:visited,
.banner-tall:active,
.banner-tall:hover,
.banner-tall:focus,
.banner-tall h2,
.banner-tall .formio-form .card .card-header .card-title,
.formio-form .card .card-header .banner-tall .card-title,
.banner-short,
.banner-short:visited,
.banner-short:active,
.banner-short:hover,
.banner-short:focus,
.banner-short h2,
.banner-short .formio-form .card .card-header .card-title,
.formio-form .card .card-header .banner-short .card-title {
  color: #fff;
}

.banner-text h2,
.banner-text .formio-form .card .card-header .card-title,
.formio-form .card .card-header .banner-text .card-title {
  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: #006fba;
  font-size: 250%;
}

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

.RelatedItemsHorizontalEffect li:hover {
  transform: scale(1.06);
  border-radius: 0;
  background-color: transparent;
}

/* Fix product name overlapping other content */
ul.RelatedItemsHorizontal li,
.RelatedItemsHorizontal ul.rrItemsList li {
  height: auto;
}

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

.AltBgColor2>.panel,
.AltBgColor2>.panel h2,
.AltBgColor2>.panel .formio-form .card .card-header .card-title,
.formio-form .card .card-header .AltBgColor2>.panel .card-title,
.AltBgColor3>.panel,
.AltBgColor3>.panel h2,
.AltBgColor3>.panel .formio-form .card .card-header .card-title,
.formio-form .card .card-header .AltBgColor3>.panel .card-title,
.AltBgColor4>.panel,
.AltBgColor4>.panel h2,
.AltBgColor4>.panel .formio-form .card .card-header .card-title,
.formio-form .card .card-header .AltBgColor4>.panel .card-title,
.AltBgColor5>.panel,
.AltBgColor5>.panel h2,
.AltBgColor5>.panel .formio-form .card .card-header .card-title,
.formio-form .card .card-header .AltBgColor5>.panel .card-title {
  color: #fff;
}

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

.AltBgColor2>.panel .ProgressBar>span,
.AltBgColor3>.panel .ProgressBar>span,
.AltBgColor4>.panel .ProgressBar>span,
.AltBgColor5>.panel .ProgressBar>span {
  /* Make the progress tracker indicator use a white bar instead of default */
  background-color: #fff;
}

.AltBgColor2>.panel {
  background-color: #00abbe;
}

.AltBgColor2>.panel.panel-border {
  border-color: #0094a5;
}

.AltBgColor3>.panel {
  background-color: #006fba;
}

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

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

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

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

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

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body,
.ProgressTracker_Dashboard_Overview .panel-body {
  padding-top: 0;
}

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

.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: #006fba;
  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: 10em;
}

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

.ProgressTracker_Dashboard_Overview .count {
  font-size: 250%;
}

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

.StaffDashboard h2,
.StaffDashboard .formio-form .card .card-header .card-title,
.formio-form .card .card-header .StaffDashboard .card-title,
.StaffDashboard .panel-heading.Distinguish,
.StaffDashboard .PanelHead.Distinguish,
.StaffDashboard .TitleBarCaption {
  border-bottom-color: transparent;
}

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

/* ==========================================================================
   Styling for Form.io
   ========================================================================== */
/*Page Titles*/
.wrapper.formio-form {
  -webkit-box-shadow: none;
  box-shadow: none;
  /* padding: 3em 3em; */
}

@media (max-width: 991px) {
  .wrapper.formio-form {
    /* padding: 2em; */
  }
}

.formio-form .panel-title {
  display: inline-block;
}

.formio-form .form-group {
  margin-bottom: 1em;
}

.formio-form .form-group .form-control {
  border-radius: 6px;
  height: 39px;
}

.formio-form .card .card .card-header {
  margin-top: 1em;
  /* display: inline-block; */
}

.formio-form .card .card-body .form-group:first-child {
  margin-top: 0em;
}

.formio-form .form-group.has-feedback.formio-component.formio-component-day.formio-component-columnsPanelPanelDateofBirth .input-group .form-group {
  margin-top: 0px;
}

.formio-form .form-group.has-feedback.formio-component.formio-component-day.formio-component-columnsPanelPanelDateofBirth .input-group .form-group div>input.form-control:last-child {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.formio-form .form-group.has-feedback.formio-component.formio-component-day.formio-component-columnsPanelPanelDateofBirth .input-group .form-group label {
  text-transform: uppercase;
  color: #777;
  font-weight: 600;
  margin-left: -7px;
}

.formio-form .choices__list .choices__list--dropdown .is-active input[type="text"]:focus {
  border: none !important;
  box-shadow: none !important;
}

.formio-form .choices[data-type*=select-one] .choices__input {
  border-radius: 0px;
}

.formio-form .list-inline {
  float: right;
}

.formio-form .formio-component-panel20SaveContinue {
  text-align: right;
}

.formio-form div[class*="SaveContinue"] {
  text-align: right;
}

h2.form-info,
.formio-form .card .card-header .form-info.card-title {
  color: #f5f4f3 !important;
  font-family: "Montserrat", "Century Gothic", Arial, sans-serif !important;
  font-size: 175% !important;
}

.big-form-title {
  margin-top: 50px;
  margin-top: 1.4em;
  margin-bottom: 0.6em;
}

.small-form-title .card-header.bg-default {
  font-size: 80%;
  border-bottom: none !important;
  background-color: #f5f5f5 !important;
  margin-bottom: 10px;
  margin-top: 30px;
  color: #9B9B9B !important;
  width: 100%;
}

.small-form-title .card-header.bg-default:before {
  content: "\f35a";
  color: #348721;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  font-size: 200%;
  margin-right: .5em;
  padding: 10px 5px 10px 10px;
}

.small-form-title .card-body .card-header.bg-default.panel-heading {
  font-size: 80%;
  border-bottom: 1px solid #eee !important;
  background-color: #fff !important;
  margin-bottom: 0px;
  color: #9B9B9B !important;
  padding: 0px;
}

.small-form-title .card-body .card-header.bg-default.panel-heading:before {
  content: none;
}

/*Form Panel*/
.panel-default {
  border: none !important;
}

.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0px;
  border-radius: 2px;
}

.shadow-panel {
  -webkit-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 0px;
  border-radius: 2px;
}

.shadow-panel .panel {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0px;
  border-radius: 2px;
}

.shadow-panel .panel-heading,
.shadow-panel .panel-body {
  padding: 0px;
  border-bottom: none;
}

.panel-default>.panel-heading {
  color: #888;
  background-color: #fff;
  border-color: transparent;
}

/*Form Fields*/
.form-control {
  /*@extend 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 {

    }*/
}

.form-control input.form-control.flatpickr-input.form-control.input {
  border-top-left-radius: border;
  border-bottom-left-radius: 3px;
}

.form-control .flatpickr-current-month,
.form-control .flatpickr-months .flatpickr-month {
  height: 35px;
}

.form-control .flatpickr-day {
  color: #231f20;
}

.form-control .flatpickr-day.today {
  border-color: #348721;
}

.form-control .flatpickr-day.selected {
  background: #2A7AB0;
  border-color: #2A7AB0;
}

.choices[data-type*=select-one] .choices-input {
  border-radius: 0px;
}

.choices[data-type*=select-one]:after {
  border-color: #fff transparent transparent transparent;
}

.choices[data-type*=select-one].is-open:after {
  border-color: transparent transparent #fff transparent;
}

.control-label {
  margin-top: 0.5em;
}

.control-label.form-check-label {
  margin-top: 5px;
}

/*Image Banners*/
.image-banner img {
  text-align: center;
  height: auto;
  width: 100%;
  border-radius: 5px;
}

/*Buttons*/
.formio-component-submit {
  float: right;
}

/*Radio Buttons*/
.form-check.radio {
  padding-left: 15px;
  font-family: "Montserrat", Arial, sans-serif !important;
}

label.control-label.form-check-label {
  font-weight: 500;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -30px;
  margin-top: 4px !important;
}

.well {
  background-color: #f5f5f5 !important;
  padding: 3em 3em 4.5em 3em !important;
  font-weight: normal;
}

/* Text input fields being used as a dynamic data display - add class to field in form.io*/
.formio-form .data-display {
  margin-top: 20px;
  font-weight: 500;
  font-family: "Montserrat", Arial, sans-serif;
}

.formio-form .data-display .form-control[disabled],
.formio-form .data-display .form-control[readonly],
.formio-form .data-diplay fieldset[disabled] .form-control {
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Other Classes to Position Form Groups or Fields as needed*/
.indent-item {
  padding-left: 15px;
  padding-right: 15px;
}

/*Removes individual red asterisks for each required field within a data grid component*/
.datagrid-table th.field-required:after {
  display: inline-block;
  float: right;
  padding: 2px;
}

.datagrid-table .field-required:after {
  display: none;
}

.datagrid-table.table-bordered {
  border: 0px solid #ddd;
}

.datagrid-table.table-bordered thead>tr>th {
  border: 0px;
  border-bottom: 2px solid #ddd;
}

.datagrid-table.table-bordered tbody>tr {
  border: 0px;
  border-bottom: 1px solid #eee;
}

.datagrid-table.table-bordered tbody>tr td {
  border: 0px;
}

.datagrid-table.table-bordered tbody>tr td>div {
  margin-bottom: 0px;
}

.datagrid-table.table-bordered tfoot>tr>td {
  border: 0px;
}

.datagrid-table th {
  border-top: 0px;
}

/* Resize Data Grid Remove Row Button */
.btn.formio-button-remove-row {
  padding: 7px 7px;
  font-size: 100%;
  line-height: 0.8;
}

/* Use this class on DataGrid components if you don't want the default remove row and add another buttons to display*/
.hiddenGridButtons .btn.formio-button-remove-row,
.hiddenGridButtons .btn.formio-button-add-row {
  display: none;
}

/*Resize file upload field inside a Data Grid Component to make everything fit better*/
li.list-group-item {
  padding: 10px;
}

li.list-group-item .col-md-9,
li.list-group-item .col-md-1,
li.list-group-item .col-md-2 {
  padding: 2px;
}

li.list-group-item .list-group-header {
  padding: 5px;
}

li.list-group-item .list-group-header .col-md-9,
li.list-group-item .list-group-header .col-md-1,
li.list-group-item .list-group-header .col-md-2 {
  padding: 2px;
}

li.list-group-item .row {
  margin-left: 0px;
  margin-right: 0px;
}

/*Pagination*/
/*Correct the order of alerts, tabs and form content */
.formio-form .formio-modified {
  display: flex;
  flex-direction: column;
}

.formio-form .formio-modified .alert:first-child {
  order: 2;
}

.formio-form .formio-modified div {
  order: 3;
}

.formio-form nav {
  margin: -105px -47px 20px -47px;
  order: 1;
}

.pagination {
  border-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: opx;
}

.pagination>li {
  flex-grow: 1;
  flex-wrap: wrap;
  display: inline-block;
}

.pagination>li>a,
.pagination>li>span {
  padding: 15px 12px;
  color: rgba(136, 136, 136, 0.8);
  font-weight: normal;
  background-color: #fff;
  border: 0px;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  border-bottom: 3px solid white;
  transition: all .2s ease-in-out;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: -1px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.pagination>li>a:hover,
.pagination>li>a:focus {
  z-index: 2;
  color: rgba(136, 136, 136, 0.8);
  background-color: #f5f5f5;
}

.pagination>li>span {
  width: 100%;
  height: 100%;
  transition: all .2s ease-in-out;
}

.pagination>li>span:hover,
.pagination>li>span:focus {
  color: rgba(136, 136, 136, 0.8);
  background-color: #f5f5f5;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #348721;
}

.pagination>.active>a {
  background-color: #fff;
  border-bottom: 3px solid #348721;
  border-color: #348721;
  transition: all .2s ease-in-out;
}

.pagination>.active>a:hover,
.pagination>.active>a:focus {
  color: rgba(136, 136, 136, 0.8);
  background-color: #f5f5f5;
  border-color: #2A7AB0;
}

.pagination>.active>span {
  color: rgba(136, 136, 136, 0.8);
  background-color: #fff;
  border-bottom: 3px solid #348721;
  border-color: #348721;
  transition: all .2s ease-in-out;
}

.pagination>.active>span:hover,
.pagination>.active>span:focus {
  color: rgba(136, 136, 136, 0.8);
  background-color: #f5f5f5;
  border-color: #348721;
}

/* Allow text area inputs to have auto height*/
/* textarea {
  height: auto !important;
} */

/*Temp fix for Date Dropdowns ONLY A PROBLEM ON DEMO SERVER*/
.input-group-append {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 12px;
}

input.form-control.flatpickr-input.flatpickr-mobile {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: none;
}

.input-group-append {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 12px;
  background-color: aliceblue;
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.formio-component-datagrid .datagrid-table>tbody>tr>td:last-child {
  text-align: right !important;
}

.datagrid-table.table-bordered tbody>tr td {
  border: 0px;
  padding: 20px 30px;
}

/* tbody td:last-child {
  width: 5%;
} */

/* --------------- BSI UTILITY CLASSES ---------------
==================================================================================================================*/
/* Hides header of a query menu ipart*/
.hiddenHeader .panel .rgHeader {
  display: none;
}

.hiddenGrid .RadGrid_MetroTouch {
  border: 0px;
}

/*Make a RadGrid Link look like a Button*/
.hiddenGrid.secretButton .panel-body,
.hiddenGrid.secretButton .PanelBody {
  padding: 0px;
}

.hiddenGrid.secretButton .RadGrid a,
.hiddenGrid.secretButton .RadGrid a:visited {
  color: #fff !important;
}

/* Hides no records message of a query menu ipart*/
.hiddenNoRecords .panel tr.rgNoRecords {
  display: none;
}

/*A mixin for reusable Spacing Classes*/
.mt-0 {
  margin-top: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

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

.pb20 {
  padding-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

/*Add this class to a div with multiple buttons to add spacing between them*/
.ButtonRow a {
  margin-right: 10px;
}

/*Make Any Text White*/
.whiteText h1,
.whiteText h2,
.whiteText .formio-form .card .card-header .card-title,
.formio-form .card .card-header .whiteText .card-title,
.whiteText h3,
.whiteText .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .whiteText .card-title,
.whiteText h4,
.whiteText h5,
.whiteText h6,
.whiteText p,
.whiteText ul,
.whiteText li {
  color: #fff !important;
}

.flexFilters .FilterPanel .PanelField {
  width: auto;
  clear: unset;
}

.flexFilters .FilterPanel .PanelField label,
.flexFilters .FilterPanel .PanelField .Label {
  text-align: left;
  width: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding-right: .5em;
}

.flexFilters .FilterPanel input[type="submit"] {
  min-width: 130px;
  align-self: flex-end;
  margin: 8px 4px;
}

.flexFilters .FilterPanel div[id*='ResultsGrid'] {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Hide labels in a panel*/
.hiddenLabels .Label,
.hiddenLabels label {
  display: none;
}

/* CPD Hours Reporting and Renewal Process */
.progress-section {
  border: 1px solid #eee;
  border-radius: 15px;
  padding: 60px 30px;
}

.progress-section .text-align-center {
  line-height: 25px;
  margin-bottom: 12px;
}

.progress-section-content {
  border: 1px solid #e9e9e9;
  position: relative;
  padding: 16px 34% 30px 30px;
}

.progress-section-content img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  max-height: 100%;
}

.progress-section-content h3,
.progress-section-content .formio-form .card .card .card-header .card-title,
.formio-form .card .card .card-header .progress-section-content .card-title {
  margin-bottom: 16px;
}

.progress-section-content p {
  line-height: 26px;
  margin-bottom: 12px;
}

.process-model {
  list-style: none;
  padding: 0;
  position: relative;
  max-width: 800px;
  margin: 20px auto 26px;
  border: none;
  z-index: 0;
}

.process-model li {
  display: inline-block;
  width: 24%;
  text-align: center;
  float: none;
  vertical-align: top;
}

.process-model li::after {
  background: #e5e5e5 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  margin: 0 auto;
  position: absolute;
  right: 55px;
  top: 58px;
  width: 75%;
  z-index: -1;
}

.process-model li.visited::after {
  background: #57b87b;
}

.process-model li:last-child::after {
  width: 0;
}

.nav-tabs.process-model>li.active>a {
  border: none;
  background: transparent;
}

.nav-tabs.process-model>li.active>a:hover,
.nav-tabs.process-model>li.active>a:focus {
  border: none;
  background: transparent;
}

.process-model li a {
  padding: 0;
  border: none;
  color: #606060;
}

.process-model li a:hover,
.process-model li a:focus {
  border: none;
  background: transparent;
}

.process-model li p.steplink {
  margin-top: 11px;
}

.process-model li a.steplink {
  text-decoration: none;
  color: #231f20;
  font-size: 16px;
}

.process-model li a.steplink:hover {
  color: #231f20;
}

.process-model li p.status-neutral {
  font-size: 14px;
  font-weight: bold;
  color: #999;
}

.process-model li p.status-pending {
  font-size: 14px;
  font-weight: bold;
  color: #ffb200;
}

.process-model li p.status-complete {
  font-size: 14px;
  font-weight: bold;
  color: #348721;
}

.process-model li.complete p.status-neutral {
  display: none;
}

.process-model li.complete p.status-pending {
  display: none;
}

.process-model li.complete .icon-container {
  border-color: #348721;
}

.process-model li.pending p.status-neutral {
  display: none;
}

.process-model li.pending p.status-complete {
  display: none;
}

.process-model li.pending .icon-container {
  border-color: #ffb200;
}

.process-model li.notStarted p.status-complete {
  display: none;
}

.process-model li.notStarted p.status-pending {
  display: none;
}

.icon-container {
  display: block;
  height: 120px;
  width: 120px;
  text-align: center;
  margin: 0 auto;
  background: #f5f6f7;
  border: 2px solid #e5e5e5;
  line-height: 65px;
  font-size: 30px;
  border-radius: 50%;
}

.process-model li.complete p.status-neutral {
  display: none !important;
}

.process-model li.complete p.status-pending {
  display: none !important;
}

.process-model li.complete .icon-container {
  border-color: #348721 !important;
  background-color: #e1f1de !important;
}

.process-model li.pending p.status-neutral {
  display: none !important;
}

.process-model li.pending p.status-complete {
  display: none !important;
}

.process-model li.pending .icon-container {
  border-color: #ffb200 !important;
  background-color: #fdf1d5 !important;
}

.process-model li.notStarted p.status-complete {
  display: none !important;
}

.process-model li.notStarted p.status-pending {
  display: none !important;
}

@media screen and (max-width: 560px) {
  .more-icon-preocess.process-model li span {
    font-size: 23px;
    height: 50px;
    line-height: 46px;
    width: 50px;
  }

  .more-icon-preocess.process-model li::after {
    top: 24px;
  }
}

@media screen and (max-width: 380px) {
  .process-model.more-icon-preocess {
    text-align: center;
  }

  .process-model.more-icon-preocess li {
    width: 16%;
  }

  .process-model.more-icon-preocess li span {
    font-size: 16px;
    height: 35px;
    line-height: 32px;
    width: 35px;
  }

  .process-model.more-icon-preocess li p {
    font-size: 8px;
  }

  .process-model.more-icon-preocess li::after {
    top: 18px;
  }
}

.set-size {
  font-size: 10em;
}

.charts-container:after {
  clear: both;
  content: '';
  display: table;
}

.pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  margin: 15px;
  position: relative;
}

.pie-wrapper:nth-child(3n + 1) {
  clear: both;
}

.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}

.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #348721;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}

.pie-wrapper .label {
  background: #34495e;
  border-radius: 50%;
  bottom: 0.4em;
  color: #ecf0f1;
  cursor: default;
  display: block;
  font-size: 0.25em;
  left: 0.4em;
  line-height: 2.6em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 0.2em;
}

.pie-wrapper .label .smaller {
  color: #bdc3c7;
  font-size: .45em;
  padding-bottom: 20px;
  vertical-align: super;
}

.pie-wrapper .label .label-tiny {
  display: block;
  line-height: 0;
  font-size: 14px;
  margin-top: -26px;
}

.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #bdc3c7;
  border-radius: 50%;
}

.pie-wrapper .label {
  background: none;
  color: #7f8c8d;
}

.pie-wrapper .label .smaller {
  color: #bdc3c7;
}

.pie-wrapper.progress-33 .pie .half-circle {
  border-color: #348721;
}

.pie-wrapper.progress-33 .pie .left-side {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

.pie-wrapper.progress-33 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-66 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-66 .pie .half-circle {
  border-color: #348721;
}

.pie-wrapper.progress-66 .pie .left-side {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
}

.pie-wrapper.progress-100 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-100 .pie .half-circle {
  border-color: #348721;
}

.pie-wrapper.progress-100 .pie .left-side {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}

.pie-wrapper.progress-100 .pie .right-side {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-hours {
  display: block;
  width: 74px;
  margin: 0 auto;
  top: 20px;
  height: 110px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTg2LDE4LjgxMjVjLTM3LjEwNjYzLDAgLTY3LjE4NzUsMzAuMDgwODcgLTY3LjE4NzUsNjcuMTg3NWMwLDM3LjEwNjYzIDMwLjA4MDg3LDY3LjE4NzUgNjcuMTg3NSw2Ny4xODc1YzM3LjEwNjYzLDAgNjcuMTg3NSwtMzAuMDgwODcgNjcuMTg3NSwtNjcuMTg3NWMwLC0zNy4xMDY2MyAtMzAuMDgwODcsLTY3LjE4NzUgLTY3LjE4NzUsLTY3LjE4NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTEzNy4wNjI1LDExMC4xODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iI2NjY2NjYyI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDYuNDY4NzUsMTMzLjAzMTI1aC01LjM3NXYtNS4zNzVjMCwtMi4yODQzNyAtMS43NDY4NywtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODggLTQuMDMxMjUsNC4wMzEyNXY1LjM3NWgtNS4zNzVjLTIuMjg0MzcsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM4IDEuNzQ2ODgsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVoNS4zNzV2NS4zNzVjMCwyLjI4NDM4IDEuNzQ2ODcsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNXYtNS4zNzVoNS4zNzVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxnIGZpbGw9IiM5OTk5OTkiPjxwYXRoIGQ9Ik04NiwxNTcuMjE4NzVjLTM5LjIzNzUsMCAtNzEuMjE4NzUsLTMxLjk4MTI1IC03MS4yMTg3NSwtNzEuMjE4NzVjMCwtMzkuMjM3NSAzMS45ODEyNSwtNzEuMjE4NzUgNzEuMjE4NzUsLTcxLjIxODc1YzM5LjIzNzUsMCA3MS4yMTg3NSwzMS45ODEyNSA3MS4yMTg3NSw3MS4yMTg3NWMwLDIuMTUgLTAuMTM0MzgsNC40MzQzOCAtMC4yNjg3NSw2LjU4NDM4Yy0wLjI2ODc1LDIuMTUgLTIuMTUsMy44OTY4OCAtNC40MzQzNywzLjYyODEyYy0yLjE1LC0wLjI2ODc1IC0zLjg5Njg3LC0yLjE1IC0zLjYyODEzLC00LjQzNDM3YzAuMTM0MzgsLTEuODgxMjUgMC4yNjg3NSwtMy44OTY4OCAwLjI2ODc1LC01Ljc3ODEzYzAsLTM0LjgwMzEyIC0yOC4zNTMxMiwtNjMuMTU2MjUgLTYzLjE1NjI1LC02My4xNTYyNWMtMzQuODAzMTMsMCAtNjMuMTU2MjUsMjguMzUzMTIgLTYzLjE1NjI1LDYzLjE1NjI1YzAsMzQuODAzMTMgMjguMzUzMTMsNjMuMTU2MjUgNjMuMTU2MjUsNjMuMTU2MjVjMi4wMTU2MywwIDQuMDMxMjUsLTAuMTM0MzggNi4wNDY4OCwtMC4yNjg3NWMyLjE1LC0wLjI2ODc1IDQuMTY1NjIsMS40NzgxMyA0LjQzNDM4LDMuNjI4MTNjMC4yNjg3NSwyLjE1IC0xLjQ3ODEzLDQuMTY1NjMgLTMuNjI4MTMsNC40MzQzN2MtMi4yODQzNywwLjEzNDM4IC00LjU2ODc1LDAuMjY4NzUgLTYuODUzMTIsMC4yNjg3NXoiPjwvcGF0aD48L2c+PGcgZmlsbD0iIzk5OTk5OSI+PHBhdGggZD0iTTExOS41OTM3NSw4MS45Njg3NWgtMjAuODI4MTJjLTEuMzQzNzUsLTQuMTY1NjMgLTQuNTY4NzUsLTcuNTI1IC04LjczNDM3LC04LjczNDM3di0zNC4yNjU2MmMwLC0yLjI4NDM3IC0xLjc0Njg4LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1Yy0yLjI4NDM3LDAgLTQuMDMxMjUsMS43NDY4OCAtNC4wMzEyNSw0LjAzMTI1djM0LjI2NTYzYy01LjUwOTM4LDEuNzQ2ODggLTkuNDA2MjUsNi44NTMxMyAtOS40MDYyNSwxMi43NjU2M2MwLDcuMzkwNjMgNi4wNDY4OCwxMy40Mzc1IDEzLjQzNzUsMTMuNDM3NWM2LjA0Njg4LDAgMTEuMTUzMTMsLTMuODk2ODggMTIuNzY1NjMsLTkuNDA2MjVoMjAuODI4MTNjMi4yODQzNywwIDQuMDMxMjUsLTEuNzQ2ODggNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IC0xLjc0Njg4LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1ek04Niw5MS4zNzVjLTIuOTU2MjUsMCAtNS4zNzUsLTIuNDE4NzUgLTUuMzc1LC01LjM3NWMwLC0yLjk1NjI1IDIuNDE4NzUsLTUuMzc1IDUuMzc1LC01LjM3NWMyLjk1NjI1LDAgNS4zNzUsMi40MTg3NSA1LjM3NSw1LjM3NWMwLDIuOTU2MjUgLTIuNDE4NzUsNS4zNzUgLTUuMzc1LDUuMzc1eiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
  background-size: 100%;
}

.icon-hours.pending {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTg2LDE4LjgxMjVjLTM3LjEwNjYzLDAgLTY3LjE4NzUsMzAuMDgwODcgLTY3LjE4NzUsNjcuMTg3NWMwLDM3LjEwNjYzIDMwLjA4MDg3LDY3LjE4NzUgNjcuMTg3NSw2Ny4xODc1YzM3LjEwNjYzLDAgNjcuMTg3NSwtMzAuMDgwODcgNjcuMTg3NSwtNjcuMTg3NWMwLC0zNy4xMDY2MyAtMzAuMDgwODcsLTY3LjE4NzUgLTY3LjE4NzUsLTY3LjE4NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTEzNy4wNjI1LDExMC4xODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iI2YxYzQwZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDYuNDY4NzUsMTMzLjAzMTI1aC01LjM3NXYtNS4zNzVjMCwtMi4yODQzNyAtMS43NDY4NywtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODggLTQuMDMxMjUsNC4wMzEyNXY1LjM3NWgtNS4zNzVjLTIuMjg0MzcsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM4IDEuNzQ2ODgsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVoNS4zNzV2NS4zNzVjMCwyLjI4NDM4IDEuNzQ2ODcsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNXYtNS4zNzVoNS4zNzVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxnIGZpbGw9IiM0NDRiNTQiPjxwYXRoIGQ9Ik04NiwxNTcuMjE4NzVjLTM5LjIzNzUsMCAtNzEuMjE4NzUsLTMxLjk4MTI1IC03MS4yMTg3NSwtNzEuMjE4NzVjMCwtMzkuMjM3NSAzMS45ODEyNSwtNzEuMjE4NzUgNzEuMjE4NzUsLTcxLjIxODc1YzM5LjIzNzUsMCA3MS4yMTg3NSwzMS45ODEyNSA3MS4yMTg3NSw3MS4yMTg3NWMwLDIuMTUgLTAuMTM0MzgsNC40MzQzOCAtMC4yNjg3NSw2LjU4NDM4Yy0wLjI2ODc1LDIuMTUgLTIuMTUsMy44OTY4OCAtNC40MzQzNywzLjYyODEyYy0yLjE1LC0wLjI2ODc1IC0zLjg5Njg3LC0yLjE1IC0zLjYyODEzLC00LjQzNDM3YzAuMTM0MzgsLTEuODgxMjUgMC4yNjg3NSwtMy44OTY4OCAwLjI2ODc1LC01Ljc3ODEzYzAsLTM0LjgwMzEyIC0yOC4zNTMxMiwtNjMuMTU2MjUgLTYzLjE1NjI1LC02My4xNTYyNWMtMzQuODAzMTMsMCAtNjMuMTU2MjUsMjguMzUzMTIgLTYzLjE1NjI1LDYzLjE1NjI1YzAsMzQuODAzMTMgMjguMzUzMTMsNjMuMTU2MjUgNjMuMTU2MjUsNjMuMTU2MjVjMi4wMTU2MywwIDQuMDMxMjUsLTAuMTM0MzggNi4wNDY4OCwtMC4yNjg3NWMyLjE1LC0wLjI2ODc1IDQuMTY1NjIsMS40NzgxMyA0LjQzNDM4LDMuNjI4MTNjMC4yNjg3NSwyLjE1IC0xLjQ3ODEzLDQuMTY1NjMgLTMuNjI4MTMsNC40MzQzN2MtMi4yODQzNywwLjEzNDM4IC00LjU2ODc1LDAuMjY4NzUgLTYuODUzMTIsMC4yNjg3NXoiPjwvcGF0aD48L2c+PGcgZmlsbD0iIzQ0NGI1NCI+PHBhdGggZD0iTTExOS41OTM3NSw4MS45Njg3NWgtMjAuODI4MTJjLTEuMzQzNzUsLTQuMTY1NjMgLTQuNTY4NzUsLTcuNTI1IC04LjczNDM3LC04LjczNDM3di0zNC4yNjU2MmMwLC0yLjI4NDM3IC0xLjc0Njg4LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1Yy0yLjI4NDM3LDAgLTQuMDMxMjUsMS43NDY4OCAtNC4wMzEyNSw0LjAzMTI1djM0LjI2NTYzYy01LjUwOTM4LDEuNzQ2ODggLTkuNDA2MjUsNi44NTMxMyAtOS40MDYyNSwxMi43NjU2M2MwLDcuMzkwNjMgNi4wNDY4OCwxMy40Mzc1IDEzLjQzNzUsMTMuNDM3NWM2LjA0Njg4LDAgMTEuMTUzMTMsLTMuODk2ODggMTIuNzY1NjMsLTkuNDA2MjVoMjAuODI4MTNjMi4yODQzNywwIDQuMDMxMjUsLTEuNzQ2ODggNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IC0xLjc0Njg4LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1ek04Niw5MS4zNzVjLTIuOTU2MjUsMCAtNS4zNzUsLTIuNDE4NzUgLTUuMzc1LC01LjM3NWMwLC0yLjk1NjI1IDIuNDE4NzUsLTUuMzc1IDUuMzc1LC01LjM3NWMyLjk1NjI1LDAgNS4zNzUsMi40MTg3NSA1LjM3NSw1LjM3NWMwLDIuOTU2MjUgLTIuNDE4NzUsNS4zNzUgLTUuMzc1LDUuMzc1eiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
}

.icon-hours.completed {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTg2LDE4LjgxMjVjLTM3LjEwNjYzLDAgLTY3LjE4NzUsMzAuMDgwODcgLTY3LjE4NzUsNjcuMTg3NWMwLDM3LjEwNjYzIDMwLjA4MDg3LDY3LjE4NzUgNjcuMTg3NSw2Ny4xODc1YzM3LjEwNjYzLDAgNjcuMTg3NSwtMzAuMDgwODcgNjcuMTg3NSwtNjcuMTg3NWMwLC0zNy4xMDY2MyAtMzAuMDgwODcsLTY3LjE4NzUgLTY3LjE4NzUsLTY3LjE4NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PHBhdGggZD0iTTEzNy4wNjI1LDExMC4xODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iIzQzYjAyYSI+PC9wYXRoPjxwYXRoIGQ9Ik0xNDYuNDY4NzUsMTMzLjAzMTI1aC01LjM3NXYtNS4zNzVjMCwtMi4yODQzNyAtMS43NDY4NywtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODggLTQuMDMxMjUsNC4wMzEyNXY1LjM3NWgtNS4zNzVjLTIuMjg0MzcsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM4IDEuNzQ2ODgsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVoNS4zNzV2NS4zNzVjMCwyLjI4NDM4IDEuNzQ2ODcsNC4wMzEyNSA0LjAzMTI1LDQuMDMxMjVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNXYtNS4zNzVoNS4zNzVjMi4yODQzOCwwIDQuMDMxMjUsLTEuNzQ2ODcgNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxnIGZpbGw9IiM0NDRiNTQiPjxwYXRoIGQ9Ik04NiwxNTcuMjE4NzVjLTM5LjIzNzUsMCAtNzEuMjE4NzUsLTMxLjk4MTI1IC03MS4yMTg3NSwtNzEuMjE4NzVjMCwtMzkuMjM3NSAzMS45ODEyNSwtNzEuMjE4NzUgNzEuMjE4NzUsLTcxLjIxODc1YzM5LjIzNzUsMCA3MS4yMTg3NSwzMS45ODEyNSA3MS4yMTg3NSw3MS4yMTg3NWMwLDIuMTUgLTAuMTM0MzgsNC40MzQzOCAtMC4yNjg3NSw2LjU4NDM4Yy0wLjI2ODc1LDIuMTUgLTIuMTUsMy44OTY4OCAtNC40MzQzNywzLjYyODEyYy0yLjE1LC0wLjI2ODc1IC0zLjg5Njg3LC0yLjE1IC0zLjYyODEzLC00LjQzNDM3YzAuMTM0MzgsLTEuODgxMjUgMC4yNjg3NSwtMy44OTY4OCAwLjI2ODc1LC01Ljc3ODEzYzAsLTM0LjgwMzEyIC0yOC4zNTMxMiwtNjMuMTU2MjUgLTYzLjE1NjI1LC02My4xNTYyNWMtMzQuODAzMTMsMCAtNjMuMTU2MjUsMjguMzUzMTIgLTYzLjE1NjI1LDYzLjE1NjI1YzAsMzQuODAzMTMgMjguMzUzMTMsNjMuMTU2MjUgNjMuMTU2MjUsNjMuMTU2MjVjMi4wMTU2MywwIDQuMDMxMjUsLTAuMTM0MzggNi4wNDY4OCwtMC4yNjg3NWMyLjE1LC0wLjI2ODc1IDQuMTY1NjIsMS40NzgxMyA0LjQzNDM4LDMuNjI4MTNjMC4yNjg3NSwyLjE1IC0xLjQ3ODEzLDQuMTY1NjMgLTMuNjI4MTMsNC40MzQzN2MtMi4yODQzNywwLjEzNDM4IC00LjU2ODc1LDAuMjY4NzUgLTYuODUzMTIsMC4yNjg3NXoiPjwvcGF0aD48L2c+PGcgZmlsbD0iIzQ0NGI1NCI+PHBhdGggZD0iTTExOS41OTM3NSw4MS45Njg3NWgtMjAuODI4MTJjLTEuMzQzNzUsLTQuMTY1NjMgLTQuNTY4NzUsLTcuNTI1IC04LjczNDM3LC04LjczNDM3di0zNC4yNjU2MmMwLC0yLjI4NDM3IC0xLjc0Njg4LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1Yy0yLjI4NDM3LDAgLTQuMDMxMjUsMS43NDY4OCAtNC4wMzEyNSw0LjAzMTI1djM0LjI2NTYzYy01LjUwOTM4LDEuNzQ2ODggLTkuNDA2MjUsNi44NTMxMyAtOS40MDYyNSwxMi43NjU2M2MwLDcuMzkwNjMgNi4wNDY4OCwxMy40Mzc1IDEzLjQzNzUsMTMuNDM3NWM2LjA0Njg4LDAgMTEuMTUzMTMsLTMuODk2ODggMTIuNzY1NjMsLTkuNDA2MjVoMjAuODI4MTNjMi4yODQzNywwIDQuMDMxMjUsLTEuNzQ2ODggNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IC0xLjc0Njg4LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1ek04Niw5MS4zNzVjLTIuOTU2MjUsMCAtNS4zNzUsLTIuNDE4NzUgLTUuMzc1LC01LjM3NWMwLC0yLjk1NjI1IDIuNDE4NzUsLTUuMzc1IDUuMzc1LC01LjM3NWMyLjk1NjI1LDAgNS4zNzUsMi40MTg3NSA1LjM3NSw1LjM3NWMwLDIuOTU2MjUgLTIuNDE4NzUsNS4zNzUgLTUuMzc1LDUuMzc1eiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
}

.icon-declaration {
  display: block;
  width: 74px;
  margin: 0 auto;
  top: 20px;
  height: 110px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTExNS41NjI1LDEyLjA5Mzc1aC03Mi41NjI1Yy03LjM5MDYyLDAgLTEzLjQzNzUsNi4wNDY4OCAtMTMuNDM3NSwxMy40Mzc1djEyMC45Mzc1YzAsNy4zOTA2MyA2LjA0Njg4LDEzLjQzNzUgMTMuNDM3NSwxMy40Mzc1aDg2YzcuMzkwNjMsMCAxMy40Mzc1LC02LjA0Njg3IDEzLjQzNzUsLTEzLjQzNzV2LTEwNy41YzAsLTE0Ljc4MTI1IC0xMi4wOTM3NSwtMjYuODc1IC0yNi44NzUsLTI2Ljg3NXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNzYuNTkzNzUsMTQwLjY5MDYzYy0wLjI2ODc1LDAgLTAuNTM3NSwwIC0wLjgwNjI1LC0wLjEzNDM4Yy0wLjI2ODc1LDAgLTAuNTM3NSwtMC4xMzQzNyAtMC44MDYyNSwtMC4yNjg3NWMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC40MDMxMmMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC41Mzc1Yy0wLjEzNDM4LC0wLjEzNDM4IC0wLjQwMzEzLC0wLjQwMzEzIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTMgLTAuNDAzMTIsLTAuNjcxODdjLTAuMTM0MzgsLTAuMjY4NzUgLTAuMTM0MzgsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMC4yNjg3NSAwLC0wLjUzNzUgMC4xMzQzNywtMC44MDYyNWMwLC0wLjI2ODc1IDAuMTM0MzgsLTAuNTM3NSAwLjI2ODc1LC0wLjgwNjI1YzAuMTM0MzcsLTAuMjY4NzUgMC4yNjg3NSwtMC41Mzc1IDAuNDAzMTIsLTAuNjcxODdjMC4xMzQzOCwtMC4yNjg3NSAwLjI2ODc1LC0wLjQwMzEzIDAuNTM3NSwtMC42NzE4N2MwLjEzNDM3LC0wLjEzNDM4IDAuNDAzMTIsLTAuNDAzMTMgMC42NzE4OCwtMC41Mzc1YzAuMjY4NzUsLTAuMTM0MzcgMC40MDMxMiwtMC4yNjg3NSAwLjY3MTg4LC0wLjQwMzEyYzAuMjY4NzUsLTAuMTM0MzggMC41Mzc1LC0wLjEzNDM4IDAuODA2MjUsLTAuMjY4NzVjMC41Mzc1LC0wLjEzNDM3IDEuMDc1LC0wLjEzNDM3IDEuNjEyNSwwYzAuMjY4NzUsMCAwLjUzNzUsMC4xMzQzOCAwLjgwNjI1LDAuMjY4NzVjMC4yNjg3NSwwLjEzNDM3IDAuNTM3NSwwLjI2ODc1IDAuNjcxODgsMC40MDMxMmMwLjI2ODc1LDAuMTM0MzggMC40MDMxMywwLjI2ODc1IDAuNjcxODgsMC41Mzc1YzAuMTM0MzgsMC4xMzQzNyAwLjQwMzEzLDAuNDAzMTIgMC41Mzc1LDAuNjcxODhjMC4xMzQzNywwLjI2ODc1IDAuMjY4NzUsMC40MDMxMiAwLjQwMzEyLDAuNjcxODhjMC4xMzQzOCwwLjI2ODc1IDAuMTM0MzgsMC41Mzc1IDAuMjY4NzUsMC44MDYyNWMwLDAuMjY4NzUgMC4xMzQzNywwLjUzNzUgMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAwLDAuNTM3NSAtMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAtMC4xMzQzOCwwLjUzNzUgLTAuMjY4NzUsMC44MDYyNWMtMC4xMzQzNywwLjI2ODc1IC0wLjI2ODc1LDAuNTM3NSAtMC40MDMxMiwwLjY3MTg4Yy0wLjEzNDM4LDAuMjY4NzUgLTAuMjY4NzUsMC40MDMxMiAtMC41Mzc1LDAuNjcxODhjLTAuODA2MjUsMC44MDYyNSAtMS44ODEyNSwxLjM0Mzc1IC0yLjk1NjI1LDEuMzQzNzV6TTEwMC4xMDkzOCwxNDMuNzgxMjVjLTIuNjg3NSwwIC01LjEwNjI1LC0xLjQ3ODEzIC02LjE4MTI1LC0zLjg5Njg3di0wLjEzNDM4Yy0xLjIwOTM4LDAuOTQwNjMgLTIuODIxODcsMS4wNzUgLTQuMywwLjQwMzEyYy0yLjAxNTYyLC0wLjk0MDYyIC0yLjgyMTg3LC0zLjM1OTM3IC0xLjc0Njg3LC01LjM3NWMxLjIwOTM4LC0yLjQxODc1IDMuNjI4MTIsLTMuODk2ODcgNi4zMTU2MiwtMy44OTY4N2MyLjQxODc1LDAgNC41Njg3NSwxLjIwOTM3IDUuNzc4MTMsMy4wOTA2MmwxLjA3NSwtMy40OTM3NWMwLjk0MDYzLC0yLjk1NjI1IDMuNjI4MTMsLTUuMTA2MjUgNi43MTg3NSwtNS4zNzVjMy4wOTA2MywtMC4yNjg3NSA2LjA0Njg4LDEuMzQzNzUgNy41MjUsNC4wMzEyNWwyLjY4NzUsNS4xMDYyNWMwLjQwMzEyLDAuODA2MjUgMS4wNzUsMC45NDA2MyAxLjQ3ODEyLDEuMDc1YzAuNDAzMTIsMCAxLjA3NSwwIDEuNzQ2ODcsLTAuNTM3NWMxLjYxMjUsLTEuNjEyNSA0LjE2NTYyLC0xLjYxMjUgNS42NDM3NSwwYzEuNjEyNSwxLjYxMjUgMS42MTI1LDQuMTY1NjIgMCw1LjY0Mzc1Yy0yLjI4NDM4LDIuMjg0MzggLTUuMzc1LDMuMzU5MzggLTguNiwyLjgyMTg4Yy0zLjIyNSwtMC41Mzc1IC01LjkxMjUsLTIuNDE4NzUgLTcuMzkwNjIsLTUuMjQwNjNsLTIuNDE4NzUsLTQuNDM0MzdsLTEuNjEyNSw1LjM3NWMtMC44MDYyNSwyLjY4NzUgLTMuMjI1LDQuNzAzMTMgLTYuMDQ2ODcsNC44Mzc1Yy0wLjI2ODc1LDAgLTAuNDAzMTIsMCAtMC42NzE4NywweiIgZmlsbD0iI2NjY2NjYyI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTUuNTYyNSw4My4zMTI1aC01OS4xMjVjLTIuMjg0MzgsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODcsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWg1OS4xMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTAyLjEyNSw0M2gtMzIuMjVjLTIuMjg0MzcsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODgsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWgzMi4yNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg4IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzcgLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek05NS40MDYyNSwxMDMuNDY4NzVoLTM4Ljk2ODc1Yy0yLjI4NDM4LDAgLTQuMDMxMjUsLTEuNzQ2ODggLTQuMDMxMjUsLTQuMDMxMjVjMCwtMi4yODQzNyAxLjc0Njg3LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVoMzguOTY4NzVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTE1LjU2MjUsMTAzLjQ2ODc1Yy0xLjA3NSwwIC0yLjE1LC0wLjQwMzEzIC0yLjgyMTg3LC0xLjIwOTM4Yy0wLjEzNDM3LC0wLjEzNDM3IC0wLjQwMzEzLC0wLjQwMzEyIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTIgLTAuNDAzMTMsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMTM0MzcsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMS4wNzUgMC40MDMxMiwtMi4xNSAxLjIwOTM4LC0yLjgyMTg3YzAuMTM0MzcsLTAuMTM0MzcgMC40MDMxMiwtMC40MDMxMyAwLjY3MTg4LC0wLjUzNzVjMC4yNjg3NSwtMC4xMzQzNyAwLjQwMzEyLC0wLjI2ODc1IDAuNjcxODgsLTAuNDAzMTNjMC4yNjg3NSwtMC4xMzQzNyAwLjUzNzUsLTAuMTM0MzcgMC44MDYyNSwtMC4yNjg3NWMxLjM0Mzc1LC0wLjI2ODc1IDIuNjg3NSwwLjEzNDM3IDMuNjI4MTIsMS4wNzVjMC44MDYyNSwwLjgwNjI1IDEuMjA5MzgsMS43NDY4OCAxLjIwOTM4LDIuODIxODhjMCwwLjI2ODc1IDAsMC41Mzc1IC0wLjEzNDM3LDAuODA2MjVjMCwwLjI2ODc1IC0wLjEzNDM3LDAuNTM3NSAtMC4yNjg3NSwwLjgwNjI1Yy0wLjEzNDM3LDAuMjY4NzUgLTAuMjY4NzUsMC41Mzc1IC0wLjQwMzEzLDAuNjcxODhjLTAuMTM0MzcsMC4yNjg3NSAtMC4yNjg3NSwwLjQwMzEyIC0wLjUzNzUsMC42NzE4OGMtMC41Mzc1LDAuOTQwNjMgLTEuNjEyNSwxLjM0Mzc1IC0yLjY4NzUsMS4zNDM3NXoiIGZpbGw9IiNlY2YwZjEiPjwvcGF0aD48cGF0aCBkPSJNMTQyLjQzNzUsMzguOTY4NzVoLTEzLjQzNzVjLTcuMzkwNjIsMCAtMTMuNDM3NSwtNi4wNDY4NyAtMTMuNDM3NSwtMTMuNDM3NXYtMTMuNDM3NXYwYzE0Ljc4MTI1LDAgMjYuODc1LDEyLjA5Mzc1IDI2Ljg3NSwyNi44NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PGcgZmlsbD0iIzk5OTk5OSI+PHBhdGggZD0iTTEzNy40NjU2MiwxNy4yYy01LjkxMjUsLTUuOTEyNSAtMTMuNTcxODcsLTkuMTM3NSAtMjEuOTAzMTIsLTkuMTM3NXYwaC03Mi41NjI1Yy05LjY3NSwwIC0xNy40Njg3NSw3Ljc5Mzc1IC0xNy40Njg3NSwxNy40Njg3NXYxMjAuOTM3NWMwLDkuODA5MzcgNy45MjgxMywxNy40Njg3NSAxNC43ODEyNSwxNy40Njg3NWg4NS43MzEyNWMxMS42OTA2MiwwIDIwLjE1NjI1LC03LjM5MDYyIDIwLjE1NjI1LC0xNy40Njg3NWwwLjEzNDM4LC05MC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1djBjLTIuMjg0MzgsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVsLTAuMTM0MzgsOTAuMDMxMjVjMCw1LjY0Mzc1IC00LjgzNzUsOS40MDYyNSAtMTIuMDkzNzUsOS40MDYyNWgtODUuNzMxMjVjLTIuMjg0MzcsMCAtNi43MTg3NSwtNC4wMzEyNSAtNi43MTg3NSwtOS40MDYyNXYtMTIwLjkzNzVjMCwtNS4yNDA2MyA0LjE2NTYyLC05LjQwNjI1IDkuNDA2MjUsLTkuNDA2MjVoNjguNTMxMjV2OS40MDYyNWMwLDkuNjc1IDcuNzkzNzUsMTcuNDY4NzUgMTcuNDY4NzUsMTcuNDY4NzVoMTIuOWMwLjEzNDM3LDAgMC4yNjg3NSwwIDAuNTM3NSwwdjBjMS42MTI1LDAgMy4wOTA2MiwtMS4wNzUgMy43NjI1LC0yLjQxODc1YzAuMjY4NzUsLTAuNTM3NSAwLjQwMzEzLC0xLjA3NSAwLjQwMzEzLC0xLjYxMjVjMCwtMC4xMzQzNyAwLC0wLjQwMzEzIDAsLTAuNTM3NWMtMC4yNjg3NSwtOC4wNjI1IC0zLjQ5Mzc1LC0xNS41ODc1IC05LjEzNzUsLTIxLjIzMTI1ek0xMTkuNTkzNzUsMjUuNTMxMjV2LTkuMDAzMTNjNC41Njg3NSwwLjgwNjI1IDguNzM0MzgsMi45NTYyNSAxMi4wOTM3NSw2LjMxNTYzYzMuMzU5MzgsMy4zNTkzOCA1LjUwOTM4LDcuNTI1IDYuMzE1NjMsMTIuMDkzNzVoLTkuMDAzMTNjLTUuMjQwNjMsMCAtOS40MDYyNSwtNC4xNjU2MyAtOS40MDYyNSwtOS40MDYyNXoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: 100%;
}

.icon-declaration.pending {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTExNS41NjI1LDEyLjA5Mzc1aC03Mi41NjI1Yy03LjM5MDYyLDAgLTEzLjQzNzUsNi4wNDY4OCAtMTMuNDM3NSwxMy40Mzc1djEyMC45Mzc1YzAsNy4zOTA2MyA2LjA0Njg4LDEzLjQzNzUgMTMuNDM3NSwxMy40Mzc1aDg2YzcuMzkwNjMsMCAxMy40Mzc1LC02LjA0Njg3IDEzLjQzNzUsLTEzLjQzNzV2LTEwNy41YzAsLTE0Ljc4MTI1IC0xMi4wOTM3NSwtMjYuODc1IC0yNi44NzUsLTI2Ljg3NXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNzYuNTkzNzUsMTQwLjY5MDYzYy0wLjI2ODc1LDAgLTAuNTM3NSwwIC0wLjgwNjI1LC0wLjEzNDM4Yy0wLjI2ODc1LDAgLTAuNTM3NSwtMC4xMzQzNyAtMC44MDYyNSwtMC4yNjg3NWMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC40MDMxMmMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC41Mzc1Yy0wLjEzNDM4LC0wLjEzNDM4IC0wLjQwMzEzLC0wLjQwMzEzIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTMgLTAuNDAzMTIsLTAuNjcxODdjLTAuMTM0MzgsLTAuMjY4NzUgLTAuMTM0MzgsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMC4yNjg3NSAwLC0wLjUzNzUgMC4xMzQzNywtMC44MDYyNWMwLC0wLjI2ODc1IDAuMTM0MzgsLTAuNTM3NSAwLjI2ODc1LC0wLjgwNjI1YzAuMTM0MzcsLTAuMjY4NzUgMC4yNjg3NSwtMC41Mzc1IDAuNDAzMTIsLTAuNjcxODdjMC4xMzQzOCwtMC4yNjg3NSAwLjI2ODc1LC0wLjQwMzEzIDAuNTM3NSwtMC42NzE4N2MwLjEzNDM3LC0wLjEzNDM4IDAuNDAzMTIsLTAuNDAzMTMgMC42NzE4OCwtMC41Mzc1YzAuMjY4NzUsLTAuMTM0MzcgMC40MDMxMiwtMC4yNjg3NSAwLjY3MTg4LC0wLjQwMzEyYzAuMjY4NzUsLTAuMTM0MzggMC41Mzc1LC0wLjEzNDM4IDAuODA2MjUsLTAuMjY4NzVjMC41Mzc1LC0wLjEzNDM3IDEuMDc1LC0wLjEzNDM3IDEuNjEyNSwwYzAuMjY4NzUsMCAwLjUzNzUsMC4xMzQzOCAwLjgwNjI1LDAuMjY4NzVjMC4yNjg3NSwwLjEzNDM3IDAuNTM3NSwwLjI2ODc1IDAuNjcxODgsMC40MDMxMmMwLjI2ODc1LDAuMTM0MzggMC40MDMxMywwLjI2ODc1IDAuNjcxODgsMC41Mzc1YzAuMTM0MzgsMC4xMzQzNyAwLjQwMzEzLDAuNDAzMTIgMC41Mzc1LDAuNjcxODhjMC4xMzQzNywwLjI2ODc1IDAuMjY4NzUsMC40MDMxMiAwLjQwMzEyLDAuNjcxODhjMC4xMzQzOCwwLjI2ODc1IDAuMTM0MzgsMC41Mzc1IDAuMjY4NzUsMC44MDYyNWMwLDAuMjY4NzUgMC4xMzQzNywwLjUzNzUgMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAwLDAuNTM3NSAtMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAtMC4xMzQzOCwwLjUzNzUgLTAuMjY4NzUsMC44MDYyNWMtMC4xMzQzNywwLjI2ODc1IC0wLjI2ODc1LDAuNTM3NSAtMC40MDMxMiwwLjY3MTg4Yy0wLjEzNDM4LDAuMjY4NzUgLTAuMjY4NzUsMC40MDMxMiAtMC41Mzc1LDAuNjcxODhjLTAuODA2MjUsMC44MDYyNSAtMS44ODEyNSwxLjM0Mzc1IC0yLjk1NjI1LDEuMzQzNzV6TTEwMC4xMDkzOCwxNDMuNzgxMjVjLTIuNjg3NSwwIC01LjEwNjI1LC0xLjQ3ODEzIC02LjE4MTI1LC0zLjg5Njg3di0wLjEzNDM4Yy0xLjIwOTM4LDAuOTQwNjMgLTIuODIxODcsMS4wNzUgLTQuMywwLjQwMzEyYy0yLjAxNTYyLC0wLjk0MDYyIC0yLjgyMTg3LC0zLjM1OTM3IC0xLjc0Njg3LC01LjM3NWMxLjIwOTM4LC0yLjQxODc1IDMuNjI4MTIsLTMuODk2ODcgNi4zMTU2MiwtMy44OTY4N2MyLjQxODc1LDAgNC41Njg3NSwxLjIwOTM3IDUuNzc4MTMsMy4wOTA2MmwxLjA3NSwtMy40OTM3NWMwLjk0MDYzLC0yLjk1NjI1IDMuNjI4MTMsLTUuMTA2MjUgNi43MTg3NSwtNS4zNzVjMy4wOTA2MywtMC4yNjg3NSA2LjA0Njg4LDEuMzQzNzUgNy41MjUsNC4wMzEyNWwyLjY4NzUsNS4xMDYyNWMwLjQwMzEyLDAuODA2MjUgMS4wNzUsMC45NDA2MyAxLjQ3ODEyLDEuMDc1YzAuNDAzMTIsMCAxLjA3NSwwIDEuNzQ2ODcsLTAuNTM3NWMxLjYxMjUsLTEuNjEyNSA0LjE2NTYyLC0xLjYxMjUgNS42NDM3NSwwYzEuNjEyNSwxLjYxMjUgMS42MTI1LDQuMTY1NjIgMCw1LjY0Mzc1Yy0yLjI4NDM4LDIuMjg0MzggLTUuMzc1LDMuMzU5MzggLTguNiwyLjgyMTg4Yy0zLjIyNSwtMC41Mzc1IC01LjkxMjUsLTIuNDE4NzUgLTcuMzkwNjIsLTUuMjQwNjNsLTIuNDE4NzUsLTQuNDM0MzdsLTEuNjEyNSw1LjM3NWMtMC44MDYyNSwyLjY4NzUgLTMuMjI1LDQuNzAzMTMgLTYuMDQ2ODcsNC44Mzc1Yy0wLjI2ODc1LDAgLTAuNDAzMTIsMCAtMC42NzE4NywweiIgZmlsbD0iI2YxYzQwZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTUuNTYyNSw4My4zMTI1aC01OS4xMjVjLTIuMjg0MzgsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODcsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWg1OS4xMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTAyLjEyNSw0M2gtMzIuMjVjLTIuMjg0MzcsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODgsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWgzMi4yNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg4IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzcgLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek05NS40MDYyNSwxMDMuNDY4NzVoLTM4Ljk2ODc1Yy0yLjI4NDM4LDAgLTQuMDMxMjUsLTEuNzQ2ODggLTQuMDMxMjUsLTQuMDMxMjVjMCwtMi4yODQzNyAxLjc0Njg3LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVoMzguOTY4NzVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTE1LjU2MjUsMTAzLjQ2ODc1Yy0xLjA3NSwwIC0yLjE1LC0wLjQwMzEzIC0yLjgyMTg3LC0xLjIwOTM4Yy0wLjEzNDM3LC0wLjEzNDM3IC0wLjQwMzEzLC0wLjQwMzEyIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTIgLTAuNDAzMTMsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMTM0MzcsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMS4wNzUgMC40MDMxMiwtMi4xNSAxLjIwOTM4LC0yLjgyMTg3YzAuMTM0MzcsLTAuMTM0MzcgMC40MDMxMiwtMC40MDMxMyAwLjY3MTg4LC0wLjUzNzVjMC4yNjg3NSwtMC4xMzQzNyAwLjQwMzEyLC0wLjI2ODc1IDAuNjcxODgsLTAuNDAzMTNjMC4yNjg3NSwtMC4xMzQzNyAwLjUzNzUsLTAuMTM0MzcgMC44MDYyNSwtMC4yNjg3NWMxLjM0Mzc1LC0wLjI2ODc1IDIuNjg3NSwwLjEzNDM3IDMuNjI4MTIsMS4wNzVjMC44MDYyNSwwLjgwNjI1IDEuMjA5MzgsMS43NDY4OCAxLjIwOTM4LDIuODIxODhjMCwwLjI2ODc1IDAsMC41Mzc1IC0wLjEzNDM3LDAuODA2MjVjMCwwLjI2ODc1IC0wLjEzNDM3LDAuNTM3NSAtMC4yNjg3NSwwLjgwNjI1Yy0wLjEzNDM3LDAuMjY4NzUgLTAuMjY4NzUsMC41Mzc1IC0wLjQwMzEzLDAuNjcxODhjLTAuMTM0MzcsMC4yNjg3NSAtMC4yNjg3NSwwLjQwMzEyIC0wLjUzNzUsMC42NzE4OGMtMC41Mzc1LDAuOTQwNjMgLTEuNjEyNSwxLjM0Mzc1IC0yLjY4NzUsMS4zNDM3NXoiIGZpbGw9IiNlOWVlZjQiPjwvcGF0aD48cGF0aCBkPSJNMTQyLjQzNzUsMzguOTY4NzVoLTEzLjQzNzVjLTcuMzkwNjIsMCAtMTMuNDM3NSwtNi4wNDY4NyAtMTMuNDM3NSwtMTMuNDM3NXYtMTMuNDM3NXYwYzE0Ljc4MTI1LDAgMjYuODc1LDEyLjA5Mzc1IDI2Ljg3NSwyNi44NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PGcgZmlsbD0iIzQ0NGI1NCI+PHBhdGggZD0iTTEzNy40NjU2MiwxNy4yYy01LjkxMjUsLTUuOTEyNSAtMTMuNTcxODcsLTkuMTM3NSAtMjEuOTAzMTIsLTkuMTM3NXYwaC03Mi41NjI1Yy05LjY3NSwwIC0xNy40Njg3NSw3Ljc5Mzc1IC0xNy40Njg3NSwxNy40Njg3NXYxMjAuOTM3NWMwLDkuODA5MzcgNy45MjgxMywxNy40Njg3NSAxNC43ODEyNSwxNy40Njg3NWg4NS43MzEyNWMxMS42OTA2MiwwIDIwLjE1NjI1LC03LjM5MDYyIDIwLjE1NjI1LC0xNy40Njg3NWwwLjEzNDM4LC05MC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1djBjLTIuMjg0MzgsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVsLTAuMTM0MzgsOTAuMDMxMjVjMCw1LjY0Mzc1IC00LjgzNzUsOS40MDYyNSAtMTIuMDkzNzUsOS40MDYyNWgtODUuNzMxMjVjLTIuMjg0MzcsMCAtNi43MTg3NSwtNC4wMzEyNSAtNi43MTg3NSwtOS40MDYyNXYtMTIwLjkzNzVjMCwtNS4yNDA2MyA0LjE2NTYyLC05LjQwNjI1IDkuNDA2MjUsLTkuNDA2MjVoNjguNTMxMjV2OS40MDYyNWMwLDkuNjc1IDcuNzkzNzUsMTcuNDY4NzUgMTcuNDY4NzUsMTcuNDY4NzVoMTIuOWMwLjEzNDM3LDAgMC4yNjg3NSwwIDAuNTM3NSwwdjBjMS42MTI1LDAgMy4wOTA2MiwtMS4wNzUgMy43NjI1LC0yLjQxODc1YzAuMjY4NzUsLTAuNTM3NSAwLjQwMzEzLC0xLjA3NSAwLjQwMzEzLC0xLjYxMjVjMCwtMC4xMzQzNyAwLC0wLjQwMzEzIDAsLTAuNTM3NWMtMC4yNjg3NSwtOC4wNjI1IC0zLjQ5Mzc1LC0xNS41ODc1IC05LjEzNzUsLTIxLjIzMTI1ek0xMTkuNTkzNzUsMjUuNTMxMjV2LTkuMDAzMTNjNC41Njg3NSwwLjgwNjI1IDguNzM0MzgsMi45NTYyNSAxMi4wOTM3NSw2LjMxNTYzYzMuMzU5MzgsMy4zNTkzOCA1LjUwOTM4LDcuNTI1IDYuMzE1NjMsMTIuMDkzNzVoLTkuMDAzMTNjLTUuMjQwNjMsMCAtOS40MDYyNSwtNC4xNjU2MyAtOS40MDYyNSwtOS40MDYyNXoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
}

.icon-declaration.completed {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTExNS41NjI1LDEyLjA5Mzc1aC03Mi41NjI1Yy03LjM5MDYyLDAgLTEzLjQzNzUsNi4wNDY4OCAtMTMuNDM3NSwxMy40Mzc1djEyMC45Mzc1YzAsNy4zOTA2MyA2LjA0Njg4LDEzLjQzNzUgMTMuNDM3NSwxMy40Mzc1aDg2YzcuMzkwNjMsMCAxMy40Mzc1LC02LjA0Njg3IDEzLjQzNzUsLTEzLjQzNzV2LTEwNy41YzAsLTE0Ljc4MTI1IC0xMi4wOTM3NSwtMjYuODc1IC0yNi44NzUsLTI2Ljg3NXoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNzYuNTkzNzUsMTQwLjY5MDYzYy0wLjI2ODc1LDAgLTAuNTM3NSwwIC0wLjgwNjI1LC0wLjEzNDM4Yy0wLjI2ODc1LDAgLTAuNTM3NSwtMC4xMzQzNyAtMC44MDYyNSwtMC4yNjg3NWMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC40MDMxMmMtMC4yNjg3NSwtMC4xMzQzNyAtMC40MDMxMywtMC4yNjg3NSAtMC42NzE4NywtMC41Mzc1Yy0wLjEzNDM4LC0wLjEzNDM4IC0wLjQwMzEzLC0wLjQwMzEzIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTMgLTAuNDAzMTIsLTAuNjcxODdjLTAuMTM0MzgsLTAuMjY4NzUgLTAuMTM0MzgsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMC4yNjg3NSAwLC0wLjUzNzUgMC4xMzQzNywtMC44MDYyNWMwLC0wLjI2ODc1IDAuMTM0MzgsLTAuNTM3NSAwLjI2ODc1LC0wLjgwNjI1YzAuMTM0MzcsLTAuMjY4NzUgMC4yNjg3NSwtMC41Mzc1IDAuNDAzMTIsLTAuNjcxODdjMC4xMzQzOCwtMC4yNjg3NSAwLjI2ODc1LC0wLjQwMzEzIDAuNTM3NSwtMC42NzE4N2MwLjEzNDM3LC0wLjEzNDM4IDAuNDAzMTIsLTAuNDAzMTMgMC42NzE4OCwtMC41Mzc1YzAuMjY4NzUsLTAuMTM0MzcgMC40MDMxMiwtMC4yNjg3NSAwLjY3MTg4LC0wLjQwMzEyYzAuMjY4NzUsLTAuMTM0MzggMC41Mzc1LC0wLjEzNDM4IDAuODA2MjUsLTAuMjY4NzVjMC41Mzc1LC0wLjEzNDM3IDEuMDc1LC0wLjEzNDM3IDEuNjEyNSwwYzAuMjY4NzUsMCAwLjUzNzUsMC4xMzQzOCAwLjgwNjI1LDAuMjY4NzVjMC4yNjg3NSwwLjEzNDM3IDAuNTM3NSwwLjI2ODc1IDAuNjcxODgsMC40MDMxMmMwLjI2ODc1LDAuMTM0MzggMC40MDMxMywwLjI2ODc1IDAuNjcxODgsMC41Mzc1YzAuMTM0MzgsMC4xMzQzNyAwLjQwMzEzLDAuNDAzMTIgMC41Mzc1LDAuNjcxODhjMC4xMzQzNywwLjI2ODc1IDAuMjY4NzUsMC40MDMxMiAwLjQwMzEyLDAuNjcxODhjMC4xMzQzOCwwLjI2ODc1IDAuMTM0MzgsMC41Mzc1IDAuMjY4NzUsMC44MDYyNWMwLDAuMjY4NzUgMC4xMzQzNywwLjUzNzUgMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAwLDAuNTM3NSAtMC4xMzQzNywwLjgwNjI1YzAsMC4yNjg3NSAtMC4xMzQzOCwwLjUzNzUgLTAuMjY4NzUsMC44MDYyNWMtMC4xMzQzNywwLjI2ODc1IC0wLjI2ODc1LDAuNTM3NSAtMC40MDMxMiwwLjY3MTg4Yy0wLjEzNDM4LDAuMjY4NzUgLTAuMjY4NzUsMC40MDMxMiAtMC41Mzc1LDAuNjcxODhjLTAuODA2MjUsMC44MDYyNSAtMS44ODEyNSwxLjM0Mzc1IC0yLjk1NjI1LDEuMzQzNzV6TTEwMC4xMDkzOCwxNDMuNzgxMjVjLTIuNjg3NSwwIC01LjEwNjI1LC0xLjQ3ODEzIC02LjE4MTI1LC0zLjg5Njg3di0wLjEzNDM4Yy0xLjIwOTM4LDAuOTQwNjMgLTIuODIxODcsMS4wNzUgLTQuMywwLjQwMzEyYy0yLjAxNTYyLC0wLjk0MDYyIC0yLjgyMTg3LC0zLjM1OTM3IC0xLjc0Njg3LC01LjM3NWMxLjIwOTM4LC0yLjQxODc1IDMuNjI4MTIsLTMuODk2ODcgNi4zMTU2MiwtMy44OTY4N2MyLjQxODc1LDAgNC41Njg3NSwxLjIwOTM3IDUuNzc4MTMsMy4wOTA2MmwxLjA3NSwtMy40OTM3NWMwLjk0MDYzLC0yLjk1NjI1IDMuNjI4MTMsLTUuMTA2MjUgNi43MTg3NSwtNS4zNzVjMy4wOTA2MywtMC4yNjg3NSA2LjA0Njg4LDEuMzQzNzUgNy41MjUsNC4wMzEyNWwyLjY4NzUsNS4xMDYyNWMwLjQwMzEyLDAuODA2MjUgMS4wNzUsMC45NDA2MyAxLjQ3ODEyLDEuMDc1YzAuNDAzMTIsMCAxLjA3NSwwIDEuNzQ2ODcsLTAuNTM3NWMxLjYxMjUsLTEuNjEyNSA0LjE2NTYyLC0xLjYxMjUgNS42NDM3NSwwYzEuNjEyNSwxLjYxMjUgMS42MTI1LDQuMTY1NjIgMCw1LjY0Mzc1Yy0yLjI4NDM4LDIuMjg0MzggLTUuMzc1LDMuMzU5MzggLTguNiwyLjgyMTg4Yy0zLjIyNSwtMC41Mzc1IC01LjkxMjUsLTIuNDE4NzUgLTcuMzkwNjIsLTUuMjQwNjNsLTIuNDE4NzUsLTQuNDM0MzdsLTEuNjEyNSw1LjM3NWMtMC44MDYyNSwyLjY4NzUgLTMuMjI1LDQuNzAzMTMgLTYuMDQ2ODcsNC44Mzc1Yy0wLjI2ODc1LDAgLTAuNDAzMTIsMCAtMC42NzE4NywweiIgZmlsbD0iIzQzYjAyYSI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTUuNTYyNSw4My4zMTI1aC01OS4xMjVjLTIuMjg0MzgsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODcsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWg1OS4xMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTAyLjEyNSw0M2gtMzIuMjVjLTIuMjg0MzcsMCAtNC4wMzEyNSwtMS43NDY4OCAtNC4wMzEyNSwtNC4wMzEyNWMwLC0yLjI4NDM3IDEuNzQ2ODgsLTQuMDMxMjUgNC4wMzEyNSwtNC4wMzEyNWgzMi4yNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg4IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzcgLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek05NS40MDYyNSwxMDMuNDY4NzVoLTM4Ljk2ODc1Yy0yLjI4NDM4LDAgLTQuMDMxMjUsLTEuNzQ2ODggLTQuMDMxMjUsLTQuMDMxMjVjMCwtMi4yODQzNyAxLjc0Njg3LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVoMzguOTY4NzVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4OCA0LjAzMTI1LDQuMDMxMjVjMCwyLjI4NDM3IC0xLjc0Njg4LDQuMDMxMjUgLTQuMDMxMjUsNC4wMzEyNXpNMTE1LjU2MjUsMTAzLjQ2ODc1Yy0xLjA3NSwwIC0yLjE1LC0wLjQwMzEzIC0yLjgyMTg3LC0xLjIwOTM4Yy0wLjEzNDM3LC0wLjEzNDM3IC0wLjQwMzEzLC0wLjQwMzEyIC0wLjUzNzUsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMjY4NzUsLTAuNDAzMTIgLTAuNDAzMTMsLTAuNjcxODdjLTAuMTM0MzcsLTAuMjY4NzUgLTAuMTM0MzcsLTAuNTM3NSAtMC4yNjg3NSwtMC44MDYyNWMwLC0wLjI2ODc1IC0wLjEzNDM3LC0wLjUzNzUgLTAuMTM0MzcsLTAuODA2MjVjMCwtMS4wNzUgMC40MDMxMiwtMi4xNSAxLjIwOTM4LC0yLjgyMTg3YzAuMTM0MzcsLTAuMTM0MzcgMC40MDMxMiwtMC40MDMxMyAwLjY3MTg4LC0wLjUzNzVjMC4yNjg3NSwtMC4xMzQzNyAwLjQwMzEyLC0wLjI2ODc1IDAuNjcxODgsLTAuNDAzMTNjMC4yNjg3NSwtMC4xMzQzNyAwLjUzNzUsLTAuMTM0MzcgMC44MDYyNSwtMC4yNjg3NWMxLjM0Mzc1LC0wLjI2ODc1IDIuNjg3NSwwLjEzNDM3IDMuNjI4MTIsMS4wNzVjMC44MDYyNSwwLjgwNjI1IDEuMjA5MzgsMS43NDY4OCAxLjIwOTM4LDIuODIxODhjMCwwLjI2ODc1IDAsMC41Mzc1IC0wLjEzNDM3LDAuODA2MjVjMCwwLjI2ODc1IC0wLjEzNDM3LDAuNTM3NSAtMC4yNjg3NSwwLjgwNjI1Yy0wLjEzNDM3LDAuMjY4NzUgLTAuMjY4NzUsMC41Mzc1IC0wLjQwMzEzLDAuNjcxODhjLTAuMTM0MzcsMC4yNjg3NSAtMC4yNjg3NSwwLjQwMzEyIC0wLjUzNzUsMC42NzE4OGMtMC41Mzc1LDAuOTQwNjMgLTEuNjEyNSwxLjM0Mzc1IC0yLjY4NzUsMS4zNDM3NXoiIGZpbGw9IiNlOWVlZjQiPjwvcGF0aD48cGF0aCBkPSJNMTQyLjQzNzUsMzguOTY4NzVoLTEzLjQzNzVjLTcuMzkwNjIsMCAtMTMuNDM3NSwtNi4wNDY4NyAtMTMuNDM3NSwtMTMuNDM3NXYtMTMuNDM3NXYwYzE0Ljc4MTI1LDAgMjYuODc1LDEyLjA5Mzc1IDI2Ljg3NSwyNi44NzV6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PGcgZmlsbD0iIzQ0NGI1NCI+PHBhdGggZD0iTTEzNy40NjU2MiwxNy4yYy01LjkxMjUsLTUuOTEyNSAtMTMuNTcxODcsLTkuMTM3NSAtMjEuOTAzMTIsLTkuMTM3NXYwaC03Mi41NjI1Yy05LjY3NSwwIC0xNy40Njg3NSw3Ljc5Mzc1IC0xNy40Njg3NSwxNy40Njg3NXYxMjAuOTM3NWMwLDkuODA5MzcgNy45MjgxMywxNy40Njg3NSAxNC43ODEyNSwxNy40Njg3NWg4NS43MzEyNWMxMS42OTA2MiwwIDIwLjE1NjI1LC03LjM5MDYyIDIwLjE1NjI1LC0xNy40Njg3NWwwLjEzNDM4LC05MC4wMzEyNWMwLC0yLjI4NDM4IC0xLjc0Njg3LC00LjAzMTI1IC00LjAzMTI1LC00LjAzMTI1djBjLTIuMjg0MzgsMCAtNC4wMzEyNSwxLjc0Njg3IC00LjAzMTI1LDQuMDMxMjVsLTAuMTM0MzgsOTAuMDMxMjVjMCw1LjY0Mzc1IC00LjgzNzUsOS40MDYyNSAtMTIuMDkzNzUsOS40MDYyNWgtODUuNzMxMjVjLTIuMjg0MzcsMCAtNi43MTg3NSwtNC4wMzEyNSAtNi43MTg3NSwtOS40MDYyNXYtMTIwLjkzNzVjMCwtNS4yNDA2MyA0LjE2NTYyLC05LjQwNjI1IDkuNDA2MjUsLTkuNDA2MjVoNjguNTMxMjV2OS40MDYyNWMwLDkuNjc1IDcuNzkzNzUsMTcuNDY4NzUgMTcuNDY4NzUsMTcuNDY4NzVoMTIuOWMwLjEzNDM3LDAgMC4yNjg3NSwwIDAuNTM3NSwwdjBjMS42MTI1LDAgMy4wOTA2MiwtMS4wNzUgMy43NjI1LC0yLjQxODc1YzAuMjY4NzUsLTAuNTM3NSAwLjQwMzEzLC0xLjA3NSAwLjQwMzEzLC0xLjYxMjVjMCwtMC4xMzQzNyAwLC0wLjQwMzEzIDAsLTAuNTM3NWMtMC4yNjg3NSwtOC4wNjI1IC0zLjQ5Mzc1LC0xNS41ODc1IC05LjEzNzUsLTIxLjIzMTI1ek0xMTkuNTkzNzUsMjUuNTMxMjV2LTkuMDAzMTNjNC41Njg3NSwwLjgwNjI1IDguNzM0MzgsMi45NTYyNSAxMi4wOTM3NSw2LjMxNTYzYzMuMzU5MzgsMy4zNTkzOCA1LjUwOTM4LDcuNTI1IDYuMzE1NjMsMTIuMDkzNzVoLTkuMDAzMTNjLTUuMjQwNjMsMCAtOS40MDYyNSwtNC4xNjU2MyAtOS40MDYyNSwtOS40MDYyNXoiPjwvcGF0aD48L2c+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
}

.icon-fees {
  display: block;
  width: 74px;
  margin: 0 auto;
  top: 20px;
  height: 110px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTE0Ni40Njg3NSwxMjYuMzEyNWMtMTEuMTMxOTksMCAtMjAuMTU2MjUsOS4wMjQyNiAtMjAuMTU2MjUsMjAuMTU2MjVjMCwxMS4xMzE5OSA5LjAyNDI2LDIwLjE1NjI1IDIwLjE1NjI1LDIwLjE1NjI1YzExLjEzMTk5LDAgMjAuMTU2MjUsLTkuMDI0MjYgMjAuMTU2MjUsLTIwLjE1NjI1YzAsLTExLjEzMTk5IC05LjAyNDI2LC0yMC4xNTYyNSAtMjAuMTU2MjUsLTIwLjE1NjI1ek0xMDQuODEyNSwxNjYuNjI1aC04NmMtNy4zOTA2MiwwIC0xMy40Mzc1LC02LjA0Njg3IC0xMy40Mzc1LC0xMy40Mzc1di0xMzQuMzc1YzAsLTcuMzkwNjIgNi4wNDY4OCwtMTMuNDM3NSAxMy40Mzc1LC0xMy40Mzc1aDcyLjU2MjVjMTQuNzgxMjUsMCAyNi44NzUsMTIuMDkzNzUgMjYuODc1LDI2Ljg3NXYxMjAuOTM3NWMwLDcuMzkwNjMgLTYuMDQ2ODcsMTMuNDM3NSAtMTMuNDM3NSwxMy40Mzc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik03Ni43MjgxMyw5OS4zMDMxM2MwLC00Ljk3MTg4IC0yLjQxODc1LC05LjU0MDYyIC02LjQ1LC0xMi4zNjI1bC0xMi40OTY4OCwtOC42Yy0xLjc0Njg3LC0xLjM0Mzc1IC0yLjgyMTg3LC0zLjM1OTM3IC0yLjgyMTg3LC01LjY0Mzc1YzAsLTMuNzYyNSAzLjA5MDYyLC02Ljg1MzEzIDYuODUzMTIsLTYuODUzMTNjMi44MjE4OCwwIDUuMjQwNjIsMS42MTI1IDYuMzE1NjIsNC4xNjU2M2MwLjgwNjI1LDIuMDE1NjMgMy4yMjUsMi45NTYyNSA1LjI0MDYzLDIuMTVjMi4wMTU2MywtMC44MDYyNSAyLjk1NjI1LC0zLjIyNSAyLjE1LC01LjI0MDYyYy0xLjc0Njg3LC00LjMgLTUuMzc1LC03LjM5MDYzIC05LjY3NSwtOC42di0wLjUzNzVjMCwtMi4yODQzOCAtMS43NDY4OCwtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODcgLTQuMDMxMjUsNC4wMzEyNXYwLjUzNzVjLTYuMzE1NjMsMS43NDY4NyAtMTAuODg0MzcsNy41MjUgLTEwLjg4NDM3LDE0LjM3ODEyYzAsNC44Mzc1IDIuMjg0MzcsOS4yNzE4NyA2LjMxNTYyLDEyLjA5Mzc1bDEyLjQ5Njg4LDguNzM0MzhjMS44ODEyNSwxLjM0Mzc1IDMuMDkwNjIsMy4zNTkzOCAzLjA5MDYyLDUuNjQzNzVjMCwzLjc2MjUgLTMuMDkwNjIsNi44NTMxMiAtNi44NTMxMiw2Ljg1MzEyYy0yLjY4NzUsMCAtNS4yNDA2MiwtMS42MTI1IC02LjMxNTYyLC00LjE2NTYyYy0wLjk0MDYzLC0yLjAxNTYyIC0zLjIyNSwtMi45NTYyNSAtNS4yNDA2MywtMi4xNWMtMi4wMTU2MiwwLjk0MDYzIC0yLjk1NjI1LDMuMjI1IC0yLjE1LDUuMjQwNjNjMS44ODEyNSw0LjE2NTYyIDUuMzc1LDcuMjU2MjUgOS42NzUsOC40NjU2M3YwLjgwNjI1YzAsMi4yODQzNyAxLjc0Njg4LDQuMDMxMjUgNC4wMzEyNSw0LjAzMTI1YzIuMjg0MzgsMCA0LjAzMTI1LC0xLjc0Njg4IDQuMDMxMjUsLTQuMDMxMjV2LTAuNTM3NWM2LjE4MTI1LC0xLjc0Njg3IDEwLjc1LC03LjUyNSAxMC43NSwtMTQuMzc4MTJ6IiBmaWxsPSIjY2NjY2NjIj48L3BhdGg+PHBhdGggZD0iTTc3LjkzNzUsMTcwLjY1NjI1aC01OS4xMjVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzNC4zNzVjMCwtOS42NzUgNy43OTM3NSwtMTcuNDY4NzUgMTcuNDY4NzUsLTE3LjQ2ODc1aDcyLjU2MjVjOC4zMzEyNSwwIDE1Ljk5MDYzLDMuMjI1IDIxLjkwMzEzLDkuMTM3NWM1Ljc3ODEyLDUuNzc4MTIgOS4wMDMxMiwxMy41NzE4NyA5LjAwMzEyLDIxLjc2ODc1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV2MGMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1YzAsLTYuMDQ2ODcgLTIuNDE4NzUsLTExLjgyNSAtNi43MTg3NSwtMTYuMTI1Yy00LjMsLTQuMyAtMTAuMDc4MTIsLTYuNzE4NzUgLTE2LjEyNSwtNi43MTg3NWgtNzIuNTYyNWMtNS4yNDA2MiwwIC05LjQwNjI1LDQuMTY1NjMgLTkuNDA2MjUsOS40MDYyNXYxMzQuMzc1YzAsNS4yNDA2MiA0LjE2NTYzLDkuNDA2MjUgOS40MDYyNSw5LjQwNjI1aDU5LjEyNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg3IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzggLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1eiIgZmlsbD0iIzk5OTk5OSI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTguMjUsOTkuNDM3NWMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1di00NS42ODc1YzAsLTIuMjg0MzggMS43NDY4OCwtNC4wMzEyNSA0LjAzMTI1LC00LjAzMTI1djBjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2NDUuNjg3NWMwLDIuMjg0MzcgLTEuODgxMjUsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek0xMTguMjUsMzYuMjgxMjVoLTEzLjQzNzVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzLjQzNzVjMCwtMi4yODQzOCAxLjc0Njg4LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2MTMuNDM3NWMwLDUuMjQwNjIgNC4xNjU2Miw5LjQwNjI1IDkuNDA2MjUsOS40MDYyNWgxMy40Mzc1YzIuMjg0MzcsMCA0LjAzMTI1LDEuNzQ2ODcgNC4wMzEyNSw0LjAzMTI1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV6IiBmaWxsPSIjOTk5OTk5Ij48L3BhdGg+PHBhdGggZD0iTTExOC4yNSwxMTIuODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjAuODQ2ODgsMTI3LjExODc1Yy0xLjc0Njg4LC0xLjM0Mzc1IC00LjMsLTAuOTQwNjIgLTUuNjQzNzUsMC44MDYyNWMtMS4zNDM3NSwxLjc0Njg3IC0wLjk0MDYzLDQuMyAwLjgwNjI1LDUuNjQzNzVjNC4xNjU2MiwzLjA5MDYyIDYuNDUsNy43OTM3NSA2LjQ1LDEyLjljMCw4Ljg2ODc1IC03LjI1NjI1LDE2LjEyNSAtMTYuMTI1LDE2LjEyNWMtMi4xNSwwIC00LjMsLTAuNDAzMTIgLTYuMTgxMjUsLTEuMjA5MzdjNS41MDkzOCwtNS42NDM3NSA4Ljg2ODc1LC0xMy4xNjg3NSA4Ljg2ODc1LC0yMS42MzQzOGMwLC0xNy4wNjU2MyAtMTMuODQwNjIsLTMwLjkwNjI1IC0zMC45MDYyNSwtMzAuOTA2MjVjLTE3LjA2NTYzLDAgLTMwLjkwNjI1LDEzLjg0MDYzIC0zMC45MDYyNSwzMC45MDYyNWMwLDE3LjA2NTYyIDEzLjg0MDYyLDMwLjkwNjI1IDMwLjkwNjI1LDMwLjkwNjI1YzUuNTA5MzcsMCAxMC42MTU2MiwtMS40NzgxMyAxNS4wNSwtMy44OTY4OGMzLjc2MjUsMi40MTg3NSA4LjMzMTI1LDMuODk2ODggMTMuMTY4NzUsMy44OTY4OGMxMy4zMDMxMiwwIDI0LjE4NzUsLTEwLjg4NDM4IDI0LjE4NzUsLTI0LjE4NzVjMC4xMzQzOCwtNy42NTkzNyAtMy40OTM3NSwtMTQuOTE1NjIgLTkuNjc1LC0xOS4zNXpNOTUuNDA2MjUsMTM5Ljc1YzAsLTEyLjYzMTI1IDEwLjIxMjUsLTIyLjg0Mzc1IDIyLjg0Mzc1LC0yMi44NDM3NWMxMi42MzEyNSwwIDIyLjg0Mzc1LDEwLjIxMjUgMjIuODQzNzUsMjIuODQzNzVjMCwxMi42MzEyNSAtMTAuMjEyNSwyMi44NDM3NSAtMjIuODQzNzUsMjIuODQzNzVjLTEyLjYzMTI1LDAgLTIyLjg0Mzc1LC0xMC4yMTI1IC0yMi44NDM3NSwtMjIuODQzNzV6IiBmaWxsPSIjY2NjY2NjIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
  background-size: 100%;
}

.icon-fees.pending {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTE0Ni40Njg3NSwxMjYuMzEyNWMtMTEuMTMxOTksMCAtMjAuMTU2MjUsOS4wMjQyNiAtMjAuMTU2MjUsMjAuMTU2MjVjMCwxMS4xMzE5OSA5LjAyNDI2LDIwLjE1NjI1IDIwLjE1NjI1LDIwLjE1NjI1YzExLjEzMTk5LDAgMjAuMTU2MjUsLTkuMDI0MjYgMjAuMTU2MjUsLTIwLjE1NjI1YzAsLTExLjEzMTk5IC05LjAyNDI2LC0yMC4xNTYyNSAtMjAuMTU2MjUsLTIwLjE1NjI1ek0xMDQuODEyNSwxNjYuNjI1aC04NmMtNy4zOTA2MiwwIC0xMy40Mzc1LC02LjA0Njg3IC0xMy40Mzc1LC0xMy40Mzc1di0xMzQuMzc1YzAsLTcuMzkwNjIgNi4wNDY4OCwtMTMuNDM3NSAxMy40Mzc1LC0xMy40Mzc1aDcyLjU2MjVjMTQuNzgxMjUsMCAyNi44NzUsMTIuMDkzNzUgMjYuODc1LDI2Ljg3NXYxMjAuOTM3NWMwLDcuMzkwNjMgLTYuMDQ2ODcsMTMuNDM3NSAtMTMuNDM3NSwxMy40Mzc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik03Ni43MjgxMyw5OS4zMDMxM2MwLC00Ljk3MTg4IC0yLjQxODc1LC05LjU0MDYyIC02LjQ1LC0xMi4zNjI1bC0xMi40OTY4OCwtOC42Yy0xLjc0Njg3LC0xLjM0Mzc1IC0yLjgyMTg3LC0zLjM1OTM3IC0yLjgyMTg3LC01LjY0Mzc1YzAsLTMuNzYyNSAzLjA5MDYyLC02Ljg1MzEzIDYuODUzMTIsLTYuODUzMTNjMi44MjE4OCwwIDUuMjQwNjIsMS42MTI1IDYuMzE1NjIsNC4xNjU2M2MwLjgwNjI1LDIuMDE1NjMgMy4yMjUsMi45NTYyNSA1LjI0MDYzLDIuMTVjMi4wMTU2MywtMC44MDYyNSAyLjk1NjI1LC0zLjIyNSAyLjE1LC01LjI0MDYyYy0xLjc0Njg3LC00LjMgLTUuMzc1LC03LjM5MDYzIC05LjY3NSwtOC42di0wLjUzNzVjMCwtMi4yODQzOCAtMS43NDY4OCwtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODcgLTQuMDMxMjUsNC4wMzEyNXYwLjUzNzVjLTYuMzE1NjMsMS43NDY4NyAtMTAuODg0MzcsNy41MjUgLTEwLjg4NDM3LDE0LjM3ODEyYzAsNC44Mzc1IDIuMjg0MzcsOS4yNzE4NyA2LjMxNTYyLDEyLjA5Mzc1bDEyLjQ5Njg4LDguNzM0MzhjMS44ODEyNSwxLjM0Mzc1IDMuMDkwNjIsMy4zNTkzOCAzLjA5MDYyLDUuNjQzNzVjMCwzLjc2MjUgLTMuMDkwNjIsNi44NTMxMiAtNi44NTMxMiw2Ljg1MzEyYy0yLjY4NzUsMCAtNS4yNDA2MiwtMS42MTI1IC02LjMxNTYyLC00LjE2NTYyYy0wLjk0MDYzLC0yLjAxNTYyIC0zLjIyNSwtMi45NTYyNSAtNS4yNDA2MywtMi4xNWMtMi4wMTU2MiwwLjk0MDYzIC0yLjk1NjI1LDMuMjI1IC0yLjE1LDUuMjQwNjNjMS44ODEyNSw0LjE2NTYyIDUuMzc1LDcuMjU2MjUgOS42NzUsOC40NjU2M3YwLjgwNjI1YzAsMi4yODQzNyAxLjc0Njg4LDQuMDMxMjUgNC4wMzEyNSw0LjAzMTI1YzIuMjg0MzgsMCA0LjAzMTI1LC0xLjc0Njg4IDQuMDMxMjUsLTQuMDMxMjV2LTAuNTM3NWM2LjE4MTI1LC0xLjc0Njg3IDEwLjc1LC03LjUyNSAxMC43NSwtMTQuMzc4MTJ6IiBmaWxsPSIjZjFjNDBmIj48L3BhdGg+PHBhdGggZD0iTTc3LjkzNzUsMTcwLjY1NjI1aC01OS4xMjVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzNC4zNzVjMCwtOS42NzUgNy43OTM3NSwtMTcuNDY4NzUgMTcuNDY4NzUsLTE3LjQ2ODc1aDcyLjU2MjVjOC4zMzEyNSwwIDE1Ljk5MDYzLDMuMjI1IDIxLjkwMzEzLDkuMTM3NWM1Ljc3ODEyLDUuNzc4MTIgOS4wMDMxMiwxMy41NzE4NyA5LjAwMzEyLDIxLjc2ODc1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV2MGMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1YzAsLTYuMDQ2ODcgLTIuNDE4NzUsLTExLjgyNSAtNi43MTg3NSwtMTYuMTI1Yy00LjMsLTQuMyAtMTAuMDc4MTIsLTYuNzE4NzUgLTE2LjEyNSwtNi43MTg3NWgtNzIuNTYyNWMtNS4yNDA2MiwwIC05LjQwNjI1LDQuMTY1NjMgLTkuNDA2MjUsOS40MDYyNXYxMzQuMzc1YzAsNS4yNDA2MiA0LjE2NTYzLDkuNDA2MjUgOS40MDYyNSw5LjQwNjI1aDU5LjEyNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg3IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzggLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1eiIgZmlsbD0iIzQ0NGI1NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTguMjUsOTkuNDM3NWMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1di00NS42ODc1YzAsLTIuMjg0MzggMS43NDY4OCwtNC4wMzEyNSA0LjAzMTI1LC00LjAzMTI1djBjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2NDUuNjg3NWMwLDIuMjg0MzcgLTEuODgxMjUsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek0xMTguMjUsMzYuMjgxMjVoLTEzLjQzNzVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzLjQzNzVjMCwtMi4yODQzOCAxLjc0Njg4LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2MTMuNDM3NWMwLDUuMjQwNjIgNC4xNjU2Miw5LjQwNjI1IDkuNDA2MjUsOS40MDYyNWgxMy40Mzc1YzIuMjg0MzcsMCA0LjAzMTI1LDEuNzQ2ODcgNC4wMzEyNSw0LjAzMTI1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV6IiBmaWxsPSIjNDQ0YjU0Ij48L3BhdGg+PHBhdGggZD0iTTExOC4yNSwxMTIuODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjAuODQ2ODgsMTI3LjExODc1Yy0xLjc0Njg4LC0xLjM0Mzc1IC00LjMsLTAuOTQwNjIgLTUuNjQzNzUsMC44MDYyNWMtMS4zNDM3NSwxLjc0Njg3IC0wLjk0MDYzLDQuMyAwLjgwNjI1LDUuNjQzNzVjNC4xNjU2MiwzLjA5MDYyIDYuNDUsNy43OTM3NSA2LjQ1LDEyLjljMCw4Ljg2ODc1IC03LjI1NjI1LDE2LjEyNSAtMTYuMTI1LDE2LjEyNWMtMi4xNSwwIC00LjMsLTAuNDAzMTIgLTYuMTgxMjUsLTEuMjA5MzdjNS41MDkzOCwtNS42NDM3NSA4Ljg2ODc1LC0xMy4xNjg3NSA4Ljg2ODc1LC0yMS42MzQzOGMwLC0xNy4wNjU2MyAtMTMuODQwNjIsLTMwLjkwNjI1IC0zMC45MDYyNSwtMzAuOTA2MjVjLTE3LjA2NTYzLDAgLTMwLjkwNjI1LDEzLjg0MDYzIC0zMC45MDYyNSwzMC45MDYyNWMwLDE3LjA2NTYyIDEzLjg0MDYyLDMwLjkwNjI1IDMwLjkwNjI1LDMwLjkwNjI1YzUuNTA5MzcsMCAxMC42MTU2MiwtMS40NzgxMyAxNS4wNSwtMy44OTY4OGMzLjc2MjUsMi40MTg3NSA4LjMzMTI1LDMuODk2ODggMTMuMTY4NzUsMy44OTY4OGMxMy4zMDMxMiwwIDI0LjE4NzUsLTEwLjg4NDM4IDI0LjE4NzUsLTI0LjE4NzVjMC4xMzQzOCwtNy42NTkzNyAtMy40OTM3NSwtMTQuOTE1NjIgLTkuNjc1LC0xOS4zNXpNOTUuNDA2MjUsMTM5Ljc1YzAsLTEyLjYzMTI1IDEwLjIxMjUsLTIyLjg0Mzc1IDIyLjg0Mzc1LC0yMi44NDM3NWMxMi42MzEyNSwwIDIyLjg0Mzc1LDEwLjIxMjUgMjIuODQzNzUsMjIuODQzNzVjMCwxMi42MzEyNSAtMTAuMjEyNSwyMi44NDM3NSAtMjIuODQzNzUsMjIuODQzNzVjLTEyLjYzMTI1LDAgLTIyLjg0Mzc1LC0xMC4yMTI1IC0yMi44NDM3NSwtMjIuODQzNzV6IiBmaWxsPSIjZjFjNDBmIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
}

.icon-fees.completed {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGc+PHBhdGggZD0iTTE0Ni40Njg3NSwxMjYuMzEyNWMtMTEuMTMxOTksMCAtMjAuMTU2MjUsOS4wMjQyNiAtMjAuMTU2MjUsMjAuMTU2MjVjMCwxMS4xMzE5OSA5LjAyNDI2LDIwLjE1NjI1IDIwLjE1NjI1LDIwLjE1NjI1YzExLjEzMTk5LDAgMjAuMTU2MjUsLTkuMDI0MjYgMjAuMTU2MjUsLTIwLjE1NjI1YzAsLTExLjEzMTk5IC05LjAyNDI2LC0yMC4xNTYyNSAtMjAuMTU2MjUsLTIwLjE1NjI1ek0xMDQuODEyNSwxNjYuNjI1aC04NmMtNy4zOTA2MiwwIC0xMy40Mzc1LC02LjA0Njg3IC0xMy40Mzc1LC0xMy40Mzc1di0xMzQuMzc1YzAsLTcuMzkwNjIgNi4wNDY4OCwtMTMuNDM3NSAxMy40Mzc1LC0xMy40Mzc1aDcyLjU2MjVjMTQuNzgxMjUsMCAyNi44NzUsMTIuMDkzNzUgMjYuODc1LDI2Ljg3NXYxMjAuOTM3NWMwLDcuMzkwNjMgLTYuMDQ2ODcsMTMuNDM3NSAtMTMuNDM3NSwxMy40Mzc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik03Ni43MjgxMyw5OS4zMDMxM2MwLC00Ljk3MTg4IC0yLjQxODc1LC05LjU0MDYyIC02LjQ1LC0xMi4zNjI1bC0xMi40OTY4OCwtOC42Yy0xLjc0Njg3LC0xLjM0Mzc1IC0yLjgyMTg3LC0zLjM1OTM3IC0yLjgyMTg3LC01LjY0Mzc1YzAsLTMuNzYyNSAzLjA5MDYyLC02Ljg1MzEzIDYuODUzMTIsLTYuODUzMTNjMi44MjE4OCwwIDUuMjQwNjIsMS42MTI1IDYuMzE1NjIsNC4xNjU2M2MwLjgwNjI1LDIuMDE1NjMgMy4yMjUsMi45NTYyNSA1LjI0MDYzLDIuMTVjMi4wMTU2MywtMC44MDYyNSAyLjk1NjI1LC0zLjIyNSAyLjE1LC01LjI0MDYyYy0xLjc0Njg3LC00LjMgLTUuMzc1LC03LjM5MDYzIC05LjY3NSwtOC42di0wLjUzNzVjMCwtMi4yODQzOCAtMS43NDY4OCwtNC4wMzEyNSAtNC4wMzEyNSwtNC4wMzEyNWMtMi4yODQzOCwwIC00LjAzMTI1LDEuNzQ2ODcgLTQuMDMxMjUsNC4wMzEyNXYwLjUzNzVjLTYuMzE1NjMsMS43NDY4NyAtMTAuODg0MzcsNy41MjUgLTEwLjg4NDM3LDE0LjM3ODEyYzAsNC44Mzc1IDIuMjg0MzcsOS4yNzE4NyA2LjMxNTYyLDEyLjA5Mzc1bDEyLjQ5Njg4LDguNzM0MzhjMS44ODEyNSwxLjM0Mzc1IDMuMDkwNjIsMy4zNTkzOCAzLjA5MDYyLDUuNjQzNzVjMCwzLjc2MjUgLTMuMDkwNjIsNi44NTMxMiAtNi44NTMxMiw2Ljg1MzEyYy0yLjY4NzUsMCAtNS4yNDA2MiwtMS42MTI1IC02LjMxNTYyLC00LjE2NTYyYy0wLjk0MDYzLC0yLjAxNTYyIC0zLjIyNSwtMi45NTYyNSAtNS4yNDA2MywtMi4xNWMtMi4wMTU2MiwwLjk0MDYzIC0yLjk1NjI1LDMuMjI1IC0yLjE1LDUuMjQwNjNjMS44ODEyNSw0LjE2NTYyIDUuMzc1LDcuMjU2MjUgOS42NzUsOC40NjU2M3YwLjgwNjI1YzAsMi4yODQzNyAxLjc0Njg4LDQuMDMxMjUgNC4wMzEyNSw0LjAzMTI1YzIuMjg0MzgsMCA0LjAzMTI1LC0xLjc0Njg4IDQuMDMxMjUsLTQuMDMxMjV2LTAuNTM3NWM2LjE4MTI1LC0xLjc0Njg3IDEwLjc1LC03LjUyNSAxMC43NSwtMTQuMzc4MTJ6IiBmaWxsPSIjNDNiMDJhIj48L3BhdGg+PHBhdGggZD0iTTc3LjkzNzUsMTcwLjY1NjI1aC01OS4xMjVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzNC4zNzVjMCwtOS42NzUgNy43OTM3NSwtMTcuNDY4NzUgMTcuNDY4NzUsLTE3LjQ2ODc1aDcyLjU2MjVjOC4zMzEyNSwwIDE1Ljk5MDYzLDMuMjI1IDIxLjkwMzEzLDkuMTM3NWM1Ljc3ODEyLDUuNzc4MTIgOS4wMDMxMiwxMy41NzE4NyA5LjAwMzEyLDIxLjc2ODc1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV2MGMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1YzAsLTYuMDQ2ODcgLTIuNDE4NzUsLTExLjgyNSAtNi43MTg3NSwtMTYuMTI1Yy00LjMsLTQuMyAtMTAuMDc4MTIsLTYuNzE4NzUgLTE2LjEyNSwtNi43MTg3NWgtNzIuNTYyNWMtNS4yNDA2MiwwIC05LjQwNjI1LDQuMTY1NjMgLTkuNDA2MjUsOS40MDYyNXYxMzQuMzc1YzAsNS4yNDA2MiA0LjE2NTYzLDkuNDA2MjUgOS40MDYyNSw5LjQwNjI1aDU5LjEyNWMyLjI4NDM3LDAgNC4wMzEyNSwxLjc0Njg3IDQuMDMxMjUsNC4wMzEyNWMwLDIuMjg0MzggLTEuNzQ2ODgsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1eiIgZmlsbD0iIzQ0NGI1NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTguMjUsOTkuNDM3NWMtMi4yODQzNywwIC00LjAzMTI1LC0xLjc0Njg4IC00LjAzMTI1LC00LjAzMTI1di00NS42ODc1YzAsLTIuMjg0MzggMS43NDY4OCwtNC4wMzEyNSA0LjAzMTI1LC00LjAzMTI1djBjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2NDUuNjg3NWMwLDIuMjg0MzcgLTEuODgxMjUsNC4wMzEyNSAtNC4wMzEyNSw0LjAzMTI1ek0xMTguMjUsMzYuMjgxMjVoLTEzLjQzNzVjLTkuNjc1LDAgLTE3LjQ2ODc1LC03Ljc5Mzc1IC0xNy40Njg3NSwtMTcuNDY4NzV2LTEzLjQzNzVjMCwtMi4yODQzOCAxLjc0Njg4LC00LjAzMTI1IDQuMDMxMjUsLTQuMDMxMjVjMi4yODQzNywwIDQuMDMxMjUsMS43NDY4NyA0LjAzMTI1LDQuMDMxMjV2MTMuNDM3NWMwLDUuMjQwNjIgNC4xNjU2Miw5LjQwNjI1IDkuNDA2MjUsOS40MDYyNWgxMy40Mzc1YzIuMjg0MzcsMCA0LjAzMTI1LDEuNzQ2ODcgNC4wMzEyNSw0LjAzMTI1YzAsMi4yODQzNyAtMS43NDY4OCw0LjAzMTI1IC00LjAzMTI1LDQuMDMxMjV6IiBmaWxsPSIjNDQ0YjU0Ij48L3BhdGg+PHBhdGggZD0iTTExOC4yNSwxMTIuODc1Yy0xNC44NDI2NSwwIC0yNi44NzUsMTIuMDMyMzUgLTI2Ljg3NSwyNi44NzVjMCwxNC44NDI2NSAxMi4wMzIzNSwyNi44NzUgMjYuODc1LDI2Ljg3NWMxNC44NDI2NSwwIDI2Ljg3NSwtMTIuMDMyMzUgMjYuODc1LC0yNi44NzVjMCwtMTQuODQyNjUgLTEyLjAzMjM1LC0yNi44NzUgLTI2Ljg3NSwtMjYuODc1eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjAuODQ2ODgsMTI3LjExODc1Yy0xLjc0Njg4LC0xLjM0Mzc1IC00LjMsLTAuOTQwNjIgLTUuNjQzNzUsMC44MDYyNWMtMS4zNDM3NSwxLjc0Njg3IC0wLjk0MDYzLDQuMyAwLjgwNjI1LDUuNjQzNzVjNC4xNjU2MiwzLjA5MDYyIDYuNDUsNy43OTM3NSA2LjQ1LDEyLjljMCw4Ljg2ODc1IC03LjI1NjI1LDE2LjEyNSAtMTYuMTI1LDE2LjEyNWMtMi4xNSwwIC00LjMsLTAuNDAzMTIgLTYuMTgxMjUsLTEuMjA5MzdjNS41MDkzOCwtNS42NDM3NSA4Ljg2ODc1LC0xMy4xNjg3NSA4Ljg2ODc1LC0yMS42MzQzOGMwLC0xNy4wNjU2MyAtMTMuODQwNjIsLTMwLjkwNjI1IC0zMC45MDYyNSwtMzAuOTA2MjVjLTE3LjA2NTYzLDAgLTMwLjkwNjI1LDEzLjg0MDYzIC0zMC45MDYyNSwzMC45MDYyNWMwLDE3LjA2NTYyIDEzLjg0MDYyLDMwLjkwNjI1IDMwLjkwNjI1LDMwLjkwNjI1YzUuNTA5MzcsMCAxMC42MTU2MiwtMS40NzgxMyAxNS4wNSwtMy44OTY4OGMzLjc2MjUsMi40MTg3NSA4LjMzMTI1LDMuODk2ODggMTMuMTY4NzUsMy44OTY4OGMxMy4zMDMxMiwwIDI0LjE4NzUsLTEwLjg4NDM4IDI0LjE4NzUsLTI0LjE4NzVjMC4xMzQzOCwtNy42NTkzNyAtMy40OTM3NSwtMTQuOTE1NjIgLTkuNjc1LC0xOS4zNXpNOTUuNDA2MjUsMTM5Ljc1YzAsLTEyLjYzMTI1IDEwLjIxMjUsLTIyLjg0Mzc1IDIyLjg0Mzc1LC0yMi44NDM3NWMxMi42MzEyNSwwIDIyLjg0Mzc1LDEwLjIxMjUgMjIuODQzNzUsMjIuODQzNzVjMCwxMi42MzEyNSAtMTAuMjEyNSwyMi44NDM3NSAtMjIuODQzNzUsMjIuODQzNzVjLTEyLjYzMTI1LDAgLTIyLjg0Mzc1LC0xMC4yMTI1IC0yMi44NDM3NSwtMjIuODQzNzV6IiBmaWxsPSIjNDNiMDJhIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=") 50% 50% no-repeat;
}

.icon-complete {
  display: block;
  width: 74px;
  margin: 0 auto;
  top: 20px;
  height: 110px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJub25lIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjwvcGF0aD48Zz48cGF0aCBkPSJNODYsMjEuNWMtMzUuNjIyMzcsMCAtNjQuNSwyOC44Nzc2MyAtNjQuNSw2NC41YzAsMzUuNjIyMzcgMjguODc3NjMsNjQuNSA2NC41LDY0LjVjMzUuNjIyMzcsMCA2NC41LC0yOC44Nzc2MyA2NC41LC02NC41YzAsLTM1LjYyMjM3IC0yOC44Nzc2MywtNjQuNSAtNjQuNSwtNjQuNXoiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCI+PC9wYXRoPjxwYXRoIGQ9Ik04NiwzMy41OTM3NWMtMjguOTQzMTcsMCAtNTIuNDA2MjUsMjMuNDYzMDggLTUyLjQwNjI1LDUyLjQwNjI1YzAsMjguOTQzMTcgMjMuNDYzMDgsNTIuNDA2MjUgNTIuNDA2MjUsNTIuNDA2MjVjMjguOTQzMTcsMCA1Mi40MDYyNSwtMjMuNDYzMDggNTIuNDA2MjUsLTUyLjQwNjI1YzAsLTI4Ljk0MzE3IC0yMy40NjMwOCwtNTIuNDA2MjUgLTUyLjQwNjI1LC01Mi40MDYyNXoiIGZpbGw9IiNjY2NjY2MiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCI+PC9wYXRoPjxwYXRoIGQ9Ik04NiwyMS41Yy0zNS42MjIzNywwIC02NC41LDI4Ljg3NzYzIC02NC41LDY0LjVjMCwzNS42MjIzNyAyOC44Nzc2Myw2NC41IDY0LjUsNjQuNWMzNS42MjIzNywwIDY0LjUsLTI4Ljg3NzYzIDY0LjUsLTY0LjVjMCwtMzUuNjIyMzcgLTI4Ljg3NzYzLC02NC41IC02NC41LC02NC41eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjguMDYyNSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjwvcGF0aD48cGF0aCBkPSJNNTYuNDM3NSw5Mi43MTg3NWwxOC4yMDc4MSwxNi4xMjVsNDAuOTE3MTksLTQ3LjAzMTI1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iOC4wNjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
  background-size: 100%;
}

.icon-complete.completed {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNjQiIGhlaWdodD0iNjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJub25lIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjwvcGF0aD48Zz48cGF0aCBkPSJNODYsMjEuNWMtMzUuNjIyMzcsMCAtNjQuNSwyOC44Nzc2MyAtNjQuNSw2NC41YzAsMzUuNjIyMzcgMjguODc3NjMsNjQuNSA2NC41LDY0LjVjMzUuNjIyMzcsMCA2NC41LC0yOC44Nzc2MyA2NC41LC02NC41YzAsLTM1LjYyMjM3IC0yOC44Nzc2MywtNjQuNSAtNjQuNSwtNjQuNXoiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCI+PC9wYXRoPjxwYXRoIGQ9Ik04NiwzMy41OTM3NWMtMjguOTQzMTcsMCAtNTIuNDA2MjUsMjMuNDYzMDggLTUyLjQwNjI1LDUyLjQwNjI1YzAsMjguOTQzMTcgMjMuNDYzMDgsNTIuNDA2MjUgNTIuNDA2MjUsNTIuNDA2MjVjMjguOTQzMTcsMCA1Mi40MDYyNSwtMjMuNDYzMDggNTIuNDA2MjUsLTUyLjQwNjI1YzAsLTI4Ljk0MzE3IC0yMy40NjMwOCwtNTIuNDA2MjUgLTUyLjQwNjI1LC01Mi40MDYyNXoiIGZpbGw9IiM0M2IwMmEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCI+PC9wYXRoPjxwYXRoIGQ9Ik04NiwyMS41Yy0zNS42MjIzNywwIC02NC41LDI4Ljg3NzYzIC02NC41LDY0LjVjMCwzNS42MjIzNyAyOC44Nzc2Myw2NC41IDY0LjUsNjQuNWMzNS42MjIzNywwIDY0LjUsLTI4Ljg3NzYzIDY0LjUsLTY0LjVjMCwtMzUuNjIyMzcgLTI4Ljg3NzYzLC02NC41IC02NC41LC02NC41eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0YjU0IiBzdHJva2Utd2lkdGg9IjguMDYyNSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjwvcGF0aD48cGF0aCBkPSJNNTYuNDM3NSw5Mi43MTg3NWwxOC4yMDc4MSwxNi4xMjVsNDAuOTE3MTksLTQ3LjAzMTI1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iOC4wNjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==") 50% 50% no-repeat;
}

/* Member Landing Page */
.member-alert {
  margin: 0px;
  border-left: 20px solid #42b02a;
}

.member-alert img {
  padding: 0px 0px 0px 10px;
}

/*CPD Hours Overview */
.buttonRow {
  padding: 10px 0px 0px;
}

.row.flex-row {
  display: flex;
  align-items: center;
}

.flex-item {
  flex: 1;
  align-self: center;
  text-align: center;
  align-items: center;
  display: flex;
  padding: 1em;
}

.flex-item a {
  flex: 1;
  align-self: center;
  text-align: center;
  align-items: center;
}

a.threeyear.TextButton,
.hiddenGrid.secretButton a.threeyear,
.totalhours.TextButton,
.hiddenGrid.secretButton a.totalhours {
  vertical-align: middle !important;
  padding: 10px 30px;
  background-color: #fff;
  color: #151515;
  border: 1px solid #ddd;
  height: 70px;
  margin: 0px 10px;
}

.threeyear svg,
.totalhours svg {
  height: 40px;
  width: 50px;
  display: inline-flex;
  margin-bottom: -10px;
  margin-left: -20px;
}

/* START - CSS added to support ASI Tech Alert 10-14-2020 */
/* Second Level */
.RadMenu.MainMenu .rmTwoLevels .rmLevel1>.rmItem>.rmLink {
  color: #ffffff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 114%;
  font-weight: normal;
}

/* Second Level - Hover state */
.RadMenu.MainMenu .rmTwoLevels .rmLevel1>.rmItem>.rmLink:hover,
.RadMenu.MainMenu .rmTwoLevels .rmLevel1>.rmItem>.rmLink:focus {
  background-color: #58d13c;
  color: #ffffff;
}

/* Third Level */

.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink {
  color: #ffffff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 90%;
  font-weight: normal;
}

/* Third Level - Hover State */

.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink:hover,
.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink:focus,
.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink.rmFocused {
  background-color: #58d13c;
  color: #ffffff;
}

@media (min-width: 768px) {

  .RadMenu.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide,
  .RadMenu.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
    display: block !important;
  }
}
/* END - CSS added to support ASI Tech Alert 10-14-2020 */

/* CME iParts */
.show {
  display: block !important
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box
}

#event-where-when,#event-order-summary {
  background-color: #fff;
  border: solid 1px #b9c0cb;
  padding: 20px
}

#event-where-when .when-txt,#event-where-when .summary-title,#event-order-summary .when-txt,#event-order-summary .summary-title {
  margin-top: 0px
}

#event-where-when h4,#event-order-summary h4 {
  margin-top: 0px
}

#event-checkout h1.event-name {
  font-size: 2rem;
  line-height: 1.3;
  margin-top: 0px
}

#event-checkout h2.checkout-title {
  font-size: 1.5625rem
}

#event-details h1 {
  font-size: 1.25rem;
  display: none
}

#event-details h2 {
  line-height: 1.3;
  margin-top: 0px
}

#event-details .reg-alloptions {
  margin-bottom: 20px
}

#event-details .reg-option {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: normal;
  align-content: center;
  border-bottom: solid 1px #b9c0cb;
  padding: 10px 0px
}

#event-details .reg-details {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0
}

#event-details .reg-details h5 {
  margin: 0
}

#event-details .reg-amt {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0
}

#event-order-summary .order-item p,#event-order-summary .order-summary h4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: normal;
  align-content: center;
  padding: 0px
}

#event-order-summary .order-person,#event-order-summary .order-total {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0
}

#event-order-summary .order-price,#event-order-summary .order-total-price {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0
}

.event-li {
  margin-bottom: 10px;
  font-family: "Gotham-Bold"
}

.event-li button {
  margin-right: 10px
}

.reg-cancel-btn {
  border-color: #e0613a;
  color: #e0613a
}

.program-options {
  display: block;
  padding: 20px 0px
}

.program-options .question {
  padding: 0px 0px 20px
}

.program-options .form-row {
  margin-bottom: 15px
}

button.dropdown-item {
  text-align: left;
  cursor: pointer;
  width: 100%;
  background-color: #fff;
  border: 0;
  color: #0066a4;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 16px
}

button.dropdown-item:hover {
  color: #42b02a
}

p.already-registered-error {
  border: solid 1px red;
  color: red;
  padding: 5px;
  margin: 10px 0
}

#registerSomeoneElseModal .modal-body .select-existing form type-ahead {
  height: auto;
  min-height: 1em;
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-appearance: textfield;
  -moz-appearance: textfield-multiline;
  -webkit-rtl-ordering: logical;
  user-select: text;
  cursor: auto
}

#registerSomeoneElseModal .modal-body .select-existing form type-ahead input[type=text] {
  border: solid 1px #ccc !important;
  outline: 0;
  line-height: 1;
  flex: 1
}

#registerSomeoneElseModal .modal-body .select-existing form .type-ahead-badge {
  white-space: nowrap;
  cursor: pointer
}

[disabled][_nghost-aif-c23] {
  cursor: not-allowed
}

[disabled][_nghost-aif-c23] input[_ngcontent-aif-c23] {
  background-color: inherit
}

[_nghost-htl-c23] input[_ngcontent-htl-c23] {
  outline: 0;
  line-height: 1;
  flex: 1
}

[_nghost-aif-c23] [role=menuitem][disabled][_ngcontent-aif-c23] {
  cursor: not-allowed
}

.registerSomeoneElseModal h5 {
  display: inline-flex
}

#sortBy .sortByText {
  padding-right: 10px;
  display: inline;
  font-family: "Gotham-Bold"
}

#sortBy .btn-secondary {
  margin-right: 10px;
  padding: 10px
}