body, html {
    height:100%;
    margin: 0;
  }
body{
  overflow: hidden;
  //default font
  font: 400 16px/1.125 Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}


  #ft-wrapper {    
    height: calc(100% - 90px);    

    .mainContent{
      width: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      min-height: 100%;
      height: 100%;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -webkit-overflow-scrolling: touch;
      position: relative;
      .ps-scrollbar-x-rail{
        display: none!important;
      }
    }
    

    .ft-components-wrapper{
      padding: 28px 15px 20px 15px;
    }

// sc-editor fullscreen issue fixed
    .mat-drawer-opened{
      z-index: 1;
    }  

  }

  .ft-transition {
    transition: all 0.4s ease 0s;
  }


  .mat-drawer-opened ~ #ft-sidenav-content{
    .background-image-holder {
      left: 320px;
      -webkit-transition: all .4s cubic-bezier(0.25, .8, .25, 1) !important;
    transition: all .4s cubic-bezier(0.25, .8, .25, 1) !important;

    }

  }

  

  // if formNoNavBar  !exist
#ft-navbar-wrap + #ft-wrapper .background-image-holder{
  top: 90px;
}

//col-xs
@media (max-width: 767.98px) {
  #ft-wrapper .mat-drawer-opened{
    z-index: 3;
  }


}