:root {
  --el-color-primary: #fbba00;
  --el-color-primary-light-3: #fcce4d;
  --el-color-primary-light-5: #fddc80;
  --el-color-primary-light-7: #feeab3;
  --el-color-primary-light-8: #fef1cc;
  --el-color-primary-light-9: #fff8e6;
  --el-color-primary-dark-2: #fddc80;
}

:root.dark {
  --el-color-primary: #fbba00;
  --el-color-primary-light-3:#fab277;
  --el-color-primary-light-5:#f9aa4e;
  --el-color-primary-light-7:#f99000;
  --el-color-primary-light-8:#f99000;
  --el-color-primary-light-9:#f99000;
  --el-color-primary-dark-2: #fab277;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0;
  background-color: transparent;
  overflow-y: scroll !important;
  width: 100% !important;
}

html.dark {
  /* custom dark bg color */
  --el-bg-color: #000000;
  background: #000000;
}

.platform-link {
  color: var(--el-color-primary);
  text-decoration: none;
}

.platform-hr {
  border-bottom: 1px solid var(--el-border-color);
}

.platform-link:hover,
.platform-link:active {
  color: var(--el-color-primary-light-3);
  text-decoration: underline;
}

.platform_topbar .el-menu--horizontal {
  height: 50px;
}

.platform_topbar.el-header,
.platform_footerbar.el-footer {
  padding: 0px !important;
}

.platform_topbar_brand span {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 176px;
  padding: 14px 0px;
}

@media screen and (max-width: 600px) {
  .platform_topbar_brand {
    padding: 0px 20px !important;
    margin: 0px;
    width: 130px !important;
    float: left;
    justify-content: left;
    height: 50px;
    margin: 0px 0px !important;
    border-bottom: 1px solid var(--el-border-color);
  }
  .platform_sidebar {
    width: 280px !important;
    border-right: 0px !important;
  }
  .platform_sidebar .el-sub-menu__title span {
    width: 190px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 0px !important;
  }
  .platform_sidebar .el-menu-item {
    width: 275px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px !important;
  }
  .platform_sidebar .el-menu-item > span {
    width: 205px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px !important;
  }
  .platform_sidebar .el-menu {
    padding-top: 10px;
  }
}
@media screen and (min-width: 600px) {
  .platform_topbar_brand {
    padding: 0px 20px !important;
    margin: 0px;
    width: 230px !important;
    float: left;
    justify-content: left;
    height: 50px;
  }
  .platform_sidebar {
    width: 230px !important;
  }
  .platform_sidebar .el-sub-menu__title span {
    width: 140px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .platform_sidebar .el-menu-item {
    width: 225px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
    margin-right: 0px;
  }
  .platform_sidebar .el-menu-item > span {
    width: 155px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
    margin-right: 0px;
  }
}
.platform_footerbar {
  margin-top: 10px;
}

.platform_footerbar p {
  margin-top: 10px;
}

.platform_sidebar .el-drawer__header,
.platform_sidebar .el-drawer__body {
  overflow-x: hidden;
  padding: 0px;
  margin: 0 0 !important;
}

.footer-bar {
  display: flex;
  flex-wrap: nowrap;
  border-top: solid 1px var(--el-menu-border-color);
  border-right: none;
  text-align: center;
  padding: 0px !important;
  margin: 0px !important;
}

.footer-bar > div {
  margin: 15px auto;
}

.platform_footerbar {
  padding: 0px !important;
  margin: 0px !important;
  margin-top: 10px !important;
}

.el-drawer__header,
.el-drawer__body {
  border-right: 1px solid var(--el-border-color);
}

.el-drawer__body .el-menu {
  border-right: 0px;
}

.flex-grow[data-v-62316958] {
    flex-grow: 1;
}
.platform_topbar_brand[data-v-62316958] {
    cursor: pointer;
}


.el-card {
    padding-bottom:0;
}