*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body{
	margin:0;padding: 0;overflow-x: hidden;

	background:#eee;

	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-o-background-size:cover;
	scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	-moz-background-size:cover;
font-family: roboto;
}


#load{
	display: none;
}


#image_comment{
	display: none;
}
.br_connect_respo{

	display: none;
	margin-bottom: 20%;position: relative;
}
.liste_connect_respo{

box-shadow:  1px 5px 5px 0 #333333;
background-color: rgb(1,1,0.90,0.90);



	display: none;
	width: 100%;height: 92%;position: absolute;z-index: 999;overflow-x: hidden;overflow-y: auto;
}

.nme_srvc2{
	position: relative;float: left;margin:10px;font-size: 20px;font-family: roboto;color: #212529;
	display: inline-block;vertical-align: middle;
}
.leftfrom{

	float: right;width: 50%;top: %;position: relative;left: -3%
}
.rightfrom{

float: left;clear: both;width:40%;position: relative;text-align: left;left: 2%

}
.iframe{

	width: 100%;height:92%;overflow-x: hidden;overflow-y: auto;position: relative;
}


.inp_form{
	position: relative;width: 100%;height: 50px;border:none;background-color:transparent;display: inline-block;
	font-size: 20px;color: #212529;font-family: roboto;margin-bottom: 20px;
	padding-left: 10px;
	border: none;
	outline: none;
	border-bottom: 1px solid #333;
}

.url_school_click{
	width: 100%;height:92%;
	position: relative;

}
	.right_mnu{
	position: relative;float: right;max-width: 80%;height: auto;margin:15px;
	display: inline-block;vertical-align: middle;
}
.ico_fxd{
	position: relative;float: right;right: 1%;color: #212529;margin:10px;display: none;
}
#fst{
	display: none;
}
#scnd{
	display: none;
}

.cour{
	display: none;
}
.sml_cour{
	display: none;
}

.modifdata{
	display: none;
}
.inp_form_insc{

vertical-align: middle;
clear: both;

display: inline-block;
overflow-x: hidden;
	position: relative;width: 100%;height: 50px;border-bottom:1px solid #333;margin-bottom: 10px;
	font-family: roboto;font-size: 20px;color: #212529;padding-left: 10px;
	background: transparent;
	border-left: none;
	border-top: none;
	border-right: none;
}

.content_school,.conten_conf,.content_etb,.main_class{
	width: 100%;height: 100%;
}

.menus_sch{
	position: fixed;z-index: 9;width: 100%;height: auto;
	border-bottom:1px solid #333;
	padding: 8px;
}
.name{
	position: relative;margin:1px;color: #212529;font-size: 2em;font-family: cursive;
}
.nme_svc{
	position: relative;display: inline-block;font-size: 1em;color: #212529;font-family: cursive;
}
.ml3 {
  font-weight: 900;
  font-size: 13px;
}
small{
	position: relative;display: inline-block;color: royalblue;font-family: cursive;
}
.both{
	margin-bottom: 3%;
}
.left_content{
	position: relative;width: 50%;height: auto;display: inline-block;vertical-align: middle;
	float: left;left: 4%;padding: 1px;border-radius: 15px;
}

.desc_about{
	position: relative;height: auto;text-align: center;
	font-size: 2em;color: #212529;letter-spacing: 5px;bottom: 1px;padding: 4px;
	font-family: roboto;
	top: 10px;
}

.desc_lg_indx{
	position: relative;
}



/*--------------------------ad----------------------------*/


.m100 {
  position: relative;
  font-weight: 900;
  font-size: 1.5em;
}
.m100 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}
.m100 .letter {
  transform-origin: 0 100%;
  display: inline-block;
  line-height: 1em;
}



.ml2 {
  font-weight: 900;
  font-size: 13px;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml00{
	font-weight: 900;
  font-size: 1.5em;
}
.ml00 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}
.ml00 .letter {
  transform-origin: 0 100%;
  display: inline-block;
  line-height: 1em;
}



/*-----------------------end-----------------*/

.comment{
	position: relative;font-family: Gill sans ultra bold;font-size: 1.5em;color: #212529;font-weight: bold;
}
.right_content{

	position: relative;float: right;display: inline-block;vertical-align: middle;width: 45%;height: auto;
	right: 5%;border-radius: 15px;
}
.name_for{
	position: relative;text-align: center;font-size: 20px;font-family: verdana;color: #212529;
}
.content_choice{
	position: relative;display: inline-block;padding: 15px;border:1px solid #3333;border-radius: 20px;margin:5px;
	margin-bottom: 10px;
}
.nme_chx{
	position: relative;float: left;font-family: roboto;font-size: 15px;display: inline-block;color: #212529;
}
.input{
	position: relative;float: left;left: 3%;display: inline-block;background-color: transparent;
}
.form{
	position: relative;width: 70%;height: auto;
}


.btn_sch{
	position: relative;border:none;background-color: transparent;font-family: roboto;font-size: 15px;
	color: #212529;padding: 10px 20px;box-shadow:  1px 5px 5px 0 #000;border-radius: 15px;margin-bottom: 10px;cursor: pointer;
}
.small_iput{
		top: 5px;

	position: relative;width: 69%;height: 100%;border: 1px solid #e6ebf5;display: inline-block;float: right;right: 1%;bottom: 5px;
	padding: 5px;font-family: roboto;;background-color: transparent;color: #212529;padding-left: 10px;vertical-align: middle;

	outline: none;
}
.select{
	position: relative;float: left;display: inline-block;padding: 8px;border:1px solid #e6ebf5;bottom: 5px;
	color: #212529;font-size: 20px;vertical-align: middle;left: -2%;background-color:  transparent;
	top: 5px;


}


/*---------------confirmation password-------------------*/



.form_conf{
	position: relative;width: 35%;height: auto;margin:auto;border-radius:10px;
	padding:20px;

}
.both_d{
	margin-bottom: 12%;
}
.confg_nme{
	position: relative;text-align: center;font-size: 20px;font-family: roboto;color: #212529;
}

.input_conf{
	position: relative;width: 70%;height: 50px;border: none;outline: none;border-bottom: 1px solid #333;
	color: #212529;font-size: 20px;font-family:roboto;padding-left:5px;margin-bottom: 15px;
	background: transparent;
}
.btn_send{
	position: relative;border:none;padding: 16px;font-family: roboto;font-size: 20px;background-color: rgb(1,1,0.30,0.30);color: #212529;
	box-shadow:  1px 5px 5px 0 #333333;border-radius: 8px;cursor: pointer;width: 70%;margin-bottom: 20px;
}
.error_msg{
	position: relative;font-size: 18px;color: red;font-family: roboto;
}


/*-----------------------------------------dashboard-----------------------------------*/

.left_etb{
overflow-x: hidden;
overflow: hidden;
	overflow: auto;scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	position: fixed;float: left;width: 23%;height: 100%;background-color:#FFF;
	overflow-y: auto;overflow-x: hidden;
	color: 
}
.cnt_fst_dsh{
	position: relative;width: 100%;height: 100px;margin-bottom: 15px;
}
.logo_dash{
	position: relative;float: left;margin:3px;width: 60px;height: 60px;border-radius: 60px;display: inline-block;
	vertical-align: middle;

	text-align: center;
}
.right_etb{
	position: relative;float: right;width: 76.9%;height: 100%;background-color:#fff;overflow-y:hidden;
	overflow-x: hidden;

}

.name_etab{

	word-break: break-all;
	word-wrap: all;
	position: relative;float: left;display: inline-block;font-family: roboto;font-size: 18px;color: #212529;margin:5px;top: 20px;
	width: 70%;height: auto;vertical-align: middle;
}

.content_para{
	position: relative;display: inline-block;width: 80%;height: auto;margin-bottom: 5%;left: 1%;padding: 10px;clear: both;
}
.ico_para{
	position: relative;float: left;font-size: 1.5em;color: #aaa;
}
.nme_para{
	position: relative;float: left;left: 3%;color:#202124;font-size: 16px;font-family: roboto;cursor: pointer;
}
.smll_menu{
	position: relative;left: 20%;width: 70%;
}
#sml{
	display: none;
}
.nme_smll{
	position: relative;font-size: 15px;color: #212529;font-family: roboto;margin-bottom: 5px;cursor: pointer;
}
.menus_dash{
	overflow-x: hidden;
overflow: hidden;
	position: relative;width: 100%;height: 50px;background-color:#FFF;z-index: 999;clear: both;

	border-bottom: 1px solid #eee;

	box-shadow: 0 1px 4px 0 #aeaeae;
}
.nme_srvc{
	position: relative;float: left;margin:5px;font-size: 20px;font-family: roboto;color: #212529;
	display: inline-block;vertical-align: middle;
	top: -5px
}

.ico_sml{
	position: relative;font-size: 16px;color: #212529;margin-left: 25px;display: inline-block;
}
.br_mnu{
	margin-bottom: 3.5%;
}
.grnd{
	position: absolute;top: -25%;background-color: red;color: #212529;border-radius: 10px;font-size: 13px;padding: 3px;left: 75%;

}



/*------------------------add_class----------------------------*/



.form_add_clss{
	position: relative;width: 100%;height: 100%;background-color:transparent;margin:auto;
}
.name_add{
	position: relative;font-size: 2em;font-family: roboto;color: #212529;margin-bottom: 20px;
}
.input_add{
	position: relative;width: 100%;height: 50px;display: inline-block;
	font-size: 20px;color: #212529;font-family: roboto;margin-bottom: 20px;

background: transparent;
outline: none;
border-bottom: 1px solid #333;

	padding-left: 10px;
	border-left: none;
	border-right: none;
	border-top: none;
}
.input_ads{
	position: relative;width: 50%;height: 50px;border:none;display: inline-block;
	font-size: 20px;color: #212529;font-family: roboto;margin-bottom: 20px;
	padding-left: 10px;

	border-left: none;
	border-right: none;
	border-top: none;
outline: none;
background: transparent;

border-bottom: 1px solid #333;

}
.nme_prof{
	position: relative;display: inline-block;
}
.name_hraire{
	position: relative;font-size: 20px;color: #212529;font-family: roboto;margin-bottom: 20px;
}
.select_add{
	position: relative;display: inline-block;padding: 10px;background-color:transparent;color: #212529;
	font-family: roboto;font-size: 20px;border:none;
	height: 50px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
}
.time{
	position: relative;display: inline-block;font-family: roboto;font-size: 20px;color: #212529;
}
.btn_add_line{
	position: relative;width: 40%;height: 50px;padding: 15px;background-color:rgba(1, 1, 0.30, 0.30);color: #212529;
	font-family: roboto;margin-bottom: 20px;border: none;font-size: 20px;border-radius: 10px;
}
.hour{
	position: relative;display: inline-block;color: #212529;
	font-family: roboto;font-size:20px;
}
.input_time{
	position: relative;padding:10px;background-color:transparent;color: #212529;
	font-family: roboto;font-size:20px;border:none;border-radius: 10px;margin-bottom: 3%;

	border-bottom: 1px solid #333;
}
.btn_save{
	position: relative;display: inline-block;background-color:rgba(1, 1, 0.30, 0.30);color: #212529;
	font-family: roboto;font-size:20px;border:none;border-radius: 10px;width: auto;height: 50px;padding:15px;
}


/*---------------------------add_professeur-------------------*/


.input_file{
	width: 48%;
	height: 50px;
	position: relative;color: #212529;margin-bottom: 20px;
}
.img_file{
	position: relative;width: 150px;height: 150px;border-radius: 150px;margin-bottom: 20px;object-fit: cover;
}

/*----------------------------------content-prof------------------------------------------------------*/


.content_prof{
	position: relative;width: 30%;height: 130px;display: inline-block;margin:5px 16px;
	background-color: transparent;margin-bottom: 20px;
	box-shadow: 0 1px 4px #000;
}
.img_elmnt{
	position: relative;float: left;display: inline-block;width: 120px;height: 120px;border-radius: 120px;
	margin:5px;
	object-fit: cover;
}
.right_elmnt{
	position: relative;float: left;left: 1%;max-width: 55%;height: auto;margin:2px;
	top: 10%;font-family: roboto;font-size:18px;color: #212529;
}
.btn_see{
	position: absolute;right: 1%;padding: 7px;border:1px solid #3333;bottom: 1%;border-radius: 5px;cursor: pointer;
	color: #212529;background-color: transparent;font-size: 15px;font-family: roboto;
	margin-bottom: 5px;
}
small{
	color: #212529;
}


/*------------------------------online------------------------*/


.left_online{
	position: relative;float: left;width: 60%;height: auto;padding: 5px;background-color:rgba(1, 1, 0.30, 0.30);
	z-index: 9;
}

.content_prof_nme{
	position: relative;width: 100%;height: 80px;
}
.img_prof{
	position: relative;width: 60px;height: 60px;border-radius: 60px;margin:5px;float: left;
}
.nme_profil{
	position: relative;float: left;margin:10px;left: 1%;font-size: 17px;font-family: roboto;max-width: 30%;
	color: #212529;border: none;
}
.count_time{
	position: relative;width:100%;height: auto;
	top: 30px;
	color: #212529;

	text-align: right;
}
.btn_end{
	position: relative;border: none;padding: 7px 10px;color: #212529;
	background-color: red;font-family: roboto;font-size: 20px;
	cursor: pointer;
}
.ico_mnu{
	float: right;right: 2%;color: #212529;margin:20px;display: none;
}
.right_online{
	position: fixed;width: 34%;height: 100%;right: 1.5%;
	background-color:rgba(1, 1, 0.30, 0.30);
}
#icon_for_line_mmbr{
	position: absolute;right: 0;color: #212529;z-index: 999;top: 15px;cursor: pointer;
}
.content_comment_btm{
	position: absolute;bottom: 5%;width: 97%;height: 70px;z-index: 999;right: -5px;
}
.commentaire_chat_rgth{
	position: fixed;width: 36%;height: 75%;overflow-x: hidden;overflow-y: auto;z-index: 999;
}
.content_online_mmbr{
	position: absolute;width: 100%;height: 94%;background-color: rgba(34, 34, 34, .90);top: 35px;right: 0;z-index: 99999;display: none;
}
.iframe{

border: none;
overflow-y: auto;
overflow-x: hidden;
	position: relative;width: 100%;height:600px;
}
.desc_titre{
	position: relative;max-width: 80%;height: auto;margin-bottom: 20px;font-size: 18px;font-family: roboto;
	color: #212529;left: 2%;
}
.image_comment{
	position: relative;width: 40px;height: 40px;border-radius: 40px;display: inline-block;float: left;margin-bottom: 10px;
}
.image_comment_cnt{
	position: relative;width: 40px;height: 40px;border-radius: 40px;display: inline-block;float: right;margin-bottom: 10px;
}
.comment_onl{
	position: relative;float: left;left: 2%;width: 60%;background-color: transparent;border-bottom: 1px solid #aaa;margin-bottom: 10px;
	padding-left: 10px;color: #212529;font-size: 14px;font-family: roboto;padding: 10px;border-top: none;
	border-left: none;border-right: none;height: 45px;outline: none;
}
.comment_onl:hover{
	box-shadow: 0 1px 6px #000;position: relative;
}

.ico_mic{
	position: relative;display: inline-block;float: right;color: #212529;right: 1%;margin-left: 10px;top: 15px;cursor: pointer;
	background-color: rgb(106,1,30,0.30);padding: 7px;width: 35px;height: 35px;border-radius: 35px;text-align: center;

}
.online{
	position: relative;padding: 5px;color: #212529;font-size: 20px;font-family: roboto;text-align: center;margin-bottom: 3%;

}
.content_online{
	position: relative;width: 96%;height: 62px;border-bottom: 1px solid #3333;margin:auto;margin-bottom: 2px;padding: 3px;
}
.image_usr_onl{
	position: relative;float: left;width: 58px;height: 58px;border-radius: 58px;border:2px solid green;display: inline-block;
}
.nme_usr_onl{
	position: relative;color: #212529;font-size: 15px;font-family: roboto;max-width: 60%;float: left;
	left: 2%;display: inline-block;top: 5px;
}
.content_cmnt{
	
	position: relative;width: 90%;height: auto;display: inline-block;padding: 2px;
	left: 1%;margin-bottom: 5px;
	color: #212529;
}

.content_cmnt_scnd{
	position: relative;width: 90%;height: auto;display: inline-block;padding: 2px;
	right: 1%;margin-bottom: 5px;float: right;
	

}
.content_desc{
	position: relative;float: left;left: 5px;max-width: 90%;font-size: 16px;font-family: roboto;color: #212529;height: auto;bottom: 5px;
	
}
.content_desc_cnt{
	position: relative;float: right;right: 5px;max-width: 90%;font-size: 16px;font-family: roboto;color: #212529;height: auto;bottom: 5px;
}
.name_user{
	position: relative;display: inline-block;margin-bottom: 20px;top: 5px;
}
.small_des{
	position: relative;display: inline-block;font-size: 14px;font-family: roboto;bottom: 15px;
}
.time_desc{
	position: absolute;bottom: 10px;right: 2%;font-size: 14px;font-family: roboto;color: #212529;
}

.name_user_cnt{
	position: relative;display: inline-block;margin-bottom: 20px;top: 10px;float: right;
}
.small_des_cnt{
	position: relative;display: inline-block;font-size: 14px;font-family: roboto;float: right;bottom: 10px;
}
.time_desc_cnt{
	position: absolute;bottom: 10px;font-size: 14px;font-family: roboto;color: #212529;
}


.image_connect{
	position: relative;width: 35px;height: 35px;border-radius: 35px;object-fit: cover;
	float: left;border:3px solid green;
}
.content_title_nme_usr{
	position: relative;display: inline-block;float: left;left: 5px;margin: 5px;color: #aaa;
	font-size: 14px;font-family: roboto;
}



/*------------------------element-classe------------------------*/
.fr_stl{
	border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
background-color: #fff;
background-clip: border-box;
word-wrap: break-word;
}
.btn_ab{

	width: 40px;

	height: 40px;
	border-radius: 40px;
	position: fixed;bottom: 5%;right: 2%;background-color:rgba(3, 12, 0.50, 0.70);color: #212529;border:none;
	font-size: 1.7em;border-radius: 20px;cursor: pointer;z-index: 999;
}
.main_classe{
	position: relative;width: 100%;height: auto;margin:auto;
	
}
.content_schl{
	position: relative;background-color:transparent;width: 19%;height: auto;display: inline-block;
	border-radius: 10px;margin-bottom: 10px;padding: 5px;
	margin: 0px 10px;
}
.level{
	position: relative;font-family: roboto;font-size: 3em;color: #212529;display: inline-block;
}
.filiar{
	position: relative;font-family: roboto;font-size: 1.2em;color: #212529;display: inline-block;
}
.btn_seen{

	position: relative;padding: 5px;border:1px solid #3333;border-radius: 5px;cursor: pointer;
	color: #212529;background-color: transparent;font-size: 15px;font-family: roboto;box-shadow: 0 1px 10px #000;
	display: inline-block;
}

/*-----------------------------liste-in-------------------------------*/


.content_lst{
	position: relative;width: 100%;height: auto;
}

.content_lst_elv{
	position: relative;float: left;left: 1%;width: 60%;height: auto;display: inline-block;
	vertical-align: middle;
}
.nme_srvc_lst{
	position: relative;font-size: 20px;font-family: roboto;color: #212529;text-align: center;
}


.content_lst_prf{
	position: relative;float: right;display: inline-block;width: 37%;height: 300px;
	vertical-align: middle;text-align: center;letter-spacing: 2px;
}
.name_lst_elv{
	position: relative;font-size: 18px;font-family: roboto;color: #212529;text-align: center;letter-spacing: 2px;
}
.content_in_elv{
	position: relative;width: 42%;height: auto;border: 1px solid #3333;margin:10px;border-radius: 10px;
	display: inline-block;margin-left: 10px;box-shadow: 0 1px 4px #000;left: 3%;vertical-align: middle;
}
.image_in_elv{
	position: relative;float: left;display: inline-block;width: 30px;height: 30px;border-radius: 50%;object-fit: cover;
	margin-right: 3px;
}
.cnt_lst_in{
	position: relative;max-width: 98%;height: auto;float: left;left: 1%;margin:10px;
	font-size: 14px;font-family: roboto;color: #212529;
}
.sex_in{
	display: inline-block;font-size: 14px;
}
.smll_sx{
	position: relative;display: inline-block;font-weight: normal;font-size: 14px;
}

.content_in_prof{
	position: relative;width: 80%;height: auto;border: 1px solid #3333;margin:10px;border-radius: 10px;
	display: inline-block;margin-left: 10px;box-shadow: 0 1px 4px #000;left: 3%;vertical-align: middle;text-align: left;
}