$frame-border: 3px;
$frame-outside: 50px;
$current-head: 50px;
$search-frame: 50px;

@mixin div-box-shadow {
  width: calc(100% - #{$frame-outside});
}

.mat-toolbar {
  &.mat-toolbar-single-row {
    height: $frame-outside;
  }
}

.main-container {
  padding-top: $frame-outside;
  border-width: $frame-border;
  border-style: solid;
  .mat-tab-group {
    &.global-menu {
      width: $frame-outside;
    }
  }
  .left-side-tabs-body {
    @include div-box-shadow;
  }
}

.current-head {
  height: $frame-outside;
}

// 글로벌 메뉴 별 리스트 높이 값
.left-side-tabs-contents {
  .left-group-side {
    .search-result {
      height: calc(100% - #{$current-head + $search-frame});
    }
  }
  .app-layout-chat-left-sidenav-chat-list {
    height: calc(100% - #{$current-head + $search-frame});
  }
  .oraganization-tab {
    height: calc(100% - #{$current-head + $search-frame});
  }
  .message-section {
    height: calc(100% - #{$current-head + $search-frame});
  }
}
