/* ASTRA custom theme - phil@philstack.com - 4.13.2024 */

/* ASTRA Colors */

:root {
  --ASTRA-blue-deep: #1b4899;
  --ASTRA-blue-sky: #2aa2db;
  --ASTRA-green: #56be91;
  --ASTRA-yellow: #fbd24d;
  --ASTRA-orange: #f6903f;
  --ASTRA-red: #ee4831;
}

/* ASTRA Fonts */

@font-face {
  font-family: 'Creato Display - Light';
  src: url('astra-fonts/CreatoDisplay-Light.otf') format('opentype');
  font-weight: light;
  font-style: normal;
}

@font-face {
  font-family: 'Creato Display - Regular';
  src: url('astra-fonts/CreatoDisplay-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Creato Display - Regular Italic';
  src: url('astra-fonts/CreatoDisplay-RegularItalic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Creato Display - Medium';
  src: url('astra-fonts/CreatoDisplay-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Creato Display - Bold';
  src: url('astra-fonts/CreatoDisplay-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Creato Display - Bold Italic';
  src: url('astra-fonts/CreatoDisplay-BoldItalic.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'LEMON MILK - Regular';
  src: url('astra-fonts/LEMONMILK-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LEMON MILK - Bold';
  src: url('astra-fonts/LEMONMILK-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LEMON MILK - Medium';
  src: url('astra-fonts/LEMONMILK-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LEMON MILK - Light';
  src: url('astra-fonts/LEMONMILK-Light.otf') format('opentype');
  font-weight: light;
  font-style: normal;
}

body,
*,
p,
a {
  font-family: 'Creato Display - Regular', sans-serif;
}

h1 {
  font-family: 'LEMON MILK - Bold', sans-serif;
  font-weight: bold;
  color: var(--ASTRA-blue-deep);
}
h2,
h3 {
  font-family: 'LEMON MILK - Medium', sans-serif;
  font-weight: normal;
  color: var(--ASTRA-blue-deep);
}
h4,
h5,
h6 {
  font-family: 'LEMON MILK - Light', sans-serif;
  font-weight: light;
  color: var(--ASTRA-blue-deep);
}

/* overrides for iMIS builtin fonts */
h2,
.h2,
.PanelTitle,
h3,
.SectionTitle,
h4,
.h4,
.SectionLabel,
h5,
.h5,
.SectionLabelSmaller,
h6,
.h6 {
  font-family: 'LEMON MILK - Regular', sans-serif;
}

strong {
  font-weight: bold;
  font-family: 'Creato Display - Bold';
}

@media (min-width: 768px) {
  /* header */
  /* limit header logo image size and add padding */
  .header-logo-container.pull-left img {
    max-width: 145px;
    padding: 20px 0;
  }

  .header-logo-container,
  .navbar-header,
  .navbar-header.nav-auxiliary {
    width: auto;
  }

  .header-container {
    display: flex;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .navbar-header.nav-primary,
  .navbar-header.nav-primary .WTZone {
    width: 100%;
    max-width: unset;
  }
}

.navbar-header.nav-auxiliary {
  margin: 25px 0;
}

.navbar-header.nav-auxiliary .rmText {
  font-family: 'Creato Display - Regular', sans-serif;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
}

.navbar-header.nav-primary {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
}

.navbar-header.nav-primary .UtilitySection a,
.navbar-header.nav-primary .UtilitySection .nav-text {
  font-family: 'Creato Display - Regular', sans-serif;
  text-transform: none;
}

.navbar-header.nav-primary a {
  text-decoration: none;
  color: #6b7280;
}

.navbar-header.nav-primary a:hover {
  color: #3f3f3f;
}

.astra-join a {
  background-color: var(--ASTRA-red);
  padding: 7px 15px;
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
}

/* footer */
.footer-nav-copyright,
#ft,
.footer-content {
  background-color: #fff;
  color: #424242;
}

.footer-nav-copyright {
  font-size: 0.8em;
}

.footer-content {
  max-width: 1170px;
  margin: 0 auto;
}

.footer-content .container {
  float: left;
}

.footer-content .container:nth-child(1) {
  width: 30%;
  text-align: left;
}

.footer-content .container:nth-child(1) *,
.footer-nav-copyright * {
  font-family: 'Creato Display - Regular', sans-serif;
}

.footer-content .container:nth-child(2) {
  width: 70%;
}

.footer-content .container:nth-child(2) .rmText {
  font-family: 'Creato Display - Regular', sans-serif;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
}

.ASTRA-ft-contact-splitter {
  padding-left: 50px;
}

.ASTRA-ft-left {
  font-size: 0.8em;
}

.ASTRA-ft-socials svg {
  color: #9ca3af;
}

/* remove unwanted bottom dotted line borders */
h2,
.h2,
.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
#masterHeaderBackground,
.header {
  border-bottom: none;
}

/* RadMenu_Austin */

/* Reset some Telerik defaults */
.RadMenu.RadMenu_Austin {
  float: none;
}

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

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

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

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

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

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

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

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

.RadMenu.RadMenu_Austin,
.RadMenu.RadMenu_Austin .rmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_Austin .rmSlide ul.rmGroup {
  padding: 0;
}

.RadMenu.RadMenu_Austin {
  z-index: 1001 !important;
  position: relative;
}

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

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

.RadMenu.RadMenu_Austin .rmItem {
  list-style: none;
}

.RadMenu.RadMenu_Austin .rmDisabled > a {
  cursor: default;
}

.RadMenu.RadMenu_Austin .rmItem {
  width: auto;
  clear: both;
}

.RadMenu.RadMenu_Austin .rmText,
.RadMenu.RadMenu_Austin .rmHorizontal .rmText,
.RadMenu.RadMenu_Austin .rmSlide .rmText {
  padding: 10px 15px;
  letter-spacing: 0.5px;
  font-size: 15px;
}

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

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

.RadMenu.RadMenu_Austin .rmLink,
.RadMenu.RadMenu_Austin .rmOneLevel .rmItem .rmLink {
  padding: 0;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmItem .rmItem,
.RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1 .rmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmLink {
  margin-bottom: 0;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
  font-size: 1.16em;
}

.RadMenu.RadMenu_Austin .rmTwoLevels .rmLevel1 > .rmItem > .rmLink,
.RadMenu.RadMenu_Austin
  .rmTwoLevels
  .rmLevel1
  > .rmItem.rmDisabled
  > .rmLink:hover,
.RadMenu.RadMenu_Austin
  .rmTwoLevels
  .rmLevel1
  > .rmItem.rmDisabled
  > .rmLink:focus {
  text-transform: none;
  color: #8f8e8e;
  /* font-weight: bold; */
}

.RadMenu.RadMenu_Austin .rmOneLevel .rmItem .rmLink {
  white-space: nowrap;
}

.RadMenu.RadMenu_Austin .rmLink {
  color: #666666;
  text-decoration: none;
  display: block;
  position: relative;
  letter-spacing: 0.5px;
  /* required for the menu to work in IE */
}

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

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #666;
  background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected .rmText {
  text-decoration: underline;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Austin .rmRootLink:hover,
.RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #fff;
  color: #666;
}

.RadMenu.RadMenu_Austin .rmGroup {
  background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmDisabled > .rmLink {
  color: #666;
}

.RadMenu.RadMenu_Austin .rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_Austin .rmDisabled > .rmLink:active {
  background-color: transparent;
  color: #666;
}

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

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
  text-transform: none;
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 0;
}

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

.RadMenu.RadMenu_Austin .rmToggle .rmIcon,
.RadMenu.RadMenu_Austin .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_Austin .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Austin .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}

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

.RadMenu_Austin .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
  /* box-shadow: 3px 3px 12px 3px rgba(0, 0, 0, .2); */
  filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.2));
}

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

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

.RadMenu_Austin .rmSlide .rmLink {
  color: #666;
}

.RadMenu_Austin .rmSlide .rmSeparator,
.RadMenu_Austin .rmSlide .rmVertical > .rmSeparator,
.RadMenu_Austin .rmSlide .MegaDropDownMenuSeparator > .rmLink {
  border-bottom: 1px dotted #fff;
}

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

.RadMenu_Austin .rmSlide .rmFocused > .rmLink,
.RadMenu_Austin .rmSlide .rmSelected > .rmLink,
.RadMenu_Austin .rmSlide .rmItem.rmSelected .rmLink {
  background-color: transparent;
  color: var(--ASTRA-red);
}

.RadMenu_Austin .rmSlide .rmLink:hover,
.RadMenu_Austin .rmSlide .rmLink:focus,
.RadMenu_Austin .rmSlide .rmLink.rmFocused,
.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: #eee;
  color: var(--ASTRA-red);
}

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

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

@media (max-width: 991px) {
  .RadMenu_Austin .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_Austin .rmSlide ul.rmVertical,
  .RadMenu_Austin .rmSlide ul.rmHorizontal,
  .RadMenu_Austin .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_Austin .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
  }
  .RadMenu_Austin .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_Austin .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_Austin .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

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

/* side nav  */

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

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

/* home carousel */

.carousel-indicators li {
  margin-right: 5px;
}

.carousel-indicators .active {
  margin-right: 5px;
}

.carousel-caption {
  bottom: 60px;
}

#masterMainBreadcrumb {
  display: none;
}

/* begin footer stuff Phil added on 8.28.2024 */
.footer-content .container:nth-child(2),
.footer-content .container:nth-child(3) {
  width: 100%;
}

@media (min-width: 992px) {
  .footer-content .container:nth-child(2) {
    width: 35%;
    text-align: left;
  }

  .footer-content .container:nth-child(3) {
    width: 65%;
  }
  .footer-content .container:nth-child(3) .ContentItemContainer {
    width: 100%;
    float: left;
  }
  .footer-content
    .container:nth-child(3)
    .ContentItemContainer
    .ContentItemContainer {
    width: 25%;
    float: left;
  }
}

.footer-copyright {
  width: 100%;
  text-align: center;
  padding-top: 32px;
  border-top: solid 1px #9ca3af30;
}

.footer-nav-copyright {
  margin: 32px 0px;
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.astra-footer-nav-links ul,
.astra-footer-nav-links ul li {
  list-style: none;
  padding-left: 0;
}

.astra-footer-nav-links ul li {
  padding: 10px 0;
  font-size: 0.95em;
  font-weight: 600;
}

.astra-footer-nav-links a {
  text-decoration: none;
  color: #9ca3af;
  font-weight: 400;
}

@media (min-width: 992px) {
  .astra-footer-nav-links ul li {
    text-align: left;
  }
}

/* Mini Profile
   ========================================================================== */
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  /* Style the name like an h2 */
  font-family: 'Creato Display - Light';
  font-size: 170%;
  color: var(--ASTRA-blue-sky);
}

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

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

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

/* ==========================================================================
      TELERIK OVERRIDES
      ========================================================================== */
/* RadTabStrip
      ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: var(--ASTRA-blue-sky) !important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: var(--ASTRA-blue-sky);
}

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

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

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

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
  .rtsLevel1
  .rtsSelected:hover {
  border-color: var(--ASTRA-blue-sky);
  background-color: var(--ASTRA-blue-sky);
}

html
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
  .rtsLevel1
  .rtsSelected
  .tab-step-number {
  color: #000;
  background-color: var(--ASTRA-blue-sky);
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
  border-color: var(--ASTRA-blue-sky);
}

@media (max-width: 600px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

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

@media (max-width: 767px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    display: block;
    border-bottom: 3px solid var(--ASTRA-blue-sky);
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
    width: 100%;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    .rtsLevel
    .rtsLink.rtsLink {
    border-width: 1px 1px 0 1px;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
    text-align: center;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    + .RadMultiPage {
    border-width: 0 1px 1px 1px;
  }
}

@media (min-width: 768px) {
  .wrapper:not(.has-secondary-col)
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid var(--ASTRA-blue-sky);
  }
  .wrapper:not(.has-secondary-col)
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft
    .rtsLevel1
    .rtsLink {
    border-right-width: 0;
  }
  .wrapper:not(.has-secondary-col)
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft
    + .RadMultiPage {
    border-left-width: 0;
  }
  .wrapper:not(.has-secondary-col)
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight {
    border-left: 3px solid var(--ASTRA-blue-sky);
  }
  .wrapper:not(.has-secondary-col)
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight
    .rtsLevel1
    .rtsLink {
    border-left-width: 0;
  }
  .wrapper:not(.has-secondary-col)
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight
    + .RadMultiPage {
    border-right-width: 0;
  }
  .account-page-with-banner
    .wrapper.has-secondary-col
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    border-bottom: 3px solid var(--ASTRA-blue-sky);
  }
  .account-page-with-banner
    .wrapper.has-secondary-col
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    .rtsLI {
    display: inline-block;
    float: left;
  }
  .account-page-with-banner
    .wrapper.has-secondary-col
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    .rtsLevel1
    .rtsLI {
    margin-right: -1px;
  }
  .account-page-with-banner
    .wrapper.has-secondary-col
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    .rtsLevel1
    .rtsLast
    .rtsLI {
    margin-right: 0;
  }
  .account-page-with-banner
    .wrapper.has-secondary-col
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch
    .rtsLink {
    border-width: 1px;
  }
}

/* default button */
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: var(--ASTRA-blue-deep);
  border-color: transparent;
}

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

.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled:active,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn.aspNetDisabled,
.btn.aspNetDisabled:hover,
.btn.aspNetDisabled:focus,
.btn.aspNetDisabled:active,
.TextButton:disabled,
.TextButton:disabled:hover,
.TextButton:disabled:focus,
.TextButton:disabled:active,
.TextButton.disabled,
.TextButton.disabled:hover,
.TextButton.disabled:focus,
.TextButton.disabled:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.RadUpload.RadUpload .ruButton:disabled,
.RadUpload.RadUpload .ruButton:disabled:hover,
.RadUpload.RadUpload .ruButton:disabled:focus,
.RadUpload.RadUpload .ruButton:disabled:active,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton.disabled:hover,
.RadUpload.RadUpload .ruButton.disabled:focus,
.RadUpload.RadUpload .ruButton.disabled:active,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.aspNetDisabled:hover,
.RadUpload.RadUpload .ruButton.aspNetDisabled:focus,
.RadUpload.RadUpload .ruButton.aspNetDisabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
  color: #fff;
  background-color: var(--ASTRA-blue-deep);
  border-color: transparent;
}

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

.directory-preview .card {
  background-color: #ffecad;
}