:root {
  /* Max Width Breakpoints */
  --max-xs-breakpoint: 575.98px; /* Extra Small */
  --max-sm-breakpoint: 767.98px; /* Small */
  --max-md-breakpoint: 991.98px; /* Medium */
  --max-lg-breakpoint: 1199.98px; /* Large */
  --max-xl-breakpoint: 1399.98px; /* Extra Large */

  /* Min Width Breakpoints */
  --min-xs-breakpoint: 0; /* Extra Small */
  --min-sm-breakpoint: 576px; /* Small */
  --min-md-breakpoint: 768px; /* Medium */
  --min-lg-breakpoint: 992px; /* Large */
  --min-xl-breakpoint: 1200px; /* Extra Large */
  --min-xxl-breakpoint: 1400px; /* Extra Extra Large */
}

:root {
  --mo-primary-100: #CBFEFD;
  --mo-primary-200: #98F7FD;
  --mo-primary-300: #64E7FA;
  --mo-primary-400: #3DD1F6;
  --mo-primary: #00B0F0;
  --mo-primary-600: #0089CE;
  --mo-primary-700: #0066AC;
  --mo-primary-800: #00498B;
  --mo-primary-900: #003473;
  --mo-blue: #0d6efd;
  --mo-indigo: #6610f2;
  --mo-purple: #6f42c1;
  --mo-pink: #d63384;
  --mo-red: #dc3545;
  --mo-orange: #fd7e14;
  --mo-yellow: #ffc107;
  --mo-green: #198754;
  --mo-teal: #20c997;
  --mo-cyan: #0dcaf0;
  --mo-black: #000;
  --mo-white: #fff;
  --mo-gray: #6c757d;
  --mo-gray-dark: #343a40;
  --mo-gray-100: #F9FAFB;
  --mo-gray-200: #F4F6F8;
  --mo-gray-300: #dee2e6;
  --mo-gray-400: #ced4da;
  --mo-gray-500: #adb5bd;
  --mo-gray-600: #6c757d;
  --mo-gray-700: #495057;
  --mo-gray-800: #343a40;
  --mo-gray-900: #212529;
  --mo-secondary: rgba(255, 236, 179, 0.4);
  --mo-success: #77ed8b;
  --mo-success-text: #065e49;
  --mo-info: #0dcaf0;
  --mo-warning: #ffc107;
  --mo-danger: #dc3545;
  --mo-light: #f8f9fa;
  --mo-dark: #212529;
  --mo-primary-rgba: 0,176,240;
  --mo-primary-rgb: 255, 160, 0;
  --mo-secondary-rgb: 255, 236, 179;
  --mo-success-rgb: 25, 135, 84;
  --mo-info-rgb: 13, 202, 240;
  --mo-warning-rgb: 255, 193, 7;
  --mo-danger-rgb: 220, 53, 69;
  --mo-light-rgb: 248, 249, 250;
  --mo-dark-rgb: 33, 37, 41;
  --mo-primary-text-emphasis: #664000;
  --mo-secondary-text-emphasis: rgba(36, 34, 26, 0.76);
  --mo-success-text-emphasis: #0a3622;
  --mo-info-text-emphasis: #055160;
  --mo-warning-text-emphasis: #664d03;
  --mo-danger-text-emphasis: #58151c;
  --mo-light-text-emphasis: #495057;
  --mo-dark-text-emphasis: #495057;
  --mo-primary-bg-subtle: #d6faf2;
  --mo-secondary-bg-subtle: rgba(255, 254, 251, 0.88);
  --mo-success-bg-subtle: #c8fad6;
  --mo-info-bg-subtle: #cff4fc;
  --mo-warning-text: #b78c09;
  --mo-warning-bg-subtle: #fff3cd;
  --mo-danger-bg-subtle: #ffe9d5;
  --mo-danger-text: #7a0916;
  --mo-light-bg-subtle: #fcfcfd;
  --mo-dark-bg-subtle: #ced4da;
  --mo-primary-border-subtle: #acf6e5;
  --mo-secondary-border-subtle: rgba(255, 252, 244, 0.76);
  --mo-success-border-subtle: #a3cfbb;
  --mo-info-border-subtle: #9eeaf9;
  --mo-warning-border-subtle: #ffe69c;
  --mo-danger-border-subtle: #f1aeb5;
  --mo-light-border-subtle: #e9ecef;
  --mo-dark-border-subtle: #adb5bd;
  --mo-backdrop: rgba(0, 0, 0, 0.5);
  --mo-schedule-text: #673ab7;
  --mo-schedule-bg-subtle: #ede7f6;
  --mo-lms-bg: #f5f5f7;
  --mo-bulk-btn-hover: #7C7C80;
  --mo-dropdown-select: #1e90ff;
  --mo-bulk-bg: #58595b;
  --mo-scrollbar-thumb: #c1c1c1;
  --mo-scrollbar-thumb-hover: #7C7C80;
  --mo-scrollbar-track: #f1f1f1;
  --mo-image-overlay: #0000000f;
  --mo-danger-hover: #f04438;
  --mo-gray-custom: #efefef;
  --mo-icon-color: #5F6368;
  --mo-exam-label-color: #7a285b;
  --mo-note-bg: #fffbf2;
  --mo-note-border: #ffedc6;
  --mo-note-svg: #ffc240;
  ---black-color-medium: rgb(0 0 0 / 75%);
  ---black-color-small: #222222;
  ---gray-small: #f5f5f5;
  ---gray-smallDark: #ebebeb;
  ---gray-medium: #f1f1f1;
  ---gray-medium-dark: #cccccc;
  ---gray-dark: #777777;
  ---menufont-size: 12px;
  --mo-font-base: 0rem;
  --mo-btn-light-green:#77ED8B;
  --mo-btn-light-yellow:#FFD666;
}


body {
  /* font-family: "Poppins", sans-serif !important; */
  /* font-family: "Public Sans", sans-serif !important; */
  --text-color: rgb(33, 43, 54);
  --txt-color: rgb(99, 115, 129);
  --title-color: rgb(33, 43, 54);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(99, 115, 129);
  --title-svg-fill-color: rgb(0, 0, 0);
  --button-bg-color: rgb(33, 43, 54);
  --button-text-color: rgb(255, 255, 255);
  --button-hover-color: rgb(8, 102, 13);
  --highlight-bg-color: rgb(255, 255, 255);
  --border-color: #6308f5;
  --card-bg-color: rgb(255, 255, 255);
  --card-bg-lite-color: rgb(255, 255, 255);
  --card-border-color: #d1d7dc;
  --badge-success-bg-color: #c8facd;
  --badge-success-txt-color: #00ab55;
  --badge-danger-bg-color: #dc3545;
  --badge-danger-txt-color: #ffffff;
  --badge-warning-bg-color: #ffc107;
  --badge-warning-txt-color: #212529;
  --badge-info-bg-color: #d6e4ff;
  --badge-info-txt-color: #1939b7;
  --badge-reg-txt-color: #717070;
  --badge-reg-bg-color: #eee;
  --snackbar-success-bg-color: #eaffec;
  --box-shadow: 0 0 10px 0 rgb(145 158 171 / 24%),
    4px 0px 30px 2px rgb(139 150 161 / 24%);
  --widget-bg-color: #f8f9fa;
  --primary-gray-bg: rgba(50, 53, 55, 0.08);
  --primary-gray-bg-hover: #3235371f;
  --primary-black-text: #323537;
  --primary-title-text-color: #2f3337;
  --primary-text-color: #42484e;
  --primary-text-lite-color: rgb(66 72 78 / 72%);
  --primary-shade: #d6d7d7;
  --primary-shade-lite: #f9fafa;
}

body.dark-theme {
  --text-color: #eee;
  --txt-color: rgb(145, 158, 171);
  --title-color: rgb(255, 255, 255);
  --bg-color: rgb(22, 28, 36);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(99, 115, 129);
  --title-svg-fill-color: rgb(99, 115, 129);
  --button-bg-color: rgb(255, 255, 255);
  --button-text-color: rgb(255, 255, 255);
  --highlight-bg-color: rgb(33, 43, 54);
  --border-color: #6308f5;
  --card-bg-color: rgb(33, 43, 54);
  /* --card-bg-lite-color: rgba(145, 158, 171, 0.16); */
  --card-bg-lite-color: rgb(41 48 58);
  --card-border-color: rgba(145, 158, 171, 0.16);
  --box-shadow: 0 0 10px 0 rgb(0 0 0 / 11%), 4px 0px 30px 2px rgb(0 0 0 / 36%);
  --widget-bg-color: rgb(33, 43, 54);
  --primary-gray-bg: #000000;
  --primary-gray-bg-hover: rgb(33, 43, 54);
  --primary-black-text: #ffffff;
  --primary-title-text-color: #ffffff;
  --primary-text-color: #dfdfdf;
  --primary-text-lite-color: rgb(217 217 217 / 76%);
  --primary-shade: #d6d7d7;
  --primary-shade-lite: #f9fafa;
}

body.dark-theme.green-theme {
  --bg-color: rgb(22, 28, 36);
  --highlight-bg-color: rgb(33, 43, 54);
  --widget-bg-color: rgb(33, 43, 54);
}

body.green-theme {
  --text-color: rgb(0, 171, 85);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(0, 171, 85);
  --active-content-bg-color: rgba(0, 171, 85, 0.08);
  --button-bg-color: rgb(0, 171, 85);
  --button-text-color: rgb(255, 255, 255);
  --button-hover-color: rgb(8, 102, 13);
  --highlight-bg-color: rgb(235 249 241);
  --border-color: rgb(0 171 85 / 15%);
}

body.dark-theme.violet-theme {
  --bg-color: rgb(22, 28, 36);
  --highlight-bg-color: rgb(33, 43, 54);

  --widget-bg-color: rgb(33, 43, 54);
}

body.violet-theme {
  --text-color: rgb(118, 53, 220);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: #6308f5;
  --active-content-bg-color: rgba(118, 53, 220, 0.08);
  --button-bg-color: #6308f5;
  --button-text-color: rgb(255, 255, 255);
  --button-hover-color: #5208c8;
  --highlight-bg-color: #f4effd;
  --border-color: #6308f5;
}

body.dark-theme.blue-theme {
  --bg-color: rgb(22, 28, 36);
  --highlight-bg-color: rgb(33, 43, 54);

  --widget-bg-color: rgb(33, 43, 54);
}

body.blue-theme {
  --text-color: rgb(28, 202, 255);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(28, 202, 255);
  --active-content-bg-color: rgba(28, 202, 255, 0.08);
  --button-bg-color: rgb(28, 202, 255);
  --button-text-color: rgb(0, 0, 0);
  --button-hover-color: rgb(28, 171, 215);
  --highlight-bg-color: rgb(237 251 255);
  --border-color: rgb(28 202 255 / 15%);
}

body.dark-theme.dark-blue-theme {
  --bg-color: rgb(22, 28, 36);
  --highlight-bg-color: rgb(33, 43, 54);

  --widget-bg-color: rgb(33, 43, 54);
}

body.dark-blue-theme {
  --text-color: rgb(32, 101, 209);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(32, 101, 209);
  --active-content-bg-color: rgba(32, 101, 209, 0.08);
  --button-bg-color: rgb(32, 101, 209);
  --button-text-color: rgb(255, 255, 255);
  --button-hover-color: rgb(21, 75, 161);
  --highlight-bg-color: rgb(237 243 252);
  --border-color: rgb(32 101 209 / 15%);
}

body.dark-theme.orange-theme {
  --bg-color: rgb(22, 28, 36);
  --highlight-bg-color: rgb(33, 43, 54);

  --widget-bg-color: rgb(33, 43, 54);
}

body.orange-theme {
  --text-color: rgb(253, 169, 45);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(253, 169, 45);
  --active-content-bg-color: rgba(253, 169, 45, 0.08);
  --button-bg-color: rgb(253, 169, 45);
  --button-text-color: rgb(0, 0, 0);
  --button-hover-color: rgb(234, 156, 41);
  --highlight-bg-color: rgb(255 248 238);
  --border-color: rgb(253 169 45 / 15%);
}

body.dark-theme.red-theme {
  --bg-color: rgb(22, 28, 36);
  --highlight-bg-color: rgb(33, 43, 54);

  --widget-bg-color: rgb(33, 43, 54);
}

body.red-theme {
  --text-color: rgb(255, 48, 48);
  --bg-color: rgb(255, 255, 255);
  --anchor-color: #809fff;
  --svg-fill-color: rgb(255, 48, 48);
  --active-content-bg-color: rgba(255, 48, 48, 0.08);
  --button-bg-color: rgb(255, 48, 48);
  --button-text-color: rgb(255, 255, 255);
  --button-hover-color: rgb(225, 48, 48);
  --highlight-bg-color: rgb(255 238 238);
  --border-color: rgb(255 48 48 / 15%);
}