:root {
  --primary: rgba(126, 142, 161, 1);
  /* --primary-dark: rgb(209, 0, 105, 1); */
  --primary-dark: rgba(0, 0, 0, 1);
  --primary-70: rgba(126, 142, 161, 0.7);
  --primary-50: rgba(126, 142, 161, 0.5);
  --primary-30: rgba(126, 142, 161, 0.3);
  --primary-10: rgba(126, 142, 161, 0.1);
  --logo: rgba(0, 0, 0, 1);
  --sidebar-icon: #fff;
  --secondary: #5C7AFF;
  --tertiary: #FBAF00;
  --dark: #292F36;
  --blue: #5C7AFF;
  --yellow: #F4E409;
  --dark-green: #218380;
  --orange: #FBAF00;
}

.bg-grad-sidebar {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(126, 142, 161)),
    to(rgb(60, 70, 85))
  );

  background-image: linear-gradient(
    0deg,
    rgba(126, 142, 161, 1),
    rgb(60, 70, 85)
  );
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color:#eef1f3;
    background-color: rgba(238, 241, 243, var(--bg-opacity));
}

.text-secondary {
    color:var(--secondary)
}

.text-primary-bold {
    color:var(--primary);
    font-weight: 600;
}

.p-relative {
    position: relative;
}

.current-language-header-icon {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -2px;
    left: 20px;
    border: 2px solid --tertiary;
    padding: 2px;
    background: white;
}