BODY { background : #f9f4f4; }



/* navifgation */

#main-nav .navigation > .nav > li > a.in {background:#00a2eb;}
a.toggle-nav i {

    color: #f29100;
    font-size:20px; font-weight:bold;
}
a.toggle-nav:hover i { color : #cf1578; }

.nav.nav-pills li > a {color: #1a1a1a;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: white;

}


.purpleFont { color : #cf1578; }

.box.box-live .box-header i.light { color : #cf1578; }

#header_titre_cours a { background:unset; color:#004063; }
#header_titre_cours a:hover { background:unset; color:#cf1578; text-decoration:none;}

.box .box-header .actions .btn-link { border : none;}
.box .box-header .actions .btn-link:hover { background:none; }
.contrast-blue header .navbar .toggle-nav { border:unset; }

.l_doc_menu_container .dropdown, .content .pull-right {margin-right:10px;align-self: center;margin-top:2vh;}

/* BOOTSTRAP MODIFS */

.dropdown {display: inline-flex;}
.navbar-fixed-top ul.nav li {margin-right:-15px;}
.navbar-fixed-top ul.nav:last-child { margin-right:15px; }
ul {   padding-left: 0px; }

.nav-tabs > li > a,  .nav-tabs > li > a:focus {
 
  color: #1a1a1a;
}

.nav-tabs > li > a:hover { color:#008ad4; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color :#005f92; color:white;}
.tabbable a, .tabbable a:hover, .tabbable .btn-link, .tabbable .btn-link:hover, .tabbable .btn-link:focus {
    color: darkgray;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #eeee;
}



.container_drive { 
  height: calc(100% - 6 * var(--vh) - 15px);
  position: relative;
  width: 100%;
  display: flex;
  overscroll-behavior: none;
  /*flex-direction: column;*/
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow-y: scroll;
  overflow-x: hidden;
  top:15px; 
  /*border:1px solid red;*/
  padding-left:25px; padding-right:15px;padding-top:35px;
  align-items: flex-start;
}

.container_drive.tableau-notes {

  overflow-x : auto;
  padding-top:0px;
  padding-left: 0px;
  margin-left: 25px;
  width: calc(100% - 50px);
}

/* ajuste les scroll pour tableau de notes */

.l_doc_conteneur.tab-notes {overflow : unset!important;}

.container_drive a {background:unset;}

.l_doc_container, .lecture_etherpad { width:100%;}

.l_doc_list_files {width:parent;}
.l_doc_list_files ul {margin-top: 0;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  width: parent;
  margin-left:3.5%;
  }

.container_drive.modules {display:block;}



/** FEUILLE BOUTONS **/

button, input[type="button"], div.dropdown-toggle {
    text-align: center;
    border-radius: 0.2vw;
    padding: 0.6vw 1vw;
    font-size: 1.1vw;
    font-weight: 400;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    outline: none;
    border: none;
    cursor: pointer;
  }
  
  .but__muted {
    cursor: default;
    background-color: #999999;
    color: #ffffff;

    border-radius: 0.2vw;
    padding: 0.6vw 1vw;
    outline: none;
    border: none;
  }
  
  .but, .btn, div.dropdown-toggle.btn {
    display: inline-block;
    text-align: center;
    border-radius: 0.2vw;
    padding: 0.6vh 1vw;
    font-size: 1.1vw;
    font-weight: 400;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    outline: none;
    border: none;
    cursor: pointer;
    margin-right:5px; margin-left:5px;
  }

  .but.small { font-size : 0.8em;padding:0.4vw 0.8vw;}
  
  @media screen and (max-width: 768px) {
    .but {
      font-size: 1.8vw;
      border-radius: 0.6vw;
      padding: 0.6vh 1.6vw;
    }
  }
  
  @media screen and (max-width: 425px) {
    .but {
      font-size: 4vw;
      border-radius: 1vw;
      padding: 1vh 4vw;
    }
  }
  
  .but__fullOrange {
    color: #ffffff;
    background-color: #f29100;
  }
  
  .but__fullOrange:hover {
    color: #ffffff;
    background-color: #cc7a00;
  }

  .but__fullGreen {
    color: #ffffff;
    background-color: #56ba62;
  }
  
  .but__fullGreen:hover {
    color: #ffffff;
    background-color: #46944f;
  }
  
  .but__fullBlue, .btn.btn-primary, div.dropdown-toggle.but__fullBlue {
    color: #ffffff;
    background-color: #30b0f3;
  }
  
  .but__fullBlue:hover, .btn.btn-primary:hover, div.dropdown-toggle.but__fullBlue:hover{
    color: #ffffff;
    background-color: #188bc9;
  }
  
  .but__fullPurple, .btn.btn-success {
    color: #ffffff;
    background-color: #cf1578;
  }
  
  .but__fullPurple:hover, .btn.btn-success:hover {
    color: #ffffff;
    background-color: #b3005f;
  }
  
  .but__borderOrange, .btn {
    border: 0.1vw solid #f29100;
    background-color: unset;
    color: #f29100;
  }
  
  .but__borderOrange:hover, .btn:hover {
    background-color: #f29100;
    color: #ffffff;
  }
  
  .but__borderBlue {
    border: 0.1vw solid #30b0f3;
    background-color: unset;
    color: #30b0f3;
  }
  
  .but__borderBlue:hover {
    background-color: #30b0f3;
    color: #ffffff;
  }
  
  .but__borderPurple {
    border: 0.1vw solid #cf1578;
    background-color: unset;
    color: #cf1578;
  }
  
  .but__borderPurple:hover {
    background-color: #cf1578;
    color: #ffffff;
  }

  .but__borderWhite {
    border: 0.1vw solid white;
    background-color: unset;
    color: white;
  }
  
  .but__borderWhite:hover {
    background-color: white;
    color: #30b0f3;
  }

  /* ajout */
  .but__transparent {
    background-color:transparent;
    border:none;
  }


  .but.small {

    padding: calc(var(--vh) * 0.3) 0.4vw;
    font-size: calc(var(--vh) * 1.8);
  }


  /* ===================================== */
  /* répertoires */
  /* ===================================== */

  .repCard {
    border: solid 0.1px #5ac0f6;
    border-radius: 0.4vw;
    padding: 0.6vh 0.8vw;
    background-color: #ffffff;
    cursor: pointer;
    color: #6b6b6b;
    font-size: 1vw;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20vw;
  }
  
  .repCard::before {
    font-family: FontAwesome;
    content: "\f07c";
    color: #5ac0f6;
    margin-right: 0.8vw;
  }

.repCard:hover { background-color : #5ac0f6; color:white;cursor:pointer;text-overflow:unset;max-width:unset;}

.repCard:hover::before { color:#008ad4;}

.repCard > a {text-decoration:unset;}

.l_doc_list_files .repCard.return {width : 3vw;}

  .repCard.return::before {
    content: "\f060";

  
  }

  .fullPath { 
    cursor: pointer;
    color:#b3005f;
    
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20vw;}

  .fullPath::before {
    content : "\f015";
    font-family: FontAwesome;
    margin-right: 0.8vw;
  }

  .fullPath:hover { color : #5ac0f6; text-decoration:none; cursor:pointer;}

  .fullpath_return { color : #b3005f; }
  .fullpath_return:hover {color:#5ac0f6; text-decoration : none;}
  


/** ENCARTS COMPETENCES et GROUPES **/

.compCard {
  border: solid 0.15vw #5ac0f6;
  border-radius: 0.4vw;
  background-color: #cce8f0;
  padding: 2.2vh 1.4vw;
  width: calc(33% - 10px);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.4);
  margin-bottom: 10px;
  height: calc(80% - 20px);
  margin-top: 10%;
  margin-right:10px;
}

.compCard.emargement { margin-top:0px;height:64vh;}

.compCard__title {
  color: #1a1a1a;
  font-size: 1.2vw;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 3vh;
  height: 2.4vw;
}

.compCard__title.withInput{
  height:auto;
}

.compCard__input {
  border: solid 0.15vw #5ac0f6;
  border-radius: 0.2vw;
  padding: 1vh 0.6vw;
  font-size: 1vw;
  color: #6b6b6b;
  width: calc(100% - 3.4vw);
}

.compCard__input ::-webkit-input-placeholder {
  font-size: 1vw;
  color: #6b6b6b;
}

.compCard__input :-ms-input-placeholder {
  font-size: 1vw;
  color: #6b6b6b;
}

.compCard__input ::-ms-input-placeholder {
  font-size: 1vw;
  color: #6b6b6b;
}

.compCard__input ::placeholder {
  font-size: 1vw;
  color: #6b6b6b;
}

.compCard__submit {
  background-color: #56ba62;
  padding: 1vh 0.8vw;
}

.compCard__submit i {
  color: #ffffff;
  font-size: 1vw;
}

.compCard__submit:hover {
  background-color: #3fa14b;
}

.compCardCompetence_container {
  height: calc(100% - 4.4vw);
  border: solid 0.15vw #5ac0f6;
  border-radius: 0.2vw;
  background-color: #ffffff;
  padding: 1.2vh 0.6vw;
  margin-top: 2vh;
  overflow-y: auto;
}

.compCardCompetence_container.withInput {

  height : calc(100% - 8vw);
}

.compCard__list {
  padding: 0vh 0vw;
  list-style-type : none;
}

.compCard__list::-webkit-scrollbar {
  width: 0.5vw;
}

.compCard__list::-webkit-scrollbar-track {
  background-color: #e1e6ed;
}

.compCard__list::-webkit-scrollbar-thumb {
  background-color: #999999;
}

.compCard__list li {
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  display:flex; 
  flex-direction:row  
}

.compCard__list li.blue-background, .compCard__list li.blue-background i  {color: white;}

.compCard__list p.text { width:calc(100% - 20px); margin:0px;}

.compCard__list i {color: #6b6b6b;}

.compCard__list li:hover { background : #008ad4; color:white; cursor:pointer;}
.compCard__list li:hover i, .compCard__list li:hover .text {color:white; }


/** ICONE MATIERES **/

.flexWrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2vw;
  row-gap: 4vh;
}

.accesMain {
  background: url("../../assets/images/accesRap_vagueHaut.svg") no-repeat 100% 0%, url("../../assets/images/accesRap_vagueBas.svg") no-repeat 0% 100%;
  background-color: #ffffff;
  border: solid 0.15vw #5ac0f6;
  border-radius: 0.8vw;
  padding: 3vh 0.6vw;
  margin-right:2vw;
  margin-top:2vh;
  width: 12vw;
  min-width:12vw;
  height: 12vw;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.4);
          box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
         
}

.accesMain:hover {border-color:#008ad4; cursor:pointer;}
.accesMain__image {
  width: 50%;
  margin-bottom: 2vh;
  position:relative;
}

.accesMain__conteneurIcones {
	position: absolute;
	width: 12vw;
	display: flex;
	justify-content: flex-end;
	height: auto;
	/*top: 3px;	*/
}

.accesMain__conteneurIcones .icone {

  border-radius: 50%;	
	text-align: center;
	color: white;
  padding: 5px;
	margin-right: 5px;
  width : 28px;
  height:28px; 

}
.background_green { background: #56ba62;}

.background_purple { background : #cf1578; }

.accesMain__title {
	color: #1a1a1a;
	font-size: 1vw;
	text-align: center;
	line-height: 1.5vw;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 3.1vw;
	max-height: 3.1.vw;
	/* border: 1px solid red; */
	padding-top: 0.1vw;
  padding-bottom:0.1vw;
}

/* =================================== */
/* SUIVI DES EXERCICES */
/* =================================== */

.suiviEx {
  border-radius: 0.4vw;
  background-color: #ffffff;
  width: 17.5vw;
  height: auto;
  padding: 1.4vh 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 1vh;
  margin-right: 1vw;
  margin-top: 1vw;
}

.suiviEx div { width:100%;display:flex; flex-direction:row;justify-content: space-between;}

.suiviEx__name, .suiviEx--done__name {
  font-weight: 700;
  width:calc(100% - 70px);
  text-overflow : ellipsis;
  white-space: nowrap;
  overflow:hidden;
  height:18px;
}

.suiviEx__cog {
  cursor: pointer;
  font-size :20px;
}

.suiviEx--raw {
  border: solid 0.1vw #999999;
  color: #999999;
}

.suiviEx--raw .suiviEx__cog { cursor:default;}

.suiviEx--done {
  border: solid 0.1vw #56ba62;
  color: #56ba62;
}
.suiviEx--done .suiviEx__cog:hover { color: #316b38; }

.suiviEx--done__name, .suiviEx--done span.note {
  color: #0b3e66;
  font-weight: 700;
}
 
/* =========================================*/
/* les cartes d'entree dans le cours */
/* ==========================================*/

.multiCards {
  border: solid 0.1vw #999999;
  border-radius: 0.4vw;
  padding: 2vh 3vw;
  cursor: pointer;
  width: 10%;
  height: 20vh;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  min-width: 12vw;
  min-height : 12vw;
}

.multiCards:hover {
  
  -webkit-box-shadow: 0px 10px 0px 0px;
  box-shadow: 0px 0px 0px 0px;
}

.multiCards__image {
  width: 75%;
  height: 75%;

}

.multiCards__title {
  font-size: 1vw;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

.driveCard {
  background: linear-gradient(35deg, #cce8f0, #ffffff);
  color: #5ac0f6;
}

.resultatsCard {
  background: linear-gradient(35deg, #ffe3ce, #ffffff);
  color: #924e31;
}

.soutienCard {
  background: linear-gradient(35deg, #fcdeff, #ffffff);
  color: #cf1578;
}

.competencesCard {
  background: linear-gradient(35deg, #f8ffce, #ffffff);
  color: #f29100;
}

.groupesCard {
  background: linear-gradient(35deg, #d6daff, #ffffff);
  color: #0163ac;
}

.utilisateursCard {
  background: linear-gradient(35deg, #eeffde, #ffffff);
  color: #56ba62;
}

  /* restauration des boutons sumernote */

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
    border: 1px solid darkgray;
    padding-top:0.4vh;
    padding-bottom:0.4vh;
    padding-left:0.4vw;padding-right:0.4vw;
    min-width:2.5vw;

    }

.btn-group > .btn i, .btn-group-vertical > .btn i {
        color : black;font-size:1.6vh;padding:3px;
    }

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {    
        border: 1px solid #004063; 
        background : lightgrey;
        
        }    

.btn-group > .btn:hover i, .btn-group-vertical > .btn:hover  i {    
            color: white;
        
            }   
.btn-group > .btn span { color:black;}  
.note-btn-group .dropdown-menu > li > a {background:white; color : black; }                   

.btn-group > .btn.haschanged i {
  background-image: none;
  color: white;
}

/* restaure le fond blanc des dropdown menus */

.dropdown-menu > li > a, .dropdown-menu > li > a:hover, 
.dropdown-menu > li > .btn-link, .dropdown-menu > li > .btn-link:hover, 
.dropdown-menu > li > .btn-link:focus {

    background : white;

}

.dropdown-menu > li > a.muted, .dropdown-menu > li > a.muted:hover {

    color : lightgrey;
    pointer-events: none;

}


/* DATATABLES - Améliorations */

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
  margin-left: 0.5em;
  border: 1px solid darkgray;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
 
  color: #333 !important;
  background-color:white;

  border: 1px solid #979797;
  background-color: #eee;

}
 

/* statistiques améliorations */

.box-statistic .text-info { min-height:1.8em; }
.js-calendar-graph-svg { position : relative; }

/* corriger améliorations */


.copies_toolbar_move.bottom { background : #004063; }

.copies_bareme_conteneur H1 {font-size: calc(2.5 * var(--vh));
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: calc(3 * var(--vh));
  margin: 0;
      margin-top: 0px;
  padding-left: 1vw;
  color: white;
  margin-top: calc(1 * var(--vh));
}

#bareme H4, .travail_titre_q {
  font-size: 0.95vw;
  border-top: 6px solid #00a2eb;
  border-top-left-radius: 6px;
  font-weight: unset;
  color: white;
  background: #005f92;
  padding: 0.5vw;
  border-top-right-radius: 6px;
  border-bottom: 1px solid white;
  margin: 0;
  /*margin-top:1vh;*/
  display:flex;
  flex-direction:row;
}

#bareme H4 > div, .travail_titre_q > div {
  font-size:calc(2 * var(--vh)); font-weight:bold; width:80%;
}
#bareme H4 > div.anonymat_buttons {width:20%;display:flex; flex-direction:row-reverse;justify-content:space-between; align-items:center}

/* ajout */
#bareme_liste_eleve > ul { list-style-type: none;}
#bareme_liste_eleve > ul > li { padding:1vh; border-bottom:1px solid #005f92;padding-right:4vw;}
#bareme_liste_eleve > ul > li:hover { cursor:pointer; background : #005f92; }
#bareme_liste_eleve > ul > li:first-child { border-top:1px solid #005f92;}
#bareme_liste_eleve > ul > li > div { position:relative; float:right; margin-right:-4vw;}


.ligne_bareme .ui-state-default { background:#56ba62;margin-top:-4px;}
.ligne_bareme .ui-slider {
  border: 1px solid #56ba62;
}
.ligne_bareme .ui-slider-horizontal {
  height: .1em;
}
/* #texte_sujet, #texte_document_1 {} */




#lecture_collaboratif.lecture_only {
  display: block;
  background: #534e4e;
  padding-left: 65px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  height: auto
}

#lecture_collaboratif.lecture_only > .lecture_doc {

  padding-top:50px;
}

#bareme H4.score_bareme { border:none;background:none;font-size:calc(2.5 * var(--vh));}
#bareme H4 i, #bareme H4 div {color :#56ba62; font-size:calc(2.5 * var(--vh));}
#bareme H4 i.muted, #bareme H4 div {color : #005583;}
#bareme H4 i.muted:hover {color :#56ba62; cursor : pointer; }

#bareme H4 div:first-child {color : whitesmoke;display:flex; align-items:center;}

#bareme H4 div.comment  {
  
  padding:0.9vw;
  margin-right:1vw;
  border-radius : 50%;
  height:3vw;
  width:3vw;
  display:flex;
  justify-content:center;
  align-items:center;
  
}

#bareme H4 div.comment.active { color : #56ba62; cursor : pointer; border:2px solid transparent; }

#bareme H4 div.comment.active:hover { border : 2px solid #56ba62; }

#bareme H4 div.comment.active.red { border:2px solid #cf1578; color:#cf1578; }

.travail_corriger {width: 100%;}

#bareme.bareme_exercice_corriger_height {
  height: calc(100% - var(--vh) * 16);
}

.backMicroComment { background : #004063; z-index:3; display:flex; align-items:center;justify-content:center;}
.backMicroComment section { display:flex; flex-direction:column; align-items:center;justify-content:center; width:70%;}
.backMicroComment P {color : whitesmoke; font-size:2.5vw;}
.backMicroComment > section > div { display:flex; justify-content:space-between; width:80%; margin-top:5vh; }
.backMicroComment > section > div > div.fa:before { border:2px solid #cf1578; cursor:pointer; border-radius:50%; padding:1vw; color:#cf1578; font-size:1.5vw;}
.backMicroComment > section > div > div.fa:hover:before {color:whitesmoke;border:2px solid whitesmoke;}
.backMicroComment > section > div > div.fa.green:before {color : #3c9947; border:2px solid #3c9947; }
.backMicroComment > section > div > div.fa.green:hover:before {color : #59c065; border:2px solid #59c065; }

.backMicroComment > section > div > div.fa.muted:before {border:2px solid darkgray; color:darkgray;}
.backMicroComment > section > div > div.fa.muted { pointer-events : none; }

.backMicroComment > section > div.progress-container { background:transparent;height:3vw; width:100%; padding:0.5vw; border:1px solid #008ace;}
.backMicroComment > section > div.progress-container > div {height:100%; background:#56ba62; width:0%;}

.backMicroComment > section .annuler {display:flex; align-items:center;justify-content:center;}

.backMicroComment > section.textComment {width:inherit;height:90%;}
.backMicroComment > section.textComment > textarea { width: 100%; height:52vh; margin-bottom:1.5vh; margin-top:0.5vh;padding:1vw;color:#004063;background:#f9f4f4;border:1px solid #008ace;}
.backMicroComment > section.textComment > textarea:focus {outline : none; -webkit-box-shadox : none; box-shadow:none;}
#comment_text_btn {margin-top:0;display:flex;justify-content:center; flex-direction:row; }
/* ============================================== */
/* Amélioration du live */
/* ============================================== */

a.live_cartouche_wait {background: transparent; }

/* =============================================== */
/* NOUVEAU LIVE */


.bodyLive {
  background-color: #00486f;
  z-index : 1032;
  position:absolute;
  width:100vw;
  height:calc(var(--vh) * 100);
  top:0;
}

.liveNav__menu {
  width: 4%;
  height: calc(100 * var(--vh));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #0b3e66;
  -webkit-box-shadow: 10px 0px 14px -10px rgba(26, 26, 26, 0.6);
          box-shadow: 10px 0px 14px -10px rgba(26, 26, 26, 0.6);
  z-index: 1;
}

.liveNav__menu.active {border-right:1px solid #30b0f3; }

.liveBorderBut, .liveSimpleBut, .liveFullBut, .liveMutedBut, 
#btn-live-audio-microphone, #btn-live-audio-raisehand {
  color: #ffffff;
  font-size: 1.3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  width: 3vw;
  height: 3vw;
  margin-top: calc(var(--vh) * 1.2);
  margin-bottom: calc(var(--vh) * 1.2);
}

.liveBorderBut:hover, .liveFullBut:hover, .liveMutedBut:hover, 
#btn-live-audio-microphone:hover, #btn-live-audio-raisehand:hover,
#btn-live-audio-microphone.stopped:hover {
  border-color:white;
}

.liveBorderBut, .liveSimpleBut:hover, #btn-live-audio-microphone.stopped {
  border: solid 0.12vw #30b0f3;
  background-color: #0b3e66;
}

.liveFullBut {
  border: solid 0.12vw #30b0f3;
  background-color: #30b0f3;
}

.liveSimpleBut {
  border: unset;
  background-color: unset;
  font-size: 1.8vw;
}


.liveMutedBut  {
  border: solid 0.12vw #30b0f3;
  background-color: #0b3e66;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  color: darkgray;
}


#btn-live-audio-start i.fa-podcast{ display:block; } 
#btn-live-audio-start i.fa-spinner { display:none; } 
#btn-live-audio-start.btn-spin i.fa-podcast{ display:none; } 
#btn-live-audio-start.btn-spin i.fa-spinner{ display:block; } 

#btn-class-start i.fa-podcast{ display:block; } 
#btn-class-start i.fa-spinner { display:none; } 
#btn-class-start.btn-spin i.fa-podcast{ display:none; } 
#btn-class-start.btn-spin i.fa-spinner{ display:block; } 

#btn-live-audio-microphone { border: solid 0.12v #b3005f; background-color :#cf1578;color:white;}
#btn-live-audio-microphone i.fa-microphone {display:block;}
#btn-live-audio-microphone i.fa-microphone-slash{ display:none; } 
#btn-live-audio-microphone.stopped i.fa-microphone{ display:none; } 
#btn-live-audio-microphone.stopped i.fa-microphone-slash{ display:block; } 

#btn-live-audio-raisehand.active { border: solid 0.12v #3fa14b; background-color :#3fa14b;color:white;}
#btn-live-audio-raisehand {border: solid 0.12vw #3fa14b;background-color: #0b3e66;}

#btn-live-audio-chat.selected { border: solid 0.12v #3fa14b; background-color :#3fa14b;color:white;}

/* live menu auche */

.liveLeftMenu, .liveLeftMenuUtilisateurs { height: 100%; width:28vw; background:#0f3850;
  border-right:1px solid #6b6b6b; position:absolute; left:4vw;
  z-index:1036;
}
.liveLeftMenu H3.title, .liveLeftMenuUtilisateurs H3.title {
  color: white;
  padding: 15px;
  margin-top: 0px;
  border-bottom: 1px solid #3784a0;
  font-size:2vh;
  background : #0f3850;
}

.liveLeftMenu .dd-nestable {margin-bottom: 25px;
  height: 85.5vh;
  overflow-y: auto;
  overflow-x: hidden;}

/* -- la riviere -->

/* pour l'ecran live */

ol.dd-list.session_live {counter-reset:li; /* Initiate a counter */
  margin-left:0; /* Remove the default left margin */
  padding-left:0; /* Remove the default left padding */
  margin-top:2vh;
  }
  
ol.dd-list.session_live > li.dd-item {
  position:relative; /* Create a positioning context */
  margin-left:2em;
  padding:0px 2em; /* Add some spacing around the content */ 
  padding-bottom:1em;           
  list-style:none; /* Disable the normal item numbering */
  /*background:#f6f6f6;*/
  border : 0px;
  border-left:3px solid #4679BD;
  min-height : 50px;
 
}
ol.dd-list.session_live > li.dd-item:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  /* Position and style the number */
  position:absolute;
  top:-2px;
  left:-1.05em;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;

  width:2em;
  height:2em;
  /* Some space between the number and the content in browsers that support
     generated content but not positioning it (Camino 2 is one example) */
  margin-right:8px;
  padding:4px;
  
  color:#fff;
  background:#4679BD;
  font-weight:bold;
  font-family:"Helvetica Neue", Arial, sans-serif;
  text-align:center;
}

ol.dd-list.session_live > li.dd-item:last-child {border-left : 0px;left : 0.15em;}
ol.dd-list.session_live li.dd-item ol,
ol.dd-list.session_live li.dd-item ul {margin-top:6px;}
ol.dd-list.session_live ol li.dd-item:last-child {margin-bottom:0;}
ol.dd-list.session_live div.dd-handle {margin:0px;border:1px solid #4679BD;     
    border-radius: 5px;
    -moz-border-radius : 5px; 
    -webkit-border-radius : 5px;}



H3.live-session { font-size : 12px;margin:0px;margin-top:4px;background:transparent;margin-right:15px;}


#live-left-menu i.fa-chevron-right {display:block;}
#live-left-menu.active i.fa-chevron-right {display:none;}
#live-left-menu i.fa-chevron-left {display:none;}
#live-left-menu.active i.fa-chevron-left {display:block;}

.liveMenuOpenBottom {width: 100%;
  height: 7vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: absolute;
  padding-right: 1vw;
  top: 93vh;
  align-items: center;
}

#live-wrapper {
  position: absolute;
  left: 4vw;
  width: 96vw;
  height: calc(var(--vh) * 100);
  top: 0;}

#live-wrapper.surveiller {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  padding:calc(var(--vh) * 5);
  flex-flow : wrap;
  /* overflow-y : auto;*/
  /*height:unset;*/
  /* max-height:calc(100 * var(--vh));*/
  height:calc(100 * var(--vh));
}
.surveiller .listCartouches {

  height : calc(var(--vh) * 85);
  overflow-y : auto;
}

.surveiller .titreExo { width:100%; padding:calc(var(--vh) * 1); 
  margin-bottom:calc(var(--vh) * 2); 
  height:calc(var(--vh) * 5); 
  border-bottom:1px solid #00acec;
  font-weight:bold;
  color:whitesmoke;
  font-size:calc(var(--vh) * 3);
}

.surveiller .live_cartouche {
  color:whitesmoke;
  padding:5px;
  min-height:unset;
}

.surveiller .live_cartouche > div.nom {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  padding-bottom:calc(var(--vh) * 2);
}

.surveiller .live_cartouche > div.icones {
  display:flex;
  flex-direction:row;
  justify-content:center;
  color : #008ace;
}

.voyantSurveiller { 
  
  width:45%; font-size:1.5vw;display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid #008ace;
  border-radius:5px;
  padding:0.3vw;

}

.voyantSurveiller:first-child {margin-right:5px;}

.voyantSurveiller.active {
  background : #cf1578; 
  color:whitesmoke;
  border:1px solid #cf1578;
}

.voyantSurveiller label {margin:0;}

.voyantSurveiller .fa {margin-right:0.2vw; }

@keyframes voyantGlowing {

  0% {
    background-color: #0163ac;
    box-shadow: 0 0 3px #000000;
  }

  50% {
    background-color: #00a2eb;
    box-shadow: 0 0 10px #000000;
  }

  100% {
    background-color: #0163ac;
    box-shadow: 0 0 3px #000000;
  }

}

.flashCartouche {
  animation : voyantGlowing 1300ms;
}


.live_message_accueil {
  width: 100%;
  margin: 0;    
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.live_message_accueil > div {
    width: 70%;
    padding: 20px;
    border: 1px solid white;
    color: white;
  }

/* -- overlay noire ransparent */

.live_overlay {z-index:1035; width:100vw; height:100vh; 
    position:absolute; background:transparent;top:0; left:0;
    display:flex;
    justify-content:center;
    align-items : center;
  
  }
.live_overlay_sombre {z-index:1033; opacity:0.5; background:black;position:absolute;left:0;top:0;width:100%;height:100%;}

/* ---- questions du live ----------*/

.liveContainer {
  max-width: 85%;
  margin: 0 auto;
}

.liveMain {
  width: 100%;
  height: 100%;
  margin-left: 0%;
  background-color: transparent;
}

.liveMain__timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 4%;
  color: #ffffff;
  font-size: 1.4vw;
}

.liveMain__timer P {margin:0; }

.liveMain__timer--title span {
  color: #999999;
}

.liveMain__timer--time {
  font-size:2vw;

}



/*
.liveMain__timer--range {
  width: 80%;
}
*/

.liveMain__separation {
  border: solid 0.12vh #30b0f3;
  border-radius: 2vw;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.liveMain__questions {
  color: #ffffff;
  font-size: 1.5vw;
  font-weight: 700;
}

.liveMain__diapo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: center;*/
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 50vh;
  margin-top: 6vh;
}

.liveMain__diapo--slides {
  width: 48%;
  background-color: #e1e6ed;
  border-radius: 1vw;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.liveMain__diapo--slides img {max-width:100%; max-height:100%;}

.liveMain__diapo--answers {
  width: 48%;margin-left:5%;
}

.liveMain__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-top: 6vh;
  width: 35%;
  margin: 0 auto;
}

.liveMain__buttons i {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.liveMain__buttons :nth-child(1):hover i {
  -webkit-transform: translateX(-0.4vw);
          transform: translateX(-0.4vw);
}

.liveMain__buttons :nth-child(2):hover i {
  -webkit-transform: translate(0.4vw);
          transform: translate(0.4vw);
}

.answerStyle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 1.4vh;
}

.answerStyle.bgOrange, .answerStyle.bgBlue,.answerStyle.bgGreen,
.answerStyle.bgPurple, .answerStyle.bgPink, .answerStyle.bgRed, .answerStyle.bgBrown {
  background : transparent;
}


#indice_live_question { color:white;}

.answerStyle:hover > .answerStyle--text, .answerStyle.selected > .answerStyle--text { cursor:pointer; color:white;}
.answerStyle.bgBlue:hover > .answerStyle--text, .answerStyle.bgBlue.selected > .answerStyle--text { background:#30b0f3;}
.answerStyle.bgGreen:hover > .answerStyle--text, .answerStyle.bgGreen.selected > .answerStyle--text { background:#56ba62;}
.answerStyle.bgOrange:hover > .answerStyle--text, .answerStyle.bgOrange.selected > .answerStyle--text { background:#f29100;}
.answerStyle.bgBrown:hover > .answerStyle--text, .answerStyle.bgBrown.selected > .answerStyle--text { background:#924e31;}
.answerStyle.bgPurple:hover > .answerStyle--text, .answerStyle.bgPurple.selected > .answerStyle--text { background:#cf1578;}
.answerStyle.bgRed:hover > .answerStyle--text, .answerStyle.bgRed.selected > .answerStyle--text { background:#F93822;}
.answerStyle.bgPink:hover > .answerStyle--text, .answerStyle.bgPink.selected > .answerStyle--text { background:#E93CAC;}

.answerStyle.muted:hover > .answerStyle--text { color:unset; cursor:default; background:#e1e6ed;}

.answerStyle--letter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3vw;
  height: 3vw;
  border-radius: 50%;
  font-size: 2vw;
  font-weight: 700;
  color: #ffffff;
}

.answerStyle--text {
  background-color: #e1e6ed;
  padding: 2vh 1vw;
  border-radius: 0.6vw;
  width: 86%;
  margin-left: 1vw;
  font-weight:bold;
}

.bgBlue {
  background-color: #30b0f3;
}

.bgGreen {
  background-color: #56ba62;
}

.bgOrange {
  background-color: #f29100;
}

.bgBrown {
  background-color: #924e31;
}

.bgPurple {
  background-color: #cf1578;
}

.bgRed {
  background-color: #F93822;
}

.bgPink {
  background-color: #E93CAC;
}

#live_btn_ask_question_student { }

/* - ecran de correction des qcm - */

.fontBlue {
  color: #30b0f3;
}

.fontRed {
  color: #F93822;
}

.fontPurple {
  color: #cf1578;
}

.fontGreen {
  color: #56ba62;
}

.fontPink {
  color: #E93CAC;
}

.fontOrange {
  color: #f29100;
}

.fontBrown {
  color : #924e31;
}

/* progress bars pour resultats questions */

.progress_score_bar {
  background-color: #757575;
  position: absolute;
  width: 0%;
  height: 1.5em;
  border-radius: 16px !important;
}
.progress_score_container {
  width: 60%;
  height: 1.5em;
  background-color: #f1f1f1;
  position: relative;
  border-radius: 16px !important;
}

.progress_score_bar.bgBlue { background: #30b0f3;}
.progress_score_bar.bgRed { background: #F93822;}
.progress_score_bar.bgPurple { background: #cf1578;}
.progress_score_bar.bgGreen { background: #56ba62;}
.progress_score_bar.bgPink { background: #E93CAC;}
.progress_score_bar.bgOrange { background: #f29100;}
.progress_score_bar.bgBrown { background: #924e31;}


.liveMain__correction {
  width: 100%;
  margin-top: 6vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.liveMain__correction--choice {
  width: 48%;
}

.liveMain__correction--answer {
  width: 46%;
  background-color: #e1e6ed;
  border-radius: 1vw;
  padding: 1.2vh 1vw;
}

.liveMain__correction--answerTitle {
  border-bottom: solid 0.1vw #999999;
  padding-top: 1vh;
  padding-bottom: 1vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.6vw;
  font-weight: 700;
  text-transform: uppercase;
}

.liveMain__correction--answerTitle span.commentaire {
  color: #1a1a1a;
  font-size: 1vw;
  text-transform: initial;
}

.liveMain__correction--answerSsTitle {
  color: #1a1a1a;
  font-size: 1vw;
  font-weight: 700;
  margin-top: 4vh;
  margin-bottom: 1vh;
}

.liveMain__correction--answerChoices {
  border-radius: 0.4vw;
  padding: 1.2vh 1vw;
  border: solid 0.11vw #999999;
}

.liveMain__correction--answerChoices--choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1vw;
  margin-bottom: 1.2vh;
}

.liveMain__correction--answerChoices--choice input {
  width: 75%;
}

.correctAnswer {
  background-color: #56ba62;
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  width: 94%;
  left: 15%;
  -webkit-transform: translateX(-8%);
  transform: translateX(-8%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reduce {width: 86%;
  left: 14%;}


.correctAnswer i {
  font-size: 1.2vw;
}

.wrongAnswer {
  background-color: red;
  color: #ffffff;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrongAnswer i {
  font-size: 1.2vw;
}

.mutedAnswer {
  opacity: 0.6;
}

.correct {
  color: #56ba62;
}

.increase {
  color : #30b0f3;
}

.wrong {
  color: #F93822;
}

span.label_student {
white-space: nowrap;
margin-right: 3vw;
}



  /* progress bar pour timer */

  .progress_time_bar {
    background-color: #30b0f3;
    position: absolute;
    width: 0%;
    height: 0.45em;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .progress_time_container {
    width: 80%;
    height: 0.5em;
    background-color: transparent;
    position: relative;
    border-radius: 6px !important;
    border: 1px solid #30b0f3;
  }

.progress_time_final {

  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;  

}

/* LIVE palmares */

.liveEnd__title {
  color: #ffffff;
  font-size: 1.4vw;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 4vh;
  padding-bottom: 1vh;
  border-bottom: solid 0.1vw #30b0f3;
}

.liveEnd__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 6vh;
  margin-bottom: 6vh;
}

.liveEnd__container--sumup {
  width: 90%;
  height: auto;
  background-color: #e1e6ed;
  padding: 4vh 2vw;
  border-radius: 0.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.liveEnd__container--sumup > div:nth-child(1) {
  padding-bottom: 6vh;
  border-bottom: solid 0.1vw #999999;
}

.liveEnd__container .sumUp__scoreTitle {
  color: #30b0f3;
  font-size: 1.1vw;
  font-weight: 700;
  text-transform: uppercase;
}

.liveEnd__container .sumUp__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: #56ba62;
  font-size: 1.4vw;
  margin-top: 2vh;
}

.liveEnd__container .sumUp__score--op {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.liveEnd__container .sumUp__score--op p {
  font-size: 2vw;
  font-weight: 700;
}

.liveEnd__container .sumUp__score--op :nth-child(2) {
  font-size: 1vw;
  color: #999999;
  font-weight: 400;
}

.liveEnd__container .sumUp__score--total {
  border-radius: 0.4vw;
  background-color: #56ba62;
  color: #ffffff;
  font-size: 1.2vw;
  width: 20%;
  padding: 1.2vh 0.8vw;
  text-align: center;
}

.liveEnd__container .sumUp__score--total :nth-child(2) {
  font-size: 1.6vw;
  font-weight: 700;
}

.liveEnd__container .sumUp__rankTitle {
  color: #30b0f3;
  font-size: 1.1vw;
  font-weight: 700;
  text-transform: uppercase;
}

.liveEnd__container .sumUp__rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 70%;
  margin: 0 auto;
  height: 20vh;
}

.liveEnd__container .sumUp__rank--img {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: relative;
  background-position: center;
  background-size: cover;
  border: solid 0.12vw #30b0f3;
}

.liveEnd__container .sumUp__rank--imgName {
  padding: 0.4vh 0.6vw;
  border-radius: 0.8vw;
  background-color: #30b0f3;
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.liveEnd__container .sumUp__rank--imgRank {
  color: #1a1a1a;
  font-size: 0.8vw;
  font-weight: 700;
  position: absolute;
  top: -26%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.liveEnd__container .sumUp__rank--img:nth-child(2) {
  width: 9vw;
  height: 9vw;
  border: solid 0.12vw #ffdb38;
}

.liveEnd__container .sumUp__rank #imgRank--special {
  background-color: #ffdb38;
}

.liveEnd__container .sumUp__rank--imgCrown {
  width: 3vw;
  height: auto;
  position: absolute;
  top: -14%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.liveEnd__container--user {
  width: 30%;
  height: auto;
  background-color: #e1e6ed;
  padding: 4vh 0vw;
  border-radius: 0.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.liveEnd__container--userImg {
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
  background-position: center;
}

.liveEnd__container--userPoints {
  color: #56ba62;
  font-size: 2vw;
  font-weight: 700;
  margin-top: 3vh;
  margin-bottom: 1.6vh;
}

.liveEnd__container--userText {
  color: #1a1a1a;
  font-size: 1.2vw;
  text-align: center;
  width: 75%;
}

.liveEnd__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* participants au live */

.livePart {
  width: 16%;
  height: 97.4%;
  padding: 1.2vh 1vw;
  background-color: #0b3e66;
  -webkit-box-shadow: 10px 0px 14px -10px rgba(26, 26, 26, 0.6);
          box-shadow: 10px 0px 14px -10px rgba(26, 26, 26, 0.6);
}


.livePart__search {
  position: relative;
  margin-bottom: 2vh;
}

.livePart__search i {
  position: absolute;
  top: 25%;
  left: 3%;
  color: #6b6b6b;
}

.livePart__search input {
  width: 100%;
  padding: 1.2vh 1vw;
  background-color: #e1e6ed;
  border-radius: 0.2vw;
}

.livePart__search input::-webkit-input-placeholder {
  color: #6b6b6b;
  padding-left: 1vw;
}

.livePart__search input:-ms-input-placeholder {
  color: #6b6b6b;
  padding-left: 1vw;
}

.livePart__search input::-ms-input-placeholder {
  color: #6b6b6b;
  padding-left: 1vw;
}

.livePart__search input::placeholder {
  color: #6b6b6b;
  padding-left: 1vw;
}

.livePart__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 1.2vw;
  padding: 0.4vh 0.2vw;
  width: 100%;
  color: #ffffff;
  font-size: 1.2vw;
  margin-bottom: 6vh;
  height: calc(100% - 7.3vh);
}

.livePart__list--user P.app_label {
	margin-left: 1vw;
	padding-top: 5px;
  width:100%;
}

.livePart__list--user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          margin-bottom: 0.6vh;
          padding: 0.2vh 0.6vw;
          border-radius: 1.6vw;
          margin-left: 0.5vw;
          margin-right: 0.5vw;
      
}

.livePart__list--user:hover { background : #cf1578; }
.livePart__list--user.with_cursor:hover {cursor:pointer;}

.livePart__list--userImg {
  width: 2.2vw;
  height: 2.2vw;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-left:0.5em;
}

.livePart__list--userName {
  font-size: 0.9em;
  width: calc(100% - 10.5em);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 1em;
  margin-top: 0;
  padding-top: 0.8em;
  color:rgba(244, 231, 231, 0.43);
}

.livePart__list--userIcon {
  margin-right: 0.6em;
  font-size: 1.2em;
  margin-top: 0.1em;
  color: rgba(244, 231, 231, 0.43);
}

.livePart__list--userIcon.active, .livePart__list--userName.active{ color : white; }
.livePart__but button {
  margin-bottom: 2vh;
  width: 100%;
}



.fa-question.active { cursor:pointer;}


.livePart__but button i {
  margin-left: 1vw;
}

.livePart__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 97%;
}

/* lightbox cote live - fenetre d'apparition de quqetsions et reponses utilisateur */

.liveLightBox {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto;
  max-height:75vh;
  width: 75%;
  z-index: 10;
  background-color: #0b3e66;
  border-radius: 1vw;
  padding: 4vh 2vw;
  -webkit-box-shadow: 0px 0px 10vw 3vw #1a1a1a;
          box-shadow: 0px 0px 10vw 3vw #1a1a1a;
}

.liveLightBox__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font-weight: bold;
  height:3vh;
}

.liveLightBox__header--user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.liveLightBox__header--user div {
  height: 3vw;
  width: 3vw;
  border-radius: 50%;
  background-position: center center;.liveLightBox {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: auto;
  width: 75%;
  z-index: 10;
  background-color: #0b3e66;
  border-radius: 1vw;
  padding: 4vh 2vw;
  -webkit-box-shadow: 0px 0px 10vw 8vw #1a1a1a;
          box-shadow: 0px 0px 10vw 8vw #1a1a1a;
}

.liveLightBox__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.liveLightBox__header--user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.liveLightBox__header--user div {
  height: 3vw;
  width: 3vw;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
}

.liveLightBox__header--user p {
  color: #ffffff;
  font-size: 1.1vw;
  font-weight: 400;
  margin-left: 0.8vw;
}

.liveLightBox__header--user p span {
  font-weight: 400;
  margin-left: 0.1vw;
}

.liveLightBox__header--close {
  background-color: unset;
  color: #ffffff;
  font-size: 1.6vw;
}

.liveLightBox__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 4vh;
}

.liveLightBox__content--questions {
  background-color: #e1e6ed;
  border-radius: 0.4vw;
  padding: 1.4vh 1vw;
  margin-bottom: 1.6vh;
}

.liveLightBox__content--questions p {
  position: relative;
  color: #1a1a1a;
  font-size: 1vw;
}

.liveLightBox__content--questions p span {
  color: #0b3e66;
  font-size: 1vw;
  font-weight: 700;
  margin-right: 1vw;
}

.liveLightBox__content--questions p i {
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-80%, -50%);
          transform: translate(-80%, -50%);
  padding: 1.6vh 1vw;
  border-left: solid 0.1vw #0b3e66;
  cursor: pointer;
  color: #0b3e66;
  font-size: 1.1vw;
}

.liveLightBox__contentOpen {
  position: relative;
}

.liveLightBox__contentOpen--question {
  background-color: #e1e6ed;
  border-radius: 0.4vw;
  padding: 4vh 2vw;
  width: 90%;
  height: auto;
  margin: 0 auto;
  margin-top: 6vh;
  margin-bottom: 10vh;
}

.liveLightBox__contentOpen--question p {
  color: #1a1a1a;
  font-size: 1vw;
  font-weight: 700;
}

.liveLightBox__contentOpen--question p span {
  color: #0b3e66;
  font-size: 1vw;
  font-weight: 700;
  margin-right: 1vw;
}

.liveLightBox__contentOpen--question :nth-child(2) {
  color: #1a1a1a;
  font-size: 1.2vw;
  font-weight: 400;
  margin-top: 2vh;
}

.liveLightBox__contentOpen--back {
  background-color: unset;
  position: absolute;
  top: 120%;
  right: 0%;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

.liveLightBox__contentOpen--back i {
  color: #ffffff;
  font-size: 2vw;
}
  background-size: cover;
}

.liveLightBox__header--user p {
  color: #ffffff;
  font-size: 2vw;
  font-weight: 400;
  margin-left: 0.8vw;
  margin: 0;
      margin-left: 0px;
  margin-left: 2vw;
}

.liveLightBox__header--user p span {
  font-weight: 400;
  margin-left: 0.1vw;
}

.liveLightBox__header--close {
  background-color: unset;
  color: #ffffff;
  font-size: 1.6vw;
}

.liveLightBox__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 4vh;
  height: calc(75vh - 15vh);
  overflow-y: auto;
}

.liveLightBox__content--questions {
  background-color: #e1e6ed;
  border-radius: 0.4vw;
  padding: 1.4vh 1vw;
  margin-bottom: 1.6vh;
  font-size: 1.8vw;
}

.liveLightBox__content--questions:hover, 
.liveLightBox__content--questions:hover > p, 
.liveLightBox__content--questions:hover span  {
  background : #cf1578;
  color:white;
  cursor : pointer;
}

.liveLightBox__content--questions p {
  position: relative;
  color: #1a1a1a;
  font-size: 1.5vw;
}

.liveLightBox__content--questions p span {
  color: #0b3e66;
  font-size: 1vw;
  font-weight: 700;
  margin-right: 1vw;
}

.liveLightBox__content--questions p i {
  position: absolute;
  left: 100%;
  top: calc(50%);
  -webkit-transform: translate(-80%, -40%);
  transform: translate(-80%, -40%);
  padding: 2.5vh 1vw;
  border-left: solid 0.1vw #0b3e66;
  cursor: pointer;
  color: #0b3e66;
  font-size: 2vw;
}

.liveLightBox__contentOpen {
  position: relative;
  max-height: calc(75vh - 15vh);
height: auto;
}

.liveLightBox__contentOpen--question {
  background-color: #e1e6ed;
  border-radius: 0.4vw;
  padding: 4vh 2vw;
  width: 90%;
  margin: 0 auto;
  margin-top: 3vh;
  margin-bottom: 3vh;
  font-size:2.4vh;
  max-height: calc(75vh - 19.5vh);
  height: auto;
  overflow-y : auto;
}

.liveLightBox__contentOpen--question p {
  color: #1a1a1a;
  font-weight: 700;
}

.liveLightBox__contentOpen--question p span {
  color: #0b3e66;
  font-weight: 700;
  margin-right: 1vw;
}

#rep_text_question { font-size:2.6vh; font-weight:bold;}

#rep_text.selectable {
        user-select: text;
        -moz-user-select: text;
        -khtml-user-select: text;
        -webkit-user-select: text;
        -o-user-select: text;
}

.liveLightBox__contentOpen--question P { color : #1a1a1a; font-size:1.2vw;font-weight:normal;margin-top:2vh;}


.liveLightBox__contentOpen--back {
  background-color: unset;
  position: absolute;
  top: 120%;
  right: 0%;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

.liveLightBox__contentOpen--back i {
  color: #ffffff;
  font-size: 2vw;
}



/* LIVE :: pour les nuages de mors */
.section_applications {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction:column;
}

.section_applications > H1 { height: auto;
  font-size: 2.5em;
  text-align: center;
  width: 100%;
  color: white; margin-bottom:5vh;padding-left:20vw;padding-right:20vw;}

.cloudMain {
  width: 60%;
  height: auto;
  padding: 10vh 2vw;
  background-color: #0b3e66;
  border: solid 0.1vw #30b0f3;
  border-radius: 0.4vw;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cloudMain__left, .cloudMain__right {
  width: 48%;
}

.cloudMain__left--title {
  font-size: 1.4vw;
}

.cloudMain__left--textarea {
  width: 100%;
  height: auto;
  padding: 1em;;
  border-radius: 0.2vw;
  font-size: 1.6em;
  margin-top: 2vh;
  margin-bottom: 2vh;
  overflow: hidden; 
  word-wrap: break-word; 
  resize: vertical;
  outline:none;
  border:1px solid #008ad4;
  background:#0163ac;
  color:#dddddd;
  -moz-outline-style:none;
}

.cloudMain__left--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cloudMain__left--exercicetitle {
  font-size: 1.2vw;
}

.cloudMain__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cloudMain__right--bolt {
  font-size: 7vw;
  padding-top: 4vh;
  position: relative;
}

.cloudMain__right--img {
  position: absolute;
  top: -20%;
  left: -160%;
  width: 400%;
  height: auto;
}

.cloudMain__right--text {
  font-size: 1.6vw;
  font-weight: 700;
  padding-top: 2vh;
  text-align: center;
}

.cloudPosition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 94vh;
}

.cloudAnswers__visibility {
  display: block;
  width: 30vw;
  position: absolute;
  right: 10px;
  height:90vh;

}

.cloudAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  width: 100%;
  min-width:25vw;
  height: 90vh;
  padding: 2vh 1vw;
  background-color: #0b3e66;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(26, 26, 26, 0.4);
          box-shadow: 0px 10px 20px 0px rgba(26, 26, 26, 0.4);
  overflow: hidden;
  position: absolute;

}

.cloudAnswers__title {
  color: #ffffff;
  font-size: 1.2vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 4vh;
  height:4vh;

}

.cloudAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 2vh;
}

.cloudAnswers__container {padding-right:10px;}

.cloudAnswer__student {
  background-color: #ffffff;
  border-radius: 0.2vw;
  width: 86%;
  height: 100%;
}

.cloudAnswer__student--title {
  color: #0b3e66;
  font-size: 1vw;
  padding: 1vh 0.4vw;
}

.cloudAnswer__student--title span {
  text-transform: capitalize;
}

.cloudAnswer__student--answer {
  color: #30b0f3;
  font-size: 1vw;
  font-weight: 700;
  padding: 0.6vh 0.4vw;
}

.cloudAnswer__checking {
  font-size: 1.2vw;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cloudAnswer__checking--right, .cloudAnswer__checking--wrong {
  border-radius: 0.2vw;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cloudAnswer__checking--right {
  background-color: #56ba62;
  padding: 1vh 1vh;
  margin-bottom: 1vh;
}

.cloudAnswer__checking--right:hover {
  background-color: #3c9947;
}

.cloudAnswer__checking--wrong {
  background-color: #F93822;
  padding: 1vh 1.4vh;
}

.cloudAnswer__checking--wrong:hover {
  background-color: #e31b07;
}

.canvas_cloud_container {
  height:80vh;
  width:90vw;
  border-radius : 0.4vw;
  margin-bottom: 5vh;
  background : #081f31;
  border : 1px solid #30b0f3;
}


/* téléharger un fichier cote eleve */

.historic_files a { color :#1a1a1a; }

.file-input-wrapper , #retab1 .file-input-wrapper {white-space: nowrap;
  background-color: gray;
  cursor: pointer;
  color : white;
  text-decoration : none;
}

.file-input-wrapper:hover, #retab1 .file-input-wrapper:hover {
  background-color: #cc7a00;
  text-decoration:none;
  cursor:pointer;

}


/* CSS pour les MODULES */

.l_exo_cartouche .cartouche_ombre .fa {margin-top:15px; font-size:50px;}
.l_exo_cartouche.adapt_small .cartouche_ombre .fa {margin-top: 5px;
  font-size: 1.6em;}
.l_doc_cartouche_file.adapt_small .cartouche_ombre img.doc_thumbnail_sound {top:-5px!important;}

.deployer {width:100%;margin-top:5px; padding-top:5px;border-top:1px solid darkgray;display:inline-block;}

.module_bareme_container{
  position:relative;float:left;width:33%;border-left:1px dotted #1a1a1a; padding:5px;height:100%;
}

.module_bareme_container > H5 { margin:0px; font-weight:bold;font-size:0.9em;border-bottom:1px solid black; text-align:left;}
.module_bareme_container > DIV { width:100%;display:flex;padding-top:0.5vh;align-content: space-between; }

.module_bareme_container div.label { width:70%; font-size:0.9em; color:#cdd5dd; padding-top:0.5em;text-align:left;}
.module_bareme_container div.coche, .module_bareme_container div.coche_bis { width:30%;text-align:right;font-size:1.8em; padding-top:0em;}

.module_bareme_container div i {color : #ccd5dd;}


.module_bareme_container div.coche i.fa-square-o { display:block; margin-right:4px;cursor:pointer;}
.module_bareme_container div.coche i.fa-check-square-o { display:none; cursor:pointer;}
.module_bareme_container div.coche:hover i.fa-square-o { display:none;}
.module_bareme_container div.coche:hover i.fa-check-square-o { display:block; color:dodgerblue;}
.module_bareme_container div.coche.selected i.fa-square-o { display:none}
.module_bareme_container div.coche.selected i.fa-check-square-o { display:block; color:#b3005f}
.module_bareme_container div.coche > input, .module_bareme_container div.coche_bis > input  { width:100%;font-size:0.65em; border:1px solid #cdd5dd; color:#cdd5dd; text-align:right;padding-left:5px;padding-right:5px;}
.module_bareme_container div.active > .coche > input,.module_bareme_container div.active > .coche_bis > input  {color:#cf1578; font-weight:bold; /*border:1px solid transparent;*/}

/* gestion survol des champs */
.module_bareme_container div:hover > .label, .module_bareme_container div.active > .label {color:#1a1a1a;}
.module_bareme_container div:hover > .coche > input, .module_bareme_container div:hover > .coche_bis > input {color:#1a1a1a;border:1px solid #1a1a1a;}

.module_bareme_container div > .coche > input:read-only, 
.module_bareme_container div > .coche_bis > input:read-only, 
.module_bareme_container div.active > .coche > input:read-only{ outline-width: 0; cursor: not-allowed;}

.module_bareme_container div > .coche > input[readonly="readonly"]:focus, 
.module_bareme_container div > .coche_bis > input[readonly="readonly"]:focus { outline: none; box-shadow:none;}

.module_bareme_container div:hover > .coche > i {color:#1a1a1a;}

.module_bareme_container.adapt_small {display:none;float:unset;border:none; width:100%;border-top:1px solid #1a1a1a;}

div.ligne_module { height : fit-content; width:100%; border:1px solid #cdd5dd;border-radius:0.2vw;background:#fdfdfd; display:inline-block;margin-bottom:calc(var(--vh) * 1);padding:calc(var(--vh) * 2);}
div.ligne_module > div {width:100%;}
div.ligne_module .actions {/* padding-top:10px;      */
                           display : flex;
                           align-content : space-between;
                           flex-direction : column; 
                           align-items:center;
                            }

div.ligne_module.bareme > div > div[class^='col-'] { pointer-events: none;}

div.ligne_module.bareme {cursor : pointer;} 
div.ligne_module.bareme:hover { background-color :#008ace;}    
div.ligne_module.bareme:hover H4 {color:white;}                    

li.dd-item.container {display:flex;height:fit-content;}
li.dd-item.container H4 {margin : 0px;}
li.dd-item.container div.dd-handle {cursor:move; background:transparent;border:none; width:25px; height:25px;padding:0;font-size:20px;}
li.dd-item.container span.label_order {color:white; background-color:#cf1578; padding:5px; padding-left:10px; padding-right:10px; border-radius:0.2vw;font-size:15px;}

li.dd-item.container.selected > div.ligne_module.bareme {background-color :#008ace;}
li.dd-item.container.selected > div.ligne_module.bareme H4 {color : white;}

.button_deployer i.fa-caret-down { display:none;}
.button_deployer i.fa-caret-up { display:inline-block;}
.button_deployer.down i.fa-caret-down { display:inline-block;}
.button_deployer.down i.fa-caret-up { display:none;}


.list_module_item {
  background: white;
width: 80%;
margin-left: 10%;
margin-bottom: 1vh;
padding: 1vh;
border: 1px solid darkgray;
display : flex;
moz-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
-webkit-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
}

.list_module_item:hover { box-shadow:unset; cursor:pointer; }


.conteneur_module_name { display : flex;
flex : 7;
}
.module_rang {
  margin-right: 10px;
  border-radius: 0.4vw;
  background-color: #b3005f;
  color: white;
  padding: 5px;
  font-weight: 400;
  font-weight: 800;
  font-size: 20px;
  width:50px;
  height: 50px;
  text-align: center;
   padding-top: 10px;
}

.module_name {
  font-weight: 600;
  font-size: 1.1em;
  width: 70%;}

.module_name small { font-size : 1em; font-weight:normal; margin-top:10px}
.module_name p.info_accessibilite {display:none;}

.module_duree { text-align:center;flex : 1}

.module_score { flex : 1; text-align: center;
  height: 50px;
  background-color: #3fa14b; font-size:20px;font-weight:400; border-radius:0.4vw;padding:0.4vw;padding-top: 10px;color:white;text-align:center;}

.list_module_item.muted:hover { moz-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
    -webkit-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
    box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
  cursor:default;}

.module_icon_valide { font-size: 2.1em;
  flex : 0.5; color:#00a2eb; padding-top:10px;;}

.module_icon_valide i.fa-check-circle { display:block; color:#3fa14b;}
.module_icon_valide i.fa-chevron-circle-right { display:none; }

.module_icon_valide.not_validated i.fa-check-circle { display:none; }
.module_icon_valide.not_validated i.fa-chevron-circle-right { display:block; }
.list_module_item:hover .module_icon_valide.not_validated i.fa-chevron-circle-right { color:#b3005f;  margin-left:10px;}

.list_module_item.muted { color: darkgray;cursor:default;}
.list_module_item.muted .module_rang {background-color:darkgray;}
.list_module_item.muted .module_score {background-color:darkgray;}
.list_module_item.muted .module_icon_valide i {color:darkgray;}
.list_module_item.muted .module_name p.info_accessibilite {display:block; color:#1a1a1a; font-weight:normal; font-size:1em;}
.list_module_item.muted .module_name p.info_accessibilite > small { font-weight:800;}



.list_module_item .transparent { padding:0; border:unset;background:transparent;box-shadow:unset;display:flex;flex-direction:row}
.list_module_item .progress-content {flex:16; display:flex; flex-direction:column;}
.list_module_item .progress-content p {margin:0;}
.list_module_item .progress-content div.bar-module-progression {margin-top: 0.5vh; margin:0; margin-right:30px;width:100%;height: 2vh;border:1px solid darkgray;background:white;}
.list_module_item .bar-module-colored {background-color:#188bc9;width: 80%;height: 100%;}
.list_module_item .validation { flex: 4;margin-left: 20px;border-radius: 0.2vw;color: #188bc9;font-size: 0.8em;font-weight: 800;text-align: center;border: 1px solid #188bc9; }
.list_module_item .validation > P.score {font-size:2em;}


/* ecran module run */
.menu_live_module {
  display : flex;
  flex-direction:column;
  width:100%;
  background : #f9f4f4;align-items: center;}


  .menu_module {border: 1px solid darkgray;moz-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
    -webkit-box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
    box-shadow: 0 5px 5px rgba(6, 6, 6, 0.29);
    margin: 10px;background: #fbfbfb;padding: 5px;display:flex;width:700px; max-width:700px;}

  .menu_module:hover {box-shadow:unset;cursor:pointer;border:1px solid #188bc9}

  .menu_module img {position:relative;width:100%;border:1px solid darkgray;}
  .menu_module > .vignette {flex:3;text-align: center; border:1px solid darkgray;}
  .menu_module > .vignette > .fa {font-size:65px;margin-top:5px;}
  .menu_module > .libel {flex:8; padding-left:15px;display:flex;flex-direction:column;}
  .menu_module > .libel > H3 {font-size: 1.1em}
  .menu_module > .icone {flex: 0.5;font-size: 2em;color: darkgray;}
  .menu_module >  .icone > i.fa-check-square-o{display:none;}
  .menu_module >  .icone > i.fa-square-o {display:block;}
  .menu_module >  .icone.validated > i.fa-check-square-o{display:block;color:#3fa14b}
  .menu_module >  .icone.validated > i.fa-square-o {display:none;}

  .menu_module.muted { box-shadow : unset; }
  .menu_module:hover.muted {  border:1px solid darkgray; }
  .menu_module.muted > .libel, .menu_module.muted > .libel > H3 { color:darkgray;}
  .menu_module.muted > .icone { color:darkgray;}
  .menu_module.muted >  .icone.validated > i.fa-check-square-o{color : darkgray}
  .menu_module.muted > .vignette > img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
  .menu_module.muted > .vignette > .text-primary {color:darkgray!important; }


  /* les resultats des modules */


  table.resultat_module {

    width : 100%;
    background : #eeeeee;
    font-size:14px;

  }

  div.titre-result-module {
    padding : 5px; margin-top:15px;
    
  }

  .titre-result-module H4 { color : #cf1578;}

  table.resultat_module tr > td:first-child { width:45%;}

 div.moyenne_module {

    border:1px solid darkgray;
    width:8vw;
    font-size:3vw;    
    margin-top:-6vh;
    position:relative;
    float:right;
    margin-right:1vw;
    text-align:right;
    font-weight:bold;
    display:flex;
    flex-direction:column;

  }

  div.moyenne_module > div {

    font-size : 8px;
    color : #cf1578;
    height:2vh;
    width:100%;
    text-align:center;
    position:absolute;

  }
  
  div.moyenne_module div:first-child {

    font-size : 18px;
    color : #1a1a1a;
    font-weight:bold;
    height:6vh;
    text-align:center;
    position:unset;
    padding-top:2vh;
  }

  
 
/* le nouveau menu gauche */

#main-nav-bg {
  width: 46px;
  position: absolute;
  float: left;
  border-right: 1px solid #dddddd;
  background: #f4f4f4;
  display: block;
  z-index: -1;
  top: 0;
  bottom: 0;
}

 /* ouverture du menu */
.main-nav-opened #main-nav {
  width: 250px;
  overflow: visible;
}

body.fixed-header #main-nav.main-nav-fixed {
  left: 0;
  z-index: 900;
  background: #008ace;
  /*height: calc(var(--vh) * 97 - 50px);*/
  position:absolute;
  top:50px;
  border-right: 1px solid #555555;
}

#main-nav .navigation {display:inline;}

.left_menu {font-size : 1.1em; background-color: #008ace;font-size : 16px; font-weight:500;}
.left_menu:hover {background-color:#00a2eb;}
.left_menu.under {font-size : 14px; background-color:#00a2eb;}
.left_menu.under:hover {background-color: #0c4867;color: #00dfff;}
.left_menu.selected {background-color:#0163ac;}
.left_menu > a {
  display: flex;
  padding: 10px 10px;
  overflow: visible !important;
  text-decoration : none;
  color:#cce8f0;
  }

.left_menu > a [class*=" fa-"], .left_menu > a [class*="icon-"] {color: #eee;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  padding-top:3px;
  width: 25px;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;}
  
  .left_menu.under:hover > a ,
  .left_menu.under:hover > a [class*=" fa-"], 
  .left_menu.under:hover > a [class*="icon-"] {color: #00dfff;}

.left_menu > a > i.angle-down { display:none; }
.main-nav-opened #main-nav .left_menu > a > i.angle-down { display:inline-block; font-size: 25px;font-weight:600;padding-top:0px;}


.left_menu > a > div {display:none;}
.main-nav-opened #main-nav .left_menu > a > div {display: inline-block;width: calc(100% - 10px);margin-left: 10px; padding-top:3px;}

#main-nav { height : calc(97 * var(--vh) - 49.5px); }
#main_nav_scroll { height:calc(100% - 95px); } /*  hauteur menu gauche */
#main_nav_scroll a { /* background: #00a2eb;*/ }

@media (max-width: 991px) {

  #main-nav-bg {width: 46px; } 
  #main-nav {width: 45px; } 
  
    
    }
@media (max-width: 767px) {
  #main-nav-bg {width: 0; }
  #main-nav {width: 0; overflow: hidden; }
} 

@media print {
  #main-nav, #main-nav-bg {display: none; } 
}

/*  les slimscroll */

.slimScrollBar {
  -webkit-border-radius: 1vw !important;
  -moz-border-radius: 1vw !important;
  border-radius: 1vw !important; }


/* editeur get-skills */

ol.summer_document_question li span.summer_bareme_point, 
ol.summer_document_question li span.summer_bareme_total {
  margin-left :0px;
}

span.summer_cont_bareme {font-size: 12px;
  font-weight: bold;
  border-radius: 15px;
  background-color: #008ace;
  color: white;
  padding: 3px 7px;
  margin-left: 0px !important;}

span.summer_cont_bareme.eleve { background-color: #3c9947; }

/* devoir à rendre lien dans une question */

.travail_libel_q a {
  font-weight: bold;
  color: #00acec !important;
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;

}

.travail_libel_q a:hover {text-decoration:underline; }

.travail_libel_q a:after {font-family: FontAwesome;
  font-weight: 900;
  content: "\f14c";
  color: #00acec;
  margin-left: 5px;
  margin-right: 5px;
  display: inline;}

/* createur de bareme */

.bareme_creator_container {
  width: calc(100vw - 20%);
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: 1030;
  padding: 15px;
  background-color: white;
  height: calc(100vh - 20%);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.46);
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.46);
  }

.container_lines {width: 100%;
  height: auto;
  overflow: auto;
  display: block;
  max-height: 44vh;}

.nav-pills > li.bareme_tab_muted { pointer-events: none; }
.nav-pills > li.bareme_tab_muted a { color : lightgrey; }
.nav-pills > li.bareme_tab_unmuted { pointer-events: all; }
.nav-pills > li.bareme_tab_unmuted a { color :unset; }

/* MAPS */

.liveNav__menuMap {
  width:100%;
  height:50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; 
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;         
  justify-content: normal;     
  background-color: #0b3e66;
  -webkit-box-shadow: 10px 0px 14px -10px rgba(26, 26, 26, 0.6);
          box-shadow: 10px 0px 14px -10px rgba(26, 26, 26, 0.6);
  z-index: 1;    
}
.liveNav__menuMap.active {border-right:1px solid #30b0f3; }

.liveNav__menuMap button { border-radius:15%;width:3vw;height:3vw; margin-left:0.5vw;}
.liveNav__menuMap button:hover {border:1px solid #30b0f3; color:white; background:#30b0f3;}

/* ==== version mobile ======= */


.liveNav__menuMap.mobile {
  justify-content:space-between!important;
  padding-left:2vw;
  padding-right:2vw;
  
}

.liveNav__menuMap.mobile button {

    width : unset;
    height: unset;
    font-size : 6vw;
    margin-left:unset;
}

.liveNav__menuMap.mobile .liveBorderBut {

}

.pane.subpane.mobile { flex-direction:column;}
.pane.subpane.mobile button.map_icon > i {font-size:6.5vw;}
.pane.subpane.mobile .menu_pane {
  flex-wrap:wrap;
  flex-direction:row;
  align-content:space-evenly;
  justify-content : center;

}

.pane.subpane.mobile > div.block_pane_menu.map_color {
  width:unset;
}

.pane.subpane.mobile button {
  width : 12vw;
  height: 12vw;
}

/* FIN MAPS */






/* MOTS CROISES */

.crossword-board-container {
  position: relative;
  background: #FFFFFF;
}

.crossword-board {
  position: absolute;
  background: transparent;
  display: grid;
  border: none;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  gap: 5px;
  height: 500px;
  grid-template: repeat(9, 11.1111111%)/repeat(10, 10%);
  width : 100%;
  position:relative;
  margin:auto;
}

.crossword-board__item {
  background: #FFFFFF;
  position: relative;
  visibility: visible;
  border: 3px solid #000000!important;
  border-radius: 10px;
  width: calc(30% - 0.2vw);
  height: 6vw;
  margin: 0.1vw;
  padding: 0.2vw;
  display:inline-block;
}

.indexClue { position: absolute; top: 0;}

.crossword-board__item.success { background:#3fa14b;}
.crossword-board__item.success input, .crossword-board__item.success div.indexClue  { color:white; }

.crossword-board__item.error { color:#b3005f; background:white;}
.crossword-board__item.error input { color:#b3005f; }

.crossword-board__item.selected {
  background: #FFFF74;
  
}

input.crosswordBoarditemInput  {width:calc(100% - 5px); 
  /* height:100%; */
  font-size: 100%;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
   border:0px transparent; background:transparent;}

input.crosswordBoarditemInput:focus {outline:none;}

.crossword-board__item--blank {
  
  background: transparent;
  border: 3px solid transparent;
  outline: none;
  width: calc(30% - 0.2vw);
  display: inline-block;
  margin: 0.1vw;

}


ul.mots_croises > li { list-style-type: none; font-size: 1.2em;}

#running_content { display:inline-block; }

/* =======================================*/
/* ecran des resultats en tableau de notes */


.notes-grid-container {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  background-color: #2196F3;
  padding: 0px;
  grid-auto-columns: 50px;
  font-family :Verdana, Geneva, Tahoma, sans-serif;

}

.notes-grid-item {
  background-color:#f9f4f4;
  padding: 10px;
  padding-top:5px;
  font-size: 0.85em;
  text-align: right;

}

.notes-sticky-left {
  position: sticky;
  z-index : 1;
  left: 0;
  
  background-color:#f9f4f4;
  padding-left : 10px;
  width:150px;
  text-align: left;
}

.notes-sticky-average {
  position: sticky;
  z-index : 1;
  left: 150px;
  border : 1px solid transparent;
  background-color:#f9f4f4;
  text-align: right;
  font-weight:bold;

}

.notes-header-column {
  
height: 150px;
position: sticky;

top: 0px;
z-index: 2;
padding: 5px;
padding-bottom : 0px;
background-color:#f9f4f4;

}

.notes-header-column >div {

height: 140px;
padding-bottom: 5px;
border: 1px solid transparent;
border-bottom: 3px solid black;
width :50px;

}

.notes-header-column div > div {

width: 130px;
height: 40px;
padding: 0;
margin: 0;
transform: rotate(90deg);
margin-top: 50px;
margin-left: -45px;
overflow: hidden;
border:0px;
font-size:1.2em;
line-height:1.5em;

}
.notes-header-column div > div > div {

  display: block;
  transform: rotate(0deg);
  text-align: left;
  border: 0px solid transparent;
  font-size : 0.85em;
  margin: 0;

}

.notes-header-first {
  z-index : 3;
  position:sticky;
  top:0;
  left:0;
  background-color:#f9f4f4;
 
}

.notes-header-average {

  z-index : 3;
  position:sticky;
  top:0;
  left:150px;
  background-color:#f9f4f4;

}

.notes_odd {background : #c5e1eb;}
.notes_even {background:#f9f4f4;}
.row_average {border-top:1px solid black;font-style:italic;font-weight:bold;}
.notes-column-left {border-left:1px solid black;}
.notes-column-right {border-right:1px solid black;}


/* ====================================== */
/* Les exercices */

#upload_file_1 { padding : 10px;}
#upload_file_1 > a { color : black; font-size:40px; }

/* ====================================== */
/* les comptes licences */

.account_user_cols {
	display: grid;
	grid-template-columns: 10% auto 14% 11% 11% 11%;
}

.grid_account_header {
	font-weight: bold;
	border-bottom: 1px solid black;
}

.grid_account_row { padding:5px;}
.grid_account_row .date {grid-area : date;}
.grid_account .libelle { grid-area:libelle;}
.grid_account .montant { grid-area:montant;}
.grid_account_row .odd { background : #d2e9f4; }

.grid_account_footer { 
  grid-area : footer; 
  border-top:1px solid black;
  margin-top:10px;
  text-align:right; 
  padding:10px; 
  padding-right:0px;}

.compte_id_licence { font-size : 0.8em; font-style:italic;}
.compte_id_licence.client { font-weight:bold;}


/* les listes de revendeurs*/

.vendor_user_cols {
	display: grid;
	grid-template-columns: auto 30% 15% 13%;
}



/* =========================================== */
/* ecran de choix d'un nouveau cours */

#l_cours_add {
  height : calc(97vh - 120px); 
  position:relative; 
  width:100%;
  display:grid;
  grid-template-columns : 33.33% 33.33% 33.33%;
  overflow-y:scroll;overflow-x:hidden;
  padding-bottom:10px;

}

.cartouche-full-width { width:calc(100% - 5px);}
.header-sup-cours {padding:15px; height:60px; border-bottom:1px solid darkgray;margin-bottom:15px;}
.libel-auteurs {position:relative; display:block; float:left; width:65%; }
.co-auteur {font-size:10px;}
.badge-prix { position:relative; float:right; width:35%; text-align:right;}
.badge-prix > span { border-radius:5px; background:#00a2eb; color:white;padding:5px;}

/* ==================================================== */
/* ecrans des pages legal */

.pol {height:3vh;padding:5vw;padding-top:0.2vh;padding-bottom:0;}
.pol:hover { background : #b3005f;cursor:pointer;}
.hover_not:hover {background:transparent;cursor:default;pointer-events:none;}
.l_doc_menu_container .title.legal {margin-left : 0px;font-size:21px;font-weight:bold;line-height:normal;}
H2.legal {
	font-size: 1.5em;
	margin-top: 3em;
  margin-bottom:2.2em;
}
p.legal {font-size: 1.2em;line-height: 2em;}

ul.legal {margin-left:2.8em;margin-top:2em; margin-bottom:2.1em;font-size:1.2em;}

/* ====================================================== */
/* ecran dashboard - liste des devoirs à corriger */

.dashEvaluate {
  height : calc(var(--vh) * 91 - 49px);
  width : calc((100vw - 271px) / 2);
  position:absolute;
  top:50px;
  right:10px;
  /* border:1px solid red;*/
 
  margin-left:10px;  
  
  
}

.dashEvaluate .header {
	--start: 15%;
	height: calc(var(--vh) * 7);
  /*background-image: repeating-radial-gradient(circle at var(--start), transparent 0%, transparent 10%, rgba(219, 54, 139, 0.33) 10%, rgba(219, 54, 100, 0.33) 17%), linear-gradient(to right, #eb0084, #027cc5);*/
	background-image: repeating-radial-gradient(circle at var(--start), transparent 0%, transparent 10%, rgba(54, 89, 219, 0.33) 10%, rgba(54, 89, 219, 0.33) 17%), linear-gradient(to right, #00a2eb, #0287c5);
	color: #fff;
	position: relative;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
  margin-right:calc(var(--vh) * 1);
  display:flex;
  align-items:center;
  padding-right:5%;
}

.header .title { width:70%;color:white;font-weight:bold;font-size:21px; text-align:right;}

.header .icon-edit { font-weight:bold;font-size:21px;
    opacity:0.4; color:white;width:30%;padding-left:calc(15% - 9px);
  }  

.dashEvalList { padding-top:calc(4 * var(--vh)); height : calc(82 * var(--vh) - 110px); 
  overflow-y:auto; display:flex;flex-wrap:wrap;
  border-radius: 0 0 12px 12px;
  margin-right:6px;
  background:white;
  padding:calc(1.5 * var(--vh));
  box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.4);
  border:1px solid lightgray;
}

.dashEvalList .spinner { font-size:3.5vw; position:relative; margin:auto;color:#004063;}

.corrigeEncart { 
  width : calc((100vw - 251px) / 2);
  padding:calc(1 * var(--vh));
  
  display: grid;
  grid-template-columns:1fr 3.5fr 1fr;
  align-items: center;
  /*padding: 10px 30px 10px 10px;*/
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 7px -1px rgba(51, 51, 51, 0.23);
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98), box-shadow 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98);
  background-color: #fff;
  margin-bottom:1vh;
  align-self : start;

  }

.corrigeEncart:hover { box-shadow:unset;margin-top:calc(0.5 * var(--vh));margin-left:calc(0.5 * var(--vh));margin-bottom:calc(0.5 * var(--vh));border:1px solid #00a2eb;}

.corrigeEncart div.logo {text-align:center;}
.corrigeEncart div.logo > i {font-size:3vw; color:#00a2eb; }
.corrigeEncart div.logo > img {width:80%; border:1px solid #1a1a1a;}
.corrigeEncart H3 { font-size:1vw; margin:0;margin-bottom:calc(0.5 * var(--vh))}
.corrigeEncart H4 {font-size:0.7vw; margin:0; color:darkgray;}
.corrigeEncart H5 {font-size:1.2vw; color : #005f92;  text-align:right;display:flex; flex-direction:column;}
.corrigeEncart H5 > span { font-size:0.6vw; }


/* liste des eleves d'un cours */

I.caseSelectUser.fa {font-size:1.5em; color:darkgray;cursor:pointer;}
I.caseSelectUser.fa.fa-check-square-o{display:block;color:#3fa14b; }
tr.selected > TD {background : #dff4e3!important; }

/* new message windows css */
.msgBox_background {
  background: rgba(6, 6, 6, 0.29);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 905;
  overflow: hidden;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.msgBox_background.mobile { display:flex; }


.msgBox_background > div { position:absolute; }

.msgBox_background > div:first-child {
  width: 80%;
  height: auto;
  background-color: white;
  box-shadow: -1px -1px 9px 8px rgb(57, 50, 50, 0.2),-10px 2px 20px rgb(255, 255, 255) inset;
  display: flex;
  flex-direction: column;
}

.msgBox_background > div.medium { width:55%; }
.msgBox_background > div.large { width:75%; }
.msgBox_background > div.Xlarge { width:95%; }
.msgBox_background > div.small { width:35%; }

.msgBox_background .header-window { 
  display: flex;
  padding: 1vw;
  border-bottom: 1px solid lightgrey;
    justify-content:space-between;
    align-items : center;
  cursor : move;
}

.msgBox_background .header-window > H4 {
  width: 80%;
  font-size: 1.3vw;
  font-weight: 200;
}

.msgBox_background .header-window > button {
  margin-left: auto;
  height: 3vw;
  width: 3vw;
  font-size:1.5vw;
  background : transparent;
  color:darkgray;
}

.msgBox_background .header-window > button:hover {
  color: #6b6b6b;
}

.msgBox_background .html_content {
  height: auto;
  max-height: 65vh;
  /*min-height: 30vh;*/
  overflow: hidden;
  overflow-y: auto;
  padding: 2vh;
  width:100%;
}

.msgBox_background form {width:100%;}

.footer-window {
  border-top: 1px solid lightgrey;
  /* height: 10vh; */
  padding: 1vw;
  display: flex;
  flex-direction: row-reverse;
}