/* layout */
.display-flex {
  display: flex;
}

.flex-align-items-center {
  align-items: center;
}

.flex-justify-content-center {
  justify-content: center;
}

.flex-justify-content-end {
  justify-content: flex-end;
}

.display-block {
  display: block;
}

$border-radius-primary: 4px;
$border-radius-secondary: 2px;
$border-radius-tertiary: 6px;

/* need to hide invalid license background */
div[kendowatermarkoverlay] {
  display: none;
}

:root {
  --ui-kit-header-height: 86px;
  --ui-kit-sidebar-collapsed-width: 56px;
  --ui-kit-sidebar-expanded-width: 256px;
  --ui-kit-layout-gap: 25px;
}

@mixin scrollbar {
  &::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background-color: var(--ui-kit-color-white);
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--ui-kit-color-grey-12);
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: var(--ui-kit-color-grey-18);
  }
}