@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/source-sans-pro");
body {
  background: #f5f6ff; }

.main-zone {
  display: flex;
  min-height: 100vh;
  background: #f5f6ff;
  overflow-y: auto; }
  .main-zone .zone-sidebar-external {
    width: auto;
    position: sticky;
    top: 0; }
  .main-zone .wrp-zone-header-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100vh; }
    .main-zone .wrp-zone-header-body .zone-header {
      height: auto;
      width: 100%;
      position: sticky;
      top: 0;
      z-index: 1; }
    .main-zone .wrp-zone-header-body .zone-body {
      display: flex;
      flex: 1;
      overflow-y: auto; }
      .main-zone .wrp-zone-header-body .zone-body .zone-sidebar-internal {
        width: auto;
        position: sticky;
        top: 0px; }
      .main-zone .wrp-zone-header-body .zone-body .zone-right-content {
        flex: 1;
        display: flex;
        padding: 20px;
        gap: 20px;
        height: fit-content;
        min-height: 100%; }
        .main-zone .wrp-zone-header-body .zone-body .zone-right-content .zone-main-container {
          flex: 1; }
        .main-zone .wrp-zone-header-body .zone-body .zone-right-content .zone-bk-right {
          width: 100%;
          max-width: 220px;
          height: fit-content; }

.ui-sidebar {
  width: 220px;
  height: 100%;
  overflow-y: auto;
  padding: 20px 0px; }

.ui-header {
  width: 100%;
  height: 56px;
  box-shadow: 0px 1px 4px 0px rgba(80, 80, 80, 0.180392);
  padding: 20px 20px; }

.ui-main-container {
  width: 100%;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0px 4px 4px 0px rgba(80, 80, 80, 0.180392);
  border: 1px solid #e5e5e5;
  height: 100%;
  padding: 20px; }

.bg-green-light-preview {
  background-color: #e0ffcd; }

.bg-blue-sem-dark-preview {
  background-color: #018cdb; }

.bg-blue-preview {
  background-color: #00a2ff; }

.wrp-logo {
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f6ff40; }
  .wrp-logo .link-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none; }
    .wrp-logo .link-logo .wrp-img-logo {
      width: 60px;
      height: auto;
      text-decoration: none;
      display: block;
      margin: auto; }
      .wrp-logo .link-logo .wrp-img-logo .logo-img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .wrp-logo .link-logo .titl-logo {
      font-size: 24px;
      color: white;
      font-weight: 600;
      text-align: center; }

/*# sourceMappingURL=ui-layout.css.map */