/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 17/10/24 Go live   
 *
 * 
 *  Document contains changes to Unspecified
 *
 *
*/
/****************************************/
/****************************************/

:root {
  --arrow-up: url(/images/Launchpad5/icons/up-arrow.svg);
  --arrow-down:  url(/images/Launchpad5/icons/down-arrow.svg);
  --logo: url(/images/CATSINaM/CATSINaM-logo.png);
  
  --primary-color: #ca3f20;
  --primary-color-hover: #c74123;
  --primary-dark-color: #c74123;
  --primary-alt-dark: #c74123;
  --primary-alt-light: #f05937;
  --primary-image-filter: invert(17%) sepia(98%) saturate(3060%) hue-rotate(6deg) brightness(101%) contrast(75%);
  --image-filter-color: invert(17%) sepia(98%) saturate(3060%) hue-rotate(6deg) brightness(101%) contrast(75%);

  --secondary-color: #eba626;
  --secondary-color-hover: #c68917;
  --secondary-alt-dark: #c68917;
  --secondary-alt-light: #fcb83a;
  --secondary-image-filter: invert(82%) sepia(8%) saturate(5090%) hue-rotate(338deg) brightness(94%) contrast(95%);

  --tertiary-color: #00CACD;
  --tertiary-color-hover: #01a4a7;
  --tertiary-alt-dark: #01a4a7;
  --tertiary-alt-light: #08dde0;
  --tertiary-image-filter: invert(63%) sepia(11%) saturate(7496%) hue-rotate(137deg) brightness(97%) contrast(101%);

  --grey-color: #f4f3ed;
  --grey-alt-dark: #d4d4d4;
  --dark-color: #231f20;
  --black-color: #231f20;
  --dark-image-filter: invert(8%) sepia(8%) saturate(711%) hue-rotate(295deg) brightness(97%) contrast(88%);
  --white-color: #fff;
  --selection-color: #b33013;
  --gradient-color: #00CACD;

  --row-padding: calc(var(--padding) * 2);
  --row-margin: calc(var(--padding) * 2);
  --tab-size: 1em;

  --button-border-radius: 1.7rem;
  --border-radius: 1.7rem;
  --button-padding: 1em;

  --input-border: .1rem solid #DFDFDF;
  --item-border-radius: calc(var(--border-radius) / 4);;

  --box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
  --padding: calc(1em * 2);

  --lrg-p-text: 2rem;
  --mid-p-text: 1.8rem;
  --sml-p-text: 1.6rem;
}


html {
  scroll-behavior: smooth;
}

/******* hamburger on iPad styling **********/

@media only screen and (max-width: 1200.98px) {
    .navbar-toggle {
      display: block;
    }
  }
  
  @media (min-width: 1200.98px) {
    .navbar-toggle {
      display: none;
    }
  }
  
  div#masterMainButtonBar {
      margin-bottom: 1.4rem;
  }
  
  
  .showoverflow {
      overflow: visible !important;
  }
  .row {
      margin-left: 0;
      margin-right: 0;
  }
  .breadcrumb-obo-container.ClearFix {
      display: none;
      max-width: 127.1rem;
      margin: auto;
      padding: 0 2.8rem 1.5rem 2.8rem;
  }
  
  .search-container-sm {
      display: none !important;
  }
  
  .ste-section {
      /* filter: brightness(73.5); */
      /* display: none !important;  */
      margin: 0;
  }
  
  .hide {
      display: none !important;
  }
  
  a.noeffect {
      text-decoration: none;
  }
  
  @media (min-width: 1200.98px) {
      .hideondesktop {
          display: none !important;
      }
  }
  
  @media only screen and (max-width: 1200.98px) {
      .hideonmobile {
          display: none !important;
      }
  }
  
  * {
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      text-shadow: none;
  }
  
  div[id*="SignInCommon_"] input[type="text"], div[id*="SignInCommon_"] input[type="password"] {
      border-radius: 2rem;
  padding: 5px 10px;
  }
  
  
  .ValidationError[style="display: inline;"] {
      display: block !important;
  }
  

  
  /***** ON BEHALF OF *****/
  div#masterContentArea .OnBehalfOf>div {
      position: fixed;
      bottom: 3rem;
      right: 3rem;
      background: #fff;
      box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
      padding: 1rem;
      /* border-radius: .7rem; */
      z-index: 1000;
  }
  
  div#masterContentArea .OnBehalfOf .obo-label {
      color: var(--dark-color);
  }
  
  div#masterContentArea .UtilitySTEToggle>a {
      position: fixed;
      bottom: 10rem;
      right: 3rem;
      background-color: #fff;
      box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
      padding: 1rem;
      /* border-radius: .7rem; */
      z-index: 10000000000;
  }
  
  div#masterContentArea .obo-panel {
      margin: 0;
  }
  
  div#masterContentArea .UtilitySTEToggle>a.on {
      background-color: var(--grey-color);
      ;
  }
  
  a[class*="arge"][class*="utton"].SocialSprite {
      padding: 0 !important;
  }
  
  div[id*="_ContactAddressEditor_"] div[class*="col"]+div[style] {
      display: none;
  }
  
  
  div#masterContentArea .col-primary > div > div > div > div.row > div:has(+ div[class*="col-sm"][style="display: none;"]) {
      margin-left: 0;
  }
  
  
  /*************************/
  div.ScrollUp {
      position: fixed;
      z-index: 2000;
      text-align: center;
      top: auto;
      right: 0;
      bottom: 1rem;
      display: flex;
      flex-direction: column;
      box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
      overflow: hidden;
  }
  
  div.ScrollUp div {
      padding: 0.3rem;
      position: relative;
  }
  
  div.ScrollUp a.scroll1:first-of-type div {
      background: #ababab;
  }
  
  div.ScrollUp a.scroll1:nth-of-type(2) {
      background: #4267b2;
  }
  
  div.ScrollUp a.scroll1:nth-of-type(3) {
      background: #00aced;
  }
  
  div.ScrollUp a.scroll1:last-of-type div {
      background: white;
  }
  
  div.ScrollUp img {
      margin: auto;
      top: 1rem;
      padding: 1rem;
      width: 4rem !important;
      height: 4rem !important;
  }
  
  div.ScrollUp a.scroll1:first-of-type img {
      top: 1.2rem
  }
  
  div.ScrollUp a.scroll2 img {
      top: 0.8rem
  }
  
  div.ScrollUp a.scroll1 div:hover {
      background: var(--secondary-color);
  }
  
  @media only screen and (max-width: 881.98px) {
      div.ScrollUp a.scroll1:not(.scroll2) {
          display: none;
      }
  
      div.ScrollUp {
          right: 1rem;
          border-radius: 50%;
      }
  
      div.ScrollUp a.scroll1:last-of-type div {
          padding-bottom: 0.3rem;
      }
  }
  
  
  
  /* Remove blue outline for button "focus" (click but not pass-through) */
  :focus {
      outline-color: transparent;
      outline-style: none;
        outline: 5px auto -webkit-focus-ring-color !important;
      outline-offset: -2px !important;
  }
  
  a.noclick {
      /* cursor: default !important; */
      /* pointer-events: none !important; */
  }
  
  /* Highlight color of selected text */
  ::selection {
      color: #ffffff;
      background-color: var(--selection-color);
  }
  
  ::-moz-selection {
      color: #ffffff;
      background-color: var(--selection-color);
  }
  }
  
  /* Anything with the below class will not be displayed */
  .hide {
      display: none !important;
  }
  
  .iMIS-WebPart > div > div.panel > .panel-heading + .panel-body-container > .panel-body > a[name] {
      position: relative;
      top: -10rem;
  }
  
  /* removes transparent border around content */
  .panel {
      border: none;
  }
  
  hr {
      margin: 4rem 0;
  }
  
  @media only screen and (max-width: 881.98px) {
      hr {
          margin: 4rem 0;
      }
  }
  
  /* override 15px padding on all content areas >  replace with rem */
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
        padding-left: calc(var(--padding) / 2);
        padding-right: calc(var(--padding) / 2);
  }
  
  div#masterMainButtonBar {
      padding: 0;
      margin: 0;
  }
  
  /**** cookie warning *****/
  .cc-window {
      background: #e7e7e9;
      color: var(--dark-color);
      padding: 1rem;
      font-size: 1.6rem;
  }
  
  a.cc-link {
      color: var(--dark-color) !important;
      font-size: 1.6rem;
      font-weight: 400 !important;
      opacity: 1;
      padding: 0;
      text-decoration: underline !important;
  }
  
  a.cc-btn.cc-dismiss {
      padding: 1.4rem;
      cursor: pointer;
      background: var(--primary-color);
      text-decoration: none;
      color: #fff;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      vertical-align: text-top;
      -webkit-transform: perspective(0.1rem) translateZ(0);
      transform: perspective(0.1rem) translateZ(0);
      box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      border-radius: 0.7rem;
      line-height: 1;
      font-size: 1.4rem !important;
      font-weight: 400;
      transition: cubic-bezier(0.32, 0.96, 0.58, 1) 0.4s background;
      border: none;
  }
  
  a.cc-btn.cc-dismiss:hover {
      background: var(--dark-color);
  }
  
  .col-primary {
      width: 100% !important;
  }
  
  .col-secondary {
      width: 100% !important;
      display: none !important;
  }
  
  /* Hides col-secondary (the secondary nav on dektop) */
  @media (min-width: 1200.98px) {
      .col-primary {
          width:100% !important;
      }
  
      .col-secondary {
          width: 100% !important;
          display: none !important;
      }
  }
  
  .col-secondary {
      padding: 1.5rem;
  }
  
  .TextButton.Disabled {
      pointer-events: none;
      background: var(--grey-color);
      color: var(--dark-color) !important;
  }
  
  h4, .h4, .SectionLabel {
      border-bottom: none !important;
  }
  
  .hideThisZone {
      display: none;
  }
  
  img[id*="ProgressImage2"] {
      filter: brightness(0);
  }
  
  .AsiWarning {
      border-color: var(--grey-color);
      background-color: var(--grey-color);
      color: var(--dark-color);
  }
  
  .PanelFieldValue input[type="radio"] {
      width: auto !important;
  }
  
  .AsiWarning .PanelFieldValue {
      max-width: 100%;
  }
  
  .AsiWarning .SectionLabel {
      color: var(--dark-color);
  }
  
  li.AsiInformation {
      border-color: var(--primary-color);
      background-color: var(--primary-color);
      color: #ffffff;
  }
  
  li.AsiInformation img.iMISUserMessageIcon {
      filter: grayscale(1);
  }
  
  li.AsiInformation ul li a {
      text-decoration: underline !important;
  }
  
  li.AsiInformation ul li a:visited, li.AsiInformation ul li a:active {
      text-decoration: underline !important;
      color: #ffffff;
  }
  
  li.AsiInformation ul li a:hover {
      color: #ffffff;
  }
  
  .NeutralShading.FileMessageDetails {
      background-color: var(--primary-color);
      border: 0.1rem solid var(--primary-color);
  }
  
  .IconSprite.AddIcon {
      background-image: none !important;
      transition: all .2s ease-in-out;
      width: 4rem;
      height: 2.3rem;
      /* margin-left: -3.5rem; */
  }
  
  .IconSprite.AddIcon:after {
      content: 'Add';
      background: transparent;
      font-weight: 700;
      color: var(--dark-color);
      border: 0.1rem var(--dark-color) solid;
      padding: 0.3rem 0.7rem;
      /* transition: all .2s ease-in-out; */
      /* font-size: 1.2rem; */
  }
  
  .IconSprite.AddIcon:hover:after {
      background: var(--primary-color);
      color: white;
      border: 0.1rem var(--primary-color) solid;
      transition: all .2s ease-in-out;
  }
  
  .IconSprite.AddIcon:hover {
      transition: all .2s ease-in-out;
  }
  
  td.ListerColumnHeader > a[title*="Edit"] {
      text-decoration: none !important;
  }
  
  td.ListerColumnHeader > a[title*="Edit"]:after {
      /* content: 'Edit'; */
      /* background: transparent; */
      /* font-weight: 700; */
      /* color: var(--dark-color); */
      /* border: 0.1rem var(--dark-color) solid; */
      /* padding: 0; */
      /* transition: all .2s ease-in-out; */
      /* font-size: 1rem; */
      /* padding: 0.3rem 0.7rem; */
      content: 'Edit';
      /* background: transparent; */
      /* font-weight: 700; */
      /* color: var(--dark-color); */
      /* border: 0.1rem var(--dark-color) solid; */
      padding: 0;
      transition: all .2s ease-in-out;
      font-size: var(--sml-p-text);
      /* padding: 0.3rem 0.7rem; */
      /* text-decoration: none !important; */
      text-decoration: none !important;
      border: none !important;
      padding: 0 !important;
      position: relative;
      /* top: -0.2rem; */
      font-weight: 500 !important;
      background: none !important;
      color: var(--dark-color) !important;
      word-break: normal;
      line-height: 0;
      padding: 0rem  0.5rem !important;
  }
  
  button[id*="_ContactAddress_ct"] {
      padding: 12.5px !important;
  }
  
  
  td.ListerColumnHeader > a[title*="Edit"]:hover:after {
      background: var(--primary-color);
      color: white;
      border: 0.1rem var(--primary-color) solid;
      transition: all .2s ease-in-out;
  }
  
  .IconSprite.EditIcon {
      background: transparent !important;
      width: 4rem;
  }
  
  .IconSprite.EditIcon:after {
      content: 'Edit';
      background: transparent;
      font-weight: 700;
      color: var(--white-color) !important;
      border: 0.1rem var(--dark-color) solid;
      padding: 0;
      transition: all .2s ease-in-out;
      font-size: var(--sml-p-text);
      padding: 0.3rem 0.7rem;
      text-decoration: none !important;
  }
  
  .IconSprite.EditIcon:hover:after {
      background: var(--primary-color);
      color: white !important;
      border: 0.1rem var(--primary-color) solid;
      transition: all .2s ease-in-out;
  }
  
  td.ListerColumnHeader > a[title*="Edit"] > img {
      display: none;
  }
  
  td.ListerColumnHeader {
      padding: 0 !important;
  }
  
  .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
      background: var(--grey-color);
  }
  
  .ProgressDiv {
      background-color: var(--primary-color);
      color: #ffffff;
  }
  
  /* some Telerik overrides */
  .ruButton {
      background-color: var(--primary-color) !important;
      color: #fff !important;
      cursor: pointer;
      border-radius: 0.5rem !important;
  }
  
  .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
      background-color: var(--primary-color);
      color: #fff;
  }
  
  .ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span {
      background-color: var(--primary-color);
  }
  
  /* </Progress Tracker > */
  /* <Progress Tracker 2> */
  .ProgressTracker2 .ProgressTrackerPanel {
      background-color: var(--primary-color);
  }
  
  
  
  
  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch  {
      border-color: var(--primary-color) !important;
  }
  
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected span.rtsTxt {
      /* color: var(--dark-color); */
      color: var(--white-color);
  }
  
  .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
      border-bottom-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageNext:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageLast:active, body#MainBody .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: var(--primary-color);
      border-color: var(--primary-color);
      color: var(--white-color) !important;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .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: var(--primary-color);
      border-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, body#MainBody .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: var(--white-color) !important;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel, body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
      background-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .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: var(--primary-color);
  }
  
  * + html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
      background-color: var(--primary-color);
  }
  
  * html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
      background-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch input.rgAdd, body#MainBody .RadGrid.RadGrid_MetroTouch input.rgRefresh, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSave, body#MainBody .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: var(--primary-color);
  }
  
  .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: var(--primary-color);
      border-color: var(--primary-color);
  }
  
  .RadGrid_MetroTouch .rgAltRow.rgSelectedRow {
      background-color: var(--grey-color);
      border-color: var(--grey-color);
  }
  
  .RadGrid_MetroTouch .rgAltRow.rgSelectedRow > td {
      border-color: var(--grey-color);
      color: var(--dark-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, body#MainBody .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: var(--white-color) !important;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch tr.rgSelectedRow {
      background-color: var(--grey-color) !important;
      border-color: var(--grey-color);
      /* background-color: var(--primary-color); */
      /* border-color: white; */
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch tr.rgSelectedRow > td {
      /* border-color: var(--white-color); */
      color: var(--dark-color) !important;
      border: 0.05rem solid var(--grey-alt-dark) !important;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow > td.rgSorted {
      background-color: var(--primary-color);
  }
  
  .RadGrid_MetroTouch .rgAltRow.rgSelectedRow > td.rgSorted {
      background-color: var(--grey-color);
      color: var(--dark-color);
      border-color: var(--white-color);
  }
  
  /**********IQA Colors Start **************/
  /* RadGrid
     ========================================================================== */
  body#MainBody .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
      color: var(--dark-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable {
      /* background-color: var(--white-color); */
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td, body#MainBody .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;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch td.rgPagerCell, .RadGrid.RadGrid_Metro td.rgPagerCell {
      border-width: 0;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader, body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgResizeCol, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgEditRow > td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFooter td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFilterRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNoRecords td, body#MainBody .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;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, body#MainBody .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;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow {
      background-color: transparent;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageNext:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageLast:active, body#MainBody .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: var(--primary-color);
      border-color: var(--primary-color);
      color: var(--white-color) !important;
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch input.rgAdd, body#MainBody .RadGrid.RadGrid_MetroTouch input.rgRefresh, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSave, body#MainBody .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: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch input.rgAdd:hover, body#MainBody .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSave:hover, body#MainBody .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: var(--white-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel, body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
      background-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .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: var(--primary-color);
  }
  
  * + html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
      background-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .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: var(--primary-color);
      border-color: var(--primary-color);
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, body#MainBody .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: var(--dark-color) !important;
  }
  /**********IQA Colors End **************/
  
  
    .RadGrid_MetroTouch {
        background: transparent !important;
        background-color: transparent !important;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch,
    .RadGrid.RadGrid_Metro {
        border: none;
        color: var(--dark-color);
        /* border-radius: var(--border-radius) !important; */
        border: none;
    }
  
  body#MainBody  .RadMultiPage .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
         overflow: auto;
         /* max-width: calc(100vw - calc(var(--padding) * 3.6)) !important; */
         display: block;
    }
  
  @media (min-width: 1200.98px) {
  body#MainBody  .RadMultiPage .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
          /* max-width: calc(100vw - calc(var(--padding) * 4)) !important; */
     }
   
  }
   
  
  
   body#MainBody .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
         overflow: auto;
         /* max-width: calc(100vw - calc(var(--padding) * 1)) !important; */
         display: block;
    }
  
  
  
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader {
        border: 0px !important;
        padding: 0 !important;
        background: var(--primary-color) !important;
    }
  
    .RadGrid_MetroTouch .rgHeader,
    .RadGrid_MetroTouch th.rgResizeCol,
    .RadGrid_MetroTouch .rgHeaderWrapper,
    .RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader,
    .RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
        background-color: transparent;
        border: 0;
        border-bottom: none;
        border-left: none;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch th.rgHeader {
        line-height: 1 !important;
        /* border-radius: var(--border-radius); */
        border: 0px !important;
        padding: 1.2rem !important;
        text-decoration: none !important;
        box-shadow: inset 0 0 0 0.1rem var(--grey-alt-dark) !important;
        color: white !important;
        width: auto;
        height: auto;
        text-wrap: nowrap;
        text-align: left !important;
        /* background: var(--primary-color) !important; */
        /* margin-right: 0.2rem; */
        /* border: none !important; */
        /* box-shadow: none !important; */
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch th.rgHeader a {
        text-decoration: none !important;
        color: white !important;
    }
  
    th.rgHeader.rgSorted:not(th.rgHeader.rgSorted *) {
        /* font-size: 0; */
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch th a:after,
    .RadGrid.RadGrid_Metro th a:after {
        content: '';
        padding: 0.0rem 0.6rem;
        filter: invert(1) brightness(16.5);
        margin-left: 1rem;
        background-repeat: no-repeat;
        background-position: center;
    }
  
  
  .RadGrid_MetroTouch .rgRow, .RadGrid_MetroTouch .rgAltRow{
    background: var(--white-color) !important;
    }
  
  
   
  
    .col-primary .RadGrid_MetroTouch .rgRow>td,
    .RadGrid_MetroTouch .rgAltRow>td {
        text-align: left;
        border: 0.05rem solid var(--grey-alt-dark) !important;
        word-break: normal;
        padding: 0.6em !important;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader {
        text-align: center;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable,
    .RadGrid.RadGrid_Metro .rgMasterTable {
        background: transparent;
        /* border-radius: var(--border-radius) !IMPORTANT; */
     }
   body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable,
    .RadGrid.RadGrid_Metro .rgMasterTable {
         overflow-x: scroll;
         width: 100%;
    }
    body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted,
    .RadGrid.RadGrid_Metro th.rgSorted {
        background: transparent;
        background-color: transparent;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted a,
    .RadGrid.RadGrid_Metro th.rgSorted a {
        background: transparent;
        color: var(--white-color) !important;
        filter: brightness(1);
    }
  
    .RadGrid_MetroTouch .rgHeader .rgSortAsc,
    .RadGrid_MetroTouch .rgHeader .rgSortDesc {
        display: none !important;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted[aria-sort="ascending"] a:after,
    .RadGrid.RadGrid_Metro th.rgSorted[aria-sort="ascending"] a:after {
        content: '';
        padding: 0.0rem 0.6rem;
        background: var(--arrow-up);
        /* filter: invert(1); */
        /* margin-left: 1rem; */
        background-repeat: no-repeat;
        background-position: center;
    }
  
    body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted[aria-sort="descending"] a:after,
    .RadGrid.RadGrid_Metro th.rgSorted[aria-sort="descending"] a:after {
        content: '';
        padding: 0.0rem 0.6rem;
        background: var(--arrow-down);
        filter: brightness(0) invert(1);
        margin-left: 1rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
  
    .RadGrid_MetroTouch td.rgSorted,
    .RadGrid td.rgSorted {
        /* filter: brightness(1.92); */
        background: var(--grey-color) !important;
        border: 0.05rem solid var(--grey-alt-dark) !important;
    }
  
  
   
  
  .Right label:not(.PanelEditorEditForm *) {
      max-width: 90%;
  }
  
  .Alerts .AlertItem br+br {
      display: none;
  }
  
  .Alerts .AlertItem a.TextButton {
      width: 100% !important;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div+div {
      margin-top: 1em;
  }
  
  /*****************horizontal tabs *******************/
  .RadTabStrip .rtsUL {
      display: flex;
      flex-wrap: wrap;
      /* margin-bottom: 3rem; */
  }
  
  .RadTabStrip .rtsUL>li {
      /* margin: 0 1rem 1rem 0; */
      /* padding: 1px; */
      /* margin: 0 1rem 0rem 0; */
      padding: 0px;
      /* display: block !important; */
      /* float: none !important; */
      /* border-right: 0.1rem solid var(--black-color); */
      margin-right: 1rem;
  }
  
  
  .RadTabStrip .rtsUL>li:last-child {
      
      border-right: none;
  }
  
  
  
  .RadTabStrip .rtsUL>li>a {
      /* border-radius: var(--button-border-radius); */
      /* background: var(--grey-color); */
      /* background: transparent !important; */
      /* border: 0px !important; */
      /* line-height: 0; */
      /* padding: 0.6em 1em; */
      /* text-decoration: none !important; */
      /* box-shadow: inset 0 0 0 0.1rem var(--primary-color); */
      transition: 0.4s ease all;
      filter: brightness(0.9);
      /* color: var(--dark-color) !important; */
      border-radius: var(--button-border-radius);
      border: 0px !important;
      line-height: 1;
      padding: 1em;
      text-decoration: none !important;
      transition: 0.4s ease all;
      color: var(--dark-color) !important;
      background: #D1D0DC !important;
      overflow: hidden !important;
  }
  
  .RadTabStrip .rtsUL>li>a:hover {
      /* box-shadow: inset 0 0 0 0.1rem var(--primary-color-hover); */
      /* background: transparent !important; */
      filter:  brightness(0.95);
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
      background: transparent;
      border-radius: var(--border-radius);
      padding: calc(var(--padding) / 2);
      display: flex;
      width: 100%;
      flex: 1 1 100%;
      transition: all ease 0.4s;
      padding: 3rem;
      flex-direction: column;
      border: 0.1rem solid var(--grey-color) !important;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
      display: flex;
      margin: 1rem 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
      display: flex;
      flex-direction: column;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
      display: flex;
      margin: 1rem 0;
      flex-direction: column;
      height: 100%;
      flex-grow: 1;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(odd) {
      /* display: flex; */
      padding-left: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
      width: 100%;
      margin: 0;
  }
  
  .RadMultiPage {
      border: none;
      padding: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(even) {
      padding-right: 0;
  }
  
  .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
      border: none;
  }
  
  
  
  
  
  
  
  
  
  
  .RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
      background-color: var(--primary-color) !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(--primary-color);
      border-radius: 0.5rem 0.5rem 0 0;
  }
  
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
      border-color: var(--primary-color);
      background-color: var(--primary-color);
      filter: brightness(1);
      background: var(--primary-color) !important;
      box-shadow: none;
  }
  
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover {
      background: var(--white-color);
      box-shadow: 0px 0px 1.5rem #e1e1e1;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish {
      border: none;
      padding: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish>*, .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish>*>a {
      color: var(--primary-color);
      font-size: 2.6rem;
      font-weight: 600;
      /* letter-spacing: -0.02em; */
      padding: 0 0 1rem 0;
   }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .col-md-6 {
      padding: 0;
  }
  
  .RadTabStrip .rtsUL>li>a:hover:before {
  }
  
  .RadTabStrip .rtsUL>li>a:before {
  }
  
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover span.rtsTxt {
      /* color: var(--dark-color) !important;*/
  }
  
  /************ vertical tabs ************/
  body#MainBody .RadTabStripVertical .rtsUL {
      display: flex;
      margin-bottom: 3rem;
      flex-direction: column;
      flex-wrap: wrap;
      width: 100%;
      overflow: visible;
  }
  
  body#MainBody .RadTabStripVertical .rtsUL>li {
      margin: 0 0rem 1rem 1px;
      padding: 0px;
      display: block !important;
      float: none !important;
      /* border-bottom: 0.1rem solid var(--black-color); */
      overflow: visible;
  }
  body#MainBody .RadTabStripVertical .rtsUL>li:last-child {
      border-bottom: none;
  }
  body#MainBody .RadTabStripVertical .rtsUL>li>a {
      border-radius: var(--button-border-radius);
      border: 0px !important;
      line-height: 1;
      padding: 1.2em;
      text-decoration: none !important;
      transition: 0.4s ease all;
      color: var(--dark-color) !important;
      /* background: #D1D0DC !important; */
      overflow: hidden;
  }
  
  body#MainBody .RadTabStripVertical .rtsUL>li>a:hover {
      /* box-shadow: inset 0 0 0 0.1rem var(--primary-color-hover); */
      /* background: transparent !important; */
      filter: brightness(0.95);
  }
  
  
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
      background: var(--grey-color);
      border-radius: var(--border-radius);
      padding: calc(var(--padding) / 2);
      display: flex;
      width: 100%;
      flex: 1 1 100%;
      transition: all ease 0.4s;
      padding: 2.5rem;
      flex-direction: column;
  }

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:has(>div:is([id*="css"], [id*="CSS"])) {
  
/* display: none; */
}
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
      display: flex;
      margin: 0;
      padding: 0 1rem;
  }

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
  margin: 1rem 0;
}


.RadMultiPage .rmpView>div>div .row:first-child:not(.row .row .row)>div[class*="col-sm"] {
    margin-top: 0;
}
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
      display: flex;
      flex-direction: column;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
      display: flex;
      margin: 1rem 0;
      flex-direction: column;
      height: 100%;
      flex: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(odd) {
      /* display: flex; */
      padding-left: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
      width: 100%;
      margin: 0;
  }
  
  .RadMultiPage {
      border: none;
      padding: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(even) {
      padding-right: 0;
  }
  
  body#MainBody .RadTabStripVerticalbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 {
      border: none;
  }
  
  html body#MainBody .RadTabStripVerticalbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected, html body#MainBody .RadTabStripVerticalbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected:hover, html body#MainBody .RadTabStripVertical_MetroTouchbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected, html body#MainBody .RadTabStripVertical_MetroTouchbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected:hover {
      filter: brightness(1);
      background: var(--primary-color) !important;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover {
      background: var(--white-color);
      box-shadow: 0px 0px 1.5rem #e1e1e1;
  }

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]:has(>div:not(:has(> *))) {
    margin: 0;
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:not(:has(> *)) {
    display: none;
}
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish {
      border: none;
      padding: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish>* {
      color: var(--primary-color);
      /* font-size: 2.6rem; */
      /* font-weight: 600; */
      /* letter-spacing: -0.02em; */
      padding: 0 0 1rem 0;
      font-size: 2.7rem;
      font-weight: bold;
    }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .col-md-6 {
      padding: 0;
  }
  
  body#MainBody .RadTabStripVertical .rtsUL>li>a:hover:before {
  }
  
  body#MainBody .RadTabStripVertical .rtsUL>li>a:before {
  }
  
  body#MainBody .RadTabStripVertical .rtsLevel1 .rtsSelected span.rtsTxt {
      color: #ffffff;
  }
  
  span.rtsIn {
      text-align: left;
  }
  
  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
      border: none !important;
  }
  
  .wrapper:not(.has-secondary-col) body#MainBody .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft+.RadMultiPage {
      margin-top: -1rem;
  }
  
  body#MainBody .RadTabStripVertical .rtsLevel1 span.rtsTxt {
      color: var(--dark-color);
      font-weight: bold;
      border: none !important;
      /* border-radius: var(--button-border-radius); */
      text-transform: initial !important;
      /* font-family: "Inter", sans-serif !important; */
      /* background: var( --secondary-color); */
      font-size: 1.6rem;
  }
  body#MainBody .RadTabStripVertical .rtsLevel1 .rtsSelected span.rtsTxt {
      color: var(--white-color);
  }
  
  /*********************************************/
  .IconSprite {
      background: transparent !important;
      width: 4rem;
  }
  
  .IconSprite:after {
      border: none !important;
      padding: 0 !important;
      position: relative;
      top: 0 !important;
      font-weight: 500 !important;
      background: none !important;
      color: white !important;
  }
  
  .RadButton.rbButton, span.sysicon.sysicon-edit, td.ListerColumnHeader > a[title*="Edit"]{
      /* line-height: 0.5; */
      box-shadow: inset 0 0 0 0.2rem var(--grey-color);
      border-radius: var(--button-border-radius);
      /* background: transparent; */
      border: 0px !important;
      line-height: 1;
      padding: 1.2rem !important;
      text-decoration: none !important;
      box-shadow: inset 0 0 0 0.1rem var(--primary-color);
      transition: 0.4s ease all;
      /* filter: brightness(0.9); */
      /* color: var(
      --dark-color) !important; */
      width: auto;
      height: auto;
      /* background-image: none !important; */
      margin: 0.2rem;
      border-radius: var(
      --button-border-radius) !important;
      /* font-family: 'poppins'; */
      padding: 1rem;
      background: var(--primary-color) !important;
      color: white !important;
      font-size: 1.6rem;
      text-transform: uppercase;
      /* font-family: "Inter", sans-serif !important; */
      /* font-weight: bold !important; */
      overflow: hidden !important;
  }
  
  .RadButton.rbButton:before, span.sysicon.sysicon-edit:before {
      
  }
  
  .RadButton.rbButton:hover:before, span.sysicon.sysicon-edit:hover:before {
   
  }
  
  .RadButton.rbButton:hover, span.sysicon.sysicon-edit:hover {
      /* background: white !important; */
      filter: brightness(1);
      box-shadow: inset 0 0 0 0.0rem var(--primary-color);
      background: var(--primary-alt-light) !important;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover .RadButton.rbButton {
      box-shadow: inset 0 0 0 0.1rem var(--primary-color);
      transition: 0.4s ease all;
      /* filter: brightness(0.9); */
      /* color: var(
      --dark-color) !important; */
      background: transparent !important;
      background: var(--primary-color) !important;
      box-shadow: inset 0 0 0 0.orem var(--primary-color);
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover .RadButton.rbButton:hover {
      /* filter: brightness(1); */
      /* box-shadow: inset 0 0 0 0.1rem var(--primary-color-hover); */
      /* color: var(--primary-color-hover) !important; */
      background: var(--primary-alt-light) !important;
      box-shadow: 0px 0px 0 0rem var(--primary-alt-light);
  }
  
  .IconSprite {
      background: transparent !important;
      width: 4rem;
  }
  
  .IconSprite.ConfigureIcon:after {
      content: 'Configure';
      background: transparent;
      font-weight: 700;
      color: var(--dark-color);
      border: 0.1rem var(--dark-color) solid;
      padding: 0;
      transition: all .2s ease-in-out;
      font-size: var(--sml-p-text) !important;
      padding: 0.3rem 0.7rem;
      text-decoration: none !important;
  }

button.IconSprite.ConfigureIcon:hover:after {
    color: #fff !important;
}
  
  /**********************************/
  .Alerts ul.AlertSet {
      padding: 0;
      margin: 0;
      list-style: none;
  }
  
  .AsiWarning {
      border-color: #f5f6f8;
      background: #f5f6f8;
      color: #182232;
  }
  
  .PanelFieldValue input[type="radio"] {
      width: auto !important;
  }
  
  .AsiWarning .PanelFieldValue {
      max-width: 100%;
  }
  
  .AsiWarning .SectionLabel {
      color: #253746;
  }
  
  li.AsiInformation img.iMISUserMessageIcon {
      filter: grayscale(1);
  }
  
  li.AsiInformation ul li a {
      text-decoration: underline !important;
  }
  
  li.AsiInformation ul li a:visited, li.AsiInformation ul li a:active {
      text-decoration: underline !important;
      color: #ffffff;
  }
  
  li.AsiInformation ul li a:hover {
      color: #ffffff;
  }
  
  .Alerts ul.AlertSet li>div>div, .Alerts ul.AlertSet li>div>div * {
      color: white;
  }
  
  .Alerts ul.AlertSet li>div>img {
      filter: brightness(473.5);
      margin: 1.5rem 0rem 0rem 1.5rem;
      position: absolute;
      max-width: 3rem;
      top: 0;
  }
  
  .Alerts ul.AlertSet>li>div>div {
      border: none;
      margin: 0rem 0rem 0rem 0rem;
      border-radius: var(--button-border-radius);
      padding: 1.5rem 1.5rem 1.5rem 6rem;
  }
  
  .Alerts .AlertItem {
      padding: 0;
      margin-bottom: 1rem;
      background: transparent;
      border: none;
  }
  
  img[src="/images/Icons/Alerts/alarm-grey.png"]+div {
      background: var(--primary-color);
  }
  
  img[src="/images/Icons/Alerts/people-grey.png"]+div, .AlertItem {
      background: var(--primary-color-hover);
  }
  
  img[src="/images/Icons/Alerts/calendar-color.png"]+div, .AsiInformation {
      border-color: #00529B;
      background: #00529B;
      color: white;
  }
  
  img[src="/images/Icons/Alerts/info-color.png"]+div, .AsiInformation {
      border-color: var(--primary-color);
      background: var(--primary-color);
      color: #ffffff;
  }
  
  img[src="/images/Icons/Alerts/cart-color.png"]+div, .AsiSuccess {
      border-color: #70ba21;
      /*    background: #70ba21; */
      color: white;
  }
  
  img[src="/images/Icons/Alerts/caution.png"]+div, .AsiWarning {
      border-color: #ff8800;
      background: #ff8800;
      color: white;
  }
  
  img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiError {
      border-color: #c74b49;
      background: #c74b49;
      color: white;
  }
  
  img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiImportant {
      border-color: #c74b49;
      background: #c74b49;
      color: white;
  }
  
  img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiNeutral {
      border-color: var(--primary-dark-color);
      background: var(--primary-dark-color);
      color: white;
  }
  
  img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiValidation {
      border-color: #f38a8a;
      background: #f38a8a;
      color: white;
  }
  
  img[src="/images/Icons/Alerts/warning.png"]+div {
      border-color: red;
      background: red;
      color: #ffffff;
  }
  
  img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiValidationSummary {
      border-color: #D63301;
      background: #D63301;
      color: white;
      background-image: url(/images/Causeis/SmartSuite/SmartLogin/warning.svg);
      background-image: url(/images/Causeis/SmartSuite/SmartLogin/greentick.svg);
      background-image: url(/images/Causeis/SmartSuite/SmartLogin/caution.svg);
  }
  
  .Alerts ul.AlertSet>li>div>div.AsiValidationSummary {
      background-image: none;
  }
  
  .Alerts .AlertItem .media {
      background: var(--primary-color);
      color: white;
      border: none;
      margin: 0rem 0rem 0rem 0rem;
      border-radius: var(--button-border-radius);
      /* padding: 1em; */
      align-items: center;
      position: relative;
  }
  
  .Alerts .AlertItem .media strong+div {
      padding: 1.5rem 1.5rem 1.5rem 0;
  }
  
  .Alerts .AlertItem .media strong+div * {
      color: white;
  }
  
  .Alerts .AlertItem .media strong:not(a strong) {
      padding: 1.5rem 0.5rem 1.5rem 1.5rem;
      /* padding: 0; */
  }
  
  .Alerts .AlertItem .media strong {
  }
  
  .media+div:not([class]) ul.list-unstyled {
      padding: 1.5rem 1.5rem 1.5rem 6rem;
      max-height: 200rem;
      overflow: hidden;
  }
  
  .media+div:not([class]) {
  }
  
  .media+div:not([class]):before {
      /*     content: 'expand'; */
      /*     position: relative; */
      /*     top: -5rem; */
      /*     width: 100%; */
      /*     display: block; */
      /*     text-align: right; */
      /*     padding-right: 2rem; */
      /*     color: white; */
  }
  
  .media+div:not([class]) ul.list-unstyled {
      /*     max-height: 0; */
      /*     overflow: hidden; */
      /*     padding: 0; */
  }
  
  .media+div:not([class]):hover ul.list-unstyled {
      /*     max-height: 200rem; */
      /*     overflow: hidden; */
  }
  
  /***********************************/
  .panel-heading-options>a.panel-heading-collapse {
      display: none;
  }
  
  .Collapsible h2.panel-title {
      cursor: pointer;
      position: relative;
      font-weight: 600;
  }
  
  .Collapsible h2.panel-title a:before {
      content: '';
      content: "+";
      margin: auto 0.5rem auto 0;
      display: inline-block;
      /* position: absolute; */
      left: auto;
      right: 2.1rem;
      color: var(--primary-color);
      /* background-image: var(--arrow-up); */
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      padding: 1.2rem 0.7rem;
      transform: rotate(0deg);
      webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-property: transform;
      transition-property: transform, opacity;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      top: 1rem;
      /* filter: brightness(0); */
  }
  
  .Collapsible h2.panel-title a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 0 1rem 0;
      font-size: 2.7rem;
      font-weight: bold;
      /* letter-spacing: -0.04em; */
      /* font-family: "Cunia", sans-serif; */
  }
  
  .Collapsible h2.panel-title a:not([aria-expanded="false"], .collapsed):before {
      /* background-image: var(--arrow-up); */
      transform: rotate(45deg);
  }
  
  img[id*="_ProgressImage"] {
      display: none;
  }
  
  /****************/
  .RadButton.rbButton.AddIcon:after {
      content: 'Add';
      background: transparent;
      font-weight: 700;
      color: var(--dark-color);
      border: 0.1rem var(--dark-color) solid;
      padding: 0.3rem 0.7rem;
      transition: all .2s ease-in-out;
      /* font-size: 1.2rem; */
  }
  
  .sysicon.sysicon-edit:after, .sysicon.sysicon-configure::after {
      content: 'Edit';
      background: transparent;
      font-weight: 700;
      color: var(--white-color);
      border: 0.1rem var(--dark-color) solid;
      padding: 0;
      transition: all .2s ease-in-out;
      font-size: 1.4rem;
      /* padding: 0.3rem 0.7rem; */
      text-decoration: none !important;
      -webkit-mask-image: none !important;
      border: none;
      /* padding: 0; */
      line-height: 1;
      font-weight: 500;
      background-color: transparent !important;
      width: auto;
      height: auto;
  }
  
  .RadButton.rbButton input {
      display: none;
  }
  
  .sysicon.sysicon-configure::after {
      content: 'Configure';
  }
  
  span.rtsTxt {
      font-size: 1.4rem;
      padding: 0 !important;
      line-height: normal;
      font-weight: bold;
      border: none !important;
      border-radius: var(--button-border-radius);
      text-transform: uppercase;
      font-family: "Inter", sans-serif !important;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div .summary-display-item.col {
      padding: 0;
  }
  
  .cell-empty {
      display: none;
  }
  
  .tabs-wrapper.tabs-left {
      gap: 1.5rem;
  }
  
  @media only screen and (max-width: 881.98px) {
      .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
          padding: 0;
      }
  }
  
  .iMIS-WebPart>div[id*='rimary'][id*='ow'] {
  }
  
  body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable > tfoot, .RadGrid.RadGrid_Metro .rgMasterTable > tfoot {
      /* display: flex; */
      /* position: absolute; */
      /* margin-top: 2rem; */
      /* width: 100%; */
  }
  
  
  .row {
      width: 100%;
  }
  
  
  /* RadScheduler
     ========================================================================== */
  .RadScheduler.RadScheduler_Metro .rsAptIn {
      border-top: none;
  }
  
  .RadScheduler.RadScheduler_Metro .rsHeader {
      border-color: var(--primary-color);
      background-color: var(--primary-color);
  }
  
  .RadScheduler.RadScheduler_Metro .rsHeader ul a {
      border-color: var(--primary-color);
  }
  
  .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
      background-color: var(--primary-color);
  }
  
  .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink {
      border-color: var(--primary-color);
  }
  
  .RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
      border-color: var(--primary-color);
  }
  
  .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: var(--primary-color);
      background-color: var(--primary-color);
      color: #FFF !important;
  }
  
  .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
      background-color: var(--primary-color);
  }
  
  .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
      border-color: var(--primary-color);
      background-color: var(--primary-color);
  }
  
  .RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a {
      background-color: var(--primary-color);
  }
  
  .RadWindow.RadWindow_Metro .rwControlButtons a {
      border-color: var(--primary-color);
  }
  
  .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: var(--primary-color);
  }
  
  .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: var(--primary-color);
  }
  
  .RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
      border-color: var(--primary-color);
  }
  
  .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
      border-color: var(--primary-color);
      background: var(--primary-color);
  }
  
  .RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
      background: var(--primary-color);
  }
  
  .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
      background: var(--primary-color);
      border-color: var(--primary-color);
  }
  
  .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: var(--primary-color);
      background: var(--primary-color);
  }
  
  .RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
      background-color: var(--primary-color);
  }
  
  .panel-body, .PanelBody {
      padding: 0;
  }
  
  label, .Label, .PanelFieldLabelFont {
      color: var(--dark-color);
  }
  
  .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
      color: var(--dark-color) !important;
  }
  
  .RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
      color: var(--primary-color);
  }
  
  .RadComboBox_MetroTouch .rcbReadOnly.rcbFocused {
      background-color: var(--primary-color) !important;
      border-color: var(--primary-color) !important;
  }
  
  .CommunicationPreferencesSection, .ProductDisplay {
      background-color: var(--grey-color);
  }
  
  /************* Radwindows ************/
  @media (min-width: 881.98px) {
      div#MainPanel {
          padding: 0 2.5rem 0 2.5rem;
      }
  
      .RadWindow_MetroTouch td.rwBodyLeft, .RadWindow_MetroTouch td.rwBodyRight,.RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
          background: var(--white-color) !important;
      }
  
    .RadWindow .rwCorner {
      width: 1.5rem;
  }
  
    .RadWindow .rwFooterCenter{
      height: 1.5rem !important;
    }
      div#MainPanel .PanelField.Top .PanelFieldValue input {
          width: 100%;
          max-width: 35rem;
      }
  
      div#MainPanel .PanelField.Top label {
          width: 100% !important;
          max-width: 35rem;
          margin-bottom: 1rem;
      }
  
      div#MainPanel .PanelField.Top .PanelFieldValue select {
          width: 100%;
          max-width: 35rem;
      }
  
      div#MainPanel .PanelField.Top .PanelFieldValue textarea {
          width: 100%;
          max-width: 35rem;
      }
  
      div#MainPanel .row {
          margin: 0;
      }
  
      div#MainPanel .PanelField.Top {
          border-bottom: 0.1rem solid var(--grey-color);
          padding-bottom: 1.4rem;
      }
  }
  
  @media (max-width: 881.98px) {
      div#MainPanel {
          padding: 0 2.5rem;
      }
  
      .RadWindow_MetroTouch td.rwBodyLeft, .RadWindow_MetroTouch td.rwBodyRight,.RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
          background: var(--grey-color);
      }
  
      div#MainPanel .PanelField.Top .PanelFieldValue input {
          width: 100%;
          max-width: 35rem;
      }
  
      div#MainPanel .PanelField.Top label {
          width: 100% !important;
          max-width: 35rem;
      }
  
      div#MainPanel .PanelField.Top .PanelFieldValue select {
          width: 100%;
          max-width: 35rem;
      }
  
      div#MainPanel .PanelField.Top .PanelFieldValue textarea {
          width: 100%;
          max-width: 35rem;
      }
  
      div#MainPanel .row {
          margin: 0;
      }
  
      div#MainPanel .PanelField.Top {
          border-bottom: 0.1rem solid var(--grey-color);
          padding-bottom: 1.4rem;
      }
  }
  
  /********************   IE Fixes   **********************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  }
  
  /********************   EDGE Fixes   **********************/
  @supports (-ms-ime-align:auto) and (font-variation-settings: normal) {
  }
  
  /********************   MOZ Fixes   **********************/
  @-moz-document url-prefix() {
  }
  
  .CartCharges {
      background-color: var(--grey-color);
      padding: 1.5rem;
  }
  
  .CartCharges .GrandTotal .PanelField .Label {
      color: var(--primary-color);
      padding-left: 1.5rem;
  }
  
  .CartCharges .GrandTotal .PanelFieldValue span {
      color: var(--primary-color);
  }
  
  /************** fILTERS ****************/
  .FilterPanel {
      background-color: transparent;
      padding: 2.5rem;
      margin-bottom: 1rem;
      border: 0.1rem solid var(--grey-color) !important;
  }
  
  .FilterPanel .PanelField label, .FilterPanel .PanelField:first-child span {
      color: var(--dark-color);
      width: 100%;
      max-width: 20%;
  }
  
  .FilterPanel .PanelField label + .PanelFieldValue {
      width: 100%;
      max-width: 50%;
  }
  
  .FilterPanel .PanelField label + .PanelFieldValue > span > div {
      width: 100% !important;
  }
  
  .FilterPanel .PanelField label + .PanelFieldValue {
      width: 100%;
      max-width: 50%;
  }
  
  .FilterPanel .PanelField label + .PanelFieldValue > span > div {
      width: 100% !important;
      max-width: 50%;
  }
  
  
   
   
  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, .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 {
      border: var(--input-border) !important;
      border-radius: var(--border-radius);
      background: #fff;
      box-shadow: none !important;
  }

  textarea {
      padding: 10px;
  }

select {
    padding: 0px 10px !important;
}
  
  .RadComboBox.RadComboBox_MetroTouch .rcbInner
  
  {box-shadow: none !important;border: none !important;}
  
  .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
      padding: 2px;
      border: none !important;
      box-shadow: none !important;
  }
  
  
   .RadGrid .rgNumPart a {
         border: none !important;
         border-radius: var(--border-radius) !important;
         background: var(--grey-color);
         box-shadow: none !important;
         width: 3rem !important;
         height: 3rem !important;
         line-height: 1;
   }
  
  
  .RadGrid_MetroTouch .rgPagePrev, .RadGrid_MetroTouch .rgPageNext, .RadGrid_MetroTouch .rgPageFirst, .RadGrid_MetroTouch .rgPageLast
  {
      border: none !important;
      border-radius: var(--border-radius) !important;
      background-color: var(--grey-color) !important;
      box-shadow: none !important;
      width: 3rem !important;
      height: 3rem !important;
  }
  .FilterPanel .PanelField label + .PanelFieldValue > input, .FilterPanel .PanelField label + .PanelFieldValue > select {
      width: 100%;
      max-width: 50%;
  }
  
  @media (max-width: 881.98px) {
      .FilterPanel .PanelField label {
          color: var(--dark-color);
          width: 100%;
          max-width: 100%;
      }
  
      .FilterPanel .PanelField label, .FilterPanel .PanelField:first-child span {
          color: var(--dark-color);
          width: 100%;
          max-width: 100%;
      }
  
      .FilterPanel .PanelField label + .PanelFieldValue {
          width: 100%;
          max-width: 26.2rem;
      }
  
      .FilterPanel .PanelField label + .PanelFieldValue option {
          white-space: pre-wrap;
      }
  
      .FilterPanel .PanelField label + .PanelFieldValue > span > div {
          width: 100% !important;
          max-width: 100%;
      }
  
      .FilterPanel .PanelField label + .PanelFieldValue > input, .FilterPanel .PanelField label + .PanelFieldValue > select {
          width: 100%;
          max-width: 100%;
      }
  }
  
  /********************   Zoom Level Fixes   **********************/
  html {
      font-size: 62.5%;
  }
  
  /******   4k desktop resolution  ******/
  @media (max-width: 3840px) and (min-width: 3830px) {
      /* html {
          font-size: 134.5%;
          transition: all .4s ease-in-out;
          transition-delay: 0.4s;
      } */
  }
  
  /******   300% desktop resolution  ******/
  @media (min-width: 1280px) and (max-width:1290px) {
      /* html {
          font-size: 44.5%;
          transition: all .4s ease-in-out;
          transition-delay: 0.4s;
      } */
  }
  
  /******   175% desktop resolution  ******/
  @media (min-width: 1080px) and (max-width:1100px) {
      /* html {
          font-size: 35.5%;
          transition: all .4s ease-in-out;
          transition-delay: 0.4s;
      } */
  }
  
  /******   150% desktop resolution  ******/
  @media (min-width: 1280px) and (max-width:1280px) {
      /* html {
          font-size: 41.5%;
          transition: all .4s ease-in-out;
          transition-delay: 0.4s;
      } */
  }
  
  /******   125% desktop resolution  ******/
  @media (min-width: 1536px) and (max-width:1536px) {
      /* html {
          font-size: 50%;
          transition: all .4s ease-in-out;
          transition-delay: 0.4s;
      } */
  } 
  
  img[id*="_ProgressImage"] {
      display: none;
  }
  
   /**************radwindow popups***************/
  
  
   
  
  div[id*="RadWindowWrapper"][id*="GenericWindow"] > table {
      border: 0;
      padding: var(--tab-size)!important;
      background: var(--white-color);
  }
  
  div[id*="RadWindowWrapper"][id*="GenericWindow"] tr.rwTitleRow {
      pointer-events: none;
  }
  
  .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar {
      background: none;
  }
  
  div[id*="RadWindowWrapper"][id*="GenericWindow"] {
      border: 0;
      border-radius: var(--border-radius);
      overflow: hidden;
      /* left: 0 !important; */
      /* margin: 1.5rem; */
  }
  
  .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
      background: transparent;
  }
  
  .RadWindow_MetroTouch .rwTable .rwControlButtons li a {/* filter: brightness(0.2); */background-color: var(--primary-color);border-radius: 5rem;cursor: pointer;}
  
   
  
  .RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
      color: var(--primary-color) !important;
      /* font-family: "Cunia", sans-serif; */
      font-size: 3.7rem !important;
      /* font-weight: bold !important; */
      /* letter-spacing: -0.04em; */
      font-family: "Giorgio Sans", sans-serif;
      /* color: var(--dark-color); */
      text-transform: uppercase;
      letter-spacing: 0;
      line-height: 90%;
      padding: 0 !important;
  }
  
  
  table.rwTable {
      font-family: "Cunia", sans-serif;
      color: var(--primary-color);
  }
  
   
  
  table.rwTitlebarControls {
      padding: 1.5rem 0 !important;
      border-collapse: separate;
      height: auto !important;
  }
  
  .TelerikModalOverlay {
      background-color: #bfb8b678 !important;
      backdrop-filter: blur(6px);
      opacity: 1 !important;
  }
  
  .RadWindow .rwTitlebarControls td ul {
      z-index: 1;
      position: relative;
      pointer-events: all;
      display: flex;
      margin: 0 !important;
  }
  
  
  
  form#aspnetForm[action*="IsPopup=true"] div.PanelTitle, 
  form#aspnetForm[action*="IsPopup=true"] div.PanelTitle span {
      color: var(--primary-color);
      font-size: 2.6rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      padding: 0 0 1rem 0;
  }
  form#aspnetForm[action*="IsPopup=true"] div#MainPanel {
      padding: 0;
  }
  
  
  /*********** forgot password page *************/
  @media (max-width: 881.98px) {
      form#aspnetForm[action^="./ContactSignInDialog.aspx"] div#masterContentArea {
          max-width: 120rem;
          margin: auto;
          padding: 8rem 2rem;
      }
  }
  
  @media (min-width: 881.98px) {
      form#aspnetForm[action^="./ContactSignInDialog.aspx"] div#masterContentArea {
          margin-top: 200px !important;
          max-width: 120rem;
          margin: auto;
          padding: 8rem 2rem;
      }
  }
  /***** error page *****/
  /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
  @media (min-width: 1200.98px) {
      /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/ div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
          --desiredwidth-var: 141.5rem;
          --width-var: calc(100vw - var(--desiredwidth-var));
          --fullwidth-var: calc(100%);
          --currentwidth-var: calc(100vw);
          flex-flow: nowrap;
          margin: 0;
          /* --bs-gutter-x: 23px; */
          /* overflow: auto; */
      }
  
     
  
      div#masterContentArea .col-primary .row.full:not(.call-to-action-row) {
          width: 100%;
          max-width: 100%;
          padding: 0;
      }
  
      div#masterContentArea .col-primary .row.full >.col-sm-12 {
          width: 100%;
          max-width: 100%;
      }
  }
  
     @media (max-width: 1200.98px) {
     
  
        /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
      --desiredwidth-var: 141.5rem;
      --width-var: calc(100vw - var(--desiredwidth-var));
      --fullwidth-var: calc(100%);
      --currentwidth-var: calc(100vw);
      flex-flow: nowrap;
      margin: 0;
      /* --bs-gutter-x: 23px; */
      /* overflow: auto; */
      }
      /*divide the remaning content area by 2, apply it to each side of the main content container */
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
      padding: 0 calc(var(--width-var) / 2);
      max-width: 100%;
      }
      /*margin auto content inside the columns*/
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div {
      margin: 0 auto;
      }
      /*calculate new bootstrap style col widths*/
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-12 {
      width: calc(var(--fullwidth-var) * 1.0);
      max-width: calc(var(--desiredwidth-var) * 1.0);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-11 {
      width: calc(var(--fullwidth-var) * 0.916);
      max-width: calc(var(--desiredwidth-var) * 0.916);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-10 {
      width: calc(var(--fullwidth-var) * 0.833);
      max-width: calc(var(--desiredwidth-var) * 0.833);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-9 {
      width: calc(var(--fullwidth-var) * 0.75);
      max-width: calc(var(--desiredwidth-var) * 0.75);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-8 {
      width: calc(var(--fullwidth-var) * 0.6666);
      max-width: calc(var(--desiredwidth-var) * 0.6666);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-7 {
      width: calc(var(--fullwidth-var) * 0.583);
      max-width: calc(var(--desiredwidth-var) * 0.583);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-6 {
      width: calc(var(--fullwidth-var) * 0.5);
      max-width: calc(var(--desiredwidth-var) * 0.5);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-5 {
      width: calc(var(--fullwidth-var) * 0.416);
      max-width: calc(var(--desiredwidth-var) * 0.416);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-4 {
      width: calc(var(--fullwidth-var)* 0.333);
      max-width: calc(var(--desiredwidth-var) * 0.333);
      --ctawidth-var:
      calc(var(--fullwidth-var)* 0.333);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-3 {
      width: calc(var(--fullwidth-var) * 0.250);
      max-width: calc(var(--desiredwidth-var) * 0.250);
      --ctawidth-var: calc(var(--fullwidth-var)* 0.25);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-2 {
      width: calc(var(--fullwidth-var) * 0.166);
      max-width: calc(var(--desiredwidth-var) * 0.166);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-1 {
      width: calc(var(--fullwidth-var) * 0.183);
      max-width: calc(var(--desiredwidth-var) * 0.183);
      }
  
  
   
  
         div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div[class*="col-sm-"] {
      margin: 0 auto;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
      margin: 0;
      }
     
     div#masterContentArea .col-primary .row.full >.col-sm-12 {
          width: 100%;
          max-width: 100%;
      }
  
  
  }
    div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-9 div[id*="Panel"] > * {
      max-width: 100rem;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-9:nth-child(2) div[id*="Panel"] > * {
      margin-left: auto;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-8 div[id*="Panel"] > * {
      max-width: 100rem;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-8:nth-child(2) div[id*="Panel"] > * {
      margin-left: auto;
      }
  
   div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
      padding-top: 5rem;
      padding-bottom: 5rem;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row:nth-of-type(1) {
      background: var(--grey-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row:nth-of-type(3) {
      padding-top: 0;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row:nth-of-type(3) div {
      display: flex;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"] {
      flex-direction: column;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"] {
      padding: 3rem;
      margin-bottom: 1rem;
      background: var(--primary-color);
      width: 100%;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="rimary"] {
      background: var(--primary-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="econdary"] {
      background: var(--secondary-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"] > div {
      flex-grow: 1;
      display: flex;
      align-items: flex-end;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"]:not([id*="rey"]) * {
      color: #fff;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="rimary"] a[class*="utton"] {
      background: #fff;
      color: var(--primary-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="econdary"] a[class*="utton"] {
      background: #fff;
      color: var(--secondary-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"]:not([id*="rey"]) a[class*="utton"]:hover {
      background: #fff0;
      box-shadow: 0 0 0 2px #fff;
      color: #fff;
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="grey"] {
      background: var(--grey-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="grey"] h4 {
      color: var(--primary-color);
      }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="grey"] a[class*="utton"]:hover {
      background: #fff;
      box-shadow: 0 0 0 2px var(--primary-color);
      color: var(--primary-color);
      }

/******   iframe form styling  ******/
form[action*="./SocialNetworkProfileEdit.aspx?PartyId="]
  .PanelField
  .PanelFieldValue
  > input[type="text"] {
  width: 100%;
}

form[action*="./ContactAddressEdit.aspx?AddressId"]
  .PanelField
  .PanelFieldValue
  > input[type="text"] {
  width: 100%;
}

form[action*="./ContactAddressEdit.aspx?AddressId"]
  table.Form
  > tbody
  > tr
  > td {
  display: block;
}

form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
  .AsiInformation
  .AsiMessageText {
  font-size: 0;
}

form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
  .AsiInformation
  .AsiMessageText:before {
  content: 'The address you entered could not be found. Please re-enter or press "Save & Close" to store this address';
  font-size: 1.7rem;
}

form[action*="/InvoicePrintCash?Invoice+Number=Cash"]
  a[title="Export to Excel"] {
  display: none;
}

a[title="Export to Excel"] {
  display: none !important;
}

form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
  .AsiInformation
  .AsiMessageText {
  font-size: 0;
}

form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
  .AsiInformation
  .AsiMessageText:before {
  content: 'The address you entered could not be found. Please re-enter or press "Save & Close" to store this address';
  font-size: 1.7rem;
}


body#MainBody form[action*="/Shared_Content/ContactManagement/"] div#masterContentArea .col-primary > div > div > div > div.row {
    margin: 0 !important;
}

body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .mini-profile-name-section,
body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .mini-profile-address-section {
    background: #fff0;
}

body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .mini-profile-picture-section,
body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-small .mini-profile-picture-section {
    background: #fff0;
}
body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .panel-heading,
body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-small .panel-heading,
body#MainBody form[action*="/Shared_Content/ContactManagement/"] .account-page-with-banner .account-page-top-area.account-page-top-area {
    background: #fff0;
}

@media (min-width: 767.98px) {
body#MainBody form[action*="/Shared_Content/ContactManagement/"] div#masterContentArea .col-primary > div > div > div > div.row + .row .iMIS-WebPart > div {
    padding-top: 5rem;
}
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] div#masterContentArea .col-primary > div > div > div > div.row {
margin: 0 !important;
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] div#masterContentArea .col-primary > div > div > div > div.row:nth-child(1) {
  background: var(--grey-color);
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .mini-profile-name-section,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .mini-profile-address-section {
background: #fff0;
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .mini-profile-picture-section,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-small .mini-profile-picture-section {
background: #fff0;
}
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .panel-heading,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-small .panel-heading,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .account-page-with-banner .account-page-top-area.account-page-top-area {
background: #fff0;
}

@media (min-width: 767.98px) {
body#MainBody form[action*="/IndividualAccountPage.aspx"] div#masterContentArea .col-primary > div > div > div > div.row + .row .iMIS-WebPart > div {
padding-top: 5rem;
}
}

form[action*="./ContactNameEditDialog.aspx"] .PanelField>.PanelFieldValue>.RadComboBox {
  width: 100% !important;
}

form[action*="./ContactNameEditDialog.aspx"] .PanelField>.PanelFieldValue>input[type="text"] {
  width: 100% !important;
}


/**********  IMPORTANT  **********************/
/* THIS WEBSITE MUST USE REM FOR ALL SIZING */
/* EVERY SIZE IN PIXLES MUSE BE EVIDED BY 10 */
/* E.G: */
/* padding: 15px -> padding 1.5rem */
/* font-size: 42px -> font-size: 4.2rem */
/********************************************/
/**/
/**/

/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
* 
*  Author: CAUSEIS PTY LTD 
* 
*  Version: 1 - 17/10/24 Go live   
*
* 
*  Document contains changes to Layout
*
*
*/
/****************************************/
/****************************************/

/****************************************/
/*** Desktop Nav ***/
/****************************************/
@media (min-width: 1024.98px) {
  header#hd {
    background: #fff0;
    position: sticky;
    width: 100%;
    z-index: 10000;
    top: 0;
    transition: all .2s ease-in-out;
  }

  header#hd:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 5.2%;
    background-image: url(/images/CATSINaM/Website/Website-Header-shadow2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
  }

  header#hd > .header-bottom-container {
    background: var(--white-color);
  }

  header#hd > .header-bottom-container > div {
    display: flex;
    max-width: 183rem;
    padding: 0 1.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  header#hd > .header-bottom-container > div div#masterLogoArea {
    padding-right: 6rem;
    flex-grow: 1;
  }

  header#hd > .header-bottom-container > div div#masterLogoArea > div > div {
    padding: 1.5rem 0;
  }

  header#hd
    > .header-bottom-container
    > div
    div#masterLogoArea
    a#masterHeaderImage {
    font-size: 0;
    background-image: var(--logo);
    padding: 0;
    width: 27.5rem;
    height: 7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: inherit;
  }

  header#hd > .header-bottom-container > div > div[data-label="Primary"] {
    display: flex;
    /* flex-grow: 1; */
    align-items: center;
  }

  header#hd > .header-bottom-container > div > div[data-label="Primary"] > div {
    width: 100%;
  }

  header#hd > .header-bottom-container .navbar-collapse {
    width: 100%;
  }

  header#hd > .header-bottom-container .navbar-collapse > nav > div {
    width: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > div.UtilityAuthentication {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.nav-aux-account {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem {
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has(a.home) {
    /* flex-grow: 1; */
    /* display: none; */
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink.home
    > span {
    /* font-size: 0;
    background-image: var(--logo);
    padding: 0;
    width: 17.5rem;
    height: 5rem;
    background-repeat: no-repeat; */
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:not([class*="utton"]) {
    color: var(--dark-color);
    font-size: 2.1rem;
    font-weight: 500;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
    transition: all 0.2s ease-in-out;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:not([class*="noclick"]):hover {
    color: var(--primary-color);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    > span.rmText {
    padding: 0;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:not([class*="utton"])
    > span.rmToggle {
    margin: 0;
    position: static;
    width: auto;
    height: auto;
    margin-left: 1rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:not([class*="utton"])
    > span.rmToggle
    > .rmIcon {
    width: 1.8rem;
    position: static;
    height: 1.8rem;
    margin: 0;
    background-image: var(--arrow-down);
    background-size: contain;
    transition: all 0.2s ease-in-out;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:not([class*="utton"]):is([name="clicked"], .rmExpanded)
    > span.rmToggle
    > .rmIcon {
    transform: rotatex(180deg);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has(.rmLink[class*="utton"]) {
    padding: 0 0.75rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink[class*="utton"] {
    background: var(--grey-color);
    color: var(--dark-color);
    padding: 1.2rem 3.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has(> a.rmLink[class*="utton"]) {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink[class*="utton"].login {
    background: var(--primary-color);
    color: var(--white-color);
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink[class*="utton"]:hover {
    background: var(--secondary-color);
    color: var(--white-color);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide {
    width: auto !important;
    height: auto !important;
    display: block !important;
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.2s ease-in-out !important;
    overflow: visible !important;
    top: -1000rem !important;
    max-width: 35rem;
    min-width: 14rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:is([name="clicked"], .rmExpanded)
    + .rmSlide {
    opacity: 1;
    top: 100% !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul {
    padding: 3rem;
    position: static;
    display: block !important;
    background: #fff;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    width: auto;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li {
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a {
    width: auto !important;
    text-decoration: none !important;
    color: var(--dark-color);
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a:hover {
    color: var(--primary-color);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a[name="clicked"] {
    color: var(--primary-color);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    > span.rmText {
    padding: 0;
    margin: 0;
    max-width: 35rem;
    white-space: initial;
    width: auto !important;
    min-width: 17rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    span.rmToggle {
    margin: 0;
    position: static;
    width: auto;
    height: auto;
    margin-left: 1rem;
    min-width: 1.8rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    span.rmToggle
    > .rmIcon {
    width: 1.8rem;
    position: static;
    height: 1.8rem;
    margin: 0;
    background-image: var(--arrow-down);
    background-size: contain;
    transition: all 0.2s ease-in-out;
    display: block !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink[name="clicked"]
    span.rmToggle
    > .rmIcon {
    transform: rotatex(180deg);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide {
    display: block !important;
    position: static;
    width: auto !important;
    height: auto !important;
    max-height: 0;
    overflow: hidden !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink[name="clicked"]
    + .rmSlide {
    max-height: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide
    > ul {
    padding: 1rem 1.5rem;
    position: static;
    border-bottom: 0.1rem solid #ececec;
    border-top: 0.1rem solid #ececce;
    margin: 1rem 0;
    width: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide
    > ul
    > li {
  }

    header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide
    > ul
    > li:not(:last-child) {
    margin-bottom: 1rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li:not(:last-child) {
    margin-bottom: 1rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide
    > ul
    > li
    > a {
    font-size: 1.8rem;
    text-decoration: none !important;
    color: var(--dark-color) !important;
    transition: all 0.2s ease-in-out;
    width: auto !important;
    white-space: break-spaces;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide
    > ul
    > li
    > a:hover {
    color: var(--primary-color) !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    > span.rmText {
    padding: 0;
    margin: 0;
  }

  header#hd > .header-bottom-container #auxiliary-container {
    display: flex;
    align-items: center;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul {
    display: flex;
    align-items: center;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle {
    display: none;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li {
    margin: 0 0.75rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li:last-child {
    /* margin-right: 0; */
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a {
    background: var(--grey-color);
    font-size: 0;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: var(--border-radius);
    padding: 0;
    transition: 0.2s ease-in-out all;
    margin: 0 !important;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    .UtilityAuthentication
    ~ li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a {
    width: 5.4rem;
    height: 5.4rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a:hover {
    background: var(--primary-color);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a
    > span.nav-text {
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%;
    filter: brightness(0);
    transition: all 0.2s ease-in-out;
    padding: 0;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a:hover
    > span.nav-text {
    filter: brightness(0) invert(1);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].search
    > a
    > span.nav-text {
    background-image: url(/images/Launchpad5/icons/search.svg);
    background-size: 1.6rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a {
    position: relative;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    > span.nav-text {
    background-image: url(/images/Launchpad5/icons/cart.svg);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    span.cartFull {
    width: auto;
    height: auto;
    left: auto;
    right: -0.5rem;
    top: -0.5rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    span.cartFull
    .cartCenter {
    font-size: 1.6rem;

    background-color: var(--primary-color);

    width: 2rem;

    display: block;

    height: 2rem;

    padding: 0;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: none;
    transition: all 0.2s ease-in-out;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a:hover
    span.cartFull
    .cartCenter {
    background: var(--primary-alt-dark);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityAuthentication {
    display: none;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:is(.join, .login, .nav-aux-account)
    > a {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
    padding: 1.2rem 3.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:is(.join, .login, .nav-aux-account)
    > a:hover {
    background: var(--primary-alt-dark) !important;
    color: var(--white-color) !important;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].join
    > a {
    background: var(--grey-color) !important;
    color: var(--dark-color) !important;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-account {
    order: -1;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-account
    > a {
    display: flex;
    align-items: center;
    min-height: 5.4rem;
    margin: 0;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-account
    > a:not(:has(img)):before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    background-image: url(/images/Icons/svg/profile.svg);
    background-position: center;
    background-size: contain;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-account
    > a
    img {
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 50%;
    margin-right: 1rem;
  }
  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-account
    > a
    > span.nav-text {
    background: none;
    padding: 0;
    width: auto;
    height: auto;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > .UtilityAuthentication {
    margin: 0 0.75rem;
    display: block;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > .UtilityAuthentication
    > a.sign-out-link {
    background: var(--grey-color);
    color: var(--dark-color);
    padding: 1.2rem 3.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
    font-weight: 400;
    min-height: 5.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > .UtilityAuthentication
    ~ .UtilityAuthentication {
    display: none;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > .UtilityAuthentication
    > a.sign-out-link:hover {
    color: var(--white-color);
    background: var(--primary-color);
  }
}

/****************************************/
/*** Ipad ***/
/****************************************/
@media (max-width: 1700.98px) and (min-width: 1269.98px) {

  header#hd > .header-bottom-container > div {
    display: grid;
    grid-template-columns: 27rem calc(100% - 27rem);
    grid-template-rows: repeat(2, 1fr););
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  header#hd > .header-bottom-container > div div#masterLogoArea {
    grid-area: 1 / 1 / 3 / 2;
    display: flex;
    align-items: center;
  }
  header#hd > .header-bottom-container > div > div[data-label="Primary"] {
    grid-area: 2 / 2 / 3 / 3;

  }

  header#hd > .header-bottom-container #auxiliary-container {
    grid-area: 1 / 2 / 2 / 3;
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: flex-end;
  }
}

@media (max-width: 1269.98px) and (min-width: 767.98px) {
  header#hd > .header-bottom-container > div > div[data-label="Primary"] {
    order: 1;
    width: 100%;
  }
}

@media (width: 768px) {
}

@media (width: 1024px) {
}

/****************************************/
/*** Mobile Nav ***/
/****************************************/
@media (max-width: 1024.98px) {
  header#hd {
    background: #fff0;
    /* box-shadow: var(--box-shadow); */
    position: relative;
    z-index: 10000;
    display: flex;
    flex-direction: column;
  }

    header#hd:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 10.4%;
    background-image: url(/images/CATSINaM/Website/Website-Header-shadow2.svg);
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    top: -.1rem;
  }

  header#hd > .header-bottom-container {
    background: #fff;
  }

  header#hd > .header-bottom-container > div {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }

  header#hd > .header-bottom-container > div div#masterLogoArea {
    flex-grow: 1;
  }

  header#hd > .header-bottom-container > div div#masterLogoArea > div > div {
    padding: 1.5rem;
  }

  header#hd
    > .header-bottom-container
    > div
    div#masterLogoArea
    a#masterHeaderImage {
    font-size: 0;
    background-image: var(--logo);
    padding: 0;
    width: 16.5rem;
    height: 6rem;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding: inherit;
  }

  header#hd > .header-bottom-container #auxiliary-container {
    display: flex;
    align-items: center;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigation.nav-auxiliary {
    display: flex;
    align-items: center;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul {
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li {
    margin: 0 0.75rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li:last-child {
    /* margin-right: 0; */
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a {
    background: var(--grey-color);
    font-size: 0;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: var(--border-radius);
    padding: 0;
    transition: 0.2s ease-in-out all;
    margin: 0;
    border: none;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a:hover {
    background: var(--primary-color);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a
    > span.nav-text {
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%;
    filter: brightness(0);
    transition: all 0.2s ease-in-out;
    padding: 0;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:not(.nav-aux-account, .join, .login)
    > a:hover
    > span.nav-text {
    filter: brightness(0) invert(1);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].search
    > a
    > span.nav-text {
    background-image: url(/images/Launchpad5/icons/search.svg);
    background-size: 1.6rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    span.cartFull {
    width: auto;

    height: auto;

    left: auto;

    right: -0.5rem;

    top: -0.5rem;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    span.cartFull
    .cartCenter {
    font-size: 1.6rem;

    background-color: var(--primary-color);

    width: 2rem;

    display: block;

    height: 2rem;

    padding: 0;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: none;
    transition: all 0.2s ease-in-out;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    span.cartFull
    .cartCenter {
    background-color: var(--primary-alt-dark);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].nav-aux-cart
    > a
    > span.nav-text {
    background-image: url(/images/Launchpad5/icons/cart.svg);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityAuthentication {
    display: none;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li.nav-aux-account {
    display: none;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:is(.join, .login, .nav-aux-account)
    > a {
    background: var(--primary-color);
    color: var(--white-color);
    padding: 1.2rem 3.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:is(.join, .login, .nav-aux-account)
    > a:hover {
    background: var(--primary-alt-dark);
    color: var(--white-color);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"].join
    > a {
    background: var(--grey-color);
    color: var(--dark-color);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button {
    margin: 0rem 1.5rem 0rem 0.75rem;
    background: #fff0 !important;
    width: 2.8rem;
    height: 2.8rem;
    position: relative;
    display: block;
    padding: 0;
    border-radius: 0;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button
    > span.icon-bar {
    background: var(--dark-color);
    height: 0.1rem;
    background: #1c3044;
    width: 2.8rem;
    height: 0.1rem;
    margin-top: 0 !important;
    transition: all 0.3s ease-in-out;
    position: absolute;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button
    > span.icon-bar
    + span.icon-bar {
    margin-top: 0.7rem !important;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button
    span.icon-bar:nth-child(2) {
    top: 0.3rem;
    transform: rotate(0);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button
    span.icon-bar
    + span.icon-bar:nth-child(3) {
    margin-top: 0 !important;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button
    span.icon-bar:nth-child(4) {
    bottom: 0.3rem;
    transform: rotate(0);
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button.clicked
    span.icon-bar:nth-child(2) {
    transform: rotate(-45deg);
    top: 50%;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button.clicked
    span.icon-bar:nth-child(3) {
    background: #fff0;
  }

  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationToggle
    > button.clicked
    span.icon-bar:nth-child(4) {
    transform: rotate(45deg);
    bottom: 50%;
  }

  header#hd > .header-bottom-container > div > div[data-label="Primary"] {
    order: 2;
    width: 100%;
  }

  header#hd > .header-bottom-container .navbar-collapse {
    display: block !important;
    margin: 0;
    height: auto !important;
    max-height: 0;
    overflow: hidden !important;
    background: #fff;
    transition: max-height 0.8s ease-in-out;
  }

  header#hd > .header-bottom-container .navbar-collapse.in {
    max-height: 200rem;
  }

  header#hd > .header-bottom-container .navbar-collapse > nav > div {
    width: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    flex-wrap: wrap;
    display: flex;
    border-top: var(--input-border);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.nav-aux-account {
    width: 50%;
    padding: 1.5rem;
    border-bottom: var(--input-border);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.nav-aux-account
    ~ li.nav-aux-account {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > div.UtilityAuthentication
    ~ div.UtilityAuthentication {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.nav-aux-account
    > a {
    background: var(--primary-color);
    color: var(--white-color);
    padding: 1.2rem 2.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.nav-aux-account
    > a:not(:has(img)):before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    background-image: url(/images/Icons/svg/profile.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.nav-aux-account
    > a
    img {
    width: 3rem !important;
    height: 3rem !important;
    margin-right: 1.5rem;
    border-radius: 50%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > div.UtilityAuthentication {
    width: 50%;
    padding: 1.5rem;
    margin: 0;
    border-bottom: var(--input-border);
    display: flex;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > div.UtilityAuthentication
    > a {
    background: var(--grey-color);
    color: var(--dark-color);
    padding: 1.2rem 3.2rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem {
    border-bottom: var(--input-border);
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has(.home) {
    /* display: none; */
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has([class*="utton"]) {
    order: -1;
    width: 50%;
    padding: 1.5rem;
  }


  header#hd > .header-bottom-container ul.rmRootGroup.rmToggleHandles.rmHorizontal > li.rmItem:has(.nav-aux-account) {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink {
    padding: 1.5rem;
    font-size: 2rem;
    color: var(--dark-color);
    text-decoration: none !important;
    font-weight: 700;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink:after {
    display: none;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:not(:has([class*="utton"]))
    > a.rmLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    > span.rmToggle {
    margin: 0;
    position: static;
    width: auto;
    height: auto;
    margin-left: 3rem;
    min-width: 2.2rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    > span.rmToggle
    > .rmIcon {
    width: 2.2rem;
    position: static;
    height: 2.2rem;
    margin: 0;
    background-image: var(--arrow-down);
    background-size: contain;
    transition: all 0.2s ease-in-out;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink[name="clicked"]
    > span.rmToggle
    > .rmIcon {
    transform: rotatex(180deg);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a[class*="utton"].rmLink {
    /* margin: 1.5rem; */
    background: var(--primary-color);
    color: var(--white-color);
    padding: 1.2rem 3.2rem;
    text-align: center;
    text-decoration: none;
    display: flex;
    vertical-align: middle;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    border-radius: var(--border-radius) !important;
    top: 0 !important;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    font-weight: 400;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has(a[class*="utton"].rmLink.join) {
    justify-content: flex-end;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem:has(a[class*="utton"].rmLink.join) {
    display: flex;
    justify-content: flex-end;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a[class*="utton"].rmLink.join {
    background: var(--grey-color);
    color: var(--dark-color);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    > span.rmText {
    padding: 0;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide {
    display: block !important;
    position: static;
    max-height: 0;
    overflow: hidden !important;
    transition: max-height 0.8s ease-in-out;
    height: auto !important;
    width: 100% !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink[name="clicked"]
    + .rmSlide {
    max-height: 100rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul {
    display: block !important;
    position: static;
    padding: 0;
    border: none;
    width: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a {
    font-size: 1.8rem;
    color: var(--dark-color) !important;
    text-decoration: none !important;
    width: auto !important;
    transition: 0.2s ease-in-out all;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a:hover {
    color: var(--primary-color) !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    > span {
    padding: 0;
    margin: 0;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    > span.rmText {
    flex-grow: 1;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    > span.rmToggle {
    margin: 0;
    position: static;
    width: auto;
    height: auto;
    margin-left: 3rem;
    min-width: 2.2rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    > span.rmToggle
    > .rmIcon {
    width: 2.2rem;
    position: static;
    height: 2.2rem;
    margin: 0;
    background-image: var(--arrow-down);
    background-size: contain;
    transition: all 0.2s ease-in-out;
    display: block !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a[name="clicked"]
    > span.rmToggle
    > .rmIcon {
    transform: rotatex(180deg);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    + .rmSlide {
    width: 100% !important;
    height: auto !important;
    position: static;
    display: flex !important;
    max-height: 0;
    overflow: hidden !important;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a[name="clicked"]
    + .rmSlide {
    max-height: 100%;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    + .rmSlide
    > ul {
    display: block !important;
    padding: 0;
    position: static;
    width: 100% !important;
    border-top: var(--input-border);
    border-bottom: var(--input-border);
    padding: 1.5rem 0;
    margin: 1.5rem;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    + .rmSlide
    > ul
    > li {
    margin: 0.375rem 0;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    + .rmSlide
    > ul
    > li
    > a {
    width: 100% !important;
    font-size: 1.8rem;
    text-decoration: none !important;
    color: var(--dark-color);
    transition: all 0.2s ease-in-out;
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    + .rmSlide
    > ul
    > li
    > a:hover {
    color: var(--primary-color);
  }

  header#hd
    > .header-bottom-container
    ul.rmRootGroup.rmToggleHandles.rmHorizontal
    > li.rmItem
    > a.rmLink
    + .rmSlide
    > ul
    > li
    > a
    + .rmSlide
    > ul
    > li
    > a
    > span.rmText {
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 1023.98px) {
  header#hd
    > .header-bottom-container
    #auxiliary-container
    .UtilityNavigationList
    > ul
    > li[class*="utton"]:is(.join, .login) {
    display: none;
  }
}

/****************************************/
/*** MasterContentArea - Col-primary ***/
/****************************************/
div[id$="_masterWrapper"].wrapper {
  height: auto;
}

/*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
@media (min-width: 1336.98px) {
  /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
  .row {
    --desiredwidth-var: 136.7rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    --fullwidth-var: calc(100%);
    --currentwidth-var: calc(100vw);
    flex-flow: wrap;
    margin: 0;
  }

  /*divide the remaning content area by 2, apply it to each side of the main content container */
  div#masterContentArea .col-primary > div > div > div > div.row {
    padding: 0 calc(var(--width-var) / 2);
    max-width: 100%;
  }

  /*margin auto content inside the columns*/
  div#masterContentArea .col-primary > div > div > div > div.row > div {
    margin: 0 auto;
  }

  /*calculate new bootstrap style col widths*/
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-12 {
    width: calc(var(--fullwidth-var) * 1);
    max-width: calc(var(--desiredwidth-var) * 1);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-11 {
    width: calc(var(--fullwidth-var) * 0.916);
    max-width: calc(var(--desiredwidth-var) * 0.916);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-10 {
    width: calc(var(--fullwidth-var) * 0.833);
    max-width: calc(var(--desiredwidth-var) * 0.833);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-9 {
    width: calc(var(--fullwidth-var) * 0.75);
    max-width: calc(var(--desiredwidth-var) * 0.75);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-8 {
    width: calc(var(--fullwidth-var) * 0.6666);
    max-width: calc(var(--desiredwidth-var) * 0.6666);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-7 {
    width: calc(var(--fullwidth-var) * 0.583);
    max-width: calc(var(--desiredwidth-var) * 0.583);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-6 {
    width: calc(var(--fullwidth-var) * 0.5);
    max-width: calc(var(--desiredwidth-var) * 0.5);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-5 {
    width: calc(var(--fullwidth-var) * 0.416);
    max-width: calc(var(--desiredwidth-var) * 0.416);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-4 {
    width: calc(var(--fullwidth-var) * 0.333);
    max-width: calc(var(--desiredwidth-var) * 0.333);
    --ctawidth-var: calc(var(--fullwidth-var) * 0.333);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-3 {
    width: calc(var(--fullwidth-var) * 0.25);
    max-width: calc(var(--desiredwidth-var) * 0.25);
    --ctawidth-var: calc(var(--fullwidth-var) * 0.25);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-2 {
    width: calc(var(--fullwidth-var) * 0.166);
    max-width: calc(var(--desiredwidth-var) * 0.166);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div.col-sm-1 {
    width: calc(var(--fullwidth-var) * 0.183);
    max-width: calc(var(--desiredwidth-var) * 0.183);
  }

  div#masterContentArea .col-primary .row.full:not(.call-to-action-row) {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  div#masterContentArea .col-primary .row.full > .col-sm-12 {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1336.98px) {
  .row {
    --desiredwidth-var: 136.7rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    --fullwidth-var: calc(100%);
    --currentwidth-var: calc(100vw);
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row
    > div[class*="col-sm-"] {
    margin: 0 auto;
  }

  div#masterContentArea .col-primary > div > div > div > div.row {
    margin: 0;
  }
}

/***** DESKTOP ******/
@media (min-width: 767.98px) {
  .iMIS-WebPart > .ContentItemContainer {
    margin-bottom: 0;
  }

  .container,
  .header-container,
  .SliderPage1 {
    max-width: 133.7rem;
  }

  div#masterContentArea {
    max-width: 100%;
    padding: 0;
    margin-top: 0;
  }

  .col-primary > div > div > div > div.row .iMIS-WebPart > div {
    padding-top: 2rem;
  }

  .col-primary > div > div > div > div.row .iMIS-WebPart > div[id*="PageHeading"] {
    padding: 0;
  }
  
  .col-primary > div > div > div > div.row .iMIS-WebPart + .iMIS-WebPart > div {
    padding: 0;
  }

  .col-primary > div > div > div > div.row .iMIS-WebPart:last-of-type > div {
    padding-bottom: 2rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:first-child
    > .col-sm-12
    .iMIS-WebPart:nth-child(2):last-child
    > div {
    padding-bottom: 0;
    padding-top: 2rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row)
    + div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) {
    margin-top: -2rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row
    + div.row.grey-row {
    margin-top: -2rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.primary-row
    + div.row.primary-row {
    margin-top: -2rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.secondary-row
    + div.row.secondary-row {
    margin-top: -2rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(
      .carousel-row,
      .grey-row,
      .primary-row,
      .secondary-row
    ).call-to-action-row
    + div.row:not(
      .carousel-row,
      .grey-row,
      .primary-row,
      .secondary-row
    ).call-to-action-row {
    margin-top: -1rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row.call-to-action-row
    + div.row.grey-row.call-to-action-row {
    margin-top: -1rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.primary-row.call-to-action-row
    + div.row.primary-row.call-to-action-row {
    margin-top: -1rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row.call-to-action-row
    + div.row.grey-row.call-to-action-row {
    margin-top: -1rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has(div[id*="ertical"][id*="lign"]) {
    align-items: center;
  }
}

div#masterContentArea .col-primary > div > div > div > div.row.grey-row {
  background: var(--grey-color);
}

div#masterContentArea .col-primary > div > div > div > div.row.primary-row {
  background: var(--primary-color);
}

div#masterContentArea .col-primary > div > div > div > div.row.secondary-row {
  background: var(--secondary-color);
}

div.row.primary-row div[id*="_Panel_"] > *,
div.row.secondary-row div[id*="_Panel_"] > * {
  color: #ffffff;
  background: none;
  -webkit-text-fill-color: initial;
}

div#masterContentArea .col-primary > div > div > div > div.row {
  margin: 0;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:has(.hideThisZone) {
  display: none;
}

/***** MOBILE ****/
@media (max-width: 767.98px) {
  div#masterContentArea {
    max-width: 100%;
    padding: 0;
    margin-top: 0 !important;
  }

  div#masterContentArea .col-primary > div > div > div > div.row {
    margin: 0;
    padding: 4rem 0;
  }

  div#masterContentArea .col-primary > div > div > div > div.row:first-of-type {
    padding: 0;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row)
    + div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row
    + div.row.grey-row {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.primary-row
    + div.row.primary-row {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.secondary-row
    + div.row.secondary-row {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:not(
      .carousel-row,
      .grey-row,
      .primary-row,
      .secondary-row
    ).call-to-action-row
    + div.row:not(
      .carousel-row,
      .grey-row,
      .primary-row,
      .secondary-row
    ).call-to-action-row {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row.call-to-action-row
    + div.row.grey-row.call-to-action-row {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.primary-row.call-to-action-row
    + div.row.primary-row.call-to-action-row {
    margin-top: -4rem;
  }

  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.grey-row.call-to-action-row
    + div.row.grey-row.call-to-action-row {
    margin-top: -4rem;
  }

  div#masterContentArea .col-primary > div > div > div > div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row):has([id*="PageHeading"]) + div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) {
    padding-top: 4rem;
    }

    div#masterContentArea .col-primary > div > div > div > div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) + div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) {
    padding-top: 0;
    }
}

header#hd+#HomePageContent+div#masterContentArea:has(.carousel-row) {
  margin-top: -10rem !important;
}

@media (max-width: 1023.98px) {
  header#hd+#HomePageContent+div#masterContentArea:has(.carousel-row) {
    margin-top: -5.2rem !important;
  }
}



/****************************************/
/***  Footer ***/
/****************************************/
/***** DESKTOP ******/
@media (min-width: 767.98px) {
  footer#ft {
    background: var(--gradient-color);
    color: var(--white-color);
  }

    footer#ft > .footer-content:after {
      content: "";
    display: block;
    width: 100%;
    padding-top: 5.2%;
    background-image: url(/images/CATSINaM/Website/Sea-Website-Footer2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
      background-position: center;
    }

  footer#ft > .footer-content {
    background: var(--gradient-color);
    padding: 0;
    text-align: left;
  }

  footer#ft > .footer-content > div {
    padding: 0 1.5rem;
    max-width: 130.7rem;
  }

  footer#ft > .footer-nav-copyright {
    display: none;
  }

  footer#ft .row {
    padding: 4rem 0 2rem;
    margin: 0;
  }

  footer#ft .row:not(:nth-child(2)) {
    display: none;
  }

  footer#ft > .footer-content * {
    color: var(--dark-color);
  }

  footer#ft > .footer-content li,
  footer#ft > .footer-content p {
    font-size: 1.6rem;
  }

  footer#ft > .footer-content p {
    margin-bottom: 1.5rem;
  }

  footer#ft > .footer-content li:not(:last-child) {
    margin-bottom: .5rem;
  }

  footer#ft > .footer-content a {
    text-decoration: none;
    font-size: 1.6rem;
  }

  footer#ft > .footer-content p a {
    font-size: 1.6rem;
  }

  footer#ft > .footer-content a:hover {
    text-decoration: underline;
  }

  footer#ft > .footer-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  footer#ft > .footer-content h6 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
  }

  footer#ft > .footer-content div[id*="ContactUs"] {
  /* margin-bottom: 3rem; */
  }

  footer#ft > .footer-content div[id*="Socials"] {
    display: flex;
    margin-bottom: 3rem;
    flex-wrap: wrap;
  }

  footer#ft > .footer-content div[id*="Socials"]>h6 {
    width: 100%;
  }

  footer#ft > .footer-content div[id*="Socials"] p {
    margin-bottom: 0;
    margin-right: 2rem;
  }

  footer#ft > .footer-content div[id*="Socials"] img {
    width: 2rem !important;
    height: 2rem !important;
    object-fit: contain;
  }

  footer#ft > .footer-content div[id*="Getintouch"] p {
    display: flex;
  }

  footer#ft > .footer-content div[id*="Getintouch"] p:last-child {
    margin: 0;
  }

  footer#ft > .footer-content div[id*="Getintouch"] img {
    width: 2rem !important;
    height: 2rem !important;
    object-fit: contain;
    margin-right: 1.5rem;
    margin-top: 0.5rem;
  }

  footer#ft > .footer-content div[id*="Logo"] a {
    display: flex;
    height: auto;
  }

  footer#ft > .footer-content div[id*="Logo"] img {
    max-width: 16rem;
  }

  footer#ft > .footer-content div[id*="Socials"] img {
    /* filter: brightness(0) invert(1); */
  }
  
  footer#ft > .footer-content .row:nth-child(4) {
    border: none;
    padding-top: 0;
    display: none;
  }

  footer#ft > .footer-content .row:nth-child(1) {
    text-align: center;
  }

  footer#ft > .footer-content .row:nth-child(1) p {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 auto;
    max-width: 100rem;
  }

  footer#ft > .footer-content .row:nth-child(2) > div {
    display: flex;
  }

  footer#ft > .footer-content .row:nth-child(2) > div:first-child {
    padding-left: 0;
  }

  footer#ft > .footer-content .row:nth-child(2) > div:last-child {
    padding-right: 0;
  }

  footer#ft > .footer-content .row:nth-child(2) > div {
    display: flex;
  }

  footer#ft > .footer-content .row:nth-child(3) > div:first-child {
    padding-left: 0;
  }

  footer#ft > .footer-content .row:nth-child(3) > div:last-child {
    padding-right: 0;
  }

  footer#ft > .footer-content .row:nth-child(2) > div > div {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  footer#ft > .footer-content .row:nth-child(3) p {
    margin-bottom: 0;
  }

  footer#ft > .footer-content .row:nth-child(3) > div:nth-child(2) {
    text-align: right;
  }
}

/***** MOBILE ****/
@media (max-width: 767.98px) {
  footer#ft {
    background: var(--gradient-color);
    color: var(--white-color);
  }

      footer#ft > .footer-content:after {
      content: "";
      display: block;
      width: 100%;
      padding-top: 15.6%;
      background-image: url(/images/CATSINaM/Website/Sea-Website-Footer2.svg);
      background-size: 300%;
      background-repeat: no-repeat;
      background-position: center;
    }

  footer#ft > .footer-content {
    background: var(--gradient-color);
    padding: 0;
    text-align: left;
  }

  footer#ft > .footer-content>div {
    max-width: 100%;
  }

  footer#ft > .footer-nav-copyright {
    display: none;
  }

  footer#ft .row {
    padding: 4rem 0 0;
  }

  footer#ft > .footer-content * {
    color: var(--dark-color);
  }

  footer#ft > .footer-content li,
  footer#ft > .footer-content p {
    font-size: 1.6rem;
  }

    footer#ft > .footer-content li:not(:last-child) {
    margin-bottom: .5rem;
  }
  
  footer#ft > .footer-content a {
    text-decoration: none;
    font-size: 1.6rem;
  }

  footer#ft > .footer-content p a {
    font-size: 1.6rem;
  }

  footer#ft > .footer-content a:hover {
    text-decoration: underline;
  }

  footer#ft > .footer-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  footer#ft > .footer-content h6 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
  }

  footer#ft > .footer-content div[id*="Socials"] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    margin-top: 1.5rem;
  }

  footer#ft > .footer-content div[id*="Socials"] h6 {
    width: 100%;
  }

  footer#ft > .footer-content div[id*="Socials"] p {
    margin-bottom: 0;
    margin-right: 2rem;
  }

  footer#ft > .footer-content div[id*="Socials"] img {
    width: 2rem !important;
    height: 2rem !important;
    object-fit: contain;
  }

  footer#ft > .footer-content div[id*="Getintouch"] p {
    display: flex;
  }

  footer#ft > .footer-content div[id*="Getintouch"] p:last-child {
    margin: 0;
  }

  footer#ft > .footer-content div[id*="Getintouch"] img {
    width: 2rem !important;
    height: 2rem !important;
    object-fit: contain;
    margin-right: 1.5rem;
    margin-top: 0.5rem;
  }

  footer#ft > .footer-content div[id*="Logo"] img {
    max-width: 16rem;
  }

  footer#ft > .footer-content div[id*="Socials"] img {
    /* filter: brightness(0) invert(1); */
  }

  footer#ft > .footer-content .row:nth-child(1),
  footer#ft > .footer-content .row:nth-child(3) {
    display: none;
  }

  footer#ft > .footer-content .row:nth-child(1) {
    text-align: center;
  }

  footer#ft > .footer-content .row > div {
    padding-left: 0;
    padding-right: 0;
  }

  footer#ft > .footer-content .row:nth-child(1) p {
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
  }

  footer#ft > .footer-content .row:nth-child(2) {
    padding-bottom: 1.5rem;
  }

  footer#ft > .footer-content .row:nth-child(2) > div {
    display: flex;
  }

  footer#ft > .footer-content .row:nth-child(2) > div > div {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  footer#ft > .footer-content div[id*="Logo"] {
    order: -1;
    margin-bottom: 3rem;
  }

  footer#ft > .footer-content .row:nth-child(2) > div {
    /* padding-bottom: 3rem; */
  }

    footer#ft > .footer-content p {
    margin-bottom: 1.5rem;
  }
}

footer#ft {
  display: block !important;
  height: auto !important;
}

/****************************************/
/*** Announcementbar ***/
/****************************************/
div#HomePageContent div[id$="Announcementbar"] {
  position: fixed;
  bottom: 0;
  left: 0;
  background: var(--primary-color);
  box-shadow: var(--box-shadow);
  width: 100%;
  z-index: 6000;
  height: auto;
  padding: 1.5rem 0;
}

div#HomePageContent div[id$="Announcementbar"]>div:not(.ContentRecordPageButtonPanel) {
  padding: 0 1.5rem;
  max-width: 137.7rem;
  margin: 0 auto;
}

div[id$="Announcementbar"] div#ste_container_Announcement {
  display: flex;
  gap: 3rem;
  align-items: center;
}

div[id$="Announcementbar"] div#ste_container_Announcement:after {
  display: none;
}

div[id$="Announcementbar"] div#ste_container_Announcement p {
  margin: 0;
  color: #fff;
}

div[id$="Announcementbar"] div#ste_container_Announcement a.Button {
  white-space: nowrap;
  background: var(--white-color);
  color: var(--dark-color);
  padding: 1rem 1.4rem;
  cursor: pointer;
}

div[id$="Announcementbar"] div#ste_container_Announcement a.Button:hover {
  background: var(--secondary-color);
  color: var(--white-color);
}


@media (max-width: 767.98px) {
  div[id$="Announcementbar"] div#ste_container_Announcement {
      flex-direction: column;
      text-align: center;
      gap: 1.5rem;
  }

  div[id$="Announcementbar"] div#ste_container_Announcement p {
      font-size: 1.4rem;
  }
}

div#HomePageContent div[id$="Announcementbar"].announcement-close {
  display: none !important;
}

/****************************************/
/*** accordion ***/
/****************************************/
div#accordionGroup {
  border: var(--input-border);
  background: #fff;
  border-radius: var(--border-radius);
  overflow: hidden;
  margin-bottom: 1.5rem;
}

h4.accordionheading {
  margin: 0;
}

h4.accordionheading > button {
  width: 100%;
  text-align: left;
  border: none;
  padding: 3rem 9rem 3rem 3rem;
  background: #fff;
  font-weight: 700;
  position: relative;
  border-radius: var(--border-radius);
  color: var(--primary-color);
  font-size: 2.4rem;
}

h4.accordionheading > button:after {
  content: "";
  display: block;
  position: absolute;
  background-image: var(--arrow-down);
  width: 3rem;
  height: 3rem;
  top: 50%;
  right: 3rem;
  background-size: contain;
  transform: translate(0, -50%);
  filter: var(--image-filter-color);
}

h4.accordionheading > button[aria-expanded="true"]:after {
  transform: translate(0, -50%) rotateZ(180deg);
}

div#accordionGroup > .accordion-panel {
  padding: .5rem 3rem 3rem;
}

div#accordionGroup > .accordion-panel > *:last-child {
  margin-bottom: 0;
}

/************************************************/
/************ Page load animations *************/
/************************************************/
/************************/
@-webkit-keyframes fade-in-top {
  0% {
  }

  100% {
  }
}

@-webkit-keyframes fade-in {
  0% {
  }

  100% {
  }
}

html.html-main > body#MainBody {
  opacity: 0;
  transition: ease 0.4s all;
}

html.html-main > body#MainBody.animateIn {
  opacity: 1;
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
  background: white;
}

html.html-main > body#MainBody header#hd {
  opacity: 0;
  transition: ease 0.4s all;
}

html.html-main > body#MainBody.animateIn header#hd {
  opacity: 1;
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
}


/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
* 
*  Author: CAUSEIS PTY LTD 
* 
*  Version: 1 - 17/10/24 Go live   
*
* 
*  Document contains changes to Typography
*
*
*/
/****************************************/
/****************************************/
body,
p,
a,
p a,
input,
button,
select,
textarea {
font-family: "Open Sans" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.PageTitle,
.PanelTitle,
.SectionTitle,
.SectionLabel,
.SectionLabelSmaller,
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
font-family: "Candara Bold" !important;
}

body,
p,
.iMIS-WebPart div[id*="_Panel_"] {
color: var(--dark-color);
font-size: 1.8rem;
font-weight: 400;
}

p a {
color: var(--primary-color);
}

ul,
ol {
padding-left: 2rem;
margin-bottom: 1.5rem;
}

p {
margin-bottom: 1.5rem;
}

body div[id*="_Panel_"],
body div[id*="_Panel_"] p,
body div[id*="_Panel_"] p a {
}

h1,
.h1,
.PageTitle {
color: var(--primary-color);
font-size: 4.8rem;
font-weight: 700;
line-height: 1.2;
margin: 0 0 1.5rem;
}

h2,
.h2,
.PanelTitle {
color: var(--dark-color);
font-size: 4rem;
font-weight: 700;
border: none !important;
line-height: 1.2;
margin: 0 0 1.5rem;
}

h3,
.h3,
.SectionTitle {
color: var(--primary-color);
font-size: 3.2rem;
font-weight: 700;
line-height: 1.2;
margin: 0 0 1.5rem;
}

h4,
.h4,
.SectionLabel {
color: var(--dark-color);
font-size: 3.2rem;
font-weight: 700;
line-height: 1.2;
margin: 0 0 1.5rem;
}

h5,
.h5 {
font-weight: 700;
font-size: 2.4rem;
color: var(--primary-color);
line-height: 1.2;
margin: 0 0 1.5rem;
}

h6 {
color: var(--dark-color);
font-size: 2.4rem;
margin-bottom: 1rem;
line-height: 1.2;
margin: 0 0 1.5rem;
font-weight: 700;
}

*:is(h1, h2, h3, h4, h5, h6) + p[class*="arge"] {
margin-top: 4rem;
}

div[id*="_Panel_"] > p + *:is(h1, h2, h3, h4, h5, h6) {
/* margin-top: 4rem; */
}

@media (max-width: 767.98px) {
h1,
.h1,
.PageTitle {
  font-size: 5rem;
}

h1.xl,
h1.XL,
.h1.xl,
.h1.XL,
.PageTitle.xl,
.PageTitle.XL {
  font-size: 4rem;
}

h2,
.h2,
.PanelTitle {
  font-size: 3rem;
}

h3,
.h3,
.SectionTitle {
  font-size: 2.2rem;
}

h4,
.h4,
.SectionLabel {
  font-size: 2.2rem;
}

h5,
.h5 {
  font-size: 2.2rem;
}

h6 {
  font-size: 1.8rem;
}
}

.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
a:not(.button):not(.btn):not(.Button):not(.TextButton):not(.PrimaryButton):not(
  .rtsLink
):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow)
:visited {
color: var(--secondary-color);
text-decoration: none;
text-shadow: 0 0 var(--secondary-color);
font-weight: 600;
}

.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
  .Arrow
) {
transition: background-size 0.3s ease-out;
background-image: linear-gradient(
  var(--secondary-color),
  var(--secondary-color)
);
background-size: 0% 3px;
background-repeat: no-repeat;
background-position: left bottom;
}

.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
  .Arrow
):hover,
.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
  .Arrow
):active,
.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
  .Arrow
):focus {
background-size: 100% 3px;
}

.row:is(.primary-row, .secondary-row)
.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
.row:is(.primary-row, .secondary-row)
a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow)
:visited {
color: var(--white-color);
}

.row:is(.primary-row, .secondary-row)
.iMIS-WebPart
div[id*="_Panel_"]
a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
  .PrimaryButton
):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
  .Arrow
) {
background-image: linear-gradient(var(--white-color), var(--white-color));
}

/* quote block styling START */

div[id*="_Panel_"][id*="uote"][id*="lock"] {
padding: 3rem;
padding-left: 9rem;
background: var(--white-color);
box-shadow: var(--box-shadow);
margin: 3rem 0;
border-radius: var(--border-radius);
position: relative;
}

div[id*="_Panel_"][id*="uote"][id*="lock"]:before {
content: "";
display: block;
width: 6rem;
height: 6rem;
background: center / contain no-repeat url(/images/Icons/svg/quote.svg);
position: absolute;
left: 1.5rem;
top: 1.5rem;
filter: var(--image-filter-color);
}

div[id*="_Panel_"][id*="uote"][id*="lock"] > *:last-child {
margin-bottom: 0;
}

@media (max-width: 767.98px) {
div[id*="_Panel_"][id*="uote"][id*="lock"] {
  padding: 3rem;
  padding-top: 7.5rem;
}

div[id*="_Panel_"][id*="uote"][id*="lock"]:before {
  top: 1rem;
  left: 1.5rem;
}
}

/* quote block styling END */

/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
* 
*  Author: CAUSEIS PTY LTD 
* 
*  Version: 1 - 17/10/24 Go live   
*
* 
*  Document contains changes to Sticky NAV
*
*
*/
/****************************************/
/****************************************/

/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
* 
*  Author: CAUSEIS PTY LTD
* 
*  Version: 1 - 17/10/24 Go live 
*
* 
*  Document contains changes to call-to-action
*
*
*/
/****************************************/
/****************************************/

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]) {
  padding: 3rem;
  background: var(--primary-color);
  border-radius: var(--border-radius);
  margin-bottom: 1.5rem;
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]) a[class*="utton"] {
  background: var(--white-color);
  color: var(--primary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]) a[class*="utton"]:hover {
  color: var(--white-color);
  background: var(--secondary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]) > *:last-child:not(div) {
  margin-bottom: 0;
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]):not([id*="hite"])
  *:not([class*="utton"]) {
  color: var(--white-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]):not([id*="hite"])
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  color: #fff;
  background-image: linear-gradient(var(--white-color), var(--white-color));
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="rimary"] {
  background: var(--primary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="econdary"] {
  background: var(--secondary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="econdary"]
  a[class*="utton"]:hover {
  color: var(--white-color);
  background: var(--primary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="econdary"]
  a[class*="utton"] {
  color: var(--secondary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="econdary"]
  a[class*="utton"]:hover {
  color: var(--white-color);
  background: var(--primary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="hite"] {
  background: var(--white-color);
  border: var(--input-border);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="hite"]
  *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--primary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="hite"]
  a[class*="utton"] {
  color: var(--white-color);
  background: var(--primary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"])[id*="hite"]
  a[class*="utton"]:hover {
  background: var(--secondary-color);
}

div[id*="_Panel_"]:is([id*="tile"], [id*="Tile"]):not(
    [id*="rimary"],
    [id*="econdary"]
  )
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  color: #fff;
  background-image: linear-gradient(var(--white-color), var(--white-color));
}

/**************** Standard call-to-action ****************/
.row.call-to-action-row {
  display: flex;
}

.row.call-to-action-row > div {
  display: flex;
}

.row.call-to-action-row > div div {
  display: flex;
  width: 100%;
  position: relative;
}

div[id*="_Panel_"][id*="calltoaction"] {
  display: flex;
  overflow: hidden;
  border-radius: var(--border-radius);
  border: var(--input-border);
  flex-direction: column;
  background: #fff;
  transition: all 0.2s ease-in-out;
}

div[id*="_Panel_"][id*="calltoaction"]:hover {
  box-shadow: var(--box-shadow);
  border-color: var(--primary-color);
}

div[id*="_Panel_"][id*="calltoaction"] *:is(h1, h2, h3, h4, h5, h6) {
  transition: color 0.2s ease-in-out;
}

div[id*="_Panel_"][id*="calltoaction"]:hover *:is(h1, h2, h3, h4, h5, h6) {
  color: var(--primary-color);
}

div[id*="_Panel_"][id*="calltoaction"] > *:is(ul, ol) {
  padding-left: 5rem !important;
}

div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container) {
  padding-left: 3rem;
  padding-right: 3rem;
}

div[id*="_Panel_"][id*="calltoaction"] .image-container {
  position: relative;
  padding-bottom: 56.78%;
  height: 0;
  max-width: 100%;
}

div[id*="_Panel_"][id*="calltoaction"][id*="con"] .image-container {
  padding: 3rem 3rem 0;
  margin-bottom: 1.5rem;
  height: auto;
}

div[id*="_Panel_"][id*="calltoaction"] img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

div[id*="_Panel_"][id*="calltoaction"][id*="con"] img {
  position: static;
  width: 10rem !important;
  height: 10rem !important;
  object-fit: contain;
}

div[id*="_Panel_"][id*="calltoaction"]
  > div:not(.image-container):last-of-type {
  align-self: flex-start;
  flex-grow: 1;
  align-items: flex-start;
  padding: 0 3rem 3rem;
}

div[id*="_Panel_"][id*="calltoaction"]:last-of-type a[class*="utton"] {
  margin-top: auto;
}

div[id*="_Panel_"][id*="calltoaction"]
  > *:first-child:is(h1, h2, h3, h4, h5, h6) {
  margin-top: 3rem;
}

div[id*="_Panel_"][id*="calltoaction"] .image-container + h4 {
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}

div[id*="_Panel_"][id*="calltoaction"] > *:last-child:not(div) {
  margin-bottom: 0;
  padding-bottom: 3rem;
}

div[id*="_Panel_"][id*="calltoaction"]:is([id*="tile"], [id*="Tile"]) {
  padding: 0;
}


/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
* 
*  Author: CAUSEIS PTY LTD 
* 
*  Version: 1 - 17/10/24 Go live   
*
* 
*  Document contains changes to Buttons
*
*
*/
/****************************************/
/****************************************/
a.button,
a.Button,
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
background: var(--primary-color);
color: var(--white-color);
padding: 1.2rem 3.2rem;
text-align: center;
text-decoration: none;
display: inline-block;
vertical-align: middle;
border: none;
transition: all 0.2s ease-in-out;
box-shadow: none !important;
border-radius: var(--border-radius) !important;
top: 0 !important;
line-height: 1.2;
font-weight: 600;
}

.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
font-size: 2rem;
}

.PrimaryButton:visited,
.SaveAndClose:visited,
.SaveAs:visited,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:visited,
.btn:visited,
.TextButton:visited,
.TextButtonWithImage:visited,
.ruButton:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:visited,
html input[type="button"]:visited {
background: var(--primary-color);
}

a.button:focus,
a.Button:focus,
.PrimaryButton:focus,
.SaveAndClose:focus,
.SaveAs:focus,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButtonWithImage:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.PrimaryButton:focus,
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.ruButton:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.TextButton:focus,
html input[type="button"]:focus {
background: var(--secondary-color);
}

a.button:hover,
a.Button:hover,
.PrimaryButton:hover,
.SaveAndClose:hover,
.SaveAs:hover,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:hover,
.RadGrid input.PrimaryButton:hover,
.btn:hover,
.TextButton:hover,
.TextButtonWithImage:hover,
.ruButton:hover,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton:hover,
html input[type="button"]:hover {
background: var(--secondary-color);
}

a.button:active,
a.Button:active,
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active,
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active,
html input[type="button"]:active {
background: var(--secondary-color);
}

[class*="utton"][disabled] {
background: var(--primary-color) !important;
color: var(--white-color) !important;
}

a[class*="arge"][class*="utton"] {
font-size: 2.6rem;
}

a[class*="mall"][class*="utton"] {
font-size: 1.6rem;
}

a[class*="rimary"][class*="utton"] {
background: var(--primary-color) !important;
}

a[class*="rimary"][class*="utton"]:hover {
background: var(--secondary-color) !important;
}

a[class*="econdary"][class*="utton"] {
background: var(--secondary-color) !important;
}

a[class*="econdary"][class*="utton"]:hover {
background: var(--primary-color) !important;
}

a[class*="rey"][class*="utton"] {
background: var(--grey-color) !important;
color: var(--dark-color) !important;
}

a[class*="rey"][class*="utton"]:hover {
background: var(--primary-color) !important;
color: var(--white-color) !important;
}

a[class*="hite"][class*="utton"] {
background: var(--white-color) !important;
color: var(--dark-color) !important;
}

a[class*="hite"][class*="utton"]:hover {
background: var(--primary-color) !important;
color: var(--white-color) !important;
}

a[class*="ark"][class*="utton"] {
background: var(--dark-color) !important;
}

a[class*="ark"][class*="utton"]:hover {
background: var(--secondary-color) !important;
}

a[class*="isabled"][class*="utton"] {
background: #d4d4d4 !important;
color: #fff !important;
pointer-events: none;
cursor: pointer;
}

[class*="utton"]:is(.Danger, .Error, .Warning, .danger, .error, .warning) {
background: #f65656 !important;
color: var(--white-color) !important;
}

[class*="utton"]:is(
  .Danger,
  .Error,
  .Warning,
  .danger,
  .error,
  .warning
):hover {
background: #e96b6b !important;
color: var(--white-color) !important;
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.primary-row
a[class*="utton"]:not(
  [class*="rimary"],
  [class*="econdary"],
  [class*="rey"]
) {
background: var(--white-color);
color: var(--primary-color);
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.primary-row
a[class*="utton"]:not(
  [class*="rimary"],
  [class*="econdary"],
  [class*="rey"]
):hover {
background: var(--secondary-color);
color: var(--white-color);
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.primary-row
a[class*="utton"][class*="rey"]:hover {
background: var(--secondary-color) !important;
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.primary-row
a[class*="utton"][class*="econdary"]:hover {
background: var(--white-color) !important;
color: var(--primary-color) !important;
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.secondary-row
a[class*="utton"]:not(
  [class*="rimary"],
  [class*="econdary"],
  [class*="rey"]
) {
background: var(--white-color);
color: var(--secondary-color);
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.secondary-row
a[class*="utton"]:not(
  [class*="rimary"],
  [class*="econdary"],
  [class*="rey"]
):hover {
background: var(--primary-color);
color: var(--white-color);
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.secondary-row
a[class*="utton"]:hover {
background: var(--primary-color) !important;
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.secondary-row
a[class*="utton"][class*="rey"]:hover {
background: var(--primary-color) !important;
}

div#masterContentArea
.col-primary
> div
> div
> div
> div.row.secondary-row
a[class*="utton"][class*="rimary"]:hover {
background: var(--white-color) !important;
color: var(--secondary-color) !important;
}


/****************************************/
/****************************************/
/** The Congress of Aboriginal and Torres Strait Islander Nurses and Midwives (CATSINaM) **/
/*
* 
*  Author: CAUSEIS PTY LTD  
* 
*  Version: 1 - 17/10/24 Go live   
*
* 
*  Document contains changes to Banners
*
*
*/
/****************************************/
/****************************************/
div#masterMainBreadcrumb {
  display: none;
}
.HeaderRow {
  background: var(--grey-color);
}

.HeaderRow > div {
  max-width: 133.7rem;
  margin: 0 auto;
  padding: 14rem 1.5rem 2rem;
}

.HeaderRow h1:not(:nth-last-child(2)) {
  margin-bottom: 1.5rem;
}

.HeaderRow > div > *:nth-last-child(2) {
  margin-bottom: 0;
}

.HeaderRow[id*="Carousel"] > div {
  max-width: 100%;
  padding: 0;
}

header#hd + .HeaderRow + .HeaderRow > div {
  padding-top: 2rem;
}

header#hd + .HeaderRow {
  margin-top: -10rem !important;
}

@media (max-width: 1023.98px) {
  .HeaderRow > div {
    padding-top: 9.2rem;
  }
  header#hd + .HeaderRow {
    margin-top: -5.2rem !important;
  }
}

.HeaderRow[id*="Carousel"] .carousel-caption {
  position: static;
  padding: 0;
  text-shadow: none;
  text-align: left;
}

.HeaderRow[id*="Carousel"] .carousel-caption:has(*) {
  max-width: 133.7rem;
  margin: 0 auto;
  padding: 14rem 1.5rem 2rem;
}

header#hd + .HeaderRow[id*="Carousel"] + .HeaderRow[id*="Carousel"] > div {
  padding-top: 0;
}

.HeaderRow[id*="Carousel"]
  + .HeaderRow[id*="Carousel"]
  .carousel-caption:has(*) {
  padding-top: 2rem;
}

.HeaderRow[id*="Carousel"] .item:has(.carousel-caption > *) {
  height: auto !important;
}

.HeaderRow[id*="Carousel"] .item:not(:has(.carousel-caption > *)) {
  height: calc(100vw * 0.1510416666666667) !important;
}

@media (max-width: 1023.98px) {
  .HeaderRow[id*="Carousel"] .carousel-caption:has(*) {
    padding-top: 9.2rem;
  }
  header#hd + .HeaderRow:has(.carousel-caption > *) {
    margin-top: -5.2rem !important;
  }
}

/************ Content page banner START *************/

/************ Content page banner END *************/

/************ Carousel Banners START *************/
/************ Carousel Banners END *************/

/************ Homepage Carousel START *************/

div#masterContentArea:has(.row.carousel-row) {
  background-color: var(--grey-color);
  padding-top: 15rem;
}

@media (max-width: 1023.98px) {
  div#masterContentArea:has(.row.carousel-row) {
    padding-top: 10.2rem;
  }
}

div#masterContentArea .col-primary > div > div > div > div.row.carousel-row {
  /* padding: 0; */
  background: var(--grey-color) !important;
  padding-bottom: 4rem;
}

@media (max-width: 767.98px) {
  div#masterContentArea .col-primary > div > div > div > div.row.carousel-row {
    padding-bottom: 4rem !important;
  }
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.carousel-row
  > div {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.carousel-row
  .iMIS-WebPart
  > div {
  padding: 0;
  margin: 0;
}

div[id*="HomepageCarousel_SlideshowControls"] {
  display: none !important;
}

div[id*="HomepageCarousel"] .carousel {
  min-height: 0;
}

div[id*="HomepageCarousel"]
  .carousel-inner.bg-img.slick-slider
  > .slick-list.draggable {
  min-height: 0;
}

div[id*="HomepageCarousel"] .carousel-inner.bg-img .item {
  height: 50rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  /* max-height: 29rem; */
}

div[id*="HomepageCarousel"] .carousel-inner.bg-img .item > a.carousel-link {
  width: 100%;
  height: 100%;
}

/* div[id*="HomepageCarousel"] .carousel-inner.bg-img .item:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: #000;
} */

div[id*="HomepageCarousel"] .carousel-inner.bg-img .item > .carousel-caption {
  padding: 3rem;
  bottom: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  max-width: 100rem;
}

div[id*="HomepageCarousel"]
  .carousel-inner.bg-img
  > .item
  > .carousel-caption
  > *:not(a) {
  color: #fff;
  text-shadow: 0px 0px 7px black;
}

@media (max-width: 767.98px) {
  div[id*="HomepageCarousel"] .carousel-inner.bg-img .item {
    height: 11rem !important;
    /* min-height: 55rem; */
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/************ Homepage Carousel END *************/