publish-menu {
  float: left;
  width: 100%;
  height: 100%;
  .container {
    padding: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    .grid-container {
      float: left;
      height: calc(100% - 40px);
      width: 100%;
    }
    .edit-block {
      float: left;
      height: calc(100% - 0px);
      width: 100%;
    }
    .button-menu {
      float: left;
      width: 100%;
      border-top: 1px solid #bdbdbd;
      padding: 5px 0;
      text-align: right;
      height: 32px;
    }
    .duplicateCatalogMsg {
      position: absolute;
      color: #ff3131;
      background: #ffffcf;
      z-index: 100;
      right: 30px;
      border: 1px solid #ff3131;
      padding: 10px;
      border-radius: 5px;
    }
  }
}
publish-settings {
  float: left;
  width: 100%;
  height: 100%;

  .required {
    float: left;
    padding: 5px;
    width: calc(100% - 10px);
  }
  .input-container {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px;
    span.title {
      margin-bottom: 4px;
      float: left;
      width: 100%;
    }
  }
  input.path-display {
    width: calc(100% - 20px);
    border: 1px solid #e6e6e6;
    height: 19px;
    padding: 2px 5px;
  }

  input.path-display.disabled {
    opacity: 0.3;
  }
  .publish_form {
    float: left;
    height: calc(100% - 45px);
    width: 100%;
  }
  .auth-div {
    float: left;
    padding: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 125px);
  }
  select {
    float: left;
    width: calc(100% - 9px);
    border: 1px solid #e6e6e6;
    height: 22px;
  }
  select:active,
  select:focus,
  input[type="text"]:focus,
  input[type="text"]:active {
    outline: 1px solid #0088cc;
  }
  span.alert {
    float: left;
    color: red;
    margin-left: 5px;
    position: absolute;
  }
  span.alert.url {
    left: 20px;
    top: 122px;
  }
  span.alert.name {
    left: 20px;
    top: 64px;
  }

  input.ng-invalid.ng-touched {
    border: 1px solid red;
    outline: none;
  }
}