#globalBody:not(.oj-complete) {
  visibility: hidden;
}

/**
 * Dark background overrides
 * This is a app level common style to salvage components inside dark background
 * Until JET provides this OOTB, we will use this on the top div of a dark background
 * and then style components which need to be styled differently.
 */
.oj-container-color-invert a,
.oj-container-color-invert a:visited,
.oj-container-color-invert .oj-link-subtle-primary {
  color: white;
}

.oj-container-color-invert h2 {
  color: #bbb6b2;
}

p.oj-container-color-invert.site-italic {
  color: #fcfbfa;
}

.site-home-oj-container-color-invert {
  color: #fcfbfa;
}

/* 
* Invalid overrrides that need to be removed 
*/
.oj-bg-neutral-160 {
  background-color: #3a3631;
}

.oj-web-applayout-header {
  background-color: #ffffff;
  box-shadow: 0 1px 1px #161513;
}

.oj-web-applayout-footer {
  min-height: 350px;
  background-color: #4a4540;
}

/* once active focus is fixed in the navlist, remove this class override */
.oj-container-color-invert .oj-focus-highlight {
  border-color: white;
}

/*
* Site specific style classes. 
* Only use custom CSS when there isn't an 
* existing Redwood class available 
*/
.site-width100 {
  width: 100%;
}

.site-hv100 {
  height: 100vh;
}
.site-select-rn-version {
  width: 20em;
}
.site-italic {
  font-style: italic;
}

.site-footerSubLayout {
  padding-top: 60px;
  padding-left: 172px;
  padding-right: 163px;
}

.site-navTogglePosition {
  margin-top: -10px;
  margin-left: -8px;
}

.site-logoPosition {
  color: #c74634 !important;
  padding-bottom: 10px;
}

.site-appTitle {
  margin-top: -13px;
}

.site-search-size {
  width: 400px;
}

.site-banner-1 {
  height: 10px;
  margin: -11px -8px 50px -8px;
  position: relative;
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABLAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2QTYxQUNDQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2QTYxQUNEQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZBNjFBQ0FBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZBNjFBQ0JBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAADAgICAgIDAgIDBQMD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");
}

.site-success-card-container {
  width: 264px;
  height: 264px;
  background-color: white;
}

/* oj-sample-card.oj-hover>.oj-sample-card-overlay.site-success-card-container {
  background-color: white;
} */

.site-success-card-name {
  margin: 27px 0 0 28px;
}

.site-success-card-logo {
  display: block;
  margin: auto;
  margin-top: 55px;
  width: 200px;
}

.site-page-container {
  /* margin: 100px 208px 0 208px; */
  margin: 6vw 11vw 0 11vw; /* To make margin responsive with viewport */
}

.site-story-examples-container {
  width: 100%;
  height: 652px;
}

/* media query for small device size changes */
@media screen and (max-width: 599.9px) {

  .site-learn-small-screen-left-margin {
    margin-left: 3px;
    max-width: 430px !important;
  }

  .site-learn-tabbar-width {
    max-width: 500px !important;
  }

  .site-page-container {
    margin: auto;
  }
  .site-success-card-container {
    width: 100%;
    margin-left: 10px;
  }
  .site-success-card-logo {
    display: block;
    margin-top: 46%;
    width: 200px;
    margin-left: -20%;
  }
  .site-search-size {
    width: 250px;
  }
  .site-footerSubLayout {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .site-rn-animation-image {
    margin: auto !important;
    max-width: 100%;
    height: auto !important;
  }
  .site-home-learn-container {
    margin-left: 0px;
  }
}

.site-page-heading {
  margin-bottom: 44px;
}

.site-storieslist-button {
  margin-bottom: 80px;
  margin-right: 107px;
  margin-top: 40px;
}

.site-story-background {
  background-image: url("../images/bg/background-1.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #f4f3f1;
}

.site-story-quote-background {
  margin: 10px -90px;
  padding: 40px;
  background-image: url("../images/bg/blue background.png");
}

.site-story-panel-banner {
  background-image: url("../images/bg/strip.png");
  height: 12px;
  margin: -8px;
}

.site-faq-panel-banner {
  background-image: url("../images/bg/strip.png");
  background-repeat: no-repeat;
  background-size: 100% 14px;
}

.site-story-thumbnail {
  background-size: cover;
  width: 200px;
  height: 200px;
  display: inline-block;
}

.site-story-example-image-container {
  width: 100%;
  height: 600px;
}

.site-story-exmaple-detail-container {
  height: 100%;
}
.site-story-exmaple-detail-image-container {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.site-story-example-detail-image {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin: auto;
}

.site-story-content {
  margin: 80px;
}

.site-story-logo {
  max-width: 395px;
  float: right;
  margin-top: -60px;
}

/* logo specific styling for success stories layout */
.site-story-amis-logo {
  margin-left: 33%;
}

.site-story-renaps-logo {
  width: 140px;
  margin-top: 52%;
  margin-left: -26%;
}

.site-story-mni-logo {
  width: 250px;
  margin-left: -12%;
  margin-top: 25%;
}
.site-story-obanking-logo {
  margin-top: 0;
}

.site-story-apex-logo {
  margin: 42% -20%;
  width: 150px;
}

.site-story-apmcs-logo {
  margin-top: 0;
}

.site-story-goldengate-logo {
  margin-top: 0;
}

.site-story-pubsector-logo {
  margin-top: 0;
}

.site-story-bi-visual-analizer-logo {
  margin-top: 11%;
}

.site-story-osca-logo {
  margin: 6% 10%;
}

.site-story-cpq-logo {
  margin-top: 15%;
}

.site-story-evosys-logo {
  margin-top: 7%;
}

.site-rn-container {
  margin-left: 11.1vw;
  margin-right: 11.1vw;
  padding-bottom: 10vh;
}

.site-rn-main-content {
  margin-top: 10vh;
  margin-left: 11.1vw;
}

.site-rn-coming-soon {
  margin-top: 10vh;
  margin-right: 11.1vw;
  margin-left: 48px;
}

.site-rn-news-bg {
  background-image: url("../images/bg/news_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.site-rn-change-log-container {
  max-height: 600px;
  overflow-y: scroll;
}

.site-rn-known-issues-table {
  max-width: 90%;
  max-height: 500px;
}

.site-rn-needtoknow-panel-bg {
  min-height: 268px !important;
  width: 100%;
}

.site-div-center {
  margin: 0 auto;
}

.site-home-main-inner {
  padding-top: 46px;
}

.site-home-bg {
  background-image: url("../images/bg/home_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.site-home-news-bg {
  background-image: url("../images/bg/news_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.site-home-card-container {
  width: 310px;
  height: 274px;
  margin: 4px;
}

.site-home-card-bg {
  display: block;
  margin: auto;
  height: 170px;
}

.site-textured-bg-link {
  z-index: 1;
}

.site-home-learn-text-color {
  color: #e9e1ca;
}

.site-home-learn-container {
  margin-left: 11.1vw;
}

.site-home-list-margin {
  margin-bottom: 80px;
}

.site-home-yellow-bar {
  height: 4px;
  width: 41px;
  background-color: #f0cc71;
}

/* Learning page styles start */

.site-cards-listview {
  overflow: visible;
}

.site-learn-cards-section {
  padding-bottom: 133px;
}

.site-learn-resources-container {
  margin: 0px 11vw;
}

.site-learn-card-logo {
  display: block;
  margin: auto;
  height: 220px;
}

.site-learn-card-container {
  width: 358px;
  height: 380px;
}

.site-learn-card-desc {
  height: 160px;
}

.site-learn-background {
  background-image: url("../images/bg/background-1.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #f4f3f1;
}

.site-learn-resources-panel-bg {
  height: 268px !important;
  width: 100%;
}

/* Learning page styles end */

/* Background texture styles start */
.site-bg {
  height: 100%;
}

[class*="site-rw-pattern"] {
  position: relative;
}

/* Add a similar custom class for a different colour in the texture */
.site-rw-blue-130bg {
  background-color: #3b5c69;
}

.site-bg:before {
  content: "";
}

[class*="-130bg"][class*="site-rw-pattern"]:before {
  filter: opacity(0.3);
}

/* Add a similar custom class for a different background texture */
.site-rw-pattern7w:before {
  background-image: url(../images/bg/rw-pattern7w.png) !important;
}

.site-rw-pattern16:before {
  background-image: url(../images/bg/rw-pattern16.png) !important;
}

[class*="site-rw-pattern"]:before {
  mix-blend-mode: overlay;
}

.site-rw-pattern-25p:before {
  opacity: 0.5;
}

[class*="site-rw-pattern"]:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-repeat: repeat;
}

/* Background texture styles end */

/* Help & Support page styles Start */

.site-help-card-container {
  width: 350px;
  height: 260px;
}

.site-help-support-listview {
  overflow: visible;
}
.site-rw-orange-70bg {
  background-color: #f7e0a1;
}
.site-rw-red-80bg {
  background-color: #bdd9ae;
}

.site-rw-pattern-15p:before {
  opacity: 0.1;
}
.site-support-panel-customizations {
  height: 281px;
}
iframe {
  width: 100%;
  height: 100%;
}

.site-page-section-container {
  margin: 0 11vw;
}

.site-support-card-container {
  width: 350px;
  height: 368px;;
}
.site-support-card {
  height: 168px;
  width: 100%;
}
.site-help-card-logo {
  margin-top: 16%;
  margin-left: 42%;
}
@media screen and (max-width: 599.9px) {

  .site-page-section-container {
      margin: 0;
   }
  .site-support-card-container, .site-help-card-container{
    width: 100%;
  }
}

/* Help & Support page styles End */
.site-get-started-inner-container {
  margin: 0 11vw;
}

.site-get-started-card-container {
  width: 360px;
  height: 370px;
}

.site-get-started-card-logo {
  display: block;
  margin: auto;
  height: 220px;
}

.site-get-started-video-container {
  width: 100%;
  height: 280px;
}

.site-get-started-more-resource-sec {
  background-image: url("../images/bg/background-1.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #f4f3f1;
  min-height: 600px;
}

.site-get-started-fiddle-container {
  text-align: center;
}

@media screen and (max-width: 599.9px) {
  .site-get-started-card-container {
    width: 100%;
  }
}

.site-rn-animation-container {
  width: 100%;
  height: 280px;
  /* background-image: url("../images/bg/Abstracts Blue 1.png");
  background-size: cover; */
}

.site-rn-animation-image {
  height: 100%;
  /* margin: 2% 13%; */
}

.site-home-allnews-list {
  height: 300px;
}

.site-starter-template-container {
  height: 250px;
}

.site-starter-template-conveyor {
  margin-left: 11vw;
  width: 60vw !important;
  min-width: 300px;
}