[id*="shade"], [id*="highlight"] {
    mix-blend-mode: soft-light;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:568px) {    
      [id*="shade"], [id*="highlight"] {
          mix-blend-mode:overlay;
          fill-opacity: .7;
      }    
  }
  .skiptabranding-wrap {
    position: relative;
    min-height: 280px;
    max-height: 280px;
    -webkit-transition: all .25s;
    transition: all .25s;
    pointer-events: none;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  @media (min-width: 768px) and (max-width: 1023px) {
  .skiptabranding-wrap {
        width: 280px;
        max-height: none;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
   }
  }
  .skiptabranding-wrap:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .6;
    background-position: center center;
    background-size: cover;
    min-height: 280px;
   /* -webkit-filter: grayscale(1);
    filter: grayscale(1);
    mix-blend-mode: multiply;*/
  }
  /* Safari 6.1-10.0 (not 10.1, which is the latest version of Safari at this time) */
  /* Safari 10.1+ (which is the latest version of Safari at this time) */
  @media not all and (min-resolution:.001dpcm) { @media {
  
  .skiptabranding-wrap:before {
         min-height: 280px;
        }  
  }}
  
  .skiptabranding-wrap .logo {
    position: absolute;
    z-index: 2;
    right: 0.8em;
    bottom: 0.8em;
    left: 0.8em;
    height: 40px;
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .skiptabranding-wrap .logo {
        display: block;
   }
  }
  .skiptabranding-wrap .logo .SK-community-logo {
    width: 100%;
    height: 32px;
  }
  @media (min-width: 768px) {
    .skiptabranding-wrap .logo .SK-community-logo {
        height: 36px;
   }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .dialog-off-canvas-main-canvas__panel--expanded .skiptabranding-wrap {
        width: 8px;
   }
    .dialog-off-canvas-main-canvas__panel--expanded .skiptabranding-wrap:before {
        opacity: 0;
   }
  }
  @media (min-width: 1024px) {
    .dialog-off-canvas-main-canvas__panel--expanded .skiptabranding-wrap {
        height: 48px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
   }
  }
  .blocktabspreloginforms-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll;
    max-height: 100%;
   /* padding: 1.6em 0;
   */
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .blocktabspreloginforms-wrap {
        overflow: auto;
        min-height: 440px;
   }
  }
  .blocktabspreloginforms-wrap .SK-content__logo {
    display: none;
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .blocktabspreloginforms-wrap .SK-content__logo {
        display: block;
        width: 90%;
        margin: 2em auto;
   }
    .blocktabspreloginforms-wrap .SK-content__logo .SK-community-logo {
        width: 100%;
        height: 40px;
   }
  }
  .resetpass-steps {
    font-size:11px;
    font-weight:bold;
    text-align:center;
  }
  .resetpass-steps .steps{
    padding:10px 5px;
  }
  /*Captcha design */
  @media only screen and (min-width: 421px) and (max-width: 767px ) {
    .g-recaptcha{
      position: relative;
      top: -10px;
    }
  }
  @media screen and (max-width: 420px){
    #rc-imageselect, .g-recaptcha {transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .g-recaptcha{
      top: 0px;
    }
  }
  @media screen and (max-width: 350px){
    #rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);}
  }
  
  /* the fallback for IE 10, 11 and Edge. */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    [id*="shade"], [id*="highlight"]{
      fill-opacity: 0.3;
  }
  }
  @supports (-ms-ime-align: auto) {
  [id*="shade"], [id*="highlight"]{
    fill-opacity: 0.3;
  }
  }