@import 'src/@fuse/scss/fuse';

#dashboard-analytics {
  .main-widget {
    display: flex;
    flex-direction: column;
  }

  // .dashboard-iframe {
  //   display: flex;
  //   height: calc(100vh - 110px);
  //   flex-direction: column;
  // }

  .draggable {
    padding: 10px;
    width: 200px;
    border: solid 2px #000;
    margin-left: 20px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  }

  .content {
    // display: flex;
    // flex: 1 1 auto;
    // padding: 32px;
    // min-width: 0;

    display: flex;
    height: calc(100vh - 110px);
    flex-direction: column;

    @include media-breakpoint('lt-lg') {
      flex-direction: column;
    }

    .left {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      min-width: 0;

      .widget {
        flex: 1 1 auto;
        min-width: 0;
      }
    }

    .right {
      display: flex;
      flex: 0 0 auto;
      width: 320px;
      min-width: 320px;
      max-width: 320px;

      @include media-breakpoint('lt-lg') {
        flex: 1 0 100%;
        margin-top: 32px;
        width: 100%;
        min-width: 0;
        max-width: none;
      }

      .fuse-card {
        @include media-breakpoint('lt-lg') {
          width: 100%;
          min-width: 0;
          max-width: none;
        }
      }
    }
  }
}
