@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --pl-layout-menu-width: 330px;
  --pl-layout-topbar-height: 50px;
  --pl-layout-menu-width-collapsed: 80px;
  --plcolor-accent: #8330fd;
  --plcolor-whitebg: #ffffff;
  --plcolor-lightbg: #f4f4f4;
  --plcolor-lightbg-hover: #fafafa;
  --plcolor-text: #0d0d0d;
  --plcolor-sidebarlink: #909090;
  --plcolor-topbarbtn: #b7b7b7;
  --plcolor-rowhover: #8330fd1a;
  --plimage-logo: url("https://asaka.realsoft.uz/media/store/them-brumello/icons/asaka-logo-light.png");
  --theme-picker-primary: #bbd4ff;
  --theme-picker-secondary: #0033bf;
  --pl-top-bar: #ffffff;
  --pl-primary-color: #8330fd;
  --pl-btn-primary: #8330fd;
  --pl-btn-primary-hover: #6a93cd;
  --pl-btn-primary-focus: #3e72bb;
  --pl-btn-success: #46be8a;
  --pl-btn-success-hover: #5dc698;
  --pl-btn-success-focus: #3caa7a;
  --pl-btn-warning: #f39834;
  --pl-btn-warning-hover: #f5a751;
  --pl-btn-warning-focus: #f57a68;
  --pl-btn-warning-border-color: #f39834;
  --pl-dialog-top-bar: #8330fd;
  --pl-profile-bg: #ffffff;
  --pl-input-bg: #ffffff;
  --pl-menu-active-bg: #8330fd;
  --pl-menu-active-text-color: #ffffff;
  --pl-form-input-text-color: #0d0d0d;
  --pl-form-select-bg: #ffffff;
  --pl-form-selected-option-bg: #cf554a;
  --pl-form-select-option-hover: #8330fd;
  --pl-form-layout-bg: #ffffff;
  --pl-form-input-disabled: #f2f4f8;
  --pl-form-select-disabled: #f2f4f8;
  --pl-table-td-group-cell: #ffffff;
  --pl-form-image-upload-bg: whitesmoke;
  --pl-form-image-upload-bg-hover: #e6e6e6;
  --pl-markdown-editor-bg: #ffffff;
  --pl-markdown-editor-text-color: #2c3e50;
  --pl-file-manager-bg-color: #ffffff;
  --pl-file-manager-splitter-border-bg: #ffffff;
  --pl-file-manager-folder-color: #8330fd;
  --pl-menu-active-border-color: #8330fd;
  --pl-tab-active-bg-color: #ffffff;
  --pl-tab-active-text-color: #0d0d0d;
  --pl-tab-active-border-color: #dee2e6;
  --pl-tab-link-border-color: transparent;
  --pl-select-search-input-bg-color: #ffffff;
  --pl-table-tbody-th-bg-color: #f9f9f9;
  --pl-data-picker-icon-color: #1e1e1e;
  --pl-card-get-user-info-bg-color: #f2f4f8;
  --pl-ck-editor-bg-color: none;
  --pl-ck-editor-toolbar-icon-color: none;
  --pl-ck-editor-focused-border-color: none;
  --pl-ck-button-hover-color: #dee2e6;
  --pl-table-skeleton-loader-bg-color: #f2f4f8;
  --pl-table-odd-row-loader-bg-color: #f2f4f8;
  --pl-tab-content-bg-color: #ffffff;
  --pl-tab-content-border-color: #dee2e6;
  --pl-accordion-bg-color: #8330fd;
  --pl-accordion-bg-hover-color: #ff7568;
  --pl-accordion-bg-focus-color: #cf554a;
  --pl-accordion-border-color: #8330fd;
  --pl-505050-border-color: none;
  --pl-form-tr-hover-color: #f8f9fc;
  --pl-login-page-bg-color: #e7ebf3;
  --pl-login-page-line-text-color: #0d0d0d;
  --pl-date-picker-bg-color: #ffffff;
  --pl-date-picker-selected-bg-color: #8330fd;
  --pl-date-picker-today-bg-color: rgb(109, 126, 166);
  --pl-date-picker-month-td-color: rgb(86, 103, 143);
  --pl-date-picker-element-hover-bg-color: #f6f6f6f5;
  --pl-column-wrapper: #92aaff;
  --pl-filter-column-field-border: #ebebed;
  --pl-base-font-family: sans-serif;
  --pl-btn-primary-link: #8330fd;
  --pl-btn-primary-link-text: #ffffff;
  --pl-btn-link-hover: #ffffff;
  --pl-btn-primary-text: #ffffff;
  --pl-btn-primary-text-btn: #ffffff;
  --pl-card-bg: #ffffff;
  --pl-card-bg-disabled: #f6f6f6;
  --pl-card-bg-hover: #f8f8f8;
  --pl-card-border-color: #e7ebf3;
  --pl-bg: #f5f5f5;
  --pl-text-color: #0d0d0d;
  --pl-link-color: #0d0d0d;
  --pl-link-hover-color: #0d0d0d;
  --pl-table-odd-row-color: #f8f9fc;
  --pl-table-border-color: #c5cfe2;
  --pl-table-hover-color: #e7ebf3;
  --pl-form-fieldset-bg: #f3f3f3;
  --pl-form-element-border-color: #adbccb;
  --pl-arrow-icon-bg-color: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Inter", serif;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: var(--plcolor-lightbg);
}
*::-webkit-scrollbar-thumb {
  background: rgba(28, 79, 209, 0.5);
  border-radius: 10px;
}
*.fa, *.far, *.fas {
  font-family: "Font Awesome 5 Free";
}

.left-menu {
  max-width: 250px;
  width: 250px;
  min-width: 250px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.left-menu .platon-profile {
  display: none !important;
}

.left-menu .topbar {
  all: unset;
  background: url("https://api.uni-flow.uz/web/v1/store/file/them-interno/images/uniFlowTest16.svg") no-repeat 10px center #fff;
  z-index: 2;
  height: var(--pl-layout-topbar-height);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #e4e7ed;
}

.left-menu .topbar * {
  display: none;
}

#sidebar-menu > ul > li > a {
  all: unset;
  height: 30px;
  padding: 5px 10px 5px 25px;
  cursor: pointer;
  gap: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#sidebar-menu > ul > li > a > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #303133;
}
#sidebar-menu > ul > li > a i {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: auto;
  height: auto;
  font-size: 15px;
  color: #303133 !important;
  padding: 0;
  margin: 0;
  width: 20px;
  text-align: left;
}
#sidebar-menu > ul > li > a:hover {
  opacity: 0.6;
}
#sidebar-menu > ul > li > a.active span,
#sidebar-menu > ul > li > a.active i,
#sidebar-menu > ul > li > a.active a {
  color: var(--plcolor-accent) !important;
}

.collapsed #sidebar-menu > ul > li > a {
  padding: 5px 10px 5px 25px;
}

.left-menu.collapsed .menu-level-1 > .menu-icon {
  font-size: 14px !important;
}

.sidebar__footer {
  display: none !important;
}

.topbar {
  all: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  height: var(--pl-layout-topbar-height);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border-bottom: 1px solid #e4e7ed;
}
.topbar > div {
  display: none;
}

.cstm-topbar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative;
  margin: 0 15px 0 auto;
}
.cstm-topbar__user {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0 0 0 45px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cstm-topbar__user-image {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cstm-topbar__user-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  width: 150px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #303133;
  line-height: 16px;
}
.cstm-topbar__user-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #909399;
  font-size: 14px;
  line-height: 20px;
}
.cstm-topbar__user-popup {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  background: #fff;
  width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding: 10px 0;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.cstm-topbar__user-link {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  text-decoration: none !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.cstm-topbar__user-link:hover {
  opacity: 0.6;
}
.cstm-topbar__user:hover .cstm-topbar__user-popup {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: grey;
  padding: 2px 25px;
  height: 32px;
  border-radius: 10px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
  line-height: 1;
}
.btn:active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
  background-color: unset !important;
}
.btn:hover {
  opacity: 0.7;
}
.btn.btn-secondary, .btn.btn-text {
  background: var(--plcolor-lightbg) !important;
  color: var(--plcolor-accent) !important;
  border: 1px solid var(--plcolor-lightbg) !important;
}
.btn.btn-secondary:hover, .btn.btn-text:hover {
  opacity: 0.7;
}
.btn.btn-secondary i, .btn.btn-text i {
  color: var(--plcolor-accent) !important;
}
.btn.btn-primary {
  background-color: var(--plcolor-accent) !important;
  border-color: var(--plcolor-accent) !important;
}
.btn.btn-primary:hover:active, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  background-color: var(--plcolor-accent) !important;
}
.btn.btn-success {
  background-color: #00b06c !important;
  border-color: #00b06c !important;
}
.btn.btn-success:hover:active, .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
  background-color: #00b06c !important;
}
.btn.btn-danger {
  background-color: #ff4c48 !important;
  border-color: #ff4c48 !important;
}
.btn.btn-danger:hover:active, .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
  background-color: #ff4c48 !important;
}
.btn.btn-info {
  background-color: #226ce6 !important;
  border-color: #226ce6 !important;
}
.btn.btn-info:hover:active, .btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus {
  background-color: #226ce6 !important;
}
.btn.btn-warning {
  background-color: #efa62a !important;
  border-color: #efa62a !important;
}
.btn.btn-warning:hover:active, .btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus {
  background-color: #efa62a !important;
}

.fullscreen {
  height: 32px;
  right: 0 !important;
  padding: 5px 15px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fullscreen.sql-fullscreen {
  right: 60px !important;
}

.input-group .btn,
.btn:has(img) {
  padding: 0;
  min-width: 32px;
}

.link:has(.btn) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none !important;
}

.control-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 15px 0 0 0;
  padding: 0;
  row-gap: 10px;
}