:root {
   --classroom-logo: url('../plugins/images/acadekids.png');

   /* Palette Colors */
   --color-a: #00e1f6;
   --color-b: #eb79f2;
   --color-c: #001648;
   --color-d: #3d71ff;
   --color-e: #fbfd00;
   --color-f: #00ed54;
   --color-g: #003f5c;

   --classroom-teacher-dashboard-color: var(--color-g);
   --classroom-teacher-dashboard-color-rgb: rgb(0, 63, 92);

   --classroom-primary: var(--color-a);
   --classroom-primary-rgb: rgb(0, 225, 246);

   --classroom-primary-dark: #00c8da;
   --classroom-primary-dark-rgb: rgb(0, 200, 218);

   --classroom-secondary: var(--color-b);
   --classroom-secondary-rgb: rgb(235, 121, 242);

   --classroom-secondary-dark: #934298;
   --classroom-secondary-dark-rgb: rgb(147, 66, 152);

   --classroom-tertiary: var(--color-f);
   --classroom-tertiary-rgb: rgb(0, 237, 84);

   --classroom-tertiary-dark: #00ce48;
   --classroom-tertiary-dark-rgb: rgb(0, 206, 72);

   --correction-0: #ffc152;
   --correction-0-rgb: rgb(255, 193, 82);
   --correction-1: #ffda97;
   --correction-1-rgb: rgb(255, 218, 151);
   --correction-2: #7cc6a5;
   --correction-2-rgb: rgb(124, 198, 165);
   --correction-3: #22b573;
   --correction-3-rgb: rgb(34, 183, 115);
   --correction-success: var(--classroom-green);
   --correction-fail: var(--classroom-red);


   --classroom-red: #cc0000;
   --classroom-red-rgb: rgb(204, 0, 0);
   --classroom-red-dark: #990000;
   --classroom-red-dark-rgb: rgb(153, 0, 0);

   /* Default dashboard colors (used for students) */
   --classroom-dashboard: var(--classroom-teacher-dashboard-color);
   --classroom-dashboard-rgb: var(--classroom-teacher-dashboard-color-rgb);
   --classroom-dashboard-dark: var(--classroom-primary-dark);
   --classroom-dashboard-dark-rgb: var(--classroom-primary-dark-rgb);
}

body {
   color: black !important;
}

.theme-dark body {
   color: white !important;
}

.theme-dark {
   --classroom-teacher-dashboard-color: var(--color-c);
}

/* .theme-dark .btn.c-btn-primary {
   color: black;
} */

.theme-dark .app-card,
.theme-dark .class-card {
   background-color: #001745;
   color: #eb79f2;
   box-shadow: 3px 2px 1px !important;
}

.theme-light .app-card,
.theme-light .class-card {
   background-color: #003f5c;
   color: #eb79f2;
   box-shadow: 3px 2px 1px !important;
}

/* .theme-dark .app-card, 
.theme-dark .class-card{
   background-color: #000b27;
   color: #00e1f6;
} */
.c-btn-no-outline-primary {
   background-color: transparent;
   border: none;
   color: var(--classroom-primary);
}

.c-btn-no-outline-primary:hover {
   background-color: transparent;
   border: none;
   color: var(--classroom-primary-dark);
}

.sidebar-classroom .active:not(:first-child) {
   color: var(--classroom-secondary) !important;
}

.sidebar-classroom img:not(.user-picture):hover {
   filter: hue-rotate(265deg);
}

.sidebar-classroom #classroom-sidebar-logo:hover {
   background-color: transparent !important;
}

.class-card-mid>.activity-item-title {
   color: white;
}

.sidebar-classroom div:not(:first-child) {
   border: solid 3px var(--classroom-background);
   border-right: none;
   background: transparent;
}

/* Change the hue-rotate to make the icon color match your primary color */
.sidebar-classroom div img:not(.user-picture) {
   filter: hue-rotate(85deg) saturate(1.5) !important;

}

/* Change the scale of your logo if it is too big */
#classroom-sidebar-logo {
   background-size: 80% !important;
}

/* OTHER USER TYPES */

/* TEACHER THEMING
Used when the insterface is used by a teacher */
.theme-teacher {
   --classroom-dashboard: var(--classroom-teacher-dashboard-color);
   --classroom-dashboard-rgb: var(--classroom-teacher-dashboard-color-rgb);

   --classroom-dashboard-dark: var(--classroom-primary-dark);
   --classroom-dashboard-dark-rgb: var(--classroom-primary-dark-rgb);

   --classroom-logo: url('../plugins/images/acadekids.png');
}

/* .sidebar-classroom div img:not(.user-picture) {
   filter: hue-rotate(265deg) brightness(1.4);
} */
.sidebar-classroom div.active img:not(.user-picture) {
   filter: hue-rotate(150deg) saturate(3) !important;
}

/* GROUP/SUPER ADMIN THEMING
Used when the insterface is used by a group/super administrator */
.sidebar-classroom #classroom-sidebar-logo {
   position: relative;
}

.theme-group-admin .sidebar-classroom #classroom-sidebar-logo::after,
.theme-super-admin .sidebar-classroom #classroom-sidebar-logo::after {
   content: 'Admin';
   position: absolute;
   bottom: 0;
   right: 50%;
   font-size: 1.5em;
   padding: 0.2em 0.5em;
   color: var(--classroom-white);
   transform: translateX(50%);

}

.theme-super-admin .sidebar-classroom #classroom-sidebar-logo::after {
   content: 'Manager';
}



/* .theme-group-admin,
.theme-super-admin {
   --classroom-dashboard: #C00;
   --classroom-dashboard-rgb: rgb(204, 0, 0);
   --classroom-dashboard-dark: #900;
   --classroom-dashboard-dark-rgb: rgb(153, 0, 0);
} */

/* .theme-group-admin .sidebar-classroom div img:not(.user-picture),
.theme-super-admin .sidebar-classroom div img:not(.user-picture) {
   /* Change the hue-rotate to make the icon color match your theme color 
   filter: hue-rotate(210deg);
} */


.c-btn-primary,
.btn-outline-primary,
.c-btn-outline-primary,
.btn-outline-tertiary,
.c-btn-outline-tertiary,
.btn-outline-secondary,
.c-btn-outline-secondary {
   border-radius: 5px !important;
}

.c-btn-red {
   border-radius: 5px !important;
}

.theme-dark .c-btn-red {
   color: white !important;
}

.theme-dark .switcher {
   background-color: transparent !important;
}

.switcher__input:checked+.switcher__label {
   color: black !important;
}

.c-primary-form select,
.c-secondary-form select,
.c-tertiary-form select {
   border-radius: 5px !important;
}

.theme-dark {
   --classroom-background: var(--color-g);
   --classroom-background-rgb: rgb(0, 63, 92);
}

.wysibb-text-editor.wysibb-body {
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}

.wysibb-toolbar {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.wysibb-toolbar-container.modeSwitch {
   border-top-right-radius: 5px;
}

.theme-dark .wysibb-text-editor.wysibb-body,
.theme-dark .wysibb-toolbar {
   background: var(--color-g);
   color: white;
}

.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .btn-inner {
   color: white !important;
   text-shadow: none !important;
}

.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-vittaiframe .btn-inner,
.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-genialyiframe .btn-inner {
   filter: invert(1);
}

.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select .sar,
.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown ins.ar {
   color: white !important;
   text-shadow: none !important;
}

.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select,
.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.dis:hover,
.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:active {
   color: white !important;
}

.theme-dark .wysibb-toolbar-container.modeSwitch {
   background: var(--color-g);
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .mswitch.wysibb-toolbar-btn .btn-inner,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .mswitch.wysibb-toolbar-btn .btn-inner:hover {
   color: black !important;
}

.theme-dark .wbb-table td,
.theme-dark .wbb-borderless td {
   border-color: white !important;
}

.theme-dark .form-control {
   background: transparent;
}

#wbbmodal .wbb-button {
   color: black !important;
}

.theme-dark #wbbmodal .div-modal-text,
.theme-dark #wbbmodal .wbbm-inp-row input {
   background: transparent;
   color: white;
}

.theme-dark .wysibb .wysibb-toolbar .wysibb-toolbar-container:not(.modeSwitch) div:hover {
   background: var(--color-c) !important;
   color: white !important;
}

.folder-card {
   background: transparent;
   border: 2px solid var(--color-g);
}

.theme-dark .folder-card {
   border: 2px solid white;
}

.theme-super-admin,
.theme-group-admin {
   --classroom-dashboard: var(--classroom-teacher-dashboard-color);
   --classroom-dashboard-dark: var(--classroom-primary-dark);
}

.theme-dark .theme-super-admin,
.theme-dark .hue-rotate-super-admin,
.theme-dark .theme-group-admin {
   --classroom-dashboard: var(--classroom-teacher-dashboard-color);
   --classroom-dashboard-dark: var(--classroom-primary-dark);
}

.theme-dark .theme-super-admin .sidebar-classroom div:not(:first-child):not(.active) {
   color: white !important;
}


.footer-link {
   color: var(--classroom-text-0) !important;
}

#filter-activity-input::placeholder {
   color: var(--classroom-text-0) !important;
}

.class-stats-panel .user-cell-container {
   border: 1px solid var(--classroom-tertiary);
}

.no-activity,
.bilan-cell.fas {
   border: solid 1px var(--classroom-primary);
}

.table {
   --bs-table-bg: var(--classroom-background) !important;
}

.vitta-modal-content .c-secondary-form input[type="text"] {
   color: var(--classroom-text-0) !important;
}

.vitta-modal-content .c-secondary-form label {
   color: var(--classroom-text-0) !important;
}

.switch-pwd {
   color: rgb(0, 63, 92) !important;
}