/* NOTE: THIS FILE IS TO BE DEPRECATED */

md-whiteframe.beyond-content-frame {
  margin: 30px;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.1),
              0px 6px 10px 0px rgba(0, 0, 0, 0.04),
              0px 1px 9px 0px rgba(0, 0, 0, 0.06);

  md-content.beyond-content {
    background-color: $content-frame-background;

    .beyond-content-header {
      padding: 14px 20px 15px;
      border-bottom: 1px solid #E5E5E5;
      justify-content: space-between;
      align-items: center;

      h3 {
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600;
      }

      .header-update-time {
        font-size: 14px;
        font-size: 1.4rem;
      }
    }

    .beyond-content-body {
      padding: 20px;

      .beyond-content-gutter {
        width: 180px;
        padding: 0 20px 0 0;

        img {
          width: 100%;
        }
      }

      .beyond-content-primary {

        form {

          .button-row {
            justify-content: flex-end;
          }
        }
      }
    }

    .beyond-content-table {

    }
  }
}
