/* compiled by scssphp 1.12.1 on Tue, 14 Oct 2025 19:03:12 +0000 (0.1907s) */

/* Shared Styles between all admin panels */
:root {
  --menu-icon-background-color: #fff;
  --menu-icon-color: #898989;
  --menu-top-icon-border-color: #f5f5f5;
  --menu-border-color: #3b82f680;
  --header-size: 32px;
  --icon-size: 24px;
  --icon-color:  #fff;
  --primary-color: #004aad;
  --light-grey: #8e8e8e;
}
.icon {
  --icon-padding: 7px;
  width: calc(var(--icon-size) + var(--icon-padding) * 2);
  height: calc(var(--icon-size) + var(--icon-padding) * 2);
  padding: var(--icon-padding);
  border-radius: 8px;
  background: var(--primary-color);
}
.icon.quizzes::after {
  -webkit-mask-image: url("../../../icons/menu-top/quiz.svg");
  mask-image: url("../../../icons/menu-top/quiz.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.search::after {
  -webkit-mask-image: url("../../../icons/menu-top/search.svg");
  mask-image: url("../../../icons/menu-top/search.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.json::after {
  -webkit-mask-image: url("../../../icons/menu-top/curly-brackets.svg");
  mask-image: url("../../../icons/menu-top/curly-brackets.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.edit-manual::after {
  -webkit-mask-image: url("../../../icons/menu-top/edit-property.svg");
  mask-image: url("../../../icons/menu-top/edit-property.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.submissions::after {
  -webkit-mask-image: url("../../../icons/menu-top/submissions.svg");
  mask-image: url("../../../icons/menu-top/submissions.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.completed-quiz::after {
  -webkit-mask-image: url("../../../icons/menu-top/completed-quiz.svg");
  mask-image: url("../../../icons/menu-top/completed-quiz.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.subscribed-quiz::after {
  -webkit-mask-image: url("../../../icons/menu-top/subscribed-quiz.png");
  mask-image: url("../../../icons/menu-top/subscribed-quiz.png");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.opened-emails::after {
  -webkit-mask-image: url("../../../icons/menu-top/email.svg");
  mask-image: url("../../../icons/menu-top/email.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.stats::after {
  -webkit-mask-image: url("../../../icons/menu-top/statistics.svg");
  mask-image: url("../../../icons/menu-top/statistics.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.prompt::after {
  -webkit-mask-image: url("../../../icons/menu-top/prompt.svg");
  mask-image: url("../../../icons/menu-top/prompt.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.user-home::after {
  -webkit-mask-image: url("../../../icons/menu-top/course.svg");
  mask-image: url("../../../icons/menu-top/course.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.course::after {
  -webkit-mask-image: url("../../../icons/menu-top/course.svg");
  mask-image: url("../../../icons/menu-top/course.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.radar::after {
  -webkit-mask-image: url("../../../icons/menu-top/radar.svg");
  mask-image: url("../../../icons/menu-top/radar.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.folder::after {
  -webkit-mask-image: url("../../../icons/menu-top/folder.svg");
  mask-image: url("../../../icons/menu-top/folder.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.ai::after {
  -webkit-mask-image: url("../../../icons/menu-top/ai.svg");
  mask-image: url("../../../icons/menu-top/ai.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.ai-agent::after {
  -webkit-mask-image: url("../../../icons/menu-top/ai-agent.svg");
  mask-image: url("../../../icons/menu-top/ai-agent.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon.ai-agents::after {
  -webkit-mask-image: url("../../../icons/menu-top/ai-agent.svg");
  mask-image: url("../../../icons/menu-top/ai-agent.svg");
  background: var(--icon-color);
  background-size: var(--icon-size);
  mask-size: var(--icon-size);
  mask-repeat: no-repeat;
  mask-position: center;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}
.icon::after {
  content: "";
}
.icon.transparent {
  background: transparent;
  --icon-padding: 1px;
}
.icon.transparent::after {
  background: var(--menu-icon-color);
}
.main-admin-panel .section-header {
  display: flex;
  gap: 12px;
  padding-left: 16px;
}
.main-admin-panel .section-header .section-icon {
  /*border-radius: 4px; 
			border: 1px solid var(--menu-top-icon-border-color); */
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-admin-panel .section-header h2 {
  font-size: var(--header-size);
  font-weight: bold;
}
.menu-top.x-toolbar-default {
  background-color: #bbbbbb;
}