@import '../../element-variables';

$mainColor:$--color-primary;
$bg:#2d3a4b;
$dark_gray:#889aa4;
$light_gray:#eee;
$light_black:#555;

//sidebar
$menuBg:#20436b;
$subMenuBg:#052d5a;
$menuHover:#133c79;

@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }
  &::-webkit-scrollbar {
    width: 6px;
  }
  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}