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

    --classroom-primary: #41729C;
    --classroom-primary-dark: #3a668b;
    --classroom-secondary:#FF696B;
    --classroom-secondary-dark:#D94143; 
    --classroom-tertiary:#FF696B;
    --classroom-tertiary-dark:#D94143;

    --correction-0: #ffc152;
    --correction-1: #ffda97;
    --correction-2: #7cc6a5;
    --correction-3: #22b573;
    --correction-success: var(--classroom-green);
    --correction-fail: var(--classroom-red);


    --classroom-background: #fff;
    --classroom-text-0: black;
    --classroom-text-1: #333;
    --classroom-text-2: #666;

    --classroom-shadow-1: rgba(0, 0, 0, 0.2);
    --classroom-cell: #E6E6E6;

    --classroom-white: #fff;
    --classroom-black: #000;
    --classroom-green: #22b573;
    --classroom-red: #dc3545;
    --classroom-red-dark: #ad242c;
    --classroom-blue: #3fa9f5;
    --classroom-gold: #f0af39;

    /* Default dashboard colors (used for students) */
    --classroom-dashboard:#7bafbc;
    --classroom-dashboard-dark:#6d9ca8;
}
#classroom-login-gar img{
    width: 258px;
}
.theme-dark {
    --classroom-background: #181818;
    --classroom-text-0: rgb(255, 255, 255);
    --classroom-text-1: rgb(205, 205, 205);
    --classroom-text-2: rgb(153, 153, 153);
    --classroom-shadow-1: rgba(0, 0, 0, 1);
    --classroom-cell: #4e4e4e;
}

/* Change the hue-rotate to make the icon color match your primary color */
.sidebar-classroom div img:not(.user-picture),
.hue-rotate-base {
    filter: hue-rotate(50deg) grayscale(0.5) brightness(1.25);
}

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

/* OTHER USER TYPES */

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

.theme-teacher .sidebar-classroom div img:not(.user-picture),
.hue-rotate-teacher {
    /* Change the hue-rotate to make the icon color match your theme color */
    filter: hue-rotate(60deg) grayscale(20%);
}


/* GROUP ADMIN THEMING
Used when the insterface is used by a group administrator */
.theme-group-admin {
    --classroom-dashboard: #F1CA3F;
    --classroom-dashboard-dark: #DEB421;
}

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


/* SUPER ADMIN THEMING
Used when the insterface is used by a super administrator */
.theme-super-admin,
.hue-rotate-super-admin {
    --classroom-dashboard: #BB5D5D;
    --classroom-dashboard-dark: #A84D4D;
}

.sandbox-card.sandbox-card-GENIUS,
.activity-card.activity-card-GENIUS {
    background-image: url("../images/Smart.png");
}

.sandbox-card.sandbox-card-genius,
.activity-card.activity-card-genius {
    background-image: url("../images/Smart.png");
}

.sandbox-card.sandbox-card-VIDEO,
.activity-card.activity-card-VIDEO {
    background-image: url("../images/Video.png");
}

.sandbox-card.sandbox-card-video,
.activity-card.activity-card-video {
    background-image: url("../images/Video.png");
}

.sandbox-card.sandbox-card-IMUSCICA,
.activity-card.activity-card-IMUSCICA {
    background-image: url("../images/iMusica.png");
}

.sandbox-card.sandbox-card-imuscica,
.activity-card.activity-card-imuscica {
    background-image: url("../images/iMusica.png");
}

.sandbox-card.sandbox-card-EXPRESS,
.activity-card.activity-card-EXPRESS {
    background-image: url("../images/Express.png");
}

.sandbox-card.sandbox-card-express,
.activity-card.activity-card-express {
    background-image: url("../images/Express.png");
}

.sandbox-card.sandbox-card-STANDARD,
.activity-card.activity-card-STANDARD {
    background-image: url("../images/Cahier-standard.png");
}

.sandbox-card.sandbox-card-standard,
.activity-card.activity-card-standard {
    background-image: url("../images/Cahier-standard.png");
}

.sandbox-card.sandbox-card-Standard,
.activity-card.activity-card-Standard {
    background-image: url("../images/Cahier-standard.png");
}


.sandbox-card.sandbox-card-CABRI3D,
.activity-card.activity-card-CABRI3D {
    background-image: url("../images/Cabri3D.png");
}

.sandbox-card.sandbox-card-SPECIFIQUE,
.activity-card.activity-card-SPECIFIQUE {
    background-image: url("../images/Cahier-specifique.png");
}

.sandbox-card.sandbox-card-custom,
.activity-card.activity-card-custom {
    background-image: url("../images/autre.png");
}

.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);
}

/* Overriding Uppercase Texts*/
.sidebar-classroom .active:not(:first-child) {
    text-transform: none !important;
}

.sidebar-classroom div:not(:first-child) {
    text-transform: none !important;
}

.class-creation-form h3 {
    text-transform: none !important;
}

.class-stats-panel th {
    text-transform: none !important;
}

.class-creation-form h3  {
    text-transform: none !important;
}

.profile-panel #user-name, .profile-panel #classroom-name {
    text-transform: none !important;
}

#classroom-dashboard-profile-stats, #classroom-dashboard-profile-stats-teacher {
    text-transform: none !important;
}

#classroom-dashboard-sandbox-panel h3.section-title, #classroom-dashboard-activities-panel h3.section-title, #classroom-dashboard-activities-panel-teacher h3.section-title {
    text-transform: none !important;
}  

#activity_custom {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}

#form-activity-container {
    width: auto !important;
}

#lti_student_iframe {
    height: 100%;
}

.jumbotron-cabri {
    min-height: 65vh;
    background: no-repeat center/100% url("../images/cabri_classe.jpeg");
}


#main-div {
    flex: 1 0 50vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 0;
}

.results-panel p {
    text-transform: none;
}

.activity-container {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.activities-card {
    margin: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 350px;
}
.activities-card-header img {
    width: 50%;
    height: 150px;
    object-fit: contain;
    margin-top: 20px;
}
.card-body {
    text-align: center;
    padding: 20px;
    min-height: 50px;
}