.square-ui-page-content-path {
  margin-bottom: 15px;
}

.page__content {
  margin-top: -30px;
  padding-top: 30px;
  margin-right: -30px;
  padding-right: 30px;
  overflow-y: auto !important;
}

.page__container {
  width: 100%;
  padding: 30px 30px 40px 290px;
  transition: all 0.25s;
  &.minimized {
    padding-left: 90px;
  }
}


@media only screen and (max-width: 1599px) {
  .page__container {
    padding: 30px 30px 30px 280px;
    &.minimized {
      padding-left: 90px;
    }
  }
}

@media only screen and (max-width: 1365px) {
  .page__container {
    padding: 30px 25px 30px 275px;
    &.minimized {
      padding-left: 90px;
    }
  }
}

@media only screen and (max-width: 1199px) {
  .page__container {
    padding: 25px 20px 25px 270px;
    &.minimized {
      padding-left: 90px;
    }
  }
}

@media only screen and (max-width: 1023px) {
  .page__container {
    width: 100%;
    padding: 25px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .page__container {
    padding: 20px;
  }
}