@light-gray: #f9f9fa;
@dark-gray: #e1e1e1;
@white: #FFFFFF;

body {
  div[data-container="snc-items"] {
    background-color: @light-gray;
    border-radius: 3px;
    border: 1px dashed @dark-gray;
    width: 100%;
    min-height: 200px;
    margin: 5px;

    div[data-rule="snc-item"] {
      margin: 5px;
      width: calc(~"100% - 10px");
      min-height: 100px;
      position: relative;
      background-color: @white;
      border-radius: 3px;
      border: 1px solid @dark-gray;
      padding-top: 25px;
      height: auto;

      &:after {
        clear: both;
        display: table;
        content: " ";
      }

      button {
        top: 0;
        right: 0;
        position: absolute;
      }

      .form-control {
        width: calc(~"100% - 5px");
      }

      .control-label {
        text-align: left !important;
      }
    }
  }
}