.open-dlg {

  .body {
    & > div {
      width: 100%;
    }

    .box > div {
      display: inline-block;
      height: 100%;
    }

    .content-panel {
      vertical-align: top;
      padding-bottom: 10px;
      width: 100%;

      label {
        .font-size-normal();
        font-weight: normal;

        &.input-label{
          margin-bottom: 0;
          vertical-align: middle;
        }

        &.header {
          .font-weight-bold();
        }

      }

      #id-preview {
        width: 100%;
        height: 110px !important;
        position:relative;
        overflow:hidden;
        border: @border-regular-control-ie solid @scaled-one-px-value-ie;
        border: @border-regular-control solid @scaled-one-px-value;
      }

      #id-preview-data {
        width: 100%;
        height: 108px !important;
        position:relative;
        overflow:hidden;
      }

      table {
        min-height: 108px;
      }

      td {
        padding: 1px 8px 1px 0;
        border-right: @border-regular-control-ie solid @scaled-one-px-value-ie;
        border-right: @border-regular-control solid @scaled-one-px-value;
        min-width: 30px;
        height: 17px;
        white-space: nowrap;
        .rtl & {
          padding: 1px 0 1px 8px;
        }
      }

      td:last-child {
        border-right: none;
      }

      tr:last-child {
        td {
          padding-bottom: 8px;
        }
      }

      .icon.warn {
        .float-left();
        width: 40px;
        height: 40px;
        background: ~"url('@{common-image-const-path}/controls/warnings_s.svg#attention')" no-repeat center;

      }
    }
  }
}