@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Gluten&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gluten&family=Lobster+Two&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&family=Lobster+Two&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bellota&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gluten&family=Kalam&display=swap');
*/

[class^="btn-fa-"]:before,
[class*=" btn-fa-"]:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    margin: 0 6px 0 2px;
}

[class^="btn-fas-"]:before,
[class*=" btn-fas-"]:before
{
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    margin: 0 6px 0 2px;
}
/*
 * https://fontawesome.com/v5/search
 * https://fontawesome.com/v5/search?o=r&m=free
 */

.btn-fas-tachometer-alt:before {content: '\f3fd';}
.btn-fas-ticket-alt:before {content: '\f3ff';}
.btn-fas-video:before {content: '\f03d';}
.btn-fas-calendar:before {content: '\f133';}
.btn-fas-calendar-minus:before {content: '\f272';}
.btn-fas-cog:before {content: '\f013';}
.btn-fas-lock:before {content: '\f023';} 
.btn-fas-lock-open:before {content: '\f3c1';}
.btn-fas-check:before {content: '\f00c';}
.btn-fas-mobile-alt:before {content: '\f3cd'; margin-right: 8px;padding-left: 3px;}
.btn-fas-phone-alt:before {content: '\f879';}
.btn-fas-exclamation-triangle:before {content: '\f071';}
.btn-fas-running:before {content: '\f70c';}
.btn-fas-undo-alt:before {content: '\f2ea';}
.btn-fas-plus-square:before {content: '\f0fe';}
.btn-fas-times:before {content: '\f00d';}
.btn-fas-user-plus:before {content: '\f234';}
.btn-fas-user-edit:before {content: '\f4ff';}
.btn-fas-user-slash:before {content: '\f506';}
.btn-fas-user-check:before {content: '\f4fc';}

.btn-fa-clock:before {content: '\f017';}
.btn-fa-exclamation:before {content: '\f12a';}
.btn-fa-asterisk:before {content: '\f069';}
.btn-fa-envelope:before {content: '\f0e0';}
.btn-fa-trash-alt:before {content: '\f2ed';}
.btn-fa-edit:before {content: '\f044';}
.btn-fa-plus:before {content: '\f067';}
.btn-fa-check-square:before {content: '\f14a';}

.btn-fa-plus-square:before {content: '\f0fe';}
.btn-fa-user:before {content: '\f007';}


.btn-fa-calendar-plus:before {content: '\f271';}
.btn-fa-calendar-alt:before {content: '\f073';}
.btn-fa-window-close:before {content: '\f410';}
.btn-fa-credit-card:before {content: '\f09d';}




body {
	background-color: #fff;
	color: #000;
	font-size: 14px;
	
	font-family: 'Gluten', cursive;
	font-family: 'Lobster Two', cursive;
	
	
	font-family: 'Bellota', cursive;
	font-family: 'Acme', sans-serif;
	font-family: 'Helvetica', sans-serif;
	font-family: 'Roboto', sans-serif;
	
	/*font-family: 'Kalam', cursive;
	font-family: 'Gluten', cursive;*/
	/*background-image: url('/img/test-version.png');*/
}
/* font-awesome */
.fa, .far, .fas {
	margin-right: 5px;
}

#toastPlacement {
	z-index: 10000;
}

.prive {
	color:#fff;
	background-color: #bf01a2;
	padding: 2px;
	font-size: 90%;
	border: 1px outset #ddd;
	border-radius: 5px;
	font-weight: bold;
}

.nbparticipants {
	color:#fff;
	background-color: #370;
	padding: 2px;
	font-size: 90%;
	border: 2px outset #ddd;
	border-radius: 5px;
}

.nbparticipants.full {
	background-color: #900;
}
.niveau {
	display: inline-block;
	color:#fff;
	color:#000;
	background-color: #5b02b5;
	background-color: #ff7f7f;
	padding: 0px;
	padding-left:2px;
	padding-right:2px;
	font-size: 100%;
	font-weight: bold;
	border: 1px outset #ff7f7f;
	border-radius: .25rem;
	min-width: 25px;
	text-align: center;
}
.typecours {
	display: inline-block;border: 1px outset #ddd; font-weight: bold; border-radius: .25rem; color: #000; padding: 0px; padding-left: 2px;padding-right: 2px;
}

/* Statut d'un cours dans l'historique */
.statutlib {background-color: #aaa;padding:2px;border-radius: 7px;padding-left: 5px; padding-right: 5px; white-space: nowrap;}
.statutlib.ok {background-color: #8fee8f;background-color: inherit;}
.statutlib.warn {background-color: #f9c119;}
.statutlib.nok {background-color: #f20909; color: #fff;}

/* boites de confirmation */
.bloc-cours-swap-recap {
	display: inline-block;
	background-color: #ddd;
	color: #000;
	
	border-radius: 8px;
	text-align: left;
	background-image: url('/img/calendar.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 50px;
	padding: 10px;
	padding-left: 70px;
}
.bloc-cours-swap-recap-old {background-color: #ffcfcf;}
.bloc-cours-swap-recap-new {background-color: #a4f2a4;}

.bloc-cours-swap-recap-header {
	font-weight: bold;
	font-size: 110%;
}
.coursprive {
	border: 2px solid #ec7ac5;
	background-color: #a20088;
	padding: 2px;
	border-radius: 5px;
	color: #ffef00;
}

.fc-event.addedbyhandlesson {
	border-style: dashed;
	border-color: #0009;
	border-width: 2px;
}

.table-liste-gen {
    width: 100%;
    border-collapse: collapse;
    border-collapse: separate; 
	border-spacing: 1px 1px;
}

.table-liste-gen tr td {
    font-size: 14px;
}
.table-liste-gen tr th {
    background-color: #333;
    background-color: #33498a; 

    color: #fff;
    text-align: center;
    padding: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
}
.table-liste-gen tr td {
    /*background-color: #ddd;
    background-color: #83c880;*/
    color: #333;
    padding: 3px;
    text-align: center;
    font-weight: normal;
}

.table-liste-gen tr:nth-child(odd){
  background-color:#eee;
}
.table-liste-gen tr:nth-child(even){
  background-color:#fafafa;
}

.table-liste-gen tr {
    cursor: pointer;
    margin-top: 10px;
}
.table-liste-gen tr td {
    margin-top: 10px;
}
.table-liste-gen tr:hover {
    background-color: #d0d8ff !important;
}

.table-liste-gen tr.selected {
    background-color: #ccc;
}


.nav-tabs .nav-link  {
	border-radius: 15px 15px 0px 0px;
}
/* onglets en bleu */
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0c43c6;
    background-color: #305377;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link {
	height: 100% !important;
} 

.modal-header {
	color: #fff;
	/*background-color: #8e0a54;
	background-color: #084071;*/
	background-color: #0d6efd;
}
.modal-header .modal-header-bleu {background-color: #0d6efd;}
.modal-header-rouge {background-color: #dc3545 !important;}

.modal-footer {
	background-color: #eaeaea;
	padding: .25rem;
} 

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* ITEM PLANNING */
.planning_item {
	display: block;
    background-color: #274b79;
    border-radius: 5px 5px 0px 0px;
    padding: 0px;
    border: 1px solid #274b79;
    cursor: pointer;
    font-size: 100%;
    margin-bottom: 12px;
    /*
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;*/
}

.planning_item_header {
	display: block;
    margin-bottom: 1px;
    background-color: #274b79;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    padding: 2px;
    padding-left: 5px;
}
.planning_item:hover .planning_item_header {
	background-color: #37659f;
}
.planning_item_body {
	display: block;
    
    padding: 5px;
    background-color: #ffffff;
}
/* FIN ITEM PLANNING */


.bulle-conversation {
	border: 2px solid #333;
	border-radius: 15px;
	padding: 10px;
	margin-bottom: 10px;
/*	box-shadow: 6px 6px 21px -14px rgba(0,0,0,0.75);
-webkit-box-shadow: 6px 6px 21px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 21px -14px rgba(0,0,0,0.75); */
}
.bulle-conversation-me {
	background-color: #ffd;
	background-color: #eee;
}
.bulle-conversation-other {
	background-color: #85d99a;
	background-color: #ddd;
}
.bulle-conversation-notread {
	background-color: #26e896;
}

.bulle-conversation-englob {
	max-width: 70%;	
}
@media only screen and (max-width: 767px) {
  .bulle-conversation-englob {
  	max-width:85%;
  }
}
@media only screen and (max-width: 575px) {
  .bulle-conversation-englob {
  	max-width:90%;
  }
}