:root {
  --site-container-margin-horizontal: 4vw;
  --site-container-margin-vertical: 3vh;
}

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



/*
* 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-help-card-container {
  width: 300px;
  height: 230px; 
}

.site-help-support-listview {
  overflow: visible;
}

.site-help-card-logo {
  margin-top: 16%;
  margin-left: 42%;
}

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

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

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

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


.site-page-container {
  /* To make margin responsive with viewport */
  margin: var(--site-container-margin-vertical) var(--site-container-margin-horizontal) 0 var(--site-container-margin-horizontal);
}

#successStoriesContainer.site-page-container {
  /* To adjust margin right only for success page */
  margin: var(--site-container-margin-vertical) 8px 0 var(--site-container-margin-horizontal);
}

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

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

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

  .site-card-width {
    min-width: 260px;
    max-width: 360px;
    width: 84vw
  }

  .site-search-size {
    width: 191px;
  }
  .site-footerSubLayout {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #successStoriesContainer.site-page-container{
    margin: auto;
  }
}

.site-story-quote-background {
  background-image: url("../images/bg/blue background.png");
}

.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-card-width {
  min-width: 260px;
  max-width: 320px;
  width: 82vw
}
.site-story-logo {
  max-width: 395px;
  float: right;
  margin-top: -60px;
}
/* logo specific styling for success stories layout */
.site-success-card-logo{
  display: block;
  width: 200px;
}

.site-story-renaps-logo {
  width: 130px;
}
/* .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: -20%;
}

.site-story-apex-logo {
  margin-top: -12%;
  width: 150px; 
}
 
.site-story-apmcs-logo {
  margin-top: -20%;
}
  
.site-story-goldengate-logo {
  margin-top: -20%;
}

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

.site-story-osca-logo {
  margin-top: -3%;
  width: 160px;
}

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

.site-div-center {
  margin: 3vh 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;
}

.demo-navDrawer{
  min-width: 200px;
  max-width: 400px;
  width: 20vw;
}

.page-container >div{
  height:auto;
}

.demo-listviewprogressive{
  min-height : 180px;
  max-height: 860px;
  height: 100vh;
  background: none;
}

.demo-listviewprogressive-mobile{
  height:50vh;
}

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

.site-home-yellow-bar {
  height: 4px;
  width: 41px;
  background-color: rgb(var(--oj-palette-brand-rgb-50));
}

/* Learning page styles start */

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

.site-learn-resources-container {
  margin: 0px var(--site-container-margin-horizontal);
}

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

.site-image-card-height {
  height: 390px;
}

.site-image-card-desc {
  height: 34vh;
}

.site-resources-panel {
  min-height: 220px;
}

/* Learning page styles end */

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

.symbol-bg{
  height: 240px;
}

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

/* Add a similar custom class for a different colour in the texture */
.demo-site-learn-bg {
  background-color: rgb(var(--oj-palette-info-rgb-160));
}

.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-logo-card-height {
  height: 230px;
}

.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 var(--site-container-margin-horizontal);
}
/* Help & Support page styles End */
.site-get-started-video-container {
  height: 280px;
}
.site-get-started-video-container-xl{
  height: 200px;
}
.site-starter-template-container {
  height: 250px;
}

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