@import '~styles/mixins';
@import '~styles/adminMixins';

.ModuleDetailStructure {
  display: flex;
  height: 100%;

  .general {
    flex-grow: 1;
    padding: 30px 30px 30px 50px;
  }

  .header {
    display: flex;
    border-bottom: 2px solid $color-border;
    padding: 0 0 25px 0;
    align-items: center;

    .title {
      font-size: 32px;
      font-weight: bold;
      letter-spacing: 0.6px;
    }

    .back {
      color: $color_primary;
      cursor: pointer;
      margin-right: 30px;

      .icon {
        margin-right: 15px;
      }
    }
  }

  .options {
    min-width: 300px;
    padding: 30px;
    outline: 2px solid $color-border;
  }

  > * {
    overflow: auto;
  }

  ::-webkit-scrollbar-track {
    background: $color-border !important;
  }

  ::-webkit-scrollbar {
    width: 2px !important;
  }

  .action-container {
    margin-bottom: 30px;
  }
}
