* { margin:0; padding:0; vertical-align:middle; font-family: 'Affogato Regular';  }
html, body { height:100%; width:100%;}

.dhx_cal_header div.dhx_scale_bar {
	text-decoration:underline;
	cursor:pointer; 
}
.fullSize { width:100%; height:100%; }
legend {
border: solid 1px #bbbbbb;/* solid 1px black; */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 1px 4px 1px 4px; /* t r b l */
background-color: var(--main-bg-color); 
}
fieldset {
border: solid 1px #bbbbbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*background-color: rgb(235, 235, 228);*/
padding: 2px 4px 2px 4px; /* t r b l */
margin: 2px 4px 2px 4px; /* t r b l */
}
#divLogin div{
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column; 
    align-items: center;
    justify-content: space-around;
}

#divLogin div img{
    height: 10%;
}

#divLogin div h1 {
    text-align: center;
    color: #124493;
    font-size: 2.5rem;
    font-weight: 900;
}

#divLogin div h2 {
    text-align: center; 
    margin-bottom: 5%;
    color: #797979;
}

#divLogin div form{
    height: 50%;
    width: 40%;
    border: 2px solid #124483;
    display: flex;
    flex-flow: column;
    align-items: center;
    -webkit-box-shadow: 10px 7px 27px -3px rgb(0 0 0 / 69%);
    box-shadow: 10px 7px 27px -3px rgb(0 0 0 / 69%);
}

#divLogin div form input ,
#divLogin div form select {
    height: auto;
    font-size: 1rem;
    color: #124483;
    border: 1px solid #124483;
    width: 60%;
    padding: 1%;
}


#divLogin div form div {
    height: 80%;
}

#divLogin div form div div{
    flex-flow: row nowrap;
    height: 10%;
    color: #124483;
    font-size: 1rem;
}


#divLogin #souvenir {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: space-around;
    width: 40%;
}

#divLogin #souvenir div,
#divLogin #souvenir input{
    width: auto;
}

#divLogin #aide_Connect{
    height: 10%;
    align-items: end;
    margin-right: 5%;
}

#divLogin #aide_Connect button,
#divLogin #aide_Connect a{
    height: 50%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    width: 12%;
    min-width: 150px;
    max-width: 180px;
    font-size: 0.75rem;
    text-decoration: none;
    border-radius: 2px;
    background-color: #b9b9b9;
    background-image: none !important;
    padding: 3.25px 0;
    border-radius: 2px !important;
}

#divLogin #aide_Connect a button{
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    min-width: 150;
    max-width: 250;
    font-size: 0.75rem;
    text-decoration: none;
    border-radius: 2px;
    background-color: #b9b9b9;
    background-image: none !important;
    border-radius: 2px !important;
}

#divLogin #aide_Connect button img{
    height: 90%;
}

#divLogin #goConnect{
    padding: 10px 3%;
    background-color: #53bbae;
    background-image: none !important;
    font-size: 1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 175px;
    border-radius: 2px !important;
}

#messagerie #close_Mess {
    background-color: #da1f26;
    background-image: none !important;
    font-size: 1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 35px;
    border-radius: 50px !important;
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 5px;
}

#header{
    height: 5%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    background: #124483;
    color: #FFF;
    padding-bottom: 50px;
}


#header h1{
    color: #FFF;
    font-size: 1rem;
}

#header img{
    height: 95%;
    margin-top: 2%;
}

#header #header_who{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    color: #FFF;
}

#header #header_who span{
    color: #FFF;
}

#header #header_who div span{
    color: #FFF;
}

#messagerie{
    height: 80%;
    width: 80%;
    top: 8%;
    left: 10.7%;
    background: #FFF;
    position: absolute;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #124483;
    padding: 0 1% 1% 1%;
}


#messagerie h1{
    color: #FFF;
    background-color: #124483;
    width: 102.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45;
    border-top: 1px solid #FFF;
}

#messagerie #divmess2_tabs .dhxtabbar_tabs_top .dhxtabbar_tabs_top{
    display:none;
}

#msg_non-lu {
    background: #da1f26;
    width: fit-content;
    padding: 4px;
    border-radius: 10px;
    position: absolute;
    top: -10;
    right: -10;
    font-size: 0.75rem;
    display: none;
    color:#FFF;
}

#header_outils {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-between;
    height: 120%;
    margin-top: 42px;
    z-index: 99;
}

#header_outils_div{
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
}

#header_recherche{
    display :none
}

#header_outils_div img{
    height: 100%;
}

#header_recherche img {
    position: absolute;
    height: 30px;
    top: -8px;
    left: -20px;
}

#blue_section { background-color: blue; }
body { 
	margin:0px;	padding:0px; height:100%; 
	font-size:12px; 
	overflow:hidden;
}

#tout_lu {
    width: 100px;
    height: 24px;
    margin-left: 15px;
    margin-top: -3px;
    position: fixed;
    top: calc(5.5% + 45px);
    right: 80%;
    background-color: #da1f26;
    border-radius: 2px;
    background-image: none !important;
    font-size: 1rem;
}

#messagerie #divmess2_tabs .hdrcell #new_mess  {
    height: 25px;
    width: 165px;
    position: fixed;
    top: calc(5% + 45px);
    right: 65%;
    background-image: none !important;
    background: #53bbae !important;
    font-size: 1rem;
    border-radius: 2px;
}

#div_rech{
    color: rgb(18, 68, 131);
    padding: 2px 2px 2px 30px;
    width: 100%;
    flex-flow: column nowrap;
    background: rgb(255, 255, 255);
    display: flex;
    height: 0;
    transition: height 0.5s ease-out;
}

#div_rech div{
    color: rgb(18, 68, 131);
    width: 100%;
    background: rgb(255, 255, 255);
    display: flex;
    height: 0;
    font-size:0;
    transition: height 0.5s ease-out;
    transition: font-size 0.1s ease-out;
}

#messagerie #divmess2_tabs .hdrcell button {
    background-image: none !important;
    background: #124483;
}

input { 
	height:18px;
	border: solid 1px #bbbbbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:0; padding:0; font-size: 12px; 
}
table {font-size:12px; border-spacing:0px; border-collapse:collapse; margin:0; }
/*div.gridbox table.obj td { height:22px !important; }*/
 tr.ev_dhx_web 		{ height:24px !important; }
 tr.odd_dhx_web		{ height:24px !important; }
 tr.ev_dhx_web td		{ height:24px !important; }
 tr.odd_dhx_web td	{ height:24px !important; }
/* div.gridbox table.obj.row28px td { height:28px !important; } */
.row28px td { height:28px !important; }
.row24px td { height:24px !important; padding:2px;}
span.standartTreeRow, span.selectedTreeRow { padding:2px; }
/*table tr, td, th  { height: 22px; }*/
table td, table th { padding-right:2px; padding-left: 2px; padding-top:0; padding-bottom:0; vertical-align:top; }
/**** LOGIN ****/
#btnOk  { background-image:url("imgs/valid_blanc.svg");  background-repeat:no-repeat; }
#pieddepages { background-image:url("imgs/pieddepages 400.png"); background-repeat:no-repeat;  height: 70px; width:410px; }
/* .identifier { background-color:#E5EFAF;  } */
.identifier th { font-size: 14px; }
#msg_ident { color:red; }
#mainStatusBar {position:fixed; width:100%; }
#loginDiv { /* position:absolute; left:2px; */ margin-top:5px; }
#messageDiv { /*position:absolute;  text-align:center;  right: 50px; width:100%; */ }
#timerDiv {
	/*position: absolute; right: 2px;*/ 
	width:45; height:25px; 
	text-align:center; vertical-align:middle;
	margin-right:15; margin-top:5px; 
	float:right; 
}
/**** Loadings ****/
.dhx_loading{
	position:absolute; left:0px; top:0px; 
	width:150px!important;
	height:50px!important;
	z-index:999999999;
	background-image:url("imgs/loading.gif")!important;
	background-repeat:no-repeat;
    background-size: contain;
}
.sw_loading{
	position:absolute; left:5px; top:5px; width:150px;height:50px;z-index:999999999;
	background-image:url("imgs/loading.gif");
	background-repeat:no-repeat;
    background-size: contain;
}
/* Planning / étiquettes */
.texte_fonce  div { color:#000000 !important; }
.texte_clair  div { color:#ffffff !important; } 
.texte_fonce   { color:#000000 !important; }
.texte_clair   { color:#ffffff !important; } 
.opacity50 { opacity:0.7; }
.plg_header_horaire { 
	height:100%; width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.plg_jour_ferie {
	background-color:rgba(145, 208, 106, 0.59);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.plg_dispo_monit {
	background-color:#a2a2a2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	opacity:0.75;
}
.plg_dispo_tiers {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	opacity:0.75;
}
.plg_dispo_tiers.fixe { background-image:url(imgs/dispo3.png) ; }
.plg_dispo_tiers.ponctuelle { background-image:url(imgs/dispo2.png) ; }
.dhtmlxcalendar_container { opacity:1 !important; background-color: white;}
.dhx_cal_event div.dhx_body { padding-top:0px !important; cursor:default; }
.dhx_cal_event div.dhx_body div { border:none!important;cursor:default; }
.dhx_cal_event  div.popup_menu_left { 
	display:none; position:absolute; left:15px; top:5px; margin-left:-12px; z-index:999999;
    border:solid 1px #888888; border-radius: 2px;    background: #e7e7e7b3;
}
.dhx_cal_event  div.popup_menu_right { 
	display:none; position:absolute; right:15px; bottom:5px; margin-right:-12px; z-index:999999;
    border:solid 1px #888888; border-radius: 2px;    background: #e7e7e7b3;
}
.dhx_cal_event  div.popup_menu_left button, .dhx_cal_event  div.popup_menu_right button { height:24px; width:24px; }
.dhx_cal_event:hover div.popup_menu_left, .dhx_cal_event:hover div.popup_menu_right { display:block; }
div.dhx_cal_event.dispo_fixe { margin-left:-3px; background-image:url(imgs/dispo3.png);}
div.dhx_cal_event.dispo_ponc { margin-left:-3px; background-image:url(imgs/dispo2.png);}
div.dhx_cal_event.dispo_fixe_moins { margin-left:-3px; background-image:url(imgs/dispo3-.png);}
div.dhx_cal_event.dispo_ponc_moins { margin-left:-3px; background-image:url(imgs/dispo2-.png);}
div.dhx_cal_event.dispo_X { margin-left:-3px; background-image:url(imgs/dispoX.png); }

div.dhx_cal_event.dispo_fixe			.dhx_header, div.dhx_cal_event.dispo_fixe		.dhx_title, div.dhx_cal_event.dispo_fixe		  .dhx_body, div.dhx_cal_event.dispo_fixe			.dhx_footer,
div.dhx_cal_event.dispo_ponc			.dhx_header, div.dhx_cal_event.dispo_ponc		.dhx_title, div.dhx_cal_event.dispo_ponc		  .dhx_body, div.dhx_cal_event.dispo_ponc			.dhx_footer,
div.dhx_cal_event.dispo_fixe_moins	.dhx_header, div.dhx_cal_event.dispo_fixe_moins	.dhx_title, div.dhx_cal_event.dispo_fixe_moins .dhx_body, div.dhx_cal_event.dispo_fixe_moins	.dhx_footer,
div.dhx_cal_event.dispo_ponc_moins	.dhx_header, div.dhx_cal_event.dispo_ponc_moins	.dhx_title, div.dhx_cal_event.dispo_ponc_moins .dhx_body, div.dhx_cal_event.dispo_ponc_moins	.dhx_footer,
div.dhx_cal_event.dispo_X			.dhx_header, div.dhx_cal_event.dispo_X			.dhx_title, div.dhx_cal_event.dispo_X		   .dhx_body, div.dhx_cal_event.dispo_X			.dhx_footer
{ border-radius:0px; border:none; background-color:transparent; margin-left: 0px; }
div.dhx_cal_event.dispo_fixe			.dhx_title span.horaires, 
div.dhx_cal_event.dispo_ponc			.dhx_title span.horaires, 
div.dhx_cal_event.dispo_fixe_moins	.dhx_title span.horaires, 
div.dhx_cal_event.dispo_ponc_moins	.dhx_title span.horaires,
div.dhx_cal_event.dispo_X			.dhx_title span.horaires 
{ background-color:#eeeeee; font-size:11px; }

.dhx_cal_navline .dhx_cal_date { font-size: 10.5px; }
.dhx_cal_navline div { top: 1px; height: 21px; }

/* div.dhx_cal_event.dispo  .dhx_footer { display:none; } */
div.dhx_cal_event.dispo_fixe .dhx_title , div.dhx_cal_event.dispo_ponc .dhx_title, div.dhx_cal_event.dispo_X .dhx_title  { height:15px; }
div.dhx_cal_event.opacity50  .dhx_header, div.dhx_cal_event.opacity50 .dhx_title, 
div.dhx_cal_event.opacity50 .dhx_body, div.dhx_cal_event.opacity50 .dhx_footer {
    border-color: red;
	border-left-width: 3px;
}
textarea.postit { background-color:yellow; }
div.capactite_plg {
	position: absolute; right:0px; width: 20px; height: 20px;
    text-align: center;	padding-top:4px; border: none; background-color: inherit;
	font-size:9px; font-weight: bold;  color: black!important;
}
div.dhx_cal_select_menu  { display:none; }
div#divReglagesPlanning table { border:margin:5px; }
div#divReglagesPlanning tr { border:solid 1px; }

div.modifiee { border:1px black solid; padding-left: 16px; background-repeat:no-repeat; background-image:url(imgs/status-active.gif) ; }
div.enregistree { border:1px solid; padding-left: 16px; background-repeat:no-repeat; background-image:url(imgs/ok.png) ; }
/* email , sms  & notification*/
table.email_tags td { /* width:120px; */ text-align:center; }
table.email_tags button { width:80px; height:22px; text-align:center; }
table.sms_tags td { width:80px; text-align:center; }
table.sms_tags button { width:80px; height:20px; text-align:center; }
table.notif_tags td { width:80px; text-align:center; }
table.notif_tags button { width:80px; height:20px; text-align:center; }
/* backoffice */
#divGridBkOffGU_droits td, #divGridBkOffGU_ressplg td { font-size:12px; }
#comboListRess div.dhx_combo_box, #comboListPlg div.dhx_combo_box { top:0; border-style: dotted; }
/* cepc */
form[name="form_cepc"] { width:200mm;}

table.cepc_table { border-spacing:0; border-collapse:collapse; font-size:11px; }
table.cepc_table td, table.cepc_table th  { 
	border-width:1; border-style:solid; padding:5; margin:0; 
}
table.cepc_table th.cepc_h { color:white; background-color:rgb(150,150,200); }
table.cepc_table td.cepc_g { background-color:rgb(194,194,194); }
table.cepc_table th.cepc_E, table.cepc_table td.cepc_E { width:30px; background-color:rgb(255,0,0); }
table.cepc_table th.cepc_0, table.cepc_table td.cepc_0 { width:30px; background-color:rgb(255,128,128); }
table.cepc_table th.cepc_1, table.cepc_table td.cepc_1 { width:30px; background-color:rgb(255,194,128); }
table.cepc_table th.cepc_2, table.cepc_table td.cepc_2 { width:30px; background-color:rgb(255,255,128); }
table.cepc_table th.cepc_3, table.cepc_table td.cepc_3 { width:30px; background-color:rgb(0,255,0); }
table.cepc_table td.cepc_acr { width:40px; text-align:right; /* font-size:10; */ }
table.cepc_table td.cepc_ceco { text-align:right; /* font-size:10; */ }
input.cepc { width:30px; text-align:right; }
input.cepc_total { width:50px; text-align:right; }
table.cepc_table .NONE		{ background-color:rgb(255,255,255); }
table.cepc_table .INSUFFISANT	{ background-color:rgb(255,0,0); }
table.cepc_table .FAVORABLE	{ background-color:rgb(0,255,0); }
table.cepc_table div.vertical {	
	transform:rotate(-90deg); width:20px; white-space: nowrap; 
	margin-top: 100px; margin-left: 10px;
}
table.cepc_table div[name="obs"] {overflow:auto; height: 30px; max-width:310px; }
table.cepc_table div[name="obs"] span { font-style:italic; color: #b4b4e3; font-weight:normal;  white-space:normal; }
table.cepc_table div[name="obs"] img { float:right; } 
div.divprint table.cepc_table div[name="obs"] img { display:none; } 
table.cepc_table div.vertical div[name="obs"] { margin-left:-120px;  width: 400px; overflow-x:hidden; overflow-y:auto; }
table.cepc_table div.vertical div[name="obs"] span {}

div.tore_0_6 { background-image: url(../img/tore_0_6.png?a); }
div.tore_1_6 { background-image: url(../img/tore_1_6.png?a); }
div.tore_2_6 { background-image: url(../img/tore_2_6.png?a); }
div.tore_3_6 { background-image: url(../img/tore_3_6.png?a); }
div.tore_4_6 { background-image: url(../img/tore_4_6.png?a); }
div.tore_5_6 { background-image: url(../img/tore_5_6.png?a); }
div.tore_6_6 { background-image: url(../img/tore_6_6.png?a); }
div.tore_7_6 { background-image: url(../img/tore_7_6.png?a); color: white!important; }
/* liste pièces / total / lettrage */
td#td_lstPc_totLettrage { cursor:pointer; }
div#divLettrages div.jauge_div { height:32px; }
div.lettrable { cursor:url(imgs/lettrage.png), auto; width:100%; height:100%; }


.progress-circle img {
    width: 100%;
    height: 100%;
}
/* progress */
div.progress {
    position: relative;
    border: solid 1px #888888;
    overflow: hidden;
	height:30px;
	background-color: lightgrey;
	margin: 5px;
    border-radius: 3px;
}
div.progress div {  
	position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
	padding: 5px 0px 5px 0px;
}
div.progress div.barre {
    background-color: lawngreen;
}

/* TGD */
div.TGD { width:100%; height:100%; overflow:hidden; position:relative;}
div.TGD div.liste { width:30%; height:100%; overflow:auto; float:left; }
/* div.TGD div.fiche { width:calc(100% - 200px); height:100%; overflow:auto;  } */
.TV_TGD .treeCell { width:30px; }
.TV_TGD tr.level_1 .treeCell div { visibility:hidden; }
.TV_TGD tr { cursor:pointer; }
.TV_TGD tr.selection td, .TV_TGD tr.level_1.selection td, .TV_TGD tr.level_2.selection td  { background-image: linear-gradient(to bottom, #E69731 0%, #FFD399 100%); }


.TGD div.graphes {
    float: left;
    width: 70%;
}
.TGD .ct-series-a .ct-line , .TGD td.ct-series-a, .TGD div.progress div.allure 			{ stroke: aquamarine; background-color: aquamarine	;}
.TGD .ct-series-b .ct-line , .TGD td.ct-series-b, .TGD div.progress div.position 	 		{ stroke: gold		; background-color: gold		;}
.TGD .ct-series-c .ct-line , .TGD td.ct-series-c, .TGD div.progress div.communication	{ stroke: plum		; background-color: plum		;}
.TGD .ct-series-d .ct-line , .TGD td.ct-series-d, .TGD div.progress div.controle			{ stroke: skyblue	; background-color: skyblue		;}
.TGD #chart-tgd { position:relative; cursor:pointer; }
.TGD #chart-tgd .tooltip {
		position: absolute;
		border: solid 1px #888888;
		width: 60px; height: 42px;
		margin-top: -10px;
		margin-left: -20px;
		padding: 1px;
		background-color: #eeeeee;
		border-radius: 5px;
		font-size: 10px;
		text-align: center;			
	}
.TGD table.legende-etg, .TGD table.legende-etg { border-collapse:collapse; width:100%; text-align:center; }

/* AppliAAC */
div.aac { width:100%; height:100%; overflow:hidden; }
div.aac div.liste { width:30%; height: calc(100% - 10px); overflow:auto; float:left; }
div.aac div.fiche { width:calc(100% - 200px); height:100%; overflow:auto;  }
.TV_aac .treeCell { display:none; }
.TV_aac tr table { width:100%;  }
.TV_aac tr table td { text-align:center; width:50%;  }
.TV_aac tr.selection table { background-image: linear-gradient(to bottom, #E69731 0%, #FFD399 100%); }
div.aac div.graphes { float: left; width: 70%; } 
table.graphe_aac  { background-color:grey; }
table.graphe_aac td { padding:2px; text-align:center; white-space: nowrap; }
div.aac div.barre { border-radius: 4px; min-height: 12px; }
table.aac_details { width:100%; cursor:pointer; }
table.aac_details th { font-weight:normal; }
table.aac_details th div.date { font-weight:bold; }
table.aac_details th { text-align:left;  padding:2px 8px 2px 8px; width:80%; }
table.aac_details td { text-align:right; padding:2px 8px 2px 8px; background-size:22px; background-repeat:no-repeat;}

/* */
form[name="formTiersUploadDA"] input.file, form[name="formTiersUploadDA"] span.fakefile { width:140; height:35px; }
span.fileinputs {
    position: relative;
    cursor: pointer;
}
input.file {
    position: absolute;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
span.fakefile, span.fakefile div {
    z-index: 1;
    cursor: pointer;
    width: 100%;
    vertical-align: middle;
    text-align: center;
	color: white;
    background-image: linear-gradient(to bottom, #3DA8DA 19%, #8BD5F7 92%)!important;    vertical-align: middle;
    text-align: center;
}

div.dhtmlXTooltip.tooltip table td { 
	font-style:italic!important; 
	color:#887A2E;
}
/* */
table.OTreeView.TV_HstPedago tr td button {
	margin: 3px; padding: 2px;
	width: 80px; height: 30px;
}
table.OTreeView.TV_HstPedago tr td progress { width:150%; }
table.OTreeView.TV_HstPedago tr td.nom { width:300px; vertical-align:middle; }
table.OTreeView.TV_HstPedago tr td.date_heure_note { width: 75px; padding: 3px; text-align: center;}
table.OTreeView.PedagoElv tr td.treeCell  { width:10px; }
table.OTreeView.PedagoElv  tr td.pedago      { width:250px; }
table.OTreeView.PedagoElv  tr td.obs_pedago   { width:300px; }
table.OTreeView.PedagoElv  tr td.obs_lecon     { width:300px; }
table.OTreeView.PedagoElv  tr td.obs_pedago  div { width:100%; height:30px; overflow:auto; font-size:10px;}
table.OTreeView.PedagoElv  tr td.obs_lecon    div { width:100%; height:30px; overflow:auto; font-size:10px;}
table.OTreeView.PedagoElv  tr td span { display:inline; font-size:12px; }
table.OTreeView.PedagoElv  tr td span.nb { background-color:#d6f1bc; border-radius:8px; margin:5px; padding:2px; }
table.OTreeView.PedagoElv  tr td { border:none; font-size:14px; vertical-align:middle; }
table.OTreeView.PedagoElv  tr td div.progress { width:90px; height:25px; cursor:pointer; }

#divDetPlgPedago table.OTreeView td a { color:#8bcdff; }

/* cepc */
table.cepc_table { border-spacing:0;  border-collapse:collapse; font-size:11px; }
table.cepc_table td, table.cepc_table th  { 
	border-width:1; border-style:solid; padding:5; margin:0; 
}
table.cepc_table th.cepc_h { color:white; background-color:rgb(150,150,200); }
table.cepc_table td.cepc_g { background-color:rgb(194,194,194); }
table.cepc_table th.cepc_E, table.cepc_table td.cepc_E { width:30px; background-color:rgb(255,0,0); }
table.cepc_table th.cepc_0, table.cepc_table td.cepc_0 { width:30px; background-color:rgb(255,128,128); }
table.cepc_table th.cepc_1, table.cepc_table td.cepc_1 { width:30px; background-color:rgb(255,194,128); }
table.cepc_table th.cepc_2, table.cepc_table td.cepc_2 { width:30px; background-color:rgb(255,255,128); }
table.cepc_table th.cepc_3, table.cepc_table td.cepc_3 { width:30px; background-color:rgb(0,255,0); }
table.cepc_table td.cepc_acr { width:40px; text-align:right; /* font-size:10; */ }
table.cepc_table td.cepc_ceco { text-align:right; /* font-size:10; */ }
input.cepc { width:30px; text-align:right; }
input.cepc_total { width:50px; text-align:right; }
table.cepc_table .NONE		{ background-color:rgb(255,255,255); }
table.cepc_table .INSUFFISANT	{ background-color:rgb(255,0,0); }
table.cepc_table .FAVORABLE	{ background-color:rgb(0,255,0); }
table.cepc_table div.vertical {	
	transform:rotate(-90deg); width:20px; white-space: nowrap; 
	margin-top: 100px; margin-left: 10px;
}
table.cepc_table div[name="obs"] {overflow:auto; height: 30px; max-width:310px; }
table.cepc_table div[name="obs"] span { font-style:italic; color: #b4b4e3; font-weight:normal;  white-space:normal; }
table.cepc_table div[name="obs"] img { float:right; } 
div.divprint table.cepc_table div[name="obs"] img { display:none; } 
table.cepc_table div.vertical div[name="obs"] { margin-left:-120px;  width: 400px; overflow-x:hidden; overflow-y:auto; }
table.cepc_table div.vertical div[name="obs"] span {}
/* eval° init */
div.divprint fieldset { padding-bottom: calc(8% - 30px); }
div.eval h1 { color:#888888; }
form[name="form_eval_ini"] { width:200mm;  }
form[name="form_eval_ini"] table th, form[name="form_eval_ini_cerca"] table th , form[name="form_eval_ini_bea"] table th   { text-align:left; }
form[name="form_eval_ini"] table td, form[name="form_eval_ini_cerca"] table td , form[name="form_eval_ini_bea"] table td  { vertical-align:top; }
form[name="form_eval_ini"] table th, form[name="form_eval_ini_cerca"] table th , form[name="form_eval_ini_bea"] table th   ,
form[name="form_eval_ini"] table td, form[name="form_eval_ini_cerca"] table td , form[name="form_eval_ini_bea"] table td  { font-size:13px; }
/* form[name="form_eval_ini"] legend , form[name="form_eval_ini_cerca"] legend { font-weight:bold; border:solid 1px; padding: 2px 10px 2px 10px; }*/ 
form[name="form_eval_ini"] input { width:40px; border:solid 1px #888888; border-radius:2px; }
form[name="form_eval_ini"] input[type="checkbox"	], form[name="form_eval_ini_cerca"] input[type="checkbox"], form[name="form_eval_ini_bea"] input[type="checkbox"],
form[name="form_eval_ini"] input[type="radio"		], form[name="form_eval_ini_cerca"] input[type="radio"] 	, form[name="form_eval_ini_bea"] input[type="radio"] 
{ width:12px ; height:12px; }
form[name="form_eval_ini"] img.sig  { width:160px; height:80px; border-radius:3px; cursor:pointer; }
form[name="form_eval_ini"] fieldset, form[name="form_eval_ini_cerca"] fieldset, form[name="form_eval_ini_bea"] fieldset { border:solid 1px #888888; border-radius:2px; font-size:20px; color:#888888; font-weight:normal; }
/* E.I. cerca */
form[name="form_eval_ini_cerca"] { width:370mm;  }
form[name="form_eval_ini_cerca"] input.total { border-radius:10px; width:50px; background:transparent; float:left; text-align:center; }
form[name="form_eval_ini_cerca"] table { border:none; border-collapse:collapse; width: 100%; table-layout:auto; }
form[name="form_eval_ini_cerca"] table td { margin:0px; padding:2px; text-align:center; border:none; }
form[name="form_eval_ini_cerca"] table th { background-color:#c9dbf6; font-weight: normal; margin:0px; padding:2px; text-align:center; border:solid 1px #888888; }
form[name="form_eval_ini_cerca"] table td table  { border:none; width:100%; table-layout:auto;  }
form[name="form_eval_ini_cerca"] table td table td, form[name="form_eval_ini_cerca"] table td table th { border:solid 1px #888888; min-width:30px; }
form[name="form_eval_ini_cerca"] input { width:60px; }
form[name="form_eval_ini_cerca"] img.sig  { width:200px; height:80px; border-radius:3px; cursor:pointer; }

form[name="form_eval_ini_cerca"] .TGD_show { display:none; }
form[name="form_eval_ini_cerca"].EvalTGD  .TGD_hidden { display:none; }
form[name="form_eval_ini_cerca"].EvalTGD .TGD_show { display:inline; }
form[name="form_eval_ini_cerca"].EvalTGD { width:200mm; }

form[name="form_eval_ini_bea"] .TGD_show { display:none; }
form[name="form_eval_ini_bea"].EvalTGD  .TGD_hidden { display:none; }
form[name="form_eval_ini_bea"].EvalTGD .TGD_show { display:inline; }
form[name="form_eval_ini_bea"].EvalTGD { width:200mm; }
form[name="form_eval_ini_bea"].EvalTGD { width:200mm; }

form[name="form_eval_ini_bea"] { width:370mm;  }
form[name="form_eval_ini_bea"] input.total { border-radius:10px; width:50px; background:transparent; float:left; text-align:center; }
form[name="form_eval_ini_bea"] table { border:none; border-collapse:collapse; width: 100%; table-layout:auto; }
form[name="form_eval_ini_bea"] table td { margin:0px; padding:2px; text-align:center; border:none; }
form[name="form_eval_ini_bea"] table th { background-color:#c9dbf6; font-weight: normal; margin:0px; padding:2px; text-align:center; border:solid 1px #888888; }
form[name="form_eval_ini_bea"] table td table  { border:none; width:100%; table-layout:auto;  }
form[name="form_eval_ini_bea"] table td table td, form[name="form_eval_ini_cerca"] table td table th { border:solid 1px #888888; min-width:30px; }
form[name="form_eval_ini_bea"] input { width:60px; }
form[name="form_eval_ini_bea"] img.sig  { width:200px; height:80px; border-radius:3px; cursor:pointer; }

table.cepc_table  img.edit, form[name="form_eval_ini"] img.edit, form[name="form_eval_ini_cerca"] img.edit, form[name="form_eval_ini_bea"] img.edit { top:0px; position:absolute; }
/* Evaluation Initiale Moto */
form[name="form_eval_ini_moto"] { width:200mm;   color:#2b4378; margin:3px; padding:10px; }
form[name="form_eval_ini_moto"] table { width:100%; table-layout: auto; }
form[name="form_eval_ini_moto"] table th  { text-align:left;		font-size:13px; color:#2b4378; }
form[name="form_eval_ini_moto"] table td  { vertical-align:top;	font-size:13px; color:#2b4378; }
form[name="form_eval_ini_moto"] tr.titres td { font-style:italic; }
form[name="form_eval_ini_moto"] tr.data th { font-weight:normal; padding-left:20px; }
form[name="form_eval_ini_moto"] tr.data td { text-align:center; }
form[name="form_eval_ini_moto"] input { width:40px; border:solid 1px #888888; border-radius:3px; }
form[name="form_eval_ini_moto"] input[type="checkbox"	],  
form[name="form_eval_ini_moto"] input[type="radio"		] { width:12px ; height:12px; color:#2b4378; }
form[name="form_eval_ini_moto"] img.sig  { width:160px; height:80px; border-radius:3px; cursor:pointer; }
form[name="form_eval_ini_moto"] fieldset { border:solid 1px #2b4378; border-radius:2px; font-size:20px; color:#2b4378; font-weight:normal; text-align: center; margin: 5px 0px 5px 0px; }
form[name="form_eval_ini_moto"] fieldset legend { border:solid 1px #2b4378; border-radius:2px; overflow: hidden; padding: 2px 5% 2px 5%; zoom: 90%; }
form[name="form_eval_ini_moto"] table tr td.note { width:60px; border:solid 1px #2b4378; text-align:right; border-radius:3px; padding-right:4px; font-style:normal; }
form[name="form_eval_ini_moto"] table tr td.note input { border:none; width:35px; font-weight:bold; text-align:right; font-style:italic; color: #0042d3;}
/* */

div#divTrsEvalCepc form img.sig { width:200px; height:80px; border-radius:3px; }
#divElvPlanning #planning_div.dispo_fixe div.dhx_scale_holder , #divElvPlanning #planning_div.dispo_fixe div.dhx_scale_holder_nowe {
	cursor: url(imgs/dispo3.png), url(imgs/dispo3.png), auto;
}
#divElvPlanning #planning_div.dispo_ponc div.dhx_scale_holder , #divElvPlanning #planning_div.dispo_ponc div.dhx_scale_holder_nowe {
	cursor: url(imgs/dispo2.png), url(imgs/dispo2.png), auto;
}
#divElvPlanning #planning_div.dispo_fixe_moins div.dhx_scale_holder , #divElvPlanning #planning_div.dispo_fixe_moins div.dhx_scale_holder_nowe {
	cursor: url(imgs/dispo3-.png), url(imgs/dispo3-.png), auto;
}
#divElvPlanning #planning_div.dispo_ponc_moins div.dhx_scale_holder , #divElvPlanning #planning_div.dispo_ponc_moins div.dhx_scale_holder_nowe {
	cursor: url(imgs/dispo2-.png), url(imgs/dispo2-.png), auto;
}
#divPlannings #planning_div.dispo_X div.dhx_scale_holder , #divElvPlanning #planning_div.dispo_X div.dhx_scale_holder_nowe {
	cursor: url(imgs/dispoX.png), url(imgs/dispoX.png), auto;
}
#planning_div { width:100%; height:100%; position:relative; }
#divStgPlanning #planning_div, #divElvPlanning #planning_div { 
    width:100%;
    height:100%;
}

.dhx_cal_data{
    height: calc(100% - 44px) !important;
}
 


#planning_div #etiq_hor_cur { display:none; position:absolute; z-index:9; }
#planning_div.mode_move:hover #etiq_hor_cur { display:block; }
/*
div.size2 div.onglets img, div.size2 div.Lecon div.popup img, div.size2 div.onglets td#tdObs div
*/
div.divPrint {
    position: absolute; top: 0px; left: 0px; width:fit-content; min-height: 100%;
    z-index: 999999999; background-color: white; padding:8mm;
}
table.OTreeView.TV_SelectActEvt tr.level_3 td { padding-left:10px; background-color: #eeeeee; }
table.OTreeView.TV_SelectActEvt tr.level_4 td { padding-left:20px; background:transparent; }
table.OTreeView.TV_SelectActEvt tr.level_2 td.treeCell { padding-left:0px; }
form[name="formLModele"] tr.validite { display:none; }
form[name="formLModele"].facture tr.validite { display:table-row; }
form[name="formLModele"] option.optFactPlg { display:none; }
form[name="formLModele"].facture option.optFactPlg { display:initial; }
form[name="formLModele"] tr.analytique { display:none; }
form[name="formLModele"].analytique tr.analytique { display:table-row; }

.dhx_cal_event .dhx_footer { height:3px; }

/* historique_planning */
table.OTreeView.historique_planning td.treeCell { display:none; }
table.OTreeView.historique_planning td { background-color:white; padding:2px; border-bottom:solid 1px #888888; }
table.OTreeView.historique_planning td div.tampon	{ color:black; }
table.OTreeView.historique_planning td span.qui	{ color:black; }
table.OTreeView.historique_planning td div.evt	{ font-style:italic!important; }

div.popupTimeSelect { position:absolute; }
div.popupTimeSelect table table { border:solid 1px #888888; }

table.OTreeView.TVProduits tr { height:25px; }
table.OTreeView.TVProduits tr:hover { background-image: linear-gradient(to bottom, #E69731 0%, #FFD399 100%); }
table.OTreeView.TVProduits .treeCell { width:1px; padding:5px 15px 5px 0px;}
table.OTreeView.TVProduits tr.level_3 td.treeCell { visibility:hidden; }
table.OTreeView.TVProduits td span { padding:5px; }
table.OTreeView.TVProduits td span.code { width:40px; float:left; }
.no_horsfact table.OTreeView.TVProduits tr.horsfact, 
.no_horsacti table.OTreeView.TVProduits tr.horsacti, 
.no_horsplg table.OTreeView.TVProduits tr.horsplg,
.limitees table.OTreeView.TVProduits tr.level_3
 { display:none; }
.limitees table.OTreeView.TVProduits tr.limitees.level_3  { display:table-row; }
 #planning_div  #plgContingentHeures {
    position: absolute;
    top: 24px;
    left: 2px;
    width: 45px;
    height: 20px;
    background: #e6efaf;
    text-align: center;
    border-radius: 10px;
	cursor:pointer;
}
#planning_div .dhx_cal_navline div.label_mode_move {
    position: absolute;
    left: 300px;
    width: 100px;
    top: 25px;
    padding: 2px;
    text-align: center;
    height: 50px;
    display: none;
    background: red;
    color: white;
}

#planning_div .dhx_cal_navline div.label_mode_move:after, #planning_div .dhx_cal_navline div.label_mode_move:before {
	bottom: 100%;
	left: calc(50% - 10px);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#planning_div .dhx_cal_navline div.label_mode_move:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color:red;
	border-width: 10px;
	margin-left: -10px;
}
#planning_div .dhx_scale_hour { border-bottom: 0.5px solid white; }
#planning_div.show_mode_move_label .dhx_cal_navline div.label_mode_move { display:block; }

#planning_div #btn_mode_move { position: absolute; left: 352px; width: 24px; height: 21px; margin: 1px; }
#planning_div.mode_move #btn_mode_move { background-image: linear-gradient(to bottom, #fffca9 19%, #fff839 92%)!important; border: solid 1px #ff6f61; }
#planning_div.mode_move .dhx_scale_holder { cursor:crosshair; }

#bkoff_filieres_permis button, #bkoff_permis_filieres button { padding:5px; }
.popup.menu { max-height:calc(100% - 15px); overflow:auto; }
.popup.menu th  { cursor:default; background-image: linear-gradient(to bottom, #2b5290 19%, #527ec5 92%); padding:10px; }
.popup.menu tr { cursor:pointer; }
.popup.menu tr:hover { background-color:#d5e5ff; }
.popup.menu table td { text-align:center; vertical-align:middle; border-bottom:solid 1px grey; padding:10px; }
.popup.menu button { border-radius:4px;  width: 60px; height: 20px; }

table#tableDetPlgVerrouilage tr.selection { background-image:linear-gradient(to bottom, #E69731 0%, #FFD399 100%); }

.OTreeView.DetPlgLiens td.treeCell { display:none; }
/* divGridElvExam */
div#divGridElvExam table.OTreeView td.treeCell {  padding: 5px 0px 0px 0px; width: 20px; }
div#divGridElvExam table.OTreeView table tr td { vertical-align:middle; text-align: center; }
div#divGridElvExam table.OTreeView th { border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; }
div#divGridElvExam tr.level_2 { height:25px;}
div#divGridElvExam tr.level_4 { height:22px;}
div#divGridElvExam tr .eleve	{ width:180px; padding-left:5px; }
div#divGridElvExam tr .rang		{ width: 40px; }
div#divGridElvExam tr .type_res	{ width:110px; }
div#divGridElvExam tr .resultat	{ width: 60px; }
div#divGridElvExam tr .agence	{ width: 40px; }
div#divGridElvExam tr .famille	{ width: 40px; }

/* divGridBkOffGU_ressplg */
div#divGridBkOffGU_ressplg td.treeCell { padding: 5px 0px 0px 0px; width: 20px; }
div#divGridBkOffGU_ressplg tr.level_1 button { visibility:hidden	; 	}
div#divGridBkOffGU_ressplg .typeress 	{ width:180px; }
div#divGridBkOffGU_ressplg .check 		{ width:15px; }
div#divGridBkOffGU_ressplg .btnUpDown	{ width:15px; }
div#divGridBkOffGU_ressplg table.OTreeView tr.level_1 td { background-image: linear-gradient(to bottom, #aaaaaa 10%, #c1c1c1 94%, #aaaaaa 100%); }
div#divGridBkOffGU_ressplg table.OTreeView tr.level_2 td { background-image: none; background-color: #eeeeee; }
div#divGridBkOffGU_ressplg table.OTreeView tr.level_4 td { background-image: none; background-color: #ffffff; }
/* divGridBkOffGU_droits */
div#divGridBkOffGU_droits td.treeCell { padding: 5px 0px 0px 0px; width: 20px; }
div#divGridBkOffGU_droits tr.level_1 button { visibility:hidden	; 	}
div#divGridBkOffGU_droits .nom 		{ width:180px; }
div#divGridBkOffGU_droits .check 	{ width:15px; }
div#divGridBkOffGU_droits table.OTreeView tr.level_1 td { background-image: linear-gradient(to bottom, #aaaaaa 10%, #c1c1c1 94%, #aaaaaa 100%); }
div#divGridBkOffGU_droits table.OTreeView tr.level_2 td { background-image: none; background-color: #eeeeee; }
div#divGridBkOffGU_droits table.OTreeView tr.level_4 td { background-image: none; background-color: #ffffff; }

/* divWinTreeView */
 div#divWinTreeView td.treeCell { /* padding: 5px 0px 0px 0px; */ width: 10px; }

div#divWinTreeView tr.level_1 button { visibility:hidden	; 	}
div#divWinTreeView .nom 		{ width:180px; }
div#divWinTreeView .check 		{ width:15px; }
div#divWinTreeView .btnUpDown	{ width:15px; }
div#divWinTreeView table.OTreeView tr.level_0 td { background-image: linear-gradient(to bottom, #2d2d2d 10%, #4e4e4e 94%, #7b7b7b 100%); color: white; }
div#divWinTreeView table.OTreeView tr.level_1 td { background-image: linear-gradient(to bottom, #aaaaaa 10%, #c1c1c1 94%, #aaaaaa 100%); padding-left:5px; }
div#divWinTreeView table.OTreeView tr.level_2 td { background-image: none; background-color: #eeeeee; padding-left:10px; }
div#divWinTreeView table.OTreeView tr.level_3 td { background-image: none; background-color: #ffffff; padding-left:15px; }
div#divWinTreeView table.OTreeView tr.level_4 td { background-image: none; background-color: #ffffff; padding-left:20px; }

/* parcours */
div#divGridListeLecons { overflow:auto; }
table.TV_parcours table { width:100%; /* table-layout:fixed; */ }
table.TV_parcours td.treeCell { display:none; }
table.OTreeView.TV_parcours table tr td { border-bottom: solid 1px #888888; padding:2px; overflow: hidden; }
table.OTreeView.TV_parcours table tr td div {
	width:100%;
	height:100%;
	max-height:40px;
	overflow:auto;
}
.TV_parcours td.date	{ width:120px; }
.TV_parcours td.produit	{ width:200px; position:relative; }
.TV_parcours td.produit img { width:45px; cursor:pointer; position:absolute; top:1px; right:1px;}
.TV_parcours td.produit img:hover { width:auto; height:100%; z-index:999; }
.TV_parcours td.pedago	{ width:250px; }
.TV_parcours td.date span.formateur { font-style:italic; }
.TV_parcours td.comment div { height:100%; width:100%; overflow:auto; cursor:pointer; }
.TV_parcours table.impaire { background-color: #c9dbf6; }
.TV_parcours td.Tcumuls	{ width:45px; text-align:right; }
.TV_parcours td.Vcumuls	{ width:30px; text-align:center; }
.dhtmlx-showParcoursComment .dhtmlx_popup_title { height: auto; line-height: normal; }
/* */
.TV_TrsDocuments .treeCell { width:30px; }
.TV_TrsDocuments tr.level_4 .treeCell div { visibility:hidden; }
.TV_TrsDocuments tr { cursor:pointer; height:25px; position: relative }
.TV_TrsDocuments tr.level_4.selection td  { 
    color: #124483 !important;
    background: linear-gradient(180deg, #53bbae 0%, rgba(255,255,255,1) 50%, #53bbae 100%); 
}
table.OTreeView.TV_TrsDocuments tr.level_1 td.treeCell { padding:8px 10px 8px  0px; }
table.OTreeView.TV_TrsDocuments tr.level_2 td.treeCell { padding:5px  5px 5px  5px; }
table.OTreeView.TV_TrsDocuments tr.level_3 td.treeCell { padding:2px  0px 2px 10px; }
table.OTreeView.TV_TrsDocuments tr.level_4 td.treeCell { padding:0px  0px 0px 10px; }


table.OTreeView.TV_TrsDocuments tr.level_3 td { background-image: linear-gradient(to top,#d6d4d4 0%, #d6d4d4 78%);}
table.OTreeView.TV_TrsDocuments tr.level_4 td { background-image: linear-gradient(to top,#FFF 0%, #FFF 78%);}

/* masquer le plus global ANTS */ 
table.OTreeView.TV_TrsDocuments tr.level_2 td div[classement="3"] span img { display : none; }


/* graphe (histogramme) de la progression pédagogique de l'élève */
div#trsPedagoPyramide {
	overflow:auto; 
	border: solid 1px #999999;
    border-radius: 4px;
    padding: 3px;
    background-color: var(--ter-bg-color);
	color: var(--ter-color);
    height: calc(100% - 90px);
}
div#trsPedagoPyramide table { width:100%; }
div#trsPedagoPyramide table td {
	vertical-align:bottom; 
	height:20px; 
	max-height:20px;
}
div#trsPedagoPyramide table td div.conteneur { 
    position: relative;
	width: 100%;
	height: 100%;
}
div#trsPedagoPyramide table td div.etiquette { 
	position: absolute;
    bottom: 0;
	height:20px; 
    width: 100%;
	white-space: nowrap; 
	font-size: 12px;
	background: transparent;
	text-align:left;
	cursor:pointer;
}
div#trsPedagoPyramide table td div.barre { 
	background-color:#81defa; 
	border-radius:2px;
    position: absolute;
    bottom: 0;
    height: 100%;
}
div#trsPedagoPyramide table tr td.synthese {
	white-space: nowrap; 
	display:none;
	height:16px;
	font-size:12px;
}
div#trsPedagoPyramide table tr td.synthese {
	position:relative;
	border: solid 1px #888888;
	overflow:hidden;
	width:20px;
	height:100%;
}
div#trsPedagoPyramide table tr td.synthese div { 
	position:absolute;
	bottom:0px; left:0px; height: 20px;
	background:transparent;
    text-align: center;
    width: 100%;
	transform: rotate(-90deg);	
}
div#trsPedagoPyramide table tr td.synthese div.barre { 
	background-color:#81defa;
	border-radius:2px;
	transform:initial;
}

#divWinVerrouTrs{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

div.zoom_progression_pedago div#trsPedagoPyramide table tr td.synthese {
	display:table-cell;
}
div.zoom_progression_pedago { position:absolute; height:5px; top:5px; height:calc(100% - 10px); }

form[name="formContactsAccueil"] table th	{ padding:5px; vertical-align:middle; }
form[name="formContactsAccueil"] button 	{ width:100px; height:60px;  }
form[name="formContactsAccueil"] input 		{ width:40px; height:16px; color:white; text-align:center; border:none; background:transparent; cursor:pointer; }
form[name="formContactsAccueil"] input.an 	{ color:#555555; }
form[name="formContactsAccueil"] input.n 	{ color:#555555; font-style:italic; }
form[name="formContactsAccueil"] input.j 	{ font-weight:bold; font-size:18px; }
form[name="formContactsAccueil"] input[name="date"] 	{ color:black; }
form[name="formContactsAccueil"] input[name="date"] { width:140px;  }

form[name="elv_etat_civil_form"] button#btnFinancEnvis { font-weight: normal; }

#divAntecExam{
    display:flex;
    flex-flow: row wrap;
}

form[name="formOptAutomatesEleves"] table td { padding:2px; }
/*
form[name="formOptAutomatesEleves"] input[type="checkbox"] { height:22px; width:22px; }
form[name="formOptAutomatesEleves"].undeterminate td.checkUndet { background-color:lightgrey; } 
form[name="formOptAutomatesEleves"].reinitialise td.checkUndet { background-color:lightgrey; }
form[name="formOptAutomatesEleves"] td.checkUndet { margin: 2px; display: inline-block; }
*/
form[name="formOptAutomatesEleves"]  button.ONOFF {  border: solid 1px; font-size: 11px; padding: 5px; border-radius:8px; background: none!important; color: rgb(62, 122, 185)!important;}
form[name="formOptAutomatesEleves"]  button.ONOFF.selection { background-color: #124483 !important; color: white!important;  }
form[name="formOptAutomatesEleves"]  button.ONOFF.NON {  background-image: url(imgs/croix_rouge.svg)!important;  background-size: 90% 90%!important; background-repeat: no-repeat!important; background-position: center center!important; }

div#divAppliEcfCA a.pdfBtn  { background-color: #e51a2d; color: white; font-size: 14px; font-weight: 600; padding: 5px; border-radius: 4px; float: right; margin-right: 5px; }
div#divAppliEcfCA div.progress  { height:38px; }
iframe#iframeSaviezVousQue { margin: 25px; width: 650px; height: 250px; }


#planning_div .dhx_cal_event .dhx_footer {
    height: 15px;
    margin-top: -15px;
    background: transparent!important;
}


div#divSaisieMemoBlob div.Jokers { display:none; }
div#divSaisieMemoBlob.Jokers div.Jokers { display:block; float:right; }

.dhtmlxcalendar_dhx_web { position: absolute; }

table.OTreeView.choix_etat tr.level_1 td.treeCell, table.OTreeView.choix_etat tr.level_4 td.treeCell  { padding: 5px 0px 0px 0px; width: 20px; }
table.OTreeView.choix_etat td { height:25px; }
table.OTreeView.choix_etat tr.selection td { background: linear-gradient(180deg, #53bbae 0%, rgba(255,255,255,1) 50%, #53bbae 100%); }
.OTreeViewTitle.choix_etat { height:30px; position:relative; }
/* messagerie */
#divMessagerieTiers #divMessagesTiers { height:calc(100% - 75px); overflow-y: scroll; background-color: #f1f1f1; }
#divMessagerieTiers #divMessagesTiers #divMessagesTiersBag { position:relative; }
#divMessagerieTiers #divMessageTiersRedac { height:75px; position:relative; overflow-x: auto; }
#divMessagerieTiers #divMessageTiersRedac textarea { height: 100%; width:calc(100% - 115px); position: absolute; left: 5px; }
#divMessagerieTiers #divMessageTiersRedac button { height:50%; width:calc(100px); margin:0px; padding: 0px; position: absolute; right: 5px; top: 0px; }
#divMessagerieTiers #divMessagesTiers .msg_cont { position:absolute; }
#divMessagerieTiers #divMessagesTiers .msg_cont .titre { font-size:12px; color:#5393d6; position:relative; text-align:right; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_503_ .titre { text-align:left ; }
#divMessagerieTiers #divMessagesTiers .msg_cont .titre svg { height: 20px; position:absolute; bottom:1px; left:5px; cursor:pointer; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_503_ .titre svg { left:calc(100% - 25px); }
#divMessagerieTiers #divMessagesTiers .msg_cont .titre svg.contract { display:none; }
#divMessagerieTiers #divMessagesTiers .msg_cont.expanded .titre svg.expand { display:none; }
#divMessagerieTiers #divMessagesTiers .msg_cont.expanded .titre svg.contract { display:block; }
#divMessagerieTiers #divMessagesTiers .msg_cont .message { border:solid 1px #124483; border-radius:5px; text-align: left; padding: 4px; max-height:75px; overflow:auto;}
#divMessagerieTiers #divMessagesTiers .msg_cont.expanded .message { max-height:none; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_501_ .message { background-color:#124483; color: #FFF}
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_502_ .message { background-color:#d3f6d3; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_503_ .message { background-color:white; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_501_ { width:80%; right:3px; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_502_ { width:80%; left:3px; }
#divMessagerieTiers #divMessagesTiers .msg_cont._msg_503_ { width:80%; left:3px; }

#divEncaissements { height:100%; }
#divEncaissements table , #divEncaissements tbody { /* display: block; height:100%; */ }

.popup.transpostition div.TVTransposition { overflow:auto; width:500px; max-height:250px; }
.popup.transpostition div.titre { background-color: #333333; color: #eeeeee; font-size: 18px; height:75px; width: 500px; text-align: center; }
.popup.transpostition div.titre button   { margin: 5px; padding: 5px; }
.popup.transpostition div.TVTransposition table.OTreeView td.treeCell {  width: 2px; }
.popup.transpostition div.TVTransposition table.OTreeView table { width:100%; height:20px; }
.popup.transpostition div.TVTransposition table.OTreeView table  td { width:49%; vertical-align:middle; padding: 2px; }
.popup.transpostition div.TVTransposition table.OTreeView  td { border-bottom:solid 1px #999999;}
.popup.transpostition div.TVTransposition table.OTreeView table  td.control { align:left; valign:middle; width:30px; }
.popup.transpostition table.OTreeView td { vertical-align: middle;  height: 25px; }
.popup.transpostition div.TVTransposition table.OTreeView tr.level_4 td span {     width: 100px; display: inline-block;}
.popup.transpostition div.TVTransposition table.OTreeView td input[type="date"] { width: 120px; }
.popup.transpostition div.TVTransposition table.OTreeView td input[type="number"] { width: 40px; text-align:center; }

#divBackOffice #backoff_droite div.cr_onoff { position: relative !important; width: 40px;  height: 14px; border-radius: 7px; cursor:pointer; display: inline-block;}
#divBackOffice #backoff_droite div.cr_onoff.on {  background: #5caae6b8 !important; }
#divBackOffice #backoff_droite div.cr_onoff.off {  background: #cfcfcfb8 !important; }
#divBackOffice #backoff_droite div.cr_onoff div.bullet {  position: absolute !important; top: -4px; width: 24px; height: 24px; border-radius: 12px; }
#divBackOffice #backoff_droite div.cr_onoff.on div.bullet { right: -2px; background: #74d0ff !important; }
#divBackOffice #backoff_droite div.cr_onoff.off div.bullet { left: -2px; background: #a3a3a3 !important; }

.popup.modele_VEL { left:50px; top:50px; width:700px; height:500px; }
.popup.modele_VEL div.titre		{ height:75px; }
.popup.modele_VEL div.titre	small	{ font-size:10px; }
.popup.modele_VEL div.titre table { width:100%; table-layout: fixed; font-size:10px; }
.popup.modele_VEL div.titre table td { text-align:center; color:white; font-size:16px; }
.popup.modele_VEL div.content	{ position:relative; height:calc(100% - 86px); display:none; }
.popup.modele_VEL.vendu_en_ligne div.content	{ display:block; }
.popup.modele_VEL div.quart		{ position:absolute; width:calc(25% - 2px); overflow:auto; height:100%;  }
.popup.modele_VEL div.quart table td div {  }

.popup.choixOffresAssociees { left: 500px; top: 150px; }
.popup.choixOffresAssociees div.content { width: 400px; height: 300px; overflow: auto; }
.popup.choixOffresAssociees table { width:100%; }
.popup.choixOffresAssociees table td.ttc { text-align:right; }

.popup.ModelesFact_contenuWeb { left:100px; top:100px; width:700px; height:500px; overflow:auto; }


/*##################################
Style des progess barre
##################################*/

.progress-circle {
  position: relative;
  margin: auto;
  box-sizing: border-box;
  font-size: 5.7em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border-color: #3ecf8e;
  border: .105em solid #CDE;
  background-color: #FFF;
  z-index: -1;
}

.progress-circle img {
    width: 100%;
    height: 100%;
}

.progress-masque {
  position: absolute;
  width: 1em;                     /* 100% de la largeur */
  height: 1em;                    /* 100% de la hauteur */
  left: -.1em;                   /* décalage de la largeur bordure de la gauge */
  top: -.1em;                    /* décalage de la largeur bordure de la gauge */
  clip: rect(0, 1em, 1em, .5em);  /* par défaut seule la partie droite est visible */
}

.progress-sup50 {
  display: none;
  position: absolute;
  box-sizing: border-box;         /* prise en compte bordure dans la dimension */
  border-width: .105em;            /* largeur bordure de la gauge */
  border-style: solid;
  border-color: #3ecf8e;
  border-radius: 50%;             /* rendu aspect circulaire */
  width: 1em;                     /* largeur à 100% */
  height: 1em;

  clip: rect(0, 1em, 1em, .5em);
}

.progress-barre {
  position: absolute;
  box-sizing: border-box;         /* prise en compte bordure dans la dimension */
  border-width: .105em;            /* largeur bordure de la gauge */
  border-style: solid;
  border-color: #3ecf8e;
  border-radius: 50%;             /* rendu aspect circulaire */
  width: 1em;                     /* largeur à 100% */
  height: 1em;                    /* hauteur à 100% */
  clip: rect(0, .5em, 1em, 0);    /* on ne garde que la partie gauche */
}



.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-masque,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-masque,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-masque,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-masque,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-masque,
.progress-circle[data-value^='100'] .progress-masque {
  clip: rect(auto, auto, auto, auto);
}

.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-sup50,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-sup50,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-sup50,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-sup50,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-sup50,
.progress-circle[data-value^='100'] .progress-sup50 {
  display:block;
}

.progress-circle[data-value="0"]     .progress-barre,
.progress-circle[data-value="0."]    .progress-barre,
.progress-circle[data-value^="0.0"]   .progress-barre {transform: rotate(0.00deg); border-color: #f73453;}
.progress-circle[data-value^="0.1"]   .progress-barre {transform: rotate(0.36deg); border-color: #f73453;}
.progress-circle[data-value^="0.2"]   .progress-barre {transform: rotate(0.72deg); border-color: #f73453;}
.progress-circle[data-value^="0.3"]   .progress-barre {transform: rotate(1.08deg); border-color: #f73453;}
.progress-circle[data-value^="0.4"]   .progress-barre {transform: rotate(1.44deg); border-color: #f73453;}
.progress-circle[data-value^="0.5"]   .progress-barre {transform: rotate(1.80deg); border-color: #f73453;}
.progress-circle[data-value^="0.6"]   .progress-barre {transform: rotate(2.16deg); border-color: #f73453;}
.progress-circle[data-value^="0.7"]   .progress-barre {transform: rotate(2.52deg); border-color: #f73453;}
.progress-circle[data-value^="0.8"]   .progress-barre {transform: rotate(2.88deg); border-color: #f73453;}
.progress-circle[data-value^="0.9"]   .progress-barre {transform: rotate(3.24deg); border-color: #f73453;}
.progress-circle[data-value="1"]     .progress-barre,
.progress-circle[data-value="1."]    .progress-barre,
.progress-circle[data-value^="1.0"]   .progress-barre {transform: rotate(3.60deg); border-color: #f73453;}
.progress-circle[data-value^="1.1"]   .progress-barre {transform: rotate(3.96deg); border-color: #f73453;}
.progress-circle[data-value^="1.2"]   .progress-barre {transform: rotate(4.32deg); border-color: #f73453;}
.progress-circle[data-value^="1.3"]   .progress-barre {transform: rotate(4.68deg); border-color: #f73453;}
.progress-circle[data-value^="1.4"]   .progress-barre {transform: rotate(5.04deg); border-color: #f73453;}
.progress-circle[data-value^="1.5"]   .progress-barre {transform: rotate(5.40deg); border-color: #f73453;}
.progress-circle[data-value^="1.6"]   .progress-barre {transform: rotate(5.76deg); border-color: #f73453;}
.progress-circle[data-value^="1.7"]   .progress-barre {transform: rotate(6.12deg); border-color: #f73453;}
.progress-circle[data-value^="1.8"]   .progress-barre {transform: rotate(6.48deg); border-color: #f73453;}
.progress-circle[data-value^="1.9"]   .progress-barre {transform: rotate(6.84deg); border-color: #f73453;}
.progress-circle[data-value="2"]     .progress-barre,
.progress-circle[data-value="2."]    .progress-barre,
.progress-circle[data-value^="2.0"]   .progress-barre {transform: rotate(7.20deg); border-color: #f73453;}
.progress-circle[data-value^="2.1"]   .progress-barre {transform: rotate(7.56deg); border-color: #f73453;}
.progress-circle[data-value^="2.2"]   .progress-barre {transform: rotate(7.92deg); border-color: #f73453;}
.progress-circle[data-value^="2.3"]   .progress-barre {transform: rotate(8.28deg); border-color: #f73453;}
.progress-circle[data-value^="2.4"]   .progress-barre {transform: rotate(8.64deg); border-color: #f73453;}
.progress-circle[data-value^="2.5"]   .progress-barre {transform: rotate(9.00deg); border-color: #f73453;}
.progress-circle[data-value^="2.6"]   .progress-barre {transform: rotate(9.36deg); border-color: #f73453;}
.progress-circle[data-value^="2.7"]   .progress-barre {transform: rotate(9.72deg); border-color: #f73453;}
.progress-circle[data-value^="2.8"]   .progress-barre {transform: rotate(10.08deg); border-color: #f73453;}
.progress-circle[data-value^="2.9"]   .progress-barre {transform: rotate(10.44deg); border-color: #f73453;}
.progress-circle[data-value="3"]     .progress-barre,
.progress-circle[data-value="3."]    .progress-barre,
.progress-circle[data-value^="3.0"]   .progress-barre {transform: rotate(10.80deg); border-color: #f73453;}
.progress-circle[data-value^="3.1"]   .progress-barre {transform: rotate(11.16deg); border-color: #f73453;}
.progress-circle[data-value^="3.2"]   .progress-barre {transform: rotate(11.52deg); border-color: #f73453;}
.progress-circle[data-value^="3.3"]   .progress-barre {transform: rotate(11.88deg); border-color: #f73453;}
.progress-circle[data-value^="3.4"]   .progress-barre {transform: rotate(12.24deg); border-color: #f73453;}
.progress-circle[data-value^="3.5"]   .progress-barre {transform: rotate(12.60deg); border-color: #f73453;}
.progress-circle[data-value^="3.6"]   .progress-barre {transform: rotate(12.96deg); border-color: #f73453;}
.progress-circle[data-value^="3.7"]   .progress-barre {transform: rotate(13.32deg); border-color: #f73453;}
.progress-circle[data-value^="3.8"]   .progress-barre {transform: rotate(13.68deg); border-color: #f73453;}
.progress-circle[data-value^="3.9"]   .progress-barre {transform: rotate(14.04deg); border-color: #f73453;}
.progress-circle[data-value="4"]     .progress-barre,
.progress-circle[data-value="4."]    .progress-barre,
.progress-circle[data-value^="4.0"]   .progress-barre {transform: rotate(14.40deg); border-color: #f73453;}
.progress-circle[data-value^="4.1"]   .progress-barre {transform: rotate(14.76deg); border-color: #f73453;}
.progress-circle[data-value^="4.2"]   .progress-barre {transform: rotate(15.12deg); border-color: #f73453;}
.progress-circle[data-value^="4.3"]   .progress-barre {transform: rotate(15.48deg); border-color: #f73453;}
.progress-circle[data-value^="4.4"]   .progress-barre {transform: rotate(15.84deg); border-color: #f73453;}
.progress-circle[data-value^="4.5"]   .progress-barre {transform: rotate(16.20deg); border-color: #f73453;}
.progress-circle[data-value^="4.6"]   .progress-barre {transform: rotate(16.56deg); border-color: #f73453;}
.progress-circle[data-value^="4.7"]   .progress-barre {transform: rotate(16.92deg); border-color: #f73453;}
.progress-circle[data-value^="4.8"]   .progress-barre {transform: rotate(17.28deg); border-color: #f73453;}
.progress-circle[data-value^="4.9"]   .progress-barre {transform: rotate(17.64deg); border-color: #f73453;}
.progress-circle[data-value="5"]     .progress-barre,
.progress-circle[data-value="5."]    .progress-barre,
.progress-circle[data-value^="5.0"]   .progress-barre {transform: rotate(18.00deg); border-color: #f73453;}
.progress-circle[data-value^="5.1"]   .progress-barre {transform: rotate(18.36deg); border-color: #f73453;}
.progress-circle[data-value^="5.2"]   .progress-barre {transform: rotate(18.72deg); border-color: #f73453;}
.progress-circle[data-value^="5.3"]   .progress-barre {transform: rotate(19.08deg); border-color: #f73453;}
.progress-circle[data-value^="5.4"]   .progress-barre {transform: rotate(19.44deg); border-color: #f73453;}
.progress-circle[data-value^="5.5"]   .progress-barre {transform: rotate(19.80deg); border-color: #f73453;}
.progress-circle[data-value^="5.6"]   .progress-barre {transform: rotate(20.16deg); border-color: #f73453;}
.progress-circle[data-value^="5.7"]   .progress-barre {transform: rotate(20.52deg); border-color: #f73453;}
.progress-circle[data-value^="5.8"]   .progress-barre {transform: rotate(20.88deg); border-color: #f73453;}
.progress-circle[data-value^="5.9"]   .progress-barre {transform: rotate(21.24deg); border-color: #f73453;}
.progress-circle[data-value="6"]     .progress-barre,
.progress-circle[data-value="6."]    .progress-barre,
.progress-circle[data-value^="6.0"]   .progress-barre {transform: rotate(21.60deg); border-color: #f73453;}
.progress-circle[data-value^="6.1"]   .progress-barre {transform: rotate(21.96deg); border-color: #f73453;}
.progress-circle[data-value^="6.2"]   .progress-barre {transform: rotate(22.32deg); border-color: #f73453;}
.progress-circle[data-value^="6.3"]   .progress-barre {transform: rotate(22.68deg); border-color: #f73453;}
.progress-circle[data-value^="6.4"]   .progress-barre {transform: rotate(23.04deg); border-color: #f73453;}
.progress-circle[data-value^="6.5"]   .progress-barre {transform: rotate(23.40deg); border-color: #f73453;}
.progress-circle[data-value^="6.6"]   .progress-barre {transform: rotate(23.76deg); border-color: #f73453;}
.progress-circle[data-value^="6.7"]   .progress-barre {transform: rotate(24.12deg); border-color: #f73453;}
.progress-circle[data-value^="6.8"]   .progress-barre {transform: rotate(24.48deg); border-color: #f73453;}
.progress-circle[data-value^="6.9"]   .progress-barre {transform: rotate(24.84deg); border-color: #f73453;}
.progress-circle[data-value="7"]     .progress-barre,
.progress-circle[data-value="7."]    .progress-barre,
.progress-circle[data-value^="7.0"]   .progress-barre {transform: rotate(25.20deg); border-color: #f73453;}
.progress-circle[data-value^="7.1"]   .progress-barre {transform: rotate(25.56deg); border-color: #f73453;}
.progress-circle[data-value^="7.2"]   .progress-barre {transform: rotate(25.92deg); border-color: #f73453;}
.progress-circle[data-value^="7.3"]   .progress-barre {transform: rotate(26.28deg); border-color: #f73453;}
.progress-circle[data-value^="7.4"]   .progress-barre {transform: rotate(26.64deg); border-color: #f73453;}
.progress-circle[data-value^="7.5"]   .progress-barre {transform: rotate(27.00deg); border-color: #f73453;}
.progress-circle[data-value^="7.6"]   .progress-barre {transform: rotate(27.36deg); border-color: #f73453;}
.progress-circle[data-value^="7.7"]   .progress-barre {transform: rotate(27.72deg); border-color: #f73453;}
.progress-circle[data-value^="7.8"]   .progress-barre {transform: rotate(28.08deg); border-color: #f73453;}
.progress-circle[data-value^="7.9"]   .progress-barre {transform: rotate(28.44deg); border-color: #f73453;}
.progress-circle[data-value="8"]     .progress-barre,
.progress-circle[data-value="8."]    .progress-barre,
.progress-circle[data-value^="8.0"]   .progress-barre {transform: rotate(28.80deg); border-color: #f73453;}
.progress-circle[data-value^="8.1"]   .progress-barre {transform: rotate(29.16deg); border-color: #f73453;}
.progress-circle[data-value^="8.2"]   .progress-barre {transform: rotate(29.52deg); border-color: #f73453;}
.progress-circle[data-value^="8.3"]   .progress-barre {transform: rotate(29.88deg); border-color: #f73453;}
.progress-circle[data-value^="8.4"]   .progress-barre {transform: rotate(30.24deg); border-color: #f73453;}
.progress-circle[data-value^="8.5"]   .progress-barre {transform: rotate(30.60deg); border-color: #f73453;}
.progress-circle[data-value^="8.6"]   .progress-barre {transform: rotate(30.96deg); border-color: #f73453;}
.progress-circle[data-value^="8.7"]   .progress-barre {transform: rotate(31.32deg); border-color: #f73453;}
.progress-circle[data-value^="8.8"]   .progress-barre {transform: rotate(31.68deg); border-color: #f73453;}
.progress-circle[data-value^="8.9"]   .progress-barre {transform: rotate(32.04deg); border-color: #f73453;}
.progress-circle[data-value="9"]     .progress-barre,
.progress-circle[data-value="9."]    .progress-barre,
.progress-circle[data-value^="9.0"]   .progress-barre {transform: rotate(32.40deg); border-color: #f73453;}
.progress-circle[data-value^="9.1"]   .progress-barre {transform: rotate(32.76deg); border-color: #f73453;}
.progress-circle[data-value^="9.2"]   .progress-barre {transform: rotate(33.12deg); border-color: #f73453;}
.progress-circle[data-value^="9.3"]   .progress-barre {transform: rotate(33.48deg); border-color: #f73453;}
.progress-circle[data-value^="9.4"]   .progress-barre {transform: rotate(33.84deg); border-color: #f73453;}
.progress-circle[data-value^="9.5"]   .progress-barre {transform: rotate(34.20deg); border-color: #f73453;}
.progress-circle[data-value^="9.6"]   .progress-barre {transform: rotate(34.56deg); border-color: #f73453;}
.progress-circle[data-value^="9.7"]   .progress-barre {transform: rotate(34.92deg); border-color: #f73453;}
.progress-circle[data-value^="9.8"]   .progress-barre {transform: rotate(35.28deg); border-color: #f73453;}
.progress-circle[data-value^="9.9"]   .progress-barre {transform: rotate(35.64deg); border-color: #f73453;}
.progress-circle[data-value="10"]     .progress-barre,
.progress-circle[data-value="10."]    .progress-barre,
.progress-circle[data-value^="10.0"]   .progress-barre {transform: rotate(36.00deg); border-color: #f73453;}
.progress-circle[data-value^="10.1"]  .progress-barre {transform: rotate(36.36deg); border-color: #f73453;}
.progress-circle[data-value^="10.2"]  .progress-barre {transform: rotate(36.72deg); border-color: #f73453;}
.progress-circle[data-value^="10.3"]  .progress-barre {transform: rotate(37.08deg); border-color: #f73453;}
.progress-circle[data-value^="10.4"]  .progress-barre {transform: rotate(37.44deg); border-color: #f73453;}
.progress-circle[data-value^="10.5"]  .progress-barre {transform: rotate(37.80deg); border-color: #f73453;}
.progress-circle[data-value^="10.6"]  .progress-barre {transform: rotate(38.16deg); border-color: #f73453;}
.progress-circle[data-value^="10.7"]  .progress-barre {transform: rotate(38.52deg); border-color: #f73453;}
.progress-circle[data-value^="10.8"]  .progress-barre {transform: rotate(38.88deg); border-color: #f73453;}
.progress-circle[data-value^="10.9"]  .progress-barre {transform: rotate(39.24deg); border-color: #f73453;}
.progress-circle[data-value="11"]    .progress-barre,
.progress-circle[data-value="11."]   .progress-barre,
.progress-circle[data-value^="11.0"]  .progress-barre {transform: rotate(39.60deg); border-color: #f73453;}
.progress-circle[data-value^="11.1"]  .progress-barre {transform: rotate(39.96deg); border-color: #f73453;}
.progress-circle[data-value^="11.2"]  .progress-barre {transform: rotate(40.32deg); border-color: #f73453;}
.progress-circle[data-value^="11.3"]  .progress-barre {transform: rotate(40.68deg); border-color: #f73453;}
.progress-circle[data-value^="11.4"]  .progress-barre {transform: rotate(41.04deg); border-color: #f73453;}
.progress-circle[data-value^="11.5"]  .progress-barre {transform: rotate(41.40deg); border-color: #f73453;}
.progress-circle[data-value^="11.6"]  .progress-barre {transform: rotate(41.76deg); border-color: #f73453;}
.progress-circle[data-value^="11.7"]  .progress-barre {transform: rotate(42.12deg); border-color: #f73453;}
.progress-circle[data-value^="11.8"]  .progress-barre {transform: rotate(42.48deg); border-color: #f73453;}
.progress-circle[data-value^="11.9"]  .progress-barre {transform: rotate(42.84deg); border-color: #f73453;}
.progress-circle[data-value="12"]    .progress-barre,
.progress-circle[data-value="12."]   .progress-barre,
.progress-circle[data-value^="12.0"]  .progress-barre {transform: rotate(43.20deg); border-color: #f73453;}
.progress-circle[data-value^="12.1"]  .progress-barre {transform: rotate(43.56deg); border-color: #f73453;}
.progress-circle[data-value^="12.2"]  .progress-barre {transform: rotate(43.92deg); border-color: #f73453;}
.progress-circle[data-value^="12.3"]  .progress-barre {transform: rotate(44.28deg); border-color: #f73453;}
.progress-circle[data-value^="12.4"]  .progress-barre {transform: rotate(44.64deg); border-color: #f73453;}
.progress-circle[data-value^="12.5"]  .progress-barre {transform: rotate(45.00deg); border-color: #f73453;}
.progress-circle[data-value^="12.6"]  .progress-barre {transform: rotate(45.36deg); border-color: #f73453;}
.progress-circle[data-value^="12.7"]  .progress-barre {transform: rotate(45.72deg); border-color: #f73453;}
.progress-circle[data-value^="12.8"]  .progress-barre {transform: rotate(46.08deg); border-color: #f73453;}
.progress-circle[data-value^="12.9"]  .progress-barre {transform: rotate(46.44deg); border-color: #f73453;}
.progress-circle[data-value="13"]    .progress-barre,
.progress-circle[data-value="13."]   .progress-barre,
.progress-circle[data-value^="13.0"]  .progress-barre {transform: rotate(46.80deg); border-color: #f73453;}
.progress-circle[data-value^="13.1"]  .progress-barre {transform: rotate(47.16deg); border-color: #f73453;}
.progress-circle[data-value^="13.1"]  .progress-barre {transform: rotate(47.16deg); border-color: #f73453;}
.progress-circle[data-value^="13.2"]  .progress-barre {transform: rotate(47.52deg); border-color: #f73453;}
.progress-circle[data-value^="13.3"]  .progress-barre {transform: rotate(47.88deg); border-color: #f73453;}
.progress-circle[data-value^="13.4"]  .progress-barre {transform: rotate(48.24deg); border-color: #f73453;}
.progress-circle[data-value^="13.5"]  .progress-barre {transform: rotate(48.60deg); border-color: #f73453;}
.progress-circle[data-value^="13.6"]  .progress-barre {transform: rotate(48.96deg); border-color: #f73453;}
.progress-circle[data-value^="13.7"]  .progress-barre {transform: rotate(49.32deg); border-color: #f73453;}
.progress-circle[data-value^="13.8"]  .progress-barre {transform: rotate(49.68deg); border-color: #f73453;}
.progress-circle[data-value^="13.9"]  .progress-barre {transform: rotate(50.04deg); border-color: #f73453;}
.progress-circle[data-value="14"]    .progress-barre,
.progress-circle[data-value="14."]   .progress-barre,
.progress-circle[data-value^="14.0"]  .progress-barre {transform: rotate(50.40deg); border-color: #f73453;}
.progress-circle[data-value^="14.1"]  .progress-barre {transform: rotate(50.76deg); border-color: #f73453;}
.progress-circle[data-value^="14.2"]  .progress-barre {transform: rotate(51.12deg); border-color: #f73453;}
.progress-circle[data-value^="14.3"]  .progress-barre {transform: rotate(51.48deg); border-color: #f73453;}
.progress-circle[data-value^="14.4"]  .progress-barre {transform: rotate(51.84deg); border-color: #f73453;}
.progress-circle[data-value^="14.5"]  .progress-barre {transform: rotate(52.20deg); border-color: #f73453;}
.progress-circle[data-value^="14.6"]  .progress-barre {transform: rotate(52.56deg); border-color: #f73453;}
.progress-circle[data-value^="14.7"]  .progress-barre {transform: rotate(52.92deg); border-color: #f73453;}
.progress-circle[data-value^="14.8"]  .progress-barre {transform: rotate(53.28deg); border-color: #f73453;}
.progress-circle[data-value^="14.9"]  .progress-barre {transform: rotate(53.64deg); border-color: #f73453;}
.progress-circle[data-value="15"]    .progress-barre,
.progress-circle[data-value="15."]   .progress-barre,
.progress-circle[data-value^="15.0"]  .progress-barre {transform: rotate(54.00deg); border-color: #f73453;}
.progress-circle[data-value^="15.1"]  .progress-barre {transform: rotate(54.36deg); border-color: #f73453;}
.progress-circle[data-value^="15.2"]  .progress-barre {transform: rotate(54.72deg); border-color: #f73453;}
.progress-circle[data-value^="15.3"]  .progress-barre {transform: rotate(55.08deg); border-color: #f73453;}
.progress-circle[data-value^="15.4"]  .progress-barre {transform: rotate(55.44deg); border-color: #f73453;}
.progress-circle[data-value^="15.5"]  .progress-barre {transform: rotate(55.80deg); border-color: #f73453;}
.progress-circle[data-value^="15.6"]  .progress-barre {transform: rotate(56.16deg); border-color: #f73453;}
.progress-circle[data-value^="15.7"]  .progress-barre {transform: rotate(56.52deg); border-color: #f73453;}
.progress-circle[data-value^="15.8"]  .progress-barre {transform: rotate(56.88deg); border-color: #f73453;}
.progress-circle[data-value^="15.9"]  .progress-barre {transform: rotate(57.24deg); border-color: #f73453;}
.progress-circle[data-value="16"]    .progress-barre,
.progress-circle[data-value="16."]   .progress-barre,
.progress-circle[data-value^="16.0"]  .progress-barre {transform: rotate(57.60deg); border-color: #f73453;}
.progress-circle[data-value^="16.2"]  .progress-barre {transform: rotate(58.32deg); border-color: #f73453;}
.progress-circle[data-value^="16.1"]  .progress-barre {transform: rotate(57.96deg); border-color: #f73453;}
.progress-circle[data-value^="16.4"]  .progress-barre {transform: rotate(59.04deg); border-color: #f73453;}
.progress-circle[data-value^="16.3"]  .progress-barre {transform: rotate(58.68deg); border-color: #f73453;}
.progress-circle[data-value^="16.5"]  .progress-barre {transform: rotate(59.40deg); border-color: #f73453;}
.progress-circle[data-value^="16.6"]  .progress-barre {transform: rotate(59.76deg); border-color: #f73453;}
.progress-circle[data-value^="16.7"]  .progress-barre {transform: rotate(60.12deg); border-color: #f73453;}
.progress-circle[data-value^="16.8"]  .progress-barre {transform: rotate(60.48deg); border-color: #f73453;}
.progress-circle[data-value^="16.9"]  .progress-barre {transform: rotate(60.84deg); border-color: #f73453;}
.progress-circle[data-value="17"]    .progress-barre,
.progress-circle[data-value="17."]   .progress-barre,
.progress-circle[data-value^="17.0"]  .progress-barre {transform: rotate(61.20deg); border-color: #f73453;}
.progress-circle[data-value^="17.1"]  .progress-barre {transform: rotate(61.56deg); border-color: #f73453;}
.progress-circle[data-value^="17.2"]  .progress-barre {transform: rotate(61.92deg); border-color: #f73453;}
.progress-circle[data-value^="17.3"]  .progress-barre {transform: rotate(62.28deg); border-color: #f73453;}
.progress-circle[data-value^="17.4"]  .progress-barre {transform: rotate(62.64deg); border-color: #f73453;}
.progress-circle[data-value^="17.5"]  .progress-barre {transform: rotate(63.00deg); border-color: #f73453;}
.progress-circle[data-value^="17.6"]  .progress-barre {transform: rotate(63.36deg); border-color: #f73453;}
.progress-circle[data-value^="17.7"]  .progress-barre {transform: rotate(63.72deg); border-color: #f73453;}
.progress-circle[data-value^="17.8"]  .progress-barre {transform: rotate(64.08deg); border-color: #f73453;}
.progress-circle[data-value^="17.9"]  .progress-barre {transform: rotate(64.44deg); border-color: #f73453;}
.progress-circle[data-value="18"]    .progress-barre,
.progress-circle[data-value="18."]   .progress-barre,
.progress-circle[data-value^="18.0"]  .progress-barre {transform: rotate(64.80deg); border-color: #f73453;}
.progress-circle[data-value^="18.1"]  .progress-barre {transform: rotate(65.16deg); border-color: #f73453;}
.progress-circle[data-value^="18.2"]  .progress-barre {transform: rotate(65.52deg); border-color: #f73453;}
.progress-circle[data-value^="18.3"]  .progress-barre {transform: rotate(65.88deg); border-color: #f73453;}
.progress-circle[data-value^="18.4"]  .progress-barre {transform: rotate(66.24deg); border-color: #f73453;}
.progress-circle[data-value^="18.5"]  .progress-barre {transform: rotate(66.60deg); border-color: #f73453;}
.progress-circle[data-value^="18.6"]  .progress-barre {transform: rotate(66.96deg); border-color: #f73453;}
.progress-circle[data-value^="18.7"]  .progress-barre {transform: rotate(67.32deg); border-color: #f73453;}
.progress-circle[data-value^="18.8"]  .progress-barre {transform: rotate(67.68deg); border-color: #f73453;}
.progress-circle[data-value^="18.9"]  .progress-barre {transform: rotate(68.04deg); border-color: #f73453;}
.progress-circle[data-value="19"]    .progress-barre,
.progress-circle[data-value="19."]   .progress-barre,
.progress-circle[data-value^="19.0"]  .progress-barre {transform: rotate(68.40deg); border-color: #f73453;}
.progress-circle[data-value^="19.1"]  .progress-barre {transform: rotate(68.76deg); border-color: #f73453;}
.progress-circle[data-value^="19.2"]  .progress-barre {transform: rotate(69.12deg); border-color: #f73453;}
.progress-circle[data-value^="19.3"]  .progress-barre {transform: rotate(69.48deg); border-color: #f73453;}
.progress-circle[data-value^="19.4"]  .progress-barre {transform: rotate(69.84deg); border-color: #f73453;}
.progress-circle[data-value^="19.5"]  .progress-barre {transform: rotate(70.20deg); border-color: #f73453;}
.progress-circle[data-value^="19.6"]  .progress-barre {transform: rotate(70.56deg); border-color: #f73453;}
.progress-circle[data-value^="19.7"]  .progress-barre {transform: rotate(70.92deg); border-color: #f73453;}
.progress-circle[data-value^="19.8"]  .progress-barre {transform: rotate(71.28deg); border-color: #f73453;}
.progress-circle[data-value^="19.9"]  .progress-barre {transform: rotate(71.64deg); border-color: #f73453;}
.progress-circle[data-value="20"]    .progress-barre,
.progress-circle[data-value="20."]   .progress-barre,
.progress-circle[data-value^="20.0"]  .progress-barre {transform: rotate(72.00deg); border-color: #f73453;}
.progress-circle[data-value^="20.1"]  .progress-barre {transform: rotate(72.36deg); border-color: #f73453;}
.progress-circle[data-value^="20.2"]  .progress-barre {transform: rotate(72.72deg); border-color: #f73453;}
.progress-circle[data-value^="20.3"]  .progress-barre {transform: rotate(73.08deg); border-color: #f73453;}
.progress-circle[data-value^="20.4"]  .progress-barre {transform: rotate(73.44deg); border-color: #f73453;}
.progress-circle[data-value^="20.5"]  .progress-barre {transform: rotate(73.80deg); border-color: #f73453;}
.progress-circle[data-value^="20.6"]  .progress-barre {transform: rotate(74.16deg); border-color: #f73453;}
.progress-circle[data-value^="20.7"]  .progress-barre {transform: rotate(74.52deg); border-color: #f73453;}
.progress-circle[data-value^="20.8"]  .progress-barre {transform: rotate(74.88deg); border-color: #f73453;}
.progress-circle[data-value^="20.9"]  .progress-barre {transform: rotate(75.24deg); border-color: #f73453;}
.progress-circle[data-value="21"]    .progress-barre,
.progress-circle[data-value="21."]   .progress-barre,
.progress-circle[data-value^="21.0"]  .progress-barre {transform: rotate(75.60deg); border-color: #f73453;}
.progress-circle[data-value^="21.1"]  .progress-barre {transform: rotate(75.96deg); border-color: #f73453;}
.progress-circle[data-value^="21.2"]  .progress-barre {transform: rotate(76.32deg); border-color: #f73453;}
.progress-circle[data-value^="21.3"]  .progress-barre {transform: rotate(76.68deg); border-color: #f73453;}
.progress-circle[data-value^="21.4"]  .progress-barre {transform: rotate(77.04deg); border-color: #f73453;}
.progress-circle[data-value^="21.5"]  .progress-barre {transform: rotate(77.40deg); border-color: #f73453;}
.progress-circle[data-value^="21.6"]  .progress-barre {transform: rotate(77.76deg); border-color: #f73453;}
.progress-circle[data-value^="21.7"]  .progress-barre {transform: rotate(78.12deg); border-color: #f73453;}
.progress-circle[data-value^="21.8"]  .progress-barre {transform: rotate(78.48deg); border-color: #f73453;}
.progress-circle[data-value^="21.9"]  .progress-barre {transform: rotate(78.84deg); border-color: #f73453;}
.progress-circle[data-value="22"]    .progress-barre,
.progress-circle[data-value="22."]   .progress-barre,
.progress-circle[data-value^="22.0"]  .progress-barre {transform: rotate(79.20deg); border-color: #f73453;}
.progress-circle[data-value^="22.1"]  .progress-barre {transform: rotate(79.56deg); border-color: #f73453;}
.progress-circle[data-value^="22.2"]  .progress-barre {transform: rotate(79.92deg); border-color: #f73453;}
.progress-circle[data-value^="22.3"]  .progress-barre {transform: rotate(80.28deg); border-color: #f73453;}
.progress-circle[data-value^="22.4"]  .progress-barre {transform: rotate(80.64deg); border-color: #f73453;}
.progress-circle[data-value^="22.5"]  .progress-barre {transform: rotate(81.00deg); border-color: #f73453;}
.progress-circle[data-value^="22.6"]  .progress-barre {transform: rotate(81.36deg); border-color: #f73453;}
.progress-circle[data-value^="22.7"]  .progress-barre {transform: rotate(81.72deg); border-color: #f73453;}
.progress-circle[data-value^="22.8"]  .progress-barre {transform: rotate(82.08deg); border-color: #f73453;}
.progress-circle[data-value^="22.9"]  .progress-barre {transform: rotate(82.44deg); border-color: #f73453;}
.progress-circle[data-value="23"]    .progress-barre,
.progress-circle[data-value="23."]   .progress-barre,
.progress-circle[data-value^="23.0"]  .progress-barre {transform: rotate(82.80deg); border-color: #f73453;}
.progress-circle[data-value^="23.1"]  .progress-barre {transform: rotate(83.16deg); border-color: #f73453;}
.progress-circle[data-value^="23.2"]  .progress-barre {transform: rotate(83.52deg); border-color: #f73453;}
.progress-circle[data-value^="23.3"]  .progress-barre {transform: rotate(83.88deg); border-color: #f73453;}
.progress-circle[data-value^="23.4"]  .progress-barre {transform: rotate(84.24deg); border-color: #f73453;}
.progress-circle[data-value^="23.5"]  .progress-barre {transform: rotate(84.60deg); border-color: #f73453;}
.progress-circle[data-value^="23.6"]  .progress-barre {transform: rotate(84.96deg); border-color: #f73453;}
.progress-circle[data-value^="23.7"]  .progress-barre {transform: rotate(85.32deg); border-color: #f73453;}
.progress-circle[data-value^="23.8"]  .progress-barre {transform: rotate(85.68deg); border-color: #f73453;}
.progress-circle[data-value^="23.9"]  .progress-barre {transform: rotate(86.04deg); border-color: #f73453;}
.progress-circle[data-value="24"]    .progress-barre,
.progress-circle[data-value="24."]   .progress-barre,
.progress-circle[data-value^="24.0"]  .progress-barre {transform: rotate(86.40deg); border-color: #f73453;}
.progress-circle[data-value^="24.1"]  .progress-barre {transform: rotate(86.76deg); border-color: #f73453;}
.progress-circle[data-value^="24.2"]  .progress-barre {transform: rotate(87.12deg); border-color: #f73453;}
.progress-circle[data-value^="24.3"]  .progress-barre {transform: rotate(87.48deg); border-color: #f73453;}
.progress-circle[data-value^="24.4"]  .progress-barre {transform: rotate(87.84deg); border-color: #f73453;}
.progress-circle[data-value^="24.5"]  .progress-barre {transform: rotate(88.20deg); border-color: #f73453;}
.progress-circle[data-value^="24.6"]  .progress-barre {transform: rotate(88.56deg); border-color: #f73453;}
.progress-circle[data-value^="24.7"]  .progress-barre {transform: rotate(88.92deg); border-color: #f73453;}
.progress-circle[data-value^="24.8"]  .progress-barre {transform: rotate(89.28deg); border-color: #f73453;}
.progress-circle[data-value^="24.9"]  .progress-barre {transform: rotate(89.64deg); border-color: #f73453;}
.progress-circle[data-value="25"]    .progress-barre,
.progress-circle[data-value="25."]   .progress-barre,
.progress-circle[data-value^="25.0"]  .progress-barre {transform: rotate(90.00deg); border-color: #f73453;}
.progress-circle[data-value^="25.1"]  .progress-barre {transform: rotate(90.36deg); border-color: #f73453;}
.progress-circle[data-value^="25.2"]  .progress-barre {transform: rotate(90.72deg); border-color: #f73453;}
.progress-circle[data-value^="25.3"]  .progress-barre {transform: rotate(91.08deg); border-color: #f73453;}
.progress-circle[data-value^="25.4"]  .progress-barre {transform: rotate(91.44deg); border-color: #f73453;}
.progress-circle[data-value^="25.5"]  .progress-barre {transform: rotate(91.80deg); border-color: #f73453;}
.progress-circle[data-value^="25.6"]  .progress-barre {transform: rotate(92.16deg); border-color: #f73453;}
.progress-circle[data-value^="25.7"]  .progress-barre {transform: rotate(92.52deg); border-color: #f73453;}
.progress-circle[data-value^="25.8"]  .progress-barre {transform: rotate(92.88deg); border-color: #f73453;}
.progress-circle[data-value^="25.9"]  .progress-barre {transform: rotate(93.24deg); border-color: #f73453;}
.progress-circle[data-value="26"]    .progress-barre,
.progress-circle[data-value="26."]   .progress-barre,
.progress-circle[data-value^="26.0"]  .progress-barre {transform: rotate(93.60deg); border-color: #f73453;}
.progress-circle[data-value^="26.1"]  .progress-barre {transform: rotate(93.96deg); border-color: #f73453;}
.progress-circle[data-value^="26.2"]  .progress-barre {transform: rotate(94.32deg); border-color: #f73453;}
.progress-circle[data-value^="26.3"]  .progress-barre {transform: rotate(94.68deg); border-color: #f73453;}
.progress-circle[data-value^="26.4"]  .progress-barre {transform: rotate(95.04deg); border-color: #f73453;}
.progress-circle[data-value^="26.5"]  .progress-barre {transform: rotate(95.40deg); border-color: #f73453;}
.progress-circle[data-value^="26.6"]  .progress-barre {transform: rotate(95.76deg); border-color: #f73453;}
.progress-circle[data-value^="26.7"]  .progress-barre {transform: rotate(96.12deg); border-color: #f73453;}
.progress-circle[data-value^="26.8"]  .progress-barre {transform: rotate(96.48deg); border-color: #f73453;}
.progress-circle[data-value^="26.9"]  .progress-barre {transform: rotate(96.84deg); border-color: #f73453;}
.progress-circle[data-value="27"]    .progress-barre,
.progress-circle[data-value="27."]   .progress-barre,
.progress-circle[data-value^="27.0"]  .progress-barre {transform: rotate(97.20deg); border-color: #f73453;}
.progress-circle[data-value^="27.1"]  .progress-barre {transform: rotate(97.56deg); border-color: #f73453;}
.progress-circle[data-value^="27.2"]  .progress-barre {transform: rotate(97.92deg); border-color: #f73453;}
.progress-circle[data-value^="27.3"]  .progress-barre {transform: rotate(98.28deg); border-color: #f73453;}
.progress-circle[data-value^="27.4"]  .progress-barre {transform: rotate(98.64deg); border-color: #f73453;}
.progress-circle[data-value^="27.5"]  .progress-barre {transform: rotate(99.00deg); border-color: #f73453;}
.progress-circle[data-value^="27.6"]  .progress-barre {transform: rotate(99.36deg); border-color: #f73453;}
.progress-circle[data-value^="27.7"]  .progress-barre {transform: rotate(99.72deg); border-color: #f73453;}
.progress-circle[data-value^="27.8"]  .progress-barre {transform: rotate(100.08deg); border-color: #f73453;}
.progress-circle[data-value^="27.9"]  .progress-barre {transform: rotate(100.44deg); border-color: #f73453;}
.progress-circle[data-value="28"]    .progress-barre,
.progress-circle[data-value="28."]   .progress-barre,
.progress-circle[data-value^="28.0"]  .progress-barre {transform: rotate(100.80deg); border-color: #f73453;}
.progress-circle[data-value^="28.1"]  .progress-barre {transform: rotate(101.16deg); border-color: #f73453;}
.progress-circle[data-value^="28.2"]  .progress-barre {transform: rotate(101.52deg); border-color: #f73453;}
.progress-circle[data-value^="28.3"]  .progress-barre {transform: rotate(101.88deg); border-color: #f73453;}
.progress-circle[data-value^="28.4"]  .progress-barre {transform: rotate(102.24deg); border-color: #f73453;}
.progress-circle[data-value^="28.5"]  .progress-barre {transform: rotate(102.60deg); border-color: #f73453;}
.progress-circle[data-value^="28.6"]  .progress-barre {transform: rotate(102.96deg); border-color: #f73453;}
.progress-circle[data-value^="28.7"]  .progress-barre {transform: rotate(103.32deg); border-color: #f73453;}
.progress-circle[data-value^="28.8"]  .progress-barre {transform: rotate(103.68deg); border-color: #f73453;}
.progress-circle[data-value^="28.9"]  .progress-barre {transform: rotate(104.04deg); border-color: #f73453;}
.progress-circle[data-value="29"]    .progress-barre,
.progress-circle[data-value="29."]   .progress-barre,
.progress-circle[data-value^="29.0"]  .progress-barre {transform: rotate(104.40deg); border-color: #f73453;}
.progress-circle[data-value^="29.1"]  .progress-barre {transform: rotate(104.76deg); border-color: #f73453;}
.progress-circle[data-value^="29.2"]  .progress-barre {transform: rotate(105.12deg); border-color: #f73453;}
.progress-circle[data-value^="29.3"]  .progress-barre {transform: rotate(105.48deg); border-color: #f73453;}
.progress-circle[data-value^="29.4"]  .progress-barre {transform: rotate(105.84deg); border-color: #f73453;}
.progress-circle[data-value^="29.5"]  .progress-barre {transform: rotate(106.20deg); border-color: #f73453;}
.progress-circle[data-value^="29.6"]  .progress-barre {transform: rotate(106.56deg); border-color: #f73453;}
.progress-circle[data-value^="29.7"]  .progress-barre {transform: rotate(106.92deg); border-color: #f73453;}
.progress-circle[data-value^="29.8"]  .progress-barre {transform: rotate(107.28deg); border-color: #f73453;}
.progress-circle[data-value^="29.9"]  .progress-barre {transform: rotate(107.64deg); border-color: #f73453;}
.progress-circle[data-value="30"]    .progress-barre,
.progress-circle[data-value="30."]   .progress-barre,
.progress-circle[data-value^="30.0"]  .progress-barre {transform: rotate(108.00deg); border-color: #f73453;}
.progress-circle[data-value^="30.1"]  .progress-barre {transform: rotate(108.36deg); border-color: #f73453;}
.progress-circle[data-value^="30.2"]  .progress-barre {transform: rotate(108.72deg); border-color: #f73453;}
.progress-circle[data-value^="30.3"]  .progress-barre {transform: rotate(109.08deg); border-color: #f73453;}
.progress-circle[data-value^="30.4"]  .progress-barre {transform: rotate(109.44deg); border-color: #f73453;}
.progress-circle[data-value^="30.5"]  .progress-barre {transform: rotate(109.80deg); border-color: #f73453;}
.progress-circle[data-value^="30.6"]  .progress-barre {transform: rotate(110.16deg); border-color: #f73453;}
.progress-circle[data-value^="30.7"]  .progress-barre {transform: rotate(110.52deg); border-color: #f73453;}
.progress-circle[data-value^="30.8"]  .progress-barre {transform: rotate(110.88deg); border-color: #f73453;}
.progress-circle[data-value^="30.9"]  .progress-barre {transform: rotate(111.24deg); border-color: #f73453;}
.progress-circle[data-value="31"]    .progress-barre,
.progress-circle[data-value="31."]   .progress-barre,
.progress-circle[data-value^="31.0"]  .progress-barre {transform: rotate(111.60deg); border-color: #f73453;}
.progress-circle[data-value^="31.1"]  .progress-barre {transform: rotate(111.96deg); border-color: #f73453;}
.progress-circle[data-value^="31.2"]  .progress-barre {transform: rotate(112.32deg); border-color: #f73453;}
.progress-circle[data-value^="31.3"]  .progress-barre {transform: rotate(112.68deg); border-color: #f73453;}
.progress-circle[data-value^="31.4"]  .progress-barre {transform: rotate(113.04deg); border-color: #f73453;}
.progress-circle[data-value^="31.5"]  .progress-barre {transform: rotate(113.40deg); border-color: #f73453;}
.progress-circle[data-value^="31.6"]  .progress-barre {transform: rotate(113.76deg); border-color: #f73453;}
.progress-circle[data-value^="31.7"]  .progress-barre {transform: rotate(114.12deg); border-color: #f73453;}
.progress-circle[data-value^="31.8"]  .progress-barre {transform: rotate(114.48deg); border-color: #f73453;}
.progress-circle[data-value^="31.9"]  .progress-barre {transform: rotate(114.84deg); border-color: #f73453;}
.progress-circle[data-value="32"]    .progress-barre,
.progress-circle[data-value="32."]   .progress-barre,
.progress-circle[data-value^="32.0"]  .progress-barre {transform: rotate(115.20deg); border-color: #f73453;}
.progress-circle[data-value^="32.1"]  .progress-barre {transform: rotate(115.56deg); border-color: #f73453;}
.progress-circle[data-value^="32.2"]  .progress-barre {transform: rotate(115.92deg); border-color: #f73453;}
.progress-circle[data-value^="32.3"]  .progress-barre {transform: rotate(116.28deg); border-color: #f73453;}
.progress-circle[data-value^="32.4"]  .progress-barre {transform: rotate(116.64deg); border-color: #f73453;}
.progress-circle[data-value^="32.5"]  .progress-barre {transform: rotate(117.00deg); border-color: #f73453;}
.progress-circle[data-value^="32.6"]  .progress-barre {transform: rotate(117.36deg); border-color: #f73453;}
.progress-circle[data-value^="32.7"]  .progress-barre {transform: rotate(117.72deg); border-color: #f73453;}
.progress-circle[data-value^="32.8"]  .progress-barre {transform: rotate(118.08deg); border-color: #f73453;}
.progress-circle[data-value^="32.9"]  .progress-barre {transform: rotate(118.44deg); border-color: #f73453;}
.progress-circle[data-value="33"]    .progress-barre,
.progress-circle[data-value="33."]   .progress-barre,
.progress-circle[data-value^^="33.0"]  .progress-barre {transform: rotate(118.80deg); border-color: #f73453;}
.progress-circle[data-value^^="33.1"]  .progress-barre {transform: rotate(119.16deg); border-color: #f73453;}
.progress-circle[data-value^^="33.2"]  .progress-barre {transform: rotate(119.52deg); border-color: #f73453;}
.progress-circle[data-value^="33.3"]  .progress-barre {transform: rotate(119.88deg); border-color: #f73453;}
.progress-circle[data-value="33.30"]  .progress-barre {transform: rotate(119.88deg); border-color: #f73453;}
.progress-circle[data-value="33.31"]  .progress-barre {transform: rotate(119.88deg); border-color: #f73453;}
.progress-circle[data-value="33.32"]  .progress-barre {transform: rotate(119.88deg); border-color: #f73453;}
.progress-circle[data-value="33.33"]  .progress-barre {transform: rotate(119.88deg); border-color: #f73453;}
.progress-circle[data-value="33.34"]  .progress-barre {transform: rotate(119.88deg); border-color: #ffcc42;}
.progress-circle[data-value="33.35"]  .progress-barre {transform: rotate(119.88deg); border-color: #ffcc42;}
.progress-circle[data-value="33.36"]  .progress-barre {transform: rotate(119.88deg); border-color: #ffcc42;}
.progress-circle[data-value="33.37"]  .progress-barre {transform: rotate(119.88deg); border-color: #ffcc42;}
.progress-circle[data-value="33.38"]  .progress-barre {transform: rotate(119.88deg); border-color: #ffcc42;}
.progress-circle[data-value="33.39"]  .progress-barre {transform: rotate(119.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="33.4"]  .progress-barre {transform: rotate(120.24deg); border-color: #ffcc42;}
.progress-circle[data-value^="33.5"]  .progress-barre {transform: rotate(120.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="33.6"]  .progress-barre {transform: rotate(120.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="33.7"]  .progress-barre {transform: rotate(121.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="33.8"]  .progress-barre {transform: rotate(121.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="33.9"]  .progress-barre {transform: rotate(122.04deg); border-color: #ffcc42;}
.progress-circle[data-value="34"]    .progress-barre,
.progress-circle[data-value="34."]   .progress-barre,
.progress-circle[data-value^="34.0"]  .progress-barre {transform: rotate(122.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.1"]  .progress-barre {transform: rotate(122.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.2"]  .progress-barre {transform: rotate(123.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.3"]  .progress-barre {transform: rotate(123.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.4"]  .progress-barre {transform: rotate(123.84deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.5"]  .progress-barre {transform: rotate(124.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.6"]  .progress-barre {transform: rotate(124.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.7"]  .progress-barre {transform: rotate(124.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.8"]  .progress-barre {transform: rotate(125.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="34.9"]  .progress-barre {transform: rotate(125.64deg); border-color: #ffcc42;}
.progress-circle[data-value="35"]    .progress-barre,
.progress-circle[data-value="35."]   .progress-barre,
.progress-circle[data-value^="35.0"]  .progress-barre {transform: rotate(126.00deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.1"]  .progress-barre {transform: rotate(126.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.2"]  .progress-barre {transform: rotate(126.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.3"]  .progress-barre {transform: rotate(127.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.4"]  .progress-barre {transform: rotate(127.44deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.5"]  .progress-barre {transform: rotate(127.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.6"]  .progress-barre {transform: rotate(128.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.7"]  .progress-barre {transform: rotate(128.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.8"]  .progress-barre {transform: rotate(128.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="35.9"]  .progress-barre {transform: rotate(129.24deg); border-color: #ffcc42;}
.progress-circle[data-value="36"]    .progress-barre,
.progress-circle[data-value="36."]   .progress-barre,
.progress-circle[data-value^="36.0"]  .progress-barre {transform: rotate(129.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.1"]  .progress-barre {transform: rotate(129.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.2"]  .progress-barre {transform: rotate(130.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.3"]  .progress-barre {transform: rotate(130.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.4"]  .progress-barre {transform: rotate(131.04deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.5"]  .progress-barre {transform: rotate(131.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.6"]  .progress-barre {transform: rotate(131.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.7"]  .progress-barre {transform: rotate(132.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.8"]  .progress-barre {transform: rotate(132.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="36.9"]  .progress-barre {transform: rotate(132.84deg); border-color: #ffcc42;}
.progress-circle[data-value="37"]    .progress-barre,
.progress-circle[data-value="37."]   .progress-barre,
.progress-circle[data-value^="37.0"]  .progress-barre {transform: rotate(133.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.1"]  .progress-barre {transform: rotate(133.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.2"]  .progress-barre {transform: rotate(133.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.3"]  .progress-barre {transform: rotate(134.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.4"]  .progress-barre {transform: rotate(134.64deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.5"]  .progress-barre {transform: rotate(135.00deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.6"]  .progress-barre {transform: rotate(135.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.7"]  .progress-barre {transform: rotate(135.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.8"]  .progress-barre {transform: rotate(136.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="37.9"]  .progress-barre {transform: rotate(136.44deg); border-color: #ffcc42;}
.progress-circle[data-value="38"]    .progress-barre,
.progress-circle[data-value="38."]   .progress-barre,
.progress-circle[data-value^="38.0"]  .progress-barre {transform: rotate(136.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.1"]  .progress-barre {transform: rotate(137.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.2"]  .progress-barre {transform: rotate(137.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.3"]  .progress-barre {transform: rotate(137.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.4"]  .progress-barre {transform: rotate(138.24deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.5"]  .progress-barre {transform: rotate(138.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.6"]  .progress-barre {transform: rotate(138.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.7"]  .progress-barre {transform: rotate(139.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.8"]  .progress-barre {transform: rotate(139.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="38.9"]  .progress-barre {transform: rotate(140.04deg); border-color: #ffcc42;}
.progress-circle[data-value="39"]    .progress-barre,
.progress-circle[data-value="39."]   .progress-barre,
.progress-circle[data-value^="39.0"]  .progress-barre {transform: rotate(140.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.1"]  .progress-barre {transform: rotate(140.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.2"]  .progress-barre {transform: rotate(141.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.3"]  .progress-barre {transform: rotate(141.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.4"]  .progress-barre {transform: rotate(141.84deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.5"]  .progress-barre {transform: rotate(142.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.6"]  .progress-barre {transform: rotate(142.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.7"]  .progress-barre {transform: rotate(142.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.8"]  .progress-barre {transform: rotate(143.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="39.9"]  .progress-barre {transform: rotate(143.64deg); border-color: #ffcc42;}
.progress-circle[data-value="40"]    .progress-barre,
.progress-circle[data-value="40."]   .progress-barre,
.progress-circle[data-value^="40.0"]  .progress-barre {transform: rotate(144.00deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.1"]  .progress-barre {transform: rotate(144.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.2"]  .progress-barre {transform: rotate(144.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.3"]  .progress-barre {transform: rotate(145.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.4"]  .progress-barre {transform: rotate(145.44deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.5"]  .progress-barre {transform: rotate(145.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.6"]  .progress-barre {transform: rotate(146.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.7"]  .progress-barre {transform: rotate(146.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.8"]  .progress-barre {transform: rotate(146.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="40.9"]  .progress-barre {transform: rotate(147.24deg); border-color: #ffcc42;}
.progress-circle[data-value="41"]    .progress-barre,
.progress-circle[data-value="41."]   .progress-barre,
.progress-circle[data-value^="41.0"]  .progress-barre {transform: rotate(147.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.1"]  .progress-barre {transform: rotate(147.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.2"]  .progress-barre {transform: rotate(148.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.3"]  .progress-barre {transform: rotate(148.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.4"]  .progress-barre {transform: rotate(149.04deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.5"]  .progress-barre {transform: rotate(149.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.6"]  .progress-barre {transform: rotate(149.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.7"]  .progress-barre {transform: rotate(150.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.8"]  .progress-barre {transform: rotate(150.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="41.9"]  .progress-barre {transform: rotate(150.84deg); border-color: #ffcc42;}
.progress-circle[data-value="42"]    .progress-barre,
.progress-circle[data-value="42."]   .progress-barre,
.progress-circle[data-value^="42.0"]  .progress-barre {transform: rotate(151.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.1"]  .progress-barre {transform: rotate(151.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.2"]  .progress-barre {transform: rotate(151.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.3"]  .progress-barre {transform: rotate(152.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.4"]  .progress-barre {transform: rotate(152.64deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.5"]  .progress-barre {transform: rotate(153.00deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.6"]  .progress-barre {transform: rotate(153.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.7"]  .progress-barre {transform: rotate(153.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.8"]  .progress-barre {transform: rotate(154.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="42.9"]  .progress-barre {transform: rotate(154.44deg); border-color: #ffcc42;}
.progress-circle[data-value="43"]    .progress-barre,
.progress-circle[data-value="43."]   .progress-barre,
.progress-circle[data-value^="43.0"]  .progress-barre {transform: rotate(154.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.1"]  .progress-barre {transform: rotate(155.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.2"]  .progress-barre {transform: rotate(155.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.3"]  .progress-barre {transform: rotate(155.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.4"]  .progress-barre {transform: rotate(156.24deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.5"]  .progress-barre {transform: rotate(156.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.6"]  .progress-barre {transform: rotate(156.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.7"]  .progress-barre {transform: rotate(157.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.8"]  .progress-barre {transform: rotate(157.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="43.9"]  .progress-barre {transform: rotate(158.04deg); border-color: #ffcc42;}
.progress-circle[data-value="44"]    .progress-barre,
.progress-circle[data-value="44."]   .progress-barre,
.progress-circle[data-value^="44.0"]  .progress-barre {transform: rotate(158.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.1"]  .progress-barre {transform: rotate(158.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.2"]  .progress-barre {transform: rotate(159.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.3"]  .progress-barre {transform: rotate(159.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.4"]  .progress-barre {transform: rotate(159.84deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.5"]  .progress-barre {transform: rotate(160.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.6"]  .progress-barre {transform: rotate(160.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.7"]  .progress-barre {transform: rotate(160.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.8"]  .progress-barre {transform: rotate(161.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="44.9"]  .progress-barre {transform: rotate(161.64deg); border-color: #ffcc42;}
.progress-circle[data-value="45"]    .progress-barre,
.progress-circle[data-value="45."]   .progress-barre,
.progress-circle[data-value^="45.0"]  .progress-barre {transform: rotate(162.00deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.1"]  .progress-barre {transform: rotate(162.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.2"]  .progress-barre {transform: rotate(162.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.3"]  .progress-barre {transform: rotate(163.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.4"]  .progress-barre {transform: rotate(163.44deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.5"]  .progress-barre {transform: rotate(163.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.6"]  .progress-barre {transform: rotate(164.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.7"]  .progress-barre {transform: rotate(164.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.8"]  .progress-barre {transform: rotate(164.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="45.9"]  .progress-barre {transform: rotate(165.24deg); border-color: #ffcc42;}
.progress-circle[data-value="46"]    .progress-barre,
.progress-circle[data-value="46."]   .progress-barre,
.progress-circle[data-value^="46.0"]  .progress-barre {transform: rotate(165.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.1"]  .progress-barre {transform: rotate(165.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.2"]  .progress-barre {transform: rotate(166.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.3"]  .progress-barre {transform: rotate(166.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.4"]  .progress-barre {transform: rotate(167.04deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.5"]  .progress-barre {transform: rotate(167.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.6"]  .progress-barre {transform: rotate(167.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.7"]  .progress-barre {transform: rotate(168.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.8"]  .progress-barre {transform: rotate(168.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="46.9"]  .progress-barre {transform: rotate(168.84deg); border-color: #ffcc42;}
.progress-circle[data-value="47"]    .progress-barre,
.progress-circle[data-value="47."]   .progress-barre,
.progress-circle[data-value^="47.0"]  .progress-barre {transform: rotate(169.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.1"]  .progress-barre {transform: rotate(169.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.2"]  .progress-barre {transform: rotate(169.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.3"]  .progress-barre {transform: rotate(170.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.4"]  .progress-barre {transform: rotate(170.64deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.5"]  .progress-barre {transform: rotate(171.00deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.6"]  .progress-barre {transform: rotate(171.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.7"]  .progress-barre {transform: rotate(171.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.8"]  .progress-barre {transform: rotate(172.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="47.9"]  .progress-barre {transform: rotate(172.44deg); border-color: #ffcc42;}
.progress-circle[data-value="48"]    .progress-barre,
.progress-circle[data-value="48."]   .progress-barre,
.progress-circle[data-value^="48.0"]  .progress-barre {transform: rotate(172.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.1"]  .progress-barre {transform: rotate(173.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.2"]  .progress-barre {transform: rotate(173.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.3"]  .progress-barre {transform: rotate(173.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.4"]  .progress-barre {transform: rotate(174.24deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.5"]  .progress-barre {transform: rotate(174.60deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.6"]  .progress-barre {transform: rotate(174.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.7"]  .progress-barre {transform: rotate(175.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.8"]  .progress-barre {transform: rotate(175.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="48.9"]  .progress-barre {transform: rotate(176.04deg); border-color: #ffcc42;}
.progress-circle[data-value="49"]    .progress-barre,
.progress-circle[data-value="49."]   .progress-barre,
.progress-circle[data-value^="49.0"]  .progress-barre {transform: rotate(176.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.1"]  .progress-barre {transform: rotate(176.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.2"]  .progress-barre {transform: rotate(177.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.3"]  .progress-barre {transform: rotate(177.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.4"]  .progress-barre {transform: rotate(177.84deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.5"]  .progress-barre {transform: rotate(178.20deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.6"]  .progress-barre {transform: rotate(178.56deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.7"]  .progress-barre {transform: rotate(178.92deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.8"]  .progress-barre {transform: rotate(179.28deg); border-color: #ffcc42;}
.progress-circle[data-value^="49.9"]  .progress-barre {transform: rotate(179.64deg); border-color: #ffcc42;}
.progress-circle[data-value="50"]    .progress-barre,
.progress-circle[data-value="50."]   .progress-barre,
.progress-circle[data-value="50.0"]  .progress-barre {transform: rotate(180.00deg); border-color: #ffcc42;}
.progress-circle[data-value="50"]    .progress-sup50,
.progress-circle[data-value="50."]   .progress-sup50,
.progress-circle[data-value^="50.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.1"]  .progress-barre {transform: rotate(180.36deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.2"]  .progress-barre {transform: rotate(180.72deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.3"]  .progress-barre {transform: rotate(181.08deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.4"]  .progress-barre {transform: rotate(181.44deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.5"]  .progress-barre {transform: rotate(181.80deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.6"]  .progress-barre {transform: rotate(182.16deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.7"]  .progress-barre {transform: rotate(182.52deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.8"]  .progress-barre {transform: rotate(182.88deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="50.9"]  .progress-barre {transform: rotate(183.24deg); border-color: #ffcc42;}
.progress-circle[data-value^="50.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="51"]    .progress-barre,
.progress-circle[data-value="51."]   .progress-barre,
.progress-circle[data-value^="51.0"]  .progress-barre {transform: rotate(183.60deg); border-color: #ffcc42;}
.progress-circle[data-value="51"]    .progress-sup50,
.progress-circle[data-value="51."]   .progress-sup50,
.progress-circle[data-value^="51.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.1"]  .progress-barre {transform: rotate(183.96deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.2"]  .progress-barre {transform: rotate(184.32deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.3"]  .progress-barre {transform: rotate(184.68deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.4"]  .progress-barre {transform: rotate(185.04deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.5"]  .progress-barre {transform: rotate(185.40deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.6"]  .progress-barre {transform: rotate(185.76deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.7"]  .progress-barre {transform: rotate(186.12deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.8"]  .progress-barre {transform: rotate(186.48deg); border-color: #ffcc42;}
.progress-circle[data-value^="51.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="51.9"]  .progress-barre {transform: rotate(186.84deg); border-color: #ffcc42;}
.progress-circle[data-value="52"]    .progress-barre,
.progress-circle[data-value="52."]   .progress-barre,
.progress-circle[data-value^="52.0"]  .progress-barre {transform: rotate(187.20deg) ; border-color: #ffcc42;}
.progress-circle[data-value="52"]    .progress-sup50,
.progress-circle[data-value="52."]   .progress-sup50,
.progress-circle[data-value^="52.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.1"]  .progress-barre {transform: rotate(187.56deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.2"]  .progress-barre {transform: rotate(187.92deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.3"]  .progress-barre {transform: rotate(188.28deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.4"]  .progress-barre {transform: rotate(188.64deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.5"]  .progress-barre {transform: rotate(189.00deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.6"]  .progress-barre {transform: rotate(189.36deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.7"]  .progress-barre {transform: rotate(189.72deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.8"]  .progress-barre {transform: rotate(190.08deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="52.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="52.9"]  .progress-barre {transform: rotate(190.44deg) ; border-color: #ffcc42;}
.progress-circle[data-value="53"]    .progress-barre,
.progress-circle[data-value="53."]   .progress-barre,
.progress-circle[data-value^="53.0"]  .progress-barre {transform: rotate(190.80deg) ; border-color: #ffcc42;}
.progress-circle[data-value="53"]    .progress-sup50,
.progress-circle[data-value="53."]   .progress-sup50,
.progress-circle[data-value^="53.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.1"]  .progress-barre {transform: rotate(191.16deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.2"]  .progress-barre {transform: rotate(191.52deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.3"]  .progress-barre {transform: rotate(191.88deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.4"]  .progress-barre {transform: rotate(192.24deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.5"]  .progress-barre {transform: rotate(192.60deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.6"]  .progress-barre {transform: rotate(192.96deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.7"]  .progress-barre {transform: rotate(193.32deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.8"]  .progress-barre {transform: rotate(193.68deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="53.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="53.9"]  .progress-barre {transform: rotate(194.04deg) ; border-color: #ffcc42;}
.progress-circle[data-value="54"]    .progress-barre,
.progress-circle[data-value="54."]   .progress-barre,
.progress-circle[data-value^="54.0"]  .progress-barre {transform: rotate(194.40deg) ; border-color: #ffcc42;}
.progress-circle[data-value="54"]    .progress-sup50,
.progress-circle[data-value="54."]   .progress-sup50,
.progress-circle[data-value^="54.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.1"]  .progress-barre {transform: rotate(194.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.2"]  .progress-barre {transform: rotate(195.12deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.3"]  .progress-barre {transform: rotate(195.48deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.4"]  .progress-barre {transform: rotate(195.84deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.5"]  .progress-barre {transform: rotate(196.20deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.6"]  .progress-barre {transform: rotate(196.56deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.7"]  .progress-barre {transform: rotate(196.92deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.8"]  .progress-barre {transform: rotate(197.28deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="54.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="54.9"]  .progress-barre {transform: rotate(197.64deg) ; border-color: #ffcc42;}
.progress-circle[data-value="55"]    .progress-barre,
.progress-circle[data-value="55."]   .progress-barre,
.progress-circle[data-value^="55.0"]  .progress-barre {transform: rotate(198.00deg) ; border-color: #ffcc42;}
.progress-circle[data-value="55"]    .progress-sup50,
.progress-circle[data-value="55."]   .progress-sup50,
.progress-circle[data-value^="55.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.1"]  .progress-barre {transform: rotate(198.36deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.2"]  .progress-barre {transform: rotate(198.72deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.3"]  .progress-barre {transform: rotate(199.08deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.4"]  .progress-barre {transform: rotate(199.44deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.5"]  .progress-barre {transform: rotate(199.80deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.6"]  .progress-barre {transform: rotate(200.16deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.7"]  .progress-barre {transform: rotate(200.52deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.8"]  .progress-barre {transform: rotate(200.88deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="55.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="55.9"]  .progress-barre {transform: rotate(201.24deg) ; border-color: #ffcc42;}
.progress-circle[data-value="56"]    .progress-barre,
.progress-circle[data-value="56."]   .progress-barre,
.progress-circle[data-value^="56.0"]  .progress-barre {transform: rotate(201.60deg) ; border-color: #ffcc42;}
.progress-circle[data-value="56"]    .progress-sup50,
.progress-circle[data-value="56."]   .progress-sup50,
.progress-circle[data-value^="56.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.1"]  .progress-barre {transform: rotate(201.96deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.2"]  .progress-barre {transform: rotate(202.32deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.3"]  .progress-barre {transform: rotate(202.68deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.4"]  .progress-barre {transform: rotate(203.04deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.5"]  .progress-barre {transform: rotate(203.40deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.6"]  .progress-barre {transform: rotate(203.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.7"]  .progress-barre {transform: rotate(204.12deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.8"]  .progress-barre {transform: rotate(204.48deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="56.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="56.9"]  .progress-barre {transform: rotate(204.84deg) ; border-color: #ffcc42;}
.progress-circle[data-value="57"]    .progress-barre,
.progress-circle[data-value="57."]   .progress-barre,
.progress-circle[data-value^="57.0"]  .progress-barre {transform: rotate(205.20deg) ; border-color: #ffcc42;}
.progress-circle[data-value="57"]    .progress-sup50,
.progress-circle[data-value="57."]   .progress-sup50,
.progress-circle[data-value^="57.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.1"]  .progress-barre {transform: rotate(205.56deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.2"]  .progress-barre {transform: rotate(205.92deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.3"]  .progress-barre {transform: rotate(206.28deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.4"]  .progress-barre {transform: rotate(206.64deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.5"]  .progress-barre {transform: rotate(207.00deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.6"]  .progress-barre {transform: rotate(207.36deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.7"]  .progress-barre {transform: rotate(207.72deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.8"]  .progress-barre {transform: rotate(208.08deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="57.9"]  .progress-barre {transform: rotate(208.44deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="57.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="58"]    .progress-barre,
.progress-circle[data-value="58."]   .progress-barre,
.progress-circle[data-value^="58.0"]  .progress-barre {transform: rotate(208.80deg) ; border-color: #ffcc42;}
.progress-circle[data-value="58"]    .progress-sup50,
.progress-circle[data-value="58."]   .progress-sup50,
.progress-circle[data-value^="58.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.1"]  .progress-barre {transform: rotate(209.16deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.2"]  .progress-barre {transform: rotate(209.52deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.3"]  .progress-barre {transform: rotate(209.88deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.4"]  .progress-barre {transform: rotate(210.24deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.5"]  .progress-barre {transform: rotate(210.60deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.6"]  .progress-barre {transform: rotate(210.96deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.7"]  .progress-barre {transform: rotate(211.32deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.8"]  .progress-barre {transform: rotate(211.68deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="58.9"]  .progress-barre {transform: rotate(212.04deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="58.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="59"]    .progress-barre,
.progress-circle[data-value="59."]   .progress-barre,
.progress-circle[data-value^="59.0"]  .progress-barre {transform: rotate(212.40deg) ; border-color: #ffcc42;}
.progress-circle[data-value="59"]    .progress-sup50,
.progress-circle[data-value="59."]   .progress-sup50,
.progress-circle[data-value^="59.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.1"]  .progress-barre {transform: rotate(212.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.2"]  .progress-barre {transform: rotate(213.12deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.3"]  .progress-barre {transform: rotate(213.48deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.4"]  .progress-barre {transform: rotate(213.84deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.5"]  .progress-barre {transform: rotate(214.20deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.6"]  .progress-barre {transform: rotate(214.56deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.7"]  .progress-barre {transform: rotate(214.92deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.8"]  .progress-barre {transform: rotate(215.28deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="59.9"]  .progress-barre {transform: rotate(215.64deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="59.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="60"]    .progress-barre,
.progress-circle[data-value="60."]   .progress-barre,
.progress-circle[data-value^="60.0"]  .progress-barre {transform: rotate(216.00deg) ; border-color: #ffcc42;}
.progress-circle[data-value="60"]    .progress-sup50,
.progress-circle[data-value="60."]   .progress-sup50,
.progress-circle[data-value^="60.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.1"]  .progress-barre {transform: rotate(216.36deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.2"]  .progress-barre {transform: rotate(216.72deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.3"]  .progress-barre {transform: rotate(217.08deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.4"]  .progress-barre {transform: rotate(217.44deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.5"]  .progress-barre {transform: rotate(217.80deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.6"]  .progress-barre {transform: rotate(218.16deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.7"]  .progress-barre {transform: rotate(218.52deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.8"]  .progress-barre {transform: rotate(218.88deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="60.9"]  .progress-barre {transform: rotate(219.24deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="60.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="61"]    .progress-barre,
.progress-circle[data-value="61."]   .progress-barre,
.progress-circle[data-value^="61.0"]  .progress-barre {transform: rotate(219.60deg) ; border-color: #ffcc42;}
.progress-circle[data-value="61"]    .progress-sup50,
.progress-circle[data-value="61."]   .progress-sup50,
.progress-circle[data-value^="61.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.1"]  .progress-barre {transform: rotate(219.96deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.2"]  .progress-barre {transform: rotate(220.32deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.3"]  .progress-barre {transform: rotate(220.68deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.4"]  .progress-barre {transform: rotate(221.04deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.5"]  .progress-barre {transform: rotate(221.40deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.6"]  .progress-barre {transform: rotate(221.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.7"]  .progress-barre {transform: rotate(222.12deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.8"]  .progress-barre {transform: rotate(222.48deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="61.9"]  .progress-barre {transform: rotate(222.84deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="61.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="62"]    .progress-barre,
.progress-circle[data-value="62."]   .progress-barre,
.progress-circle[data-value^="62.0"]  .progress-barre {transform: rotate(223.20deg) ; border-color: #ffcc42;}
.progress-circle[data-value="62"]    .progress-sup50,
.progress-circle[data-value="62."]   .progress-sup50,
.progress-circle[data-value^="62.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.1"]  .progress-barre {transform: rotate(223.56deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.2"]  .progress-barre {transform: rotate(223.92deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.3"]  .progress-barre {transform: rotate(224.28deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.4"]  .progress-barre {transform: rotate(224.64deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.5"]  .progress-barre {transform: rotate(225.00deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.6"]  .progress-barre {transform: rotate(225.36deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.7"]  .progress-barre {transform: rotate(225.72deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.8"]  .progress-barre {transform: rotate(226.08deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="62.9"]  .progress-barre {transform: rotate(226.44deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="62.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="63"]    .progress-barre,
.progress-circle[data-value="63."]   .progress-barre,
.progress-circle[data-value^="63.0"]  .progress-barre {transform: rotate(226.80deg) ; border-color: #ffcc42;}
.progress-circle[data-value="63"]    .progress-sup50,
.progress-circle[data-value="63."]   .progress-sup50,
.progress-circle[data-value^="63.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.1"]  .progress-barre {transform: rotate(227.16deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.2"]  .progress-barre {transform: rotate(227.52deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.3"]  .progress-barre {transform: rotate(227.88deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.4"]  .progress-barre {transform: rotate(228.24deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.5"]  .progress-barre {transform: rotate(228.60deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.6"]  .progress-barre {transform: rotate(228.96deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.7"]  .progress-barre {transform: rotate(229.32deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.8"]  .progress-barre {transform: rotate(229.68deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="63.9"]  .progress-barre {transform: rotate(230.04deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="63.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="64"]    .progress-barre,
.progress-circle[data-value="64."]   .progress-barre,
.progress-circle[data-value^="64.0"]  .progress-barre {transform: rotate(230.40deg) ; border-color: #ffcc42;}
.progress-circle[data-value="64"]    .progress-sup50,
.progress-circle[data-value="64."]   .progress-sup50,
.progress-circle[data-value^="64.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.1"]  .progress-barre {transform: rotate(230.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.2"]  .progress-barre {transform: rotate(231.12deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.3"]  .progress-barre {transform: rotate(231.48deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.4"]  .progress-barre {transform: rotate(231.84deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.5"]  .progress-barre {transform: rotate(232.20deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.6"]  .progress-barre {transform: rotate(232.56deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.7"]  .progress-barre {transform: rotate(232.92deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.8"]  .progress-barre {transform: rotate(233.28deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="64.9"]  .progress-barre {transform: rotate(233.64deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="64.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="65"]    .progress-barre,
.progress-circle[data-value="65."]   .progress-barre,
.progress-circle[data-value^="65.0"]  .progress-barre {transform: rotate(234.00deg) ; border-color: #ffcc42;}
.progress-circle[data-value="65"]    .progress-sup50,
.progress-circle[data-value="65."]   .progress-sup50,
.progress-circle[data-value^="65.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.1"]  .progress-barre {transform: rotate(234.36deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.2"]  .progress-barre {transform: rotate(234.72deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.3"]  .progress-barre {transform: rotate(235.08deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.4"]  .progress-barre {transform: rotate(235.44deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.5"]  .progress-barre {transform: rotate(235.80deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.6"]  .progress-barre {transform: rotate(236.16deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.7"]  .progress-barre {transform: rotate(236.52deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.7"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.8"]  .progress-barre {transform: rotate(236.88deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.8"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="65.9"]  .progress-barre {transform: rotate(237.24deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="65.9"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66"]    .progress-barre,
.progress-circle[data-value="66."]   .progress-barre,
.progress-circle[data-value^="66.0"]  .progress-barre {transform: rotate(237.60deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66"]    .progress-sup50,
.progress-circle[data-value="66."]   .progress-sup50,
.progress-circle[data-value^="66.0"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="66.1"]  .progress-barre {transform: rotate(237.96deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="66.1"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="66.2"]  .progress-barre {transform: rotate(238.32deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="66.2"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="66.3"]  .progress-barre {transform: rotate(238.68deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="66.3"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="66.4"]  .progress-barre {transform: rotate(239.04deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="66.4"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value^="66.5"]  .progress-barre {transform: rotate(239.40deg) ; border-color: #ffcc42;}
.progress-circle[data-value^="66.5"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.6"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.6"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.60"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.60"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.61"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.61"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.62"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.62"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.63"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.63"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.64"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.64"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.65"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.65"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.66"]  .progress-barre {transform: rotate(239.76deg) ; border-color: #ffcc42;}
.progress-circle[data-value="66.66"]  .progress-sup50 {border-color: #ffcc42;}
.progress-circle[data-value="66.67"]  .progress-barre {transform: rotate(239.76deg) ;}
.progress-circle[data-value="66.68"]  .progress-barre {transform: rotate(239.76deg) ;}
.progress-circle[data-value="66.69"]  .progress-barre {transform: rotate(239.76deg) ;}
.progress-circle[data-value^="66.7"]  .progress-barre {transform: rotate(240.12deg)}
.progress-circle[data-value^="66.8"]  .progress-barre {transform: rotate(240.48deg)}
.progress-circle[data-value^="66.9"]  .progress-barre {transform: rotate(240.84deg)}
.progress-circle[data-value="67"]    .progress-barre,
.progress-circle[data-value="67."]   .progress-barre,
.progress-circle[data-value^="67.0"]  .progress-barre {transform: rotate(241.20deg)}
.progress-circle[data-value^="67.1"]  .progress-barre {transform: rotate(241.56deg)}
.progress-circle[data-value^="67.2"]  .progress-barre {transform: rotate(241.92deg)}
.progress-circle[data-value^="67.3"]  .progress-barre {transform: rotate(242.28deg)}
.progress-circle[data-value^="67.4"]  .progress-barre {transform: rotate(242.64deg)}
.progress-circle[data-value^="67.5"]  .progress-barre {transform: rotate(243.00deg)}
.progress-circle[data-value^="67.6"]  .progress-barre {transform: rotate(243.36deg)}
.progress-circle[data-value^="67.7"]  .progress-barre {transform: rotate(243.72deg)}
.progress-circle[data-value^="67.8"]  .progress-barre {transform: rotate(244.08deg)}
.progress-circle[data-value^="67.9"]  .progress-barre {transform: rotate(244.44deg)}
.progress-circle[data-value="68"]    .progress-barre,
.progress-circle[data-value="68."]   .progress-barre,
.progress-circle[data-value^="68.0"]  .progress-barre {transform: rotate(244.80deg)}
.progress-circle[data-value^="68.1"]  .progress-barre {transform: rotate(245.16deg)}
.progress-circle[data-value^="68.2"]  .progress-barre {transform: rotate(245.52deg)}
.progress-circle[data-value^="68.3"]  .progress-barre {transform: rotate(245.88deg)}
.progress-circle[data-value^="68.4"]  .progress-barre {transform: rotate(246.24deg)}
.progress-circle[data-value^="68.5"]  .progress-barre {transform: rotate(246.60deg)}
.progress-circle[data-value^="68.6"]  .progress-barre {transform: rotate(246.96deg)}
.progress-circle[data-value^="68.7"]  .progress-barre {transform: rotate(247.32deg)}
.progress-circle[data-value^="68.8"]  .progress-barre {transform: rotate(247.68deg)}
.progress-circle[data-value^="68.9"]  .progress-barre {transform: rotate(248.04deg)}
.progress-circle[data-value="69"]    .progress-barre,
.progress-circle[data-value="69."]   .progress-barre,
.progress-circle[data-value^="69.0"]  .progress-barre {transform: rotate(248.40deg)}
.progress-circle[data-value^="69.1"]  .progress-barre {transform: rotate(248.76deg)}
.progress-circle[data-value^="69.2"]  .progress-barre {transform: rotate(249.12deg)}
.progress-circle[data-value^="69.3"]  .progress-barre {transform: rotate(249.48deg)}
.progress-circle[data-value^="69.4"]  .progress-barre {transform: rotate(249.84deg)}
.progress-circle[data-value^="69.5"]  .progress-barre {transform: rotate(250.20deg)}
.progress-circle[data-value^="69.6"]  .progress-barre {transform: rotate(250.56deg)}
.progress-circle[data-value^="69.7"]  .progress-barre {transform: rotate(250.92deg)}
.progress-circle[data-value^="69.8"]  .progress-barre {transform: rotate(251.28deg)}
.progress-circle[data-value^="69.9"]  .progress-barre {transform: rotate(251.64deg)}
.progress-circle[data-value="70"]    .progress-barre,
.progress-circle[data-value="70."]   .progress-barre,
.progress-circle[data-value^="70.0"]  .progress-barre {transform: rotate(252.00deg)}
.progress-circle[data-value^="70.1"]  .progress-barre {transform: rotate(252.36deg)}
.progress-circle[data-value^="70.2"]  .progress-barre {transform: rotate(252.72deg)}
.progress-circle[data-value^="70.3"]  .progress-barre {transform: rotate(253.08deg)}
.progress-circle[data-value^="70.4"]  .progress-barre {transform: rotate(253.44deg)}
.progress-circle[data-value^="70.5"]  .progress-barre {transform: rotate(253.80deg)}
.progress-circle[data-value^="70.6"]  .progress-barre {transform: rotate(254.16deg)}
.progress-circle[data-value^="70.7"]  .progress-barre {transform: rotate(254.52deg)}
.progress-circle[data-value^="70.8"]  .progress-barre {transform: rotate(254.88deg)}
.progress-circle[data-value^="70.9"]  .progress-barre {transform: rotate(255.24deg)}
.progress-circle[data-value="71"]    .progress-barre,
.progress-circle[data-value="71."]   .progress-barre,
.progress-circle[data-value^="71.0"]  .progress-barre {transform: rotate(255.60deg)}
.progress-circle[data-value^="71.1"]  .progress-barre {transform: rotate(255.96deg)}
.progress-circle[data-value^="71.2"]  .progress-barre {transform: rotate(256.32deg)}
.progress-circle[data-value^="71.3"]  .progress-barre {transform: rotate(256.68deg)}
.progress-circle[data-value^="71.4"]  .progress-barre {transform: rotate(257.04deg)}
.progress-circle[data-value^="71.5"]  .progress-barre {transform: rotate(257.40deg)}
.progress-circle[data-value^="71.6"]  .progress-barre {transform: rotate(257.76deg)}
.progress-circle[data-value^="71.7"]  .progress-barre {transform: rotate(258.12deg)}
.progress-circle[data-value^="71.8"]  .progress-barre {transform: rotate(258.48deg)}
.progress-circle[data-value^="71.9"]  .progress-barre {transform: rotate(258.84deg)}
.progress-circle[data-value="72"]    .progress-barre,
.progress-circle[data-value="72."]   .progress-barre,
.progress-circle[data-value^="72.0"]  .progress-barre {transform: rotate(259.20deg)}
.progress-circle[data-value^="72.1"]  .progress-barre {transform: rotate(259.56deg)}
.progress-circle[data-value^="72.2"]  .progress-barre {transform: rotate(259.92deg)}
.progress-circle[data-value^="72.3"]  .progress-barre {transform: rotate(260.28deg)}
.progress-circle[data-value^="72.4"]  .progress-barre {transform: rotate(260.64deg)}
.progress-circle[data-value^="72.5"]  .progress-barre {transform: rotate(261.00deg)}
.progress-circle[data-value^="72.6"]  .progress-barre {transform: rotate(261.36deg)}
.progress-circle[data-value^="72.7"]  .progress-barre {transform: rotate(261.72deg)}
.progress-circle[data-value^="72.8"]  .progress-barre {transform: rotate(262.08deg)}
.progress-circle[data-value^="72.9"]  .progress-barre {transform: rotate(262.44deg)}
.progress-circle[data-value="73"]    .progress-barre,
.progress-circle[data-value="73."]   .progress-barre,
.progress-circle[data-value^="73.0"]  .progress-barre {transform: rotate(262.80deg)}
.progress-circle[data-value^="73.1"]  .progress-barre {transform: rotate(263.16deg)}
.progress-circle[data-value^="73.2"]  .progress-barre {transform: rotate(263.52deg)}
.progress-circle[data-value^="73.3"]  .progress-barre {transform: rotate(263.88deg)}
.progress-circle[data-value^="73.4"]  .progress-barre {transform: rotate(264.24deg)}
.progress-circle[data-value^="73.5"]  .progress-barre {transform: rotate(264.60deg)}
.progress-circle[data-value^="73.6"]  .progress-barre {transform: rotate(264.96deg)}
.progress-circle[data-value^="73.7"]  .progress-barre {transform: rotate(265.32deg)}
.progress-circle[data-value^="73.8"]  .progress-barre {transform: rotate(265.68deg)}
.progress-circle[data-value^="73.9"]  .progress-barre {transform: rotate(266.04deg)}
.progress-circle[data-value="74"]    .progress-barre,
.progress-circle[data-value="74."]   .progress-barre,
.progress-circle[data-value^="74.0"]  .progress-barre {transform: rotate(266.40deg)}
.progress-circle[data-value^="74.1"]  .progress-barre {transform: rotate(266.76deg)}
.progress-circle[data-value^="74.2"]  .progress-barre {transform: rotate(267.12deg)}
.progress-circle[data-value^="74.3"]  .progress-barre {transform: rotate(267.48deg)}
.progress-circle[data-value^="74.4"]  .progress-barre {transform: rotate(267.84deg)}
.progress-circle[data-value^="74.5"]  .progress-barre {transform: rotate(268.20deg)}
.progress-circle[data-value^="74.6"]  .progress-barre {transform: rotate(268.56deg)}
.progress-circle[data-value^="74.7"]  .progress-barre {transform: rotate(268.92deg)}
.progress-circle[data-value^="74.8"]  .progress-barre {transform: rotate(269.28deg)}
.progress-circle[data-value^="74.9"]  .progress-barre {transform: rotate(269.64deg)}
.progress-circle[data-value="75"]    .progress-barre,
.progress-circle[data-value="75."]   .progress-barre,
.progress-circle[data-value^="75.0"]  .progress-barre {transform: rotate(270.00deg)}
.progress-circle[data-value^="75.1"]  .progress-barre {transform: rotate(270.36deg)}
.progress-circle[data-value^="75.2"]  .progress-barre {transform: rotate(270.72deg)}
.progress-circle[data-value^="75.3"]  .progress-barre {transform: rotate(271.08deg)}
.progress-circle[data-value^="75.4"]  .progress-barre {transform: rotate(271.44deg)}
.progress-circle[data-value^="75.5"]  .progress-barre {transform: rotate(271.80deg)}
.progress-circle[data-value^="75.6"]  .progress-barre {transform: rotate(272.16deg)}
.progress-circle[data-value^="75.7"]  .progress-barre {transform: rotate(272.52deg)}
.progress-circle[data-value^="75.8"]  .progress-barre {transform: rotate(272.88deg)}
.progress-circle[data-value^="75.9"]  .progress-barre {transform: rotate(273.24deg)}
.progress-circle[data-value="76"]    .progress-barre,
.progress-circle[data-value="76."]   .progress-barre,
.progress-circle[data-value^="76.0"]  .progress-barre {transform: rotate(273.60deg)}
.progress-circle[data-value^="76.1"]  .progress-barre {transform: rotate(273.96deg)}
.progress-circle[data-value^="76.2"]  .progress-barre {transform: rotate(274.32deg)}
.progress-circle[data-value^="76.3"]  .progress-barre {transform: rotate(274.68deg)}
.progress-circle[data-value^="76.4"]  .progress-barre {transform: rotate(275.04deg)}
.progress-circle[data-value^="76.5"]  .progress-barre {transform: rotate(275.40deg)}
.progress-circle[data-value^="76.6"]  .progress-barre {transform: rotate(275.76deg)}
.progress-circle[data-value^="76.7"]  .progress-barre {transform: rotate(276.12deg)}
.progress-circle[data-value^="76.8"]  .progress-barre {transform: rotate(276.48deg)}
.progress-circle[data-value^="76.9"]  .progress-barre {transform: rotate(276.84deg)}
.progress-circle[data-value="77"]    .progress-barre,
.progress-circle[data-value="77."]   .progress-barre,
.progress-circle[data-value^="77.0"]  .progress-barre {transform: rotate(277.20deg)}
.progress-circle[data-value^="77.1"]  .progress-barre {transform: rotate(277.56deg)}
.progress-circle[data-value^="77.2"]  .progress-barre {transform: rotate(277.92deg)}
.progress-circle[data-value^="77.3"]  .progress-barre {transform: rotate(278.28deg)}
.progress-circle[data-value^="77.4"]  .progress-barre {transform: rotate(278.64deg)}
.progress-circle[data-value^="77.5"]  .progress-barre {transform: rotate(279.00deg)}
.progress-circle[data-value^="77.6"]  .progress-barre {transform: rotate(279.36deg)}
.progress-circle[data-value^="77.7"]  .progress-barre {transform: rotate(279.72deg)}
.progress-circle[data-value^="77.8"]  .progress-barre {transform: rotate(280.08deg)}
.progress-circle[data-value^="77.9"]  .progress-barre {transform: rotate(280.44deg)}
.progress-circle[data-value="78"]    .progress-barre,
.progress-circle[data-value="78."]   .progress-barre,
.progress-circle[data-value^="78.0"]  .progress-barre {transform: rotate(280.80deg)}
.progress-circle[data-value^="78.1"]  .progress-barre {transform: rotate(281.16deg)}
.progress-circle[data-value^="78.2"]  .progress-barre {transform: rotate(281.52deg)}
.progress-circle[data-value^="78.3"]  .progress-barre {transform: rotate(281.88deg)}
.progress-circle[data-value^="78.4"]  .progress-barre {transform: rotate(282.24deg)}
.progress-circle[data-value^="78.5"]  .progress-barre {transform: rotate(282.60deg)}
.progress-circle[data-value^="78.6"]  .progress-barre {transform: rotate(282.96deg)}
.progress-circle[data-value^="78.7"]  .progress-barre {transform: rotate(283.32deg)}
.progress-circle[data-value^="78.8"]  .progress-barre {transform: rotate(283.68deg)}
.progress-circle[data-value^="78.9"]  .progress-barre {transform: rotate(284.04deg)}
.progress-circle[data-value="79"]    .progress-barre,
.progress-circle[data-value="79."]   .progress-barre,
.progress-circle[data-value^="79.0"]  .progress-barre {transform: rotate(284.40deg)}
.progress-circle[data-value^="79.1"]  .progress-barre {transform: rotate(284.76deg)}
.progress-circle[data-value^="79.2"]  .progress-barre {transform: rotate(285.12deg)}
.progress-circle[data-value^="79.3"]  .progress-barre {transform: rotate(285.48deg)}
.progress-circle[data-value^="79.4"]  .progress-barre {transform: rotate(285.84deg)}
.progress-circle[data-value^="79.5"]  .progress-barre {transform: rotate(286.20deg)}
.progress-circle[data-value^="79.6"]  .progress-barre {transform: rotate(286.56deg)}
.progress-circle[data-value^="79.7"]  .progress-barre {transform: rotate(286.92deg)}
.progress-circle[data-value^="79.8"]  .progress-barre {transform: rotate(287.28deg)}
.progress-circle[data-value^="79.9"]  .progress-barre {transform: rotate(287.64deg)}
.progress-circle[data-value="80"]    .progress-barre,
.progress-circle[data-value="80."]   .progress-barre,
.progress-circle[data-value^="80.0"]  .progress-barre {transform: rotate(288.00deg)}
.progress-circle[data-value^="80.1"]  .progress-barre {transform: rotate(288.36deg)}
.progress-circle[data-value^="80.2"]  .progress-barre {transform: rotate(288.72deg)}
.progress-circle[data-value^="80.3"]  .progress-barre {transform: rotate(289.08deg)}
.progress-circle[data-value^="80.4"]  .progress-barre {transform: rotate(289.44deg)}
.progress-circle[data-value^="80.5"]  .progress-barre {transform: rotate(289.80deg)}
.progress-circle[data-value^="80.6"]  .progress-barre {transform: rotate(290.16deg)}
.progress-circle[data-value^="80.7"]  .progress-barre {transform: rotate(290.52deg)}
.progress-circle[data-value^="80.8"]  .progress-barre {transform: rotate(290.88deg)}
.progress-circle[data-value^="80.9"]  .progress-barre {transform: rotate(291.24deg)}
.progress-circle[data-value="81"]    .progress-barre,
.progress-circle[data-value="81."]   .progress-barre,
.progress-circle[data-value^="81.0"]  .progress-barre {transform: rotate(291.60deg)}
.progress-circle[data-value^="81.1"]  .progress-barre {transform: rotate(291.96deg)}
.progress-circle[data-value^="81.2"]  .progress-barre {transform: rotate(292.32deg)}
.progress-circle[data-value^="81.3"]  .progress-barre {transform: rotate(292.68deg)}
.progress-circle[data-value^="81.4"]  .progress-barre {transform: rotate(293.04deg)}
.progress-circle[data-value^="81.5"]  .progress-barre {transform: rotate(293.40deg)}
.progress-circle[data-value^="81.6"]  .progress-barre {transform: rotate(293.76deg)}
.progress-circle[data-value^="81.7"]  .progress-barre {transform: rotate(294.12deg)}
.progress-circle[data-value^="81.8"]  .progress-barre {transform: rotate(294.48deg)}
.progress-circle[data-value^="81.9"]  .progress-barre {transform: rotate(294.84deg)}
.progress-circle[data-value="82"]    .progress-barre,
.progress-circle[data-value="82."]   .progress-barre,
.progress-circle[data-value^="82.0"]  .progress-barre {transform: rotate(295.20deg)}
.progress-circle[data-value^="82.1"]  .progress-barre {transform: rotate(295.56deg)}
.progress-circle[data-value^="82.2"]  .progress-barre {transform: rotate(295.92deg)}
.progress-circle[data-value^="82.3"]  .progress-barre {transform: rotate(296.28deg)}
.progress-circle[data-value^="82.4"]  .progress-barre {transform: rotate(296.64deg)}
.progress-circle[data-value^="82.5"]  .progress-barre {transform: rotate(297.00deg)}
.progress-circle[data-value^="82.6"]  .progress-barre {transform: rotate(297.36deg)}
.progress-circle[data-value^="82.7"]  .progress-barre {transform: rotate(297.72deg)}
.progress-circle[data-value^="82.8"]  .progress-barre {transform: rotate(298.08deg)}
.progress-circle[data-value^="82.9"]  .progress-barre {transform: rotate(298.44deg)}
.progress-circle[data-value="83"]    .progress-barre,
.progress-circle[data-value="83."]   .progress-barre,
.progress-circle[data-value^="83.0"]  .progress-barre {transform: rotate(298.80deg)}
.progress-circle[data-value^="83.1"]  .progress-barre {transform: rotate(299.16deg)}
.progress-circle[data-value^="83.2"]  .progress-barre {transform: rotate(299.52deg)}
.progress-circle[data-value^="83.3"]  .progress-barre {transform: rotate(299.88deg)}
.progress-circle[data-value^="83.4"]  .progress-barre {transform: rotate(300.24deg)}
.progress-circle[data-value^="83.5"]  .progress-barre {transform: rotate(300.60deg)}
.progress-circle[data-value^="83.6"]  .progress-barre {transform: rotate(300.96deg)}
.progress-circle[data-value^="83.7"]  .progress-barre {transform: rotate(301.32deg)}
.progress-circle[data-value^="83.8"]  .progress-barre {transform: rotate(301.68deg)}
.progress-circle[data-value^="83.9"]  .progress-barre {transform: rotate(302.04deg)}
.progress-circle[data-value="84"]    .progress-barre,
.progress-circle[data-value="84."]   .progress-barre,
.progress-circle[data-value^="84.0"]  .progress-barre {transform: rotate(302.40deg)}
.progress-circle[data-value^="84.1"]  .progress-barre {transform: rotate(302.76deg)}
.progress-circle[data-value^="84.2"]  .progress-barre {transform: rotate(303.12deg)}
.progress-circle[data-value^="84.3"]  .progress-barre {transform: rotate(303.48deg)}
.progress-circle[data-value^="84.4"]  .progress-barre {transform: rotate(303.84deg)}
.progress-circle[data-value^="84.5"]  .progress-barre {transform: rotate(304.20deg)}
.progress-circle[data-value^="84.6"]  .progress-barre {transform: rotate(304.56deg)}
.progress-circle[data-value^="84.7"]  .progress-barre {transform: rotate(304.92deg)}
.progress-circle[data-value^="84.8"]  .progress-barre {transform: rotate(305.28deg)}
.progress-circle[data-value^="84.9"]  .progress-barre {transform: rotate(305.64deg)}
.progress-circle[data-value="85"]    .progress-barre,
.progress-circle[data-value="85."]   .progress-barre,
.progress-circle[data-value^="85.0"]  .progress-barre {transform: rotate(306.00deg)}
.progress-circle[data-value^="85.1"]  .progress-barre {transform: rotate(306.36deg)}
.progress-circle[data-value^="85.2"]  .progress-barre {transform: rotate(306.72deg)}
.progress-circle[data-value^="85.3"]  .progress-barre {transform: rotate(307.08deg)}
.progress-circle[data-value^="85.4"]  .progress-barre {transform: rotate(307.44deg)}
.progress-circle[data-value^="85.5"]  .progress-barre {transform: rotate(307.80deg)}
.progress-circle[data-value^="85.6"]  .progress-barre {transform: rotate(308.16deg)}
.progress-circle[data-value^="85.7"]  .progress-barre {transform: rotate(308.52deg)}
.progress-circle[data-value^="85.8"]  .progress-barre {transform: rotate(308.88deg)}
.progress-circle[data-value^="85.9"]  .progress-barre {transform: rotate(309.24deg)}
.progress-circle[data-value="86"]    .progress-barre,
.progress-circle[data-value="86."]   .progress-barre,
.progress-circle[data-value^="86.0"]  .progress-barre {transform: rotate(309.60deg)}
.progress-circle[data-value^="86.1"]  .progress-barre {transform: rotate(309.96deg)}
.progress-circle[data-value^="86.2"]  .progress-barre {transform: rotate(310.32deg)}
.progress-circle[data-value^="86.3"]  .progress-barre {transform: rotate(310.68deg)}
.progress-circle[data-value^="86.4"]  .progress-barre {transform: rotate(311.04deg)}
.progress-circle[data-value^="86.5"]  .progress-barre {transform: rotate(311.40deg)}
.progress-circle[data-value^="86.6"]  .progress-barre {transform: rotate(311.76deg)}
.progress-circle[data-value^="86.7"]  .progress-barre {transform: rotate(312.12deg)}
.progress-circle[data-value^="86.8"]  .progress-barre {transform: rotate(312.48deg)}
.progress-circle[data-value^="86.9"]  .progress-barre {transform: rotate(312.84deg)}
.progress-circle[data-value="87"]    .progress-barre,
.progress-circle[data-value="87."]   .progress-barre,
.progress-circle[data-value^="87.0"]  .progress-barre {transform: rotate(313.20deg)}
.progress-circle[data-value^="87.1"]  .progress-barre {transform: rotate(313.56deg)}
.progress-circle[data-value^="87.2"]  .progress-barre {transform: rotate(313.92deg)}
.progress-circle[data-value^="87.3"]  .progress-barre {transform: rotate(314.28deg)}
.progress-circle[data-value^="87.4"]  .progress-barre {transform: rotate(314.64deg)}
.progress-circle[data-value^="87.5"]  .progress-barre {transform: rotate(315.00deg)}
.progress-circle[data-value^="87.6"]  .progress-barre {transform: rotate(315.36deg)}
.progress-circle[data-value^="87.7"]  .progress-barre {transform: rotate(315.72deg)}
.progress-circle[data-value^="87.8"]  .progress-barre {transform: rotate(316.08deg)}
.progress-circle[data-value^="87.9"]  .progress-barre {transform: rotate(316.44deg)}
.progress-circle[data-value="88"]    .progress-barre,
.progress-circle[data-value="88."]   .progress-barre,
.progress-circle[data-value^="88.0"]  .progress-barre {transform: rotate(316.80deg)}
.progress-circle[data-value^="88.1"]  .progress-barre {transform: rotate(317.16deg)}
.progress-circle[data-value^="88.2"]  .progress-barre {transform: rotate(317.52deg)}
.progress-circle[data-value^="88.3"]  .progress-barre {transform: rotate(317.88deg)}
.progress-circle[data-value^="88.4"]  .progress-barre {transform: rotate(318.24deg)}
.progress-circle[data-value^="88.5"]  .progress-barre {transform: rotate(318.60deg)}
.progress-circle[data-value^="88.6"]  .progress-barre {transform: rotate(318.96deg)}
.progress-circle[data-value^="88.7"]  .progress-barre {transform: rotate(319.32deg)}
.progress-circle[data-value^="88.8"]  .progress-barre {transform: rotate(319.68deg)}
.progress-circle[data-value^="88.9"]  .progress-barre {transform: rotate(320.04deg)}
.progress-circle[data-value="89"]    .progress-barre,
.progress-circle[data-value="89."]   .progress-barre,
.progress-circle[data-value^="89.0"]  .progress-barre {transform: rotate(320.40deg)}
.progress-circle[data-value^="89.1"]  .progress-barre {transform: rotate(320.76deg)}
.progress-circle[data-value^="89.2"]  .progress-barre {transform: rotate(321.12deg)}
.progress-circle[data-value^="89.3"]  .progress-barre {transform: rotate(321.48deg)}
.progress-circle[data-value^="89.4"]  .progress-barre {transform: rotate(321.84deg)}
.progress-circle[data-value^="89.5"]  .progress-barre {transform: rotate(322.20deg)}
.progress-circle[data-value^="89.6"]  .progress-barre {transform: rotate(322.56deg)}
.progress-circle[data-value^="89.7"]  .progress-barre {transform: rotate(322.92deg)}
.progress-circle[data-value^="89.8"]  .progress-barre {transform: rotate(323.28deg)}
.progress-circle[data-value^="89.9"]  .progress-barre {transform: rotate(323.64deg)}
.progress-circle[data-value="90"]    .progress-barre,
.progress-circle[data-value="90."]   .progress-barre,
.progress-circle[data-value^="90.0"]  .progress-barre {transform: rotate(324.00deg)}
.progress-circle[data-value^="90.1"]  .progress-barre {transform: rotate(324.36deg)}
.progress-circle[data-value^="90.2"]  .progress-barre {transform: rotate(324.72deg)}
.progress-circle[data-value^="90.3"]  .progress-barre {transform: rotate(325.08deg)}
.progress-circle[data-value^="90.4"]  .progress-barre {transform: rotate(325.44deg)}
.progress-circle[data-value^="90.5"]  .progress-barre {transform: rotate(325.80deg)}
.progress-circle[data-value^="90.6"]  .progress-barre {transform: rotate(326.16deg)}
.progress-circle[data-value^="90.7"]  .progress-barre {transform: rotate(326.52deg)}
.progress-circle[data-value^="90.8"]  .progress-barre {transform: rotate(326.88deg)}
.progress-circle[data-value^="90.9"]  .progress-barre {transform: rotate(327.24deg)}
.progress-circle[data-value="91"]    .progress-barre,
.progress-circle[data-value="91."]   .progress-barre,
.progress-circle[data-value^="91.0"]  .progress-barre {transform: rotate(327.60deg)}
.progress-circle[data-value^="91.1"]  .progress-barre {transform: rotate(327.96deg)}
.progress-circle[data-value^="91.2"]  .progress-barre {transform: rotate(328.32deg)}
.progress-circle[data-value^="91.3"]  .progress-barre {transform: rotate(328.68deg)}
.progress-circle[data-value^="91.4"]  .progress-barre {transform: rotate(329.04deg)}
.progress-circle[data-value^="91.5"]  .progress-barre {transform: rotate(329.40deg)}
.progress-circle[data-value^="91.6"]  .progress-barre {transform: rotate(329.76deg)}
.progress-circle[data-value^="91.7"]  .progress-barre {transform: rotate(330.12deg)}
.progress-circle[data-value^="91.8"]  .progress-barre {transform: rotate(330.48deg)}
.progress-circle[data-value^="91.9"]  .progress-barre {transform: rotate(330.84deg)}
.progress-circle[data-value="92"]    .progress-barre,
.progress-circle[data-value="92."]   .progress-barre,
.progress-circle[data-value^="92.0"]  .progress-barre {transform: rotate(331.20deg)}
.progress-circle[data-value^="92.1"]  .progress-barre {transform: rotate(331.56deg)}
.progress-circle[data-value^="92.2"]  .progress-barre {transform: rotate(331.92deg)}
.progress-circle[data-value^="92.3"]  .progress-barre {transform: rotate(332.28deg)}
.progress-circle[data-value^="92.4"]  .progress-barre {transform: rotate(332.64deg)}
.progress-circle[data-value^="92.5"]  .progress-barre {transform: rotate(333.00deg)}
.progress-circle[data-value^="92.6"]  .progress-barre {transform: rotate(333.36deg)}
.progress-circle[data-value^="92.7"]  .progress-barre {transform: rotate(333.72deg)}
.progress-circle[data-value^="92.8"]  .progress-barre {transform: rotate(334.08deg)}
.progress-circle[data-value^="92.9"]  .progress-barre {transform: rotate(334.44deg)}
.progress-circle[data-value="93"]    .progress-barre,
.progress-circle[data-value="93."]   .progress-barre,
.progress-circle[data-value^="93.0"]  .progress-barre {transform: rotate(334.80deg)}
.progress-circle[data-value^="93.1"]  .progress-barre {transform: rotate(335.16deg)}
.progress-circle[data-value^="93.2"]  .progress-barre {transform: rotate(335.52deg)}
.progress-circle[data-value^="93.3"]  .progress-barre {transform: rotate(335.88deg)}
.progress-circle[data-value^="93.4"]  .progress-barre {transform: rotate(336.24deg)}
.progress-circle[data-value^="93.5"]  .progress-barre {transform: rotate(336.60deg)}
.progress-circle[data-value^="93.6"]  .progress-barre {transform: rotate(336.96deg)}
.progress-circle[data-value^="93.7"]  .progress-barre {transform: rotate(337.32deg)}
.progress-circle[data-value^="93.8"]  .progress-barre {transform: rotate(337.68deg)}
.progress-circle[data-value^="93.9"]  .progress-barre {transform: rotate(338.04deg)}
.progress-circle[data-value="94"]    .progress-barre,
.progress-circle[data-value="94."]   .progress-barre,
.progress-circle[data-value^="94.0"]  .progress-barre {transform: rotate(338.40deg)}
.progress-circle[data-value^="94.1"]  .progress-barre {transform: rotate(338.76deg)}
.progress-circle[data-value^="94.2"]  .progress-barre {transform: rotate(339.12deg)}
.progress-circle[data-value^="94.3"]  .progress-barre {transform: rotate(339.48deg)}
.progress-circle[data-value^="94.4"]  .progress-barre {transform: rotate(339.84deg)}
.progress-circle[data-value^="94.5"]  .progress-barre {transform: rotate(340.20deg)}
.progress-circle[data-value^="94.6"]  .progress-barre {transform: rotate(340.56deg)}
.progress-circle[data-value^="94.7"]  .progress-barre {transform: rotate(340.92deg)}
.progress-circle[data-value^="94.8"]  .progress-barre {transform: rotate(341.28deg)}
.progress-circle[data-value^="94.9"]  .progress-barre {transform: rotate(341.64deg)}
.progress-circle[data-value="95"]    .progress-barre,
.progress-circle[data-value="95."]   .progress-barre,
.progress-circle[data-value^="95.0"]  .progress-barre {transform: rotate(342.00deg)}
.progress-circle[data-value^="95.1"]  .progress-barre {transform: rotate(342.36deg)}
.progress-circle[data-value^="95.2"]  .progress-barre {transform: rotate(342.72deg)}
.progress-circle[data-value^="95.3"]  .progress-barre {transform: rotate(343.08deg)}
.progress-circle[data-value^="95.4"]  .progress-barre {transform: rotate(343.44deg)}
.progress-circle[data-value^="95.5"]  .progress-barre {transform: rotate(343.80deg)}
.progress-circle[data-value^="95.6"]  .progress-barre {transform: rotate(344.16deg)}
.progress-circle[data-value^="95.7"]  .progress-barre {transform: rotate(344.52deg)}
.progress-circle[data-value^="95.8"]  .progress-barre {transform: rotate(344.88deg)}
.progress-circle[data-value^="95.9"]  .progress-barre {transform: rotate(345.24deg)}
.progress-circle[data-value="96"]    .progress-barre,
.progress-circle[data-value="96."]   .progress-barre,
.progress-circle[data-value^="96.0"]  .progress-barre {transform: rotate(345.60deg)}
.progress-circle[data-value^="96.1"]  .progress-barre {transform: rotate(345.96deg)}
.progress-circle[data-value^="96.2"]  .progress-barre {transform: rotate(346.32deg)}
.progress-circle[data-value^="96.3"]  .progress-barre {transform: rotate(346.68deg)}
.progress-circle[data-value^="96.4"]  .progress-barre {transform: rotate(347.04deg)}
.progress-circle[data-value^="96.5"]  .progress-barre {transform: rotate(347.40deg)}
.progress-circle[data-value^="96.6"]  .progress-barre {transform: rotate(347.76deg)}
.progress-circle[data-value^="96.7"]  .progress-barre {transform: rotate(348.12deg)}
.progress-circle[data-value^="96.8"]  .progress-barre {transform: rotate(348.48deg)}
.progress-circle[data-value^="96.9"]  .progress-barre {transform: rotate(348.84deg)}
.progress-circle[data-value="97"]    .progress-barre,
.progress-circle[data-value="97."]   .progress-barre,
.progress-circle[data-value^="97.0"]  .progress-barre {transform: rotate(349.20deg)}
.progress-circle[data-value^="97.1"]  .progress-barre {transform: rotate(349.56deg)}
.progress-circle[data-value^="97.2"]  .progress-barre {transform: rotate(349.92deg)}
.progress-circle[data-value^="97.3"]  .progress-barre {transform: rotate(350.28deg)}
.progress-circle[data-value^="97.4"]  .progress-barre {transform: rotate(350.64deg)}
.progress-circle[data-value^="97.5"]  .progress-barre {transform: rotate(351.00deg)}
.progress-circle[data-value^="97.6"]  .progress-barre {transform: rotate(351.36deg)}
.progress-circle[data-value^="97.7"]  .progress-barre {transform: rotate(351.72deg)}
.progress-circle[data-value^="97.8"]  .progress-barre {transform: rotate(352.08deg)}
.progress-circle[data-value^="97.9"]  .progress-barre {transform: rotate(352.44deg)}
.progress-circle[data-value="98"]    .progress-barre,
.progress-circle[data-value="98."]   .progress-barre,
.progress-circle[data-value^="98.0"]  .progress-barre {transform: rotate(352.80deg)}
.progress-circle[data-value^="98.1"]  .progress-barre {transform: rotate(353.16deg)}
.progress-circle[data-value^="98.2"]  .progress-barre {transform: rotate(353.52deg)}
.progress-circle[data-value^="98.3"]  .progress-barre {transform: rotate(353.88deg)}
.progress-circle[data-value^="98.4"]  .progress-barre {transform: rotate(354.24deg)}
.progress-circle[data-value^="98.5"]  .progress-barre {transform: rotate(354.60deg)}
.progress-circle[data-value^="98.6"]  .progress-barre {transform: rotate(354.96deg)}
.progress-circle[data-value^="98.7"]  .progress-barre {transform: rotate(355.32deg)}
.progress-circle[data-value^="98.8"]  .progress-barre {transform: rotate(355.68deg)}
.progress-circle[data-value^="98.9"]  .progress-barre {transform: rotate(356.04deg)}
.progress-circle[data-value="99"]    .progress-barre,
.progress-circle[data-value="99."]   .progress-barre,
.progress-circle[data-value^="99.0"]  .progress-barre {transform: rotate(356.40deg)}
.progress-circle[data-value^="99.1"]  .progress-barre {transform: rotate(356.76deg)}
.progress-circle[data-value^="99.2"]  .progress-barre {transform: rotate(357.12deg)}
.progress-circle[data-value^="99.3"]  .progress-barre {transform: rotate(357.48deg)}
.progress-circle[data-value^="99.4"]  .progress-barre {transform: rotate(357.84deg)}
.progress-circle[data-value^="99.5"]  .progress-barre {transform: rotate(358.20deg)}
.progress-circle[data-value^="99.6"]  .progress-barre {transform: rotate(358.56deg)}
.progress-circle[data-value^="99.7"]  .progress-barre {transform: rotate(358.92deg)}
.progress-circle[data-value^="99.8"]  .progress-barre {transform: rotate(359.28deg)}
.progress-circle[data-value^="99.9"]  .progress-barre {transform: rotate(359.64deg)}
.progress-circle[data-value="100"]    .progress-barre,
.progress-circle[data-value="100."]   .progress-barre,
.progress-circle[data-value="100.0"]  .progress-barre {transform: rotate(360.00deg); border-color: #3ecf8e;}
.progress-circle[data-value="100"]    .progress-sup50,
.progress-circle[data-value="100."]   .progress-sup50,
.progress-circle[data-value="100.0"]  .progress-sup50 {border-color: #3ecf8e;} 


div.graphe_aac{
  display: flex;
  flex-flow: row wrap;
  overflow: auto;
  height: calc(100% - 160px);
  border: 1px solid #555;
}

.elmt{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  font-size: 1.5em;
  padding:5%;
}

div.graphe_aac .progress-circle {
  position: relative;
  box-sizing: border-box;
  font-size: 5em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: .105em solid #CDE;
  margin: 2%;
}

div.camembertRoute { display: flex; flex-flow: column-reverse;
    position: relative; width: 100%;  height: 115px;
    text-align: center; padding: 0px; overflow: hidden;
    background: none; cursor: pointer;
	border: solid 1px #555; border-radius: 5px;
	font-size: 1rem;
}

table.aac_details { width:100%; cursor:pointer; }
table.aac_details th { font-weight:normal; }
table.aac_details th div.date { font-weight:bold; }
table.aac_details th { text-align:left;  padding:2px 8px 2px 8px; width:80%; }
table.aac_details td { text-align:right; padding:2px 8px 2px 8px; background-size:22px; background-repeat:no-repeat;}
table.aac_details th, table.aac_details td{
  padding: 10px 0;
  width: 50%;
}

#divAppliEcfCA table.OTreeView tbody{
	display: flex;
	flex-flow: column-reverse;
}

#divAppliEcfCA table.table_data_aac tr{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#divAppliEcfCA table.table_data_aac td{
	width: 25% !important;
}
#divAppliEcfCA table.TV_aac td{
    width: 99999999px;
}


#divAppliEcfCA table.OTreeView td table tbody{
	display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

#divAppliEcfCA button{
	background: #3d9cff !important;
	color: white;
	padding:3%;
	font-size: 0.75rem;
}

#divAppliEcfCA .message_close{
	color: red;
    font-size: 1rem;
	text-align:center;
}

img.notePedago { height:22px; cursor:pointer; }


.notation {
    display: none;
    flex-wrap: nowrap;
    flex-direction: row;
    position: absolute;
    right: -140px;
    top: 1px;
    border-radius: 25px;
    padding: 4px;
    border: 1px solid #124483;
}

table.OTreeView.PedagoElv tr .note{ 
	position:relative;
}



.show_details{
	position: relative;
    width: 90%;
    padding: 5px;
    border: 3px solid #124483;
    margin: 2px 0;
    border-radius: 25px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    color: #124483;
    font-size: 1rem;
}

.details_maj_cont{
	width: 90%;
    padding: 5px;
    margin: 2px 0;
    border-radius: 25px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    color: #124483;
    font-size: 1rem;
}

.titreMaj{
	display: flex;
    flex-flow: column nowrap;
	align-items:center;
}

.titreMaj p{
	font-size:2rem;
}



#content_maj,
#content_details_maj{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    height: 100%;
    overflow: scroll;
}

#version {
	display:none;
	color:red;
	margin:10px 0;
}

.maj .details_maj_cont #version{
	display:flex !important;
	flex-flow:column nowrap;
	color: red;
}


.maj {
    z-index: 9999999999999999999;
    display: block;
    width: 90%;
    border: 2px solid #DA1F26;
    border-radius: 25px;
    position: relative;
    height: 90%;
    top: -14%;
    left: 4%;
    padding: 5px;
	max-width: 500px;
}

.maj div img{
	width:90%;
}

button[name="btnVerrou"]{
	width:45%;
	margin: 25 0px;
}

#elv_Observations{
	width:100%;
}

div#formBkOff_ressources button[name="btnSignature"] { width: 200px; height: 100px; border-radius: 5px; }
div.popup.signature { width: 450px; top: 200px; left: 75px; height: 250px; }
div.popup.signature div#signature_dessin { width:100%; height:calc(100% - 30px); }
div.popup.signature canvas { width:100%; height:100%; }

/*
#divEleves  form[name="elv_form"]{
    display :none;
}

*/

#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top, #divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top {
    width: 10.5% !important;
    height: 100%;
    border-right: 5px solid #bbcce1;
}

#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base{
    overflow: visible;
}

#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base .dhxtabbar_tabs_cont_left,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base .dhxtabbar_tabs_cont_left{
    display: flex;
    flex-flow: column;
}

#divEleves #eleveTabBar .dhx_cell_tabbar,
#divExamens #examTabBar .dhx_cell_tabbar{
    width: 87% !important;
    top: 0 !important;
    left: 12.5% !important;
}

#divEleves #eleveTabBar,
#divExamens #examTabBar{
    height: calc(100% - 32px) !important;
}


#divEleves #eleveTabBar .dhxtabbar_tabs_ar_right,
#divExamens #examTabBar.dhxtabbar_tabs_ar_right,
#divEleves #eleveTabBar .dhxtabbar_tabs_ar_left,
#divExamens #examTabBar .dhxtabbar_tabs_ar_left{
    display: none !important;
}


#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left,
#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base,
#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tab ,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tab {
    width: calc(100% - 1px) !important;
    left: 0 !important;
    margin: 0;
    border-radius: 0;
}

#divEleves #eleveTabBar #btnElv_Chercher{
    position: absolute;
    top: 0;
    left: 3%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}

#divEleves #eleveTabBar #btnElv_Ajouter{
    position: absolute;
    top: 0;
    left: 36%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}


#divEleves #eleveTabBar #btnElv_Recharger{
    position: absolute;
    top: 0;
    left: 68%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}

#divEleves #eleveTabBar #btnElv_Modifier{
    position: absolute;
    top: 60px;
    left: 3%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}

#divEleves #eleveTabBar #btnElv_Valider{
    position: absolute;
    top: 60px;
    left: 36%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}


#divEleves #eleveTabBar #btnElv_Annuler{
    position: absolute;
    top: 60px;
    left: 68%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}

#divEleves #eleveTabBar #btnElv_Dupliquer{
    position: absolute;
    top: 60px;
    left: 68%;
    width: 30%;
    height: 55px !important;
    border-radius: 10px !important;
}

#divEleves #eleveTabBar #btnElv_Imprimer {
    position: absolute;
    width: 60px !important;
    height: 60px !important;
    right: 5%;
    bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: 45px !important;
    justify-content: center;
    right: calc(50% - 30px);
}

#divEleves #eleveTabBar #btnElv_Imprimer img{
    height:100%;
}

#divEleves #eleveTabBar #btnElv_Imprimer #text_btn_elv_imprim{
    color :#FFF !important;
    display: none;
}



#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tab{
    top: 125px;
}

#divEleves #eleveTabBar .dhx_cell_tabbar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left .dhxtabbar_tab{
    top: 0px;
}
#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base,
#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_base,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left form table,
#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left form table{
    height: 100% !important;
}

#divEleves #eleveTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left form,
#divExamens #examTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top .dhxtabbar_tabs_cont_left form{
    height: calc(100% - 220px) !important;
}



#divEleves #eleveTabBar .dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text,
#divExamens #examTabBar .dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text{
    border-radius: 0 !important;
    border: none;
}

#divEleves #eleveTabBar #divEtatCivil,
#divEleves #eleveTabBar #divEtatCivil form[name="elv_etat_civil_form"]{
    height: 100% !important;
    width: 100% !important;
}


#divEleves #elv_form tr{
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}

#divEleves #elv_form td{
    width: 35%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

#divEleves #elv_form td button{
     width: 100%;
     padding: 14px 0px;
    background-image: none !important;
    background: #124483;
    height: auto !important;
    border-radius: 5px;
    border: 1px solid #FFF;
}

#divEleves #eleveTabBar #divEtatCivil #btnHandi,
#divEleves #eleveTabBar #divEtatCivil #btnOrigProsp,
#divEleves #eleveTabBar #divEtatCivil #div_etat_civ_btn button{
    background-image: none !important;
    background-color: #124483;
    color: #FFF !important;
    border-radius: 20px !important;
    padding: 3px;
    width: 100%;
}


#divEleves #eleveTabBar #divEtatCivil #btnElvInscrireAuStage,
#divEleves #eleveTabBar #divEtatCivil #btnElvInscrireAuStageOpt{
    background-image: none !important;
    background-color: #124483;
    color: #FFF !important;
    border-radius: 2px !important;
    padding: 3px;
}

#divEleves #eleveTabBar #divEtatCivil #btnOrigProsp i,
#divEleves #eleveTabBar #divEtatCivil #btnElvInscrireAuStage i,
#divEleves #eleveTabBar #divEtatCivil #btnElvInscrireAuStageOpt i,
#divEleves #eleveTabBar #divEtatCivil #btnHandi i{
    color: #FFF !important;
}


#divEleves #elv_form #btnElv_Chercher .btnCherche,
#divEleves #elv_form #btnElv_Imprimer .btnImprimer,
#divEleves #elv_form #btnElv_Recharger .btnActualiser,
#divEleves #elv_form #btnElv_Valider .btnOk,
#divEleves #elv_form #btnElv_Ajouter .btnPlus,
#divEleves #elv_form #btnElv_Annuler .btnAnnuler,
#divEleves #elv_form #btnElv_Modifier .btnModifier,
#divEleves #elv_form #btnElv_Dupliquer .btnDuplique{
	display:none;
}

#divEleves #elv_form button img{
	width:50%;
}

#divEleves #elv_form #btnElv_Dupliquer img{
	width:100%;
}

#divEleves #elv_form #btnElv_Valider {
    background: #53BBAE;
    border: none;
}

#divEleves #elv_form #btnElv_Annuler {
    background: #da1F26;
    border: none;
}

#divEleves #finac_envis {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

#divEleves #finac_envis div{
    width: 50%;
}


#menu_plg_bar{
    display: flex;
    flex-flow: row nowrap;
    width: 100% !important;
}

#menu_plg_bar button,
#menu_plg_bar div{
    position: initial;
}

#menu_plg_bar .dhxcombo_dhx_web{
    position: relative;
    top: -1px;
}

#menu_plg_bar .dhxcombo_dhx_web .dhxcombo_select_button{
    position: absolute;
}

#menu_plg_bar div.dhx_cal_prev_button,
#menu_plg_bar div.dhx_cal_next_button{
    margin: 0 2;
}

#menu_plg_bar div.dhx_cal_today_button{
    background: #53BBAE;
    color: #FFF;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu_plg_bar #plg_act, #menu_plg_bar #plg_regl{
    font-family: 'Affogato Regular';
    height: 100%;
    margin: 0 2px;
    background: #124483;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 0.85rem;
    font-weight: 900;
}

#menu_plg_bar .dhx_cal_date{
    font-size: 0.85rem;
    padding: 0 2px;
    margin: 0;
    width: auto;
    color: #124483;
    font-family: 'Affogato Regular';
}

#menu_plg_bar #dhx_minical_icon{
    margin-top: -2px;
}

#planning_div #menu_plg_bar #btn_mode_move{
    position: initial;
    background-image: none !important;
    background: #124483;
}

#planning_div #menu_plg_bar #btn_refresh{
    position: initial;
    background-image: none !important;
    background: #53bbae;
}

#menu_plg_bar #plg_regl{
    position: absolute;
    right: 15;
}

#menu_plg_bar #id_cal_tab_month{
    right: 17px !important;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #124483 !important;
}

#menu_plg_bar #id_cal_tab_week{
    right: 64px !important;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #124483 !important;
}

#menu_plg_bar #id_cal_tab_week div{
    height: auto !important;
    color: #124483 !important;
}


#menu_plg_bar #id_cal_tab_JourMono.active,
#menu_plg_bar #id_cal_tab_week.active,
#menu_plg_bar #id_cal_tab_month.active{
    color:#FFF !important;
    background: #124483 !important;
}

#menu_plg_bar #id_cal_tab_week.active div{
    color:#FFF !important;
}

#menu_plg_bar #id_cal_tab_JourMono{
    right: 140px !important;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #124483 !important;
}

.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_month_label_year,
.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_label_colon,
.dhtmlxcalendar_label_minutes{
    color: #FFF !important;
}
#divPlanningContainer #divPlanningLayout .dhxlayout_cont{
    display:flex;
    flex-flow:row nowrap;
    height:100%;
    width:100%;
    
}

#divPlanningContainer .dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
    display:none;
  }

#divPlanningContainer .dhxlayout_sep{
    display: none !important;
}


#divPlanningContainer .dhx_cell_layout.dhxlayout_collapsed_v{
    position: initial !important;
    width: 10.5% !important;
    display: block !important;
    height: calc(100% - 32px) !important;
    border-right: 5px solid #bbcce1;
}


#divPlanningContainer .dhx_cell_layout{
    position: initial !important;
    width: 89.5% !important;
}

#divPlanningContainer .dhx_cell_cont_layout{
    padding: 5 0 !important;
    border: none !important;
}

#divPlanningContainer .dhx_cell_cont_layout{
    width: 100% !important;
    height: 100% !important;
    position: initial !important;
    display: block !important;
}

/*
#divPlanningContainer .dhx_scale_holder_now ,
#divPlanningContainer .dhx_scale_holder{
    height: calc(100% - 65px) !important;
}
*/


#planning_div #menu_plg_bar #comboListPlg input,
#planning_div #menu_plg_bar #comboListRess input{
    position: initial;
}


#noticeCss_email {
    position: fixed;
    transition: none;
    -webkit-transition: none;
    top: 30%;
    left: 30%;
    width: 40%;
    height: 40%;
    z-index: 999999999;
    background: #FFF;
    border: 2px solid #124483;
    -webkit-box-shadow: 5px 5px 15px 5px #000000; box-shadow: 5px 5px 15px 5px #000000;;
}

#noticeCss_email div{
    display: flex;
    border: none;
    width: 98%;
    padding: 1%;
    height: 98%;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
}

#noticeCss_email h1{
    text-align: center;
    font-size: 2rem;
}

#noticeCss_email .btn_pop_mail{
    height: 10%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}


#noticeCss_email .btn_pop_mail_close{
    background-image: none !important;
    background: #124483;
    padding: 10px 20px;
    border-radius: 2px;
    font-size: 1rem;
}

#noticeCss_email .btn_pop_mail_retry {
    background-image: none !important;
    background: #53bbae;
    padding: 10px 20px;
    border-radius: 2px;
    font-size: 1rem;
}

.dhxwin_text_inside{
    color:#FFF  !important
}

#divMessagesTiersBag .msg_cont .expand,
#divMessagesTiersBag .msg_cont .contract{
    display:none !important
}

#divMessagesTiersBag .notif .message{
    background: #DA1F26 !important;
    color: #FFF !important;
}

#divMessageTiersRedac #go_messagerie{
    background-image: none !important;
    background: #53bbae;
    border-radius: 2px;
    height: 45% !important;
}

#divMessageTiersRedac #cahce_notif{
    background-image: none !important;
    background: #da1F26;
    border-radius: 2px;
    height: 45% !important;
}

#divDossierPedagogique_onglets,
#divDossierComptaGestion_onglets{
    height: 100% !important;
    width: 100%;
}

#stop_etg{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    position: absolute;
    bottom: 75;
    width: 100%;
}


#stop_etg button{
    padding: 10px 0;
    width: 90%;
    background-color: #da1f26 !important;
    background-image: none !important;
}

#divListePieces{
    width: 100% !important;
    height: 100% !important;
}

#divListePieces #divListePieces_content{
    height: 100%;
    display: flex;
    flex-flow: column-reverse nowrap;
}

#divListePieces #divListePieces_content #divListePieces_btn{
    height: 14% !important;
    width: 100% !important;
    margin-top: 1% !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
}

#divListePieces #divListePieces_content #divListePieces_table{
    height: 85% !important;
    width: 100% !important;
}


#divListePieces #divListePieces_content #divListePieces_table table,
#divListePieces #divListePieces_content #divListePieces_table tbody,
#divListePieces #divListePieces_content #divListePieces_table div{
    width: 100% !important;
}

#divListePieces #divListePieces_content .column{
    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

#btnElvLettrage_Auto ,
#btnElvEtablir_Factures {
    background-color: #124483 !important;
    background-image: none !important;
    height: 30%;
}

#btnElvDepart_Eleve {
    background-color: #da1f26 !important;
    background-image: none !important;
    height: 30%;
}

#btnElvLettrage_Auto div,
#btnElvDepart_Eleve div,
#btnElvEtablir_Factures div{
    display:none;
}


#divGridListePieces .objbox::-webkit-scrollbar {
    display: none;
}

#divFactures{
    width: 100% !important;
    height: 100% !important;
}

#divFactures #divFactures_menu{
    width: 100% !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: start;
}

#divFactures #divFactures_menu form{
    width: 100% !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
}

#divFactures_menu_form_div{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    height: 200px;
}

#divFactures_menu_form_div #btnElv_FactureImprimer{
    display:none;
}

#divFactures_menu_form_div_add{
    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    height: 225;
}

#divFactures_menu_form_div_btn{
    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}


#divFactures #gridLFacture,
#divFactures #gridLFacture table{
    width:calc(100% - 15px) !important;
}


#btnElv_NouvelleFacture div,
#btnElv_FactureModifier div,
#btnElv_FacImporterModeleDevis div{
    display:none;
}

#btnElv_FactureValider ,
#btnElv_EncaissementValider,
#btnElv_NouvelleFacture,
#btnElv_DevisValider,
#btnElv_NouvelleDevis{
    width: 80%;
    padding: 2% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    background: #53bbae;
    border-radius:20px !important;
}

#btnElv_FactureModifier,
#btnElv_FacImporterModeleDevis,
#btnElv_FactLeconPlannifiees,
#btnElv_FactureEcheances{
    width: 80%;
    padding: 2% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    background: #124483;
    border-radius:20px !important;
}

#btnElv_FactureAnnuler,
#btnElv_EncaissementAnnuler,
#btnElv_DevisAnnuler,
#btnElv_DevisSupprimer{
    width: 80%;
    padding: 2% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    background: #da1f26;
    border-radius:20px !important;
}

#btnElv_NouvelleFacture img,
#btnElv_FactureModifier img{
    width: 10%;
    margin-right: 5%;
}

#btnElv_FactureEcheances img,
#btnElv_FactureValider img,
#btnElv_FactureAnnuler img,
#btnElv_EncaissementValider img,
#btnElv_EncaissementAnnuler img,
#btnElv_DevisValider img,
#btnElv_DevisAnnuler img{
    width: 33% !important;
    margin-right: 5%;
    height: 70%;
}

#btn_elvFac_tiercons,
#btn_elvFac_tierfact{
    width: 100%;
    background-image: none !important;
    background: #FFF;
    color: #124483 !important;
    text-align: start;
    border: 1px solid #124483;
    border-radius: 2px;
    padding: 1% 0 1% 3%;
}


#divEncaissements #encaiss_menu{
    width: 100%;
    height: 200px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#divEncaissements #encaiss_menu form{
    width: calc(100% - 530px);
    height: 100%;
}

#divEncaissements #encaiss_menu #encaiss_form{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

#divEncaissements #encaiss_menu #encaiss_btn,
#divEncaissements #encaiss_menu #encais_valid{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 15%;
}

#divEncaissements #encaiss_menu #encaiss_info{
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: start;
    justify-content: space-around;
}

#divEncaissements #encaiss_menu #encaiss_info .encaiss_lign{
    display: flex;
    flex-flow:row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#divEncaissements #encaiss_menu #encaiss_info .encaiss_lign input,
#divEncaissements #encaiss_menu #encaiss_info .encaiss_lign select{
    width: 100%;
}

#divEncaissements #encaiss_menu #encaiss_info div {
    width: 50%;
}

#divEncaissements #encaiss_menu #encaiss_info #lettrage_caiss input{
    width: 40%;
}
   
#divEncaissements #encaiss_menu #encaiss_btn button{
    padding:5PX 5%;
    width: 100%;
}

#divEncaissements #encaiss_menu #encaiss_btn img{
    width: 15%;
    margin-right: 5%;
}

#btnElv_NouvelEncaissement{
    background: #53bbae;
}

#divEncaissements #lettrage_table_caiss table,
#divDevis #gridLDevis table,
#divEncaissements #encaiss_menu #gridEncaissements table{
    width: 100% !important;
}
#divDevis #info_devis {
    width: 100%;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#divDevis #info_devis form{
    width: calc(100% - 434px);
}

#divDevis #info_devis #devis_content{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}


#divDevis #info_devis #devis_btn,
#divDevis #info_devis #devis_btn_info,
#divDevis #info_devis #btn_valid_devis{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    width: 15%;
    height : 100%;
}


#divDevis #info_devis #devis_info{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: start;
    height : 100%;
}

#divDevis #info_devis #devis_btn button,
#divDevis #info_devis #devis_btn_info button,
#divDevis #info_devis #btn_valid_devis button{
    padding:5PX 5%;
    width: 80%;
}

#divDevis #info_devis #devis_btn img,
#divDevis #info_devis #devis_btn_info img,
#divDevis #info_devis #btn_valid_devis img{
    width: 15%;
    margin-right: 5%;
}


#donnee_asso, 
#donnee_info{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
}

#donnee_info{
    height: 25%;
}

#donnee_asso{
    height: 75%;
}

#divDonneesCpt .donne_table{
    width:45%;
    height: 100%;
}

#divDonneesCpt .donne_table #divGridTrs_utilisateurs_associes,
#divDonneesCpt .donne_table #divElvRessources{
    width: 100% !important;
    height: 90% !important;
}


#divDonneesCpt .donne_table #divGridTrs_utilisateurs_associes table,
#divDonneesCpt .donne_table #divElvRessources table{
    width: calc(100% - 15px) !important;
}


#divDonneesCpt .donne_table .titre{
    background: #FFF;
    border: 1px solid #124483;
    color: #124483 !important;
}

#divDonneesCpt .donne_table .titre img{
    width: 10%;
    padding: 5px;
    margin-left: 9%;
    background: #124483;
}

#divDonneesCpt .donne_column{
    width: 35%;
    height: 100%;
    display:flex;
    flex-flow:column nowrap;
    align-items: end;
    justify-content: space-around;
}

#divDonneesCpt .donne_column div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#divDonneesCpt .donne_column input,
#divDonneesCpt .donne_column button,
#divDonneesCpt .donne_column select{
    width: 60% !important;

}

#divDonneesCpt .donne_column .btn_input_donne_code{
    width:25% !important
}

#divDonneesCpt .donne_column .btn_input_donne_nom{
    width:65% !important
}


#divVieDuDossier #vdd_content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#divVieDuDossier #vdd_content #divGridVieDuDossier .xhdr{
    width: calc(100% - 18px) !important;
}

#divVieDuDossier #vdd_content #divGridVieDuDossier table{
    width: 100% !important;
}

#divVieDuDossier #vdd_content #formu_vdd{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    height: 160px;
    align-items: center;
}

#divVieDuDossier #vdd_content #formu_vdd #formu_vdd_btn,
#divVieDuDossier #vdd_content #formu_vdd #formu_vdd_info{
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
}

#btnElvVDD_Ajouter {
    width: 80%;
    background: #124483;
    height: 35px;
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
}

#btnElvVDD_Modifier {
    width: 80%;
    background: #124483;
    height: 35px;
}


#btnElvVDD_Ajouter .btnPlus {
    background-image: url(imgs/plus_blanc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin: 0 5;
}
#btnElvVDD_Valider{
    width: 80%;
    background: #53bbae;
}

#btnElvVDD_Annuler{
    width: 80%;
    background: #da1f26;
}

#btnElvVDD_Ajouter img,
#btnElvVDD_Modifier img,
#btnElvVDD_Valider img,
#btnElvVDD_Annuler img{
    width: 15%;
    margin-right: 5%;
}

#divVieDuDossier #vdd_content #formu_vdd #formu_vdd_info div{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#divVieDuDossier #vdd_content #formu_vdd #formu_vdd_info select,
#divVieDuDossier #vdd_content #formu_vdd #formu_vdd_info input{
    width: 60% !important;
}

#divAdministratif_onglets .dhx_cell_hdr  div,
#divAdministratif_onglets .dhxlayout_cont  ,
#divAdministratif_onglets{
    width: 100% !important;
    height: 100% !important;
}

#divAdministratif_onglets .dhxlayout_sep{
    display:none !important
}

#doc_princ_div {
    display:flex;
}

#doc_gauche_div {
    width: 30%  !important;
    position: initial !important;
    height: 100% !important;
}
#doc_droite_div {
    width:70% !important;
    position: initial !important;
    height: 100% !important;
}

#doc_gauche_div div,
#doc_droite_div div,
#doc_droite_div iframe{
    width: calc(100% - 2px) !important;
    position: initial !important;
    padding: 0 !important;
}

#doc_gauche_haut_div{
    height: 100% !important;
}
   

#doc_gauche_haut_div_table{
    height: 86.8% !important;
}
   
#doc_gauche_haut_div_table .dhx_cell_cont_layout{
    height: calc( 100% - 5px) !important;
}

#doc_gauche_bas_div_table{
    height: 13% !important;
}
   
#doc_gauche_bas_div_table .dhx_cell_cont_layout{
    height: 95% !important;
    position: relative !important;
}

#doc_droite_div .dhx_cell_cont_layout{
    height: calc( 100% - 7px) !important;
}

#divConstitDoss {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
    justify-content: space-between;
}


#divConstitDoss  .row_space {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#divConstitDoss  .row_center{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

#divConstitDoss  .dossier_mobil_red{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

#divConstitDoss  #formCerfa02 {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
}


#divConstitDoss  #td_btn_doss{
    padding: 0;
}


#trs_div_ChoixEtat .btn_annul_etat{
    background: #da1f26 !important;
    height: 60;
    width: 90px;
}

#trs_div_ChoixEtat .btn_valid_etat{
    background: #53bbae !important;
    height: 60;
    width: 90px;
}

#trs_div_ChoixEtat #SendSignature,
#trs_div_ChoixEtat #SendMail,
#trs_div_ChoixEtat #SendDocContra{
    width: 90%;
}

#trs_div_ChoixEtat #SendSignature input[name='EEMailSign'],
#trs_div_ChoixEtat #SendMail input[name='EEMail']{
    width: 100% !important;
}


#divExamens #examTabBar #divExamPrevis form .table_menu{
    width: 10.5% !important;
    position: fixed;
    bottom: 0;
    left: 0%;
    background-color:#bbcce1;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
    z-index: 999999999;
    height: calc(100% - 400px);
    visibility: visible;
}

#divExamens #examTabBar #divExamPrevis form .table_menu div{
    width: 90% ;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-around;
    color: #FFF !important;
}

#divExamens #examTabBar #divExamPrevis form .table_menu div button,
#divExamens #examTabBar #divExamPrevis form .table_menu button{
    border:1px solid #FFF;
}


#divExamens #examTabBar #divExamPrevis #divPrvExamXXX_grilles #prvExam_ElevesPrevus_Grid,
#divExamens #examTabBar #divExamPrevis #divPrvExamXXX_grilles #prvExam_ElevesListeAttente_Grid{
    width:100% !important; 
    height:calc(100% - 20px) !important; 
}

#divExamens #examTabBar #divExamPrevis #divPrvExamXXX_grilles #prvExam_ElevesPrevus_Grid .objbox,
#divExamens #examTabBar #divExamPrevis #divPrvExamXXX_grilles #prvExam_ElevesListeAttente_Grid .objbox{
    width:100% !important; 
    height:calc(100% - 31px) !important; 
}

#divExamens #examTabBar #divExamPrevis #divPrvExamXXX_grilles #prvExam_ElevesPrevus_Grid table,
#divExamens #examTabBar #divExamPrevis #divPrvExamXXX_grilles #prvExam_ElevesListeAttente_Grid table{
    width:calc(100% - 15px) !important; 
}


#divExamens #divExamXXX_layout #div_exam_eval_gauche,
#divExamens #divExamXXX_layout #div_exam_eval_droite,
#divExamens #divExamXXX_layout #div_exam_eval_gauche div,
#divExamens #divExamXXX_layout #div_exam_eval_droite div{
    position:static !important;
    left:auto  !important;
    top:auto  !important;
    right:auto  !important;
    bottom:auto  !important;
}

#divExamens #divExamXXX_layout #div_exam_eval_princ{
    display: flex;
    width: 100% !important;
    height: 100% !important;
}

#divExamens #divExamXXX_layout #div_exam_eval_gauche{
    width: 10.5% !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 999999999;
    height: calc(100% - 400px) !important;
    
}

#divExamens #divExamXXX_layout #div_exam_eval_droite{
    width: 100% !important;
    height: 100% !important;
}

#divExamens #divExamXXX_layout #div_exam_eval_princ .dhxlayout_sep{
    display: none;
}


#divExamens #divExamXXX_layout #div_exam_eval_gauche .dhx_cell_cont_layout{
    height: calc(100% - 4px) !important;
    padding: 0;
    width: calc(100% - 2px) !important;
}


#divExamens #divExamXXX_layout #div_exam_eval_droite .dhx_cell_cont_layout{
    height: calc(100% - 1px) !important;
    width: 100% !important;
    padding: 0;
}

#divExamens #divExamXXX_layout #div_exam_eval_gauche divExamXXX_entete {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
}

#divExamens #divExamXXX_layout #div_exam_eval_droite .dhx_cell_layout{
    height: 50% !important;
    width: 100% !important;
    padding: 0;
}

#divExamens #divExamXXX_layout #div_exam_eval_droite .dhxlayout_cont{
    width: 100% !important;
}

#divExamens #divExamXXX_layout #div_exam_eval_droite #div_exam_eval_droite_btn{
    height: 15% !important;
}

#divExamens #divExamXXX_layout #div_exam_eval_droite #div_exam_eval_droite_ress{
    height: 85% !important;
}

#divExamens #divExamXXX_entete div{
    width: 90%;
    margin :auto;
}


#divStages form[name='stg_form']{
    display: flex;
    flex-flow: row nowrap;
    align-items: start;
    justify-content: space-between;
    height: 100% !important;
    width: 100%;
}


#divStages form[name='stg_form'] #menu_satge{
    height: calc(100% - 32px) !important;
    width: 20%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-between;
    background-color:#bbcce1; 
}

#divStages form[name='stg_form'] #menu_satge button{
   border: 1px solid #FFF;
}


#divStages #stageTabBar{
    width:90% !important;
    height:100% !important;
}

#divStages form[name='stg_form'] #menu_satge #btnStg_CalendrierWeb span,
#divStages form[name='stg_form'] #menu_satge div{
    color: #FFF !important;
}

#divStages form[name='stg_form'] #stg_gridElvStg{
    width: calc(100% - 2px) !important;
    height: calc(50% - 60px) !important;
}

#divStages form[name='stg_form'] #stg_gridOptStg{
    width: calc(100% - 2px) !important;
    height: calc(50% - 60px) !important;
}

#divStages form[name='stg_form'] #stg_gridPlcStg{
    width: calc(100% - 2px) !important;
    height: 100% !important;
}

#divStages form[name='stg_form'] #stg_gridElvStg table,
#divStages form[name='stg_form'] #stg_gridOptStg table,
#divStages form[name='stg_form'] #stg_gridPlcStg table{
    width: calc(100% - 15px)!important;
}

#divStages form[name='stg_form'] #stg_gridElvStg table .objbox,
#divStages form[name='stg_form'] #stg_gridOptStg table .objbox,
#divStages form[name='stg_form'] #stg_gridPlcStg table .objbox{
    height: calc(100% - 42px)!important;
}


#divStages #stageTabBar .dhxtabbar_tabs_top {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 100%;
}




#divStages #stageTabBar .dhxtabbar_tabs.dhxtabbar_tabs_top{
    height: 100%;
    width: calc(18.5% - 4px) !important;
}


#divStages #stageTabBar .dhxtabbar_tabs_base{
     width:100% !important;
    height: 100%;
}

#divStages #stageTabBar .dhxtabbar_tabs_ar_left ,
#divStages #stageTabBar .dhxtabbar_tabs_ar_right {
    display: none;
}


#divStages #stageTabBar .dhxtabbar_tabs_cont_left{
    display: flex;
    flex-flow: column nowrap;
    width:100% !important;
    left: auto !important;
}

#divStages #stageTabBar .dhxtabbar_tabs_cont_left .dhxtabbar_tab {
    width:100% !important;
}


#divStages #stageTabBar .dhx_cell_tabbar{
    position: static;
}



#divStages #divStgInscriptions ,
#divStages #divStgObservations ,
#divStages #divStgPlanning ,
#divStages #div_stg_doc{
    width: 100% !important;
}


#divTraitements #divTraitementsLayout .dhxlayout_cont{
    width:100% !important;
    height: 100% !important;
    display: flex;
    flex-flow: row nowrap;
}

#divTraitements #divTraitementsLayout .dhxlayout_cont .dhxlayout_sep{
    display:none;
}


#divTraitements #divTraitementsLayout #Outils_control{
    width:  calc(10% - 2px) !important;
    height: calc(100% - 2px) !important;
    position: static;
    top:auto !important;
    left: auto  !important;
}

#divTraitements #divTraitementsLayout #Outils_content{
    width:  calc(90% - 2px) !important;
    height: calc(100% - 2px) !important;
    position: static;
    top:auto  !important;
    left: auto  !important;
}


#divTraitements #divTraitementsLayout #Outils_control .dhx_cell_cont_layout,
#divTraitements #divTraitementsLayout #Outils_content .dhx_cell_cont_layout{
    width: calc(100% - 2px)  !important;
    height: calc(100% - 33px)  !important;
    position: static;
    top:auto  !important;
    left: auto  !important;
    padding: 0 !important;
}

#divTraitements #divTraitementsLayout #Outils_control #divTraitementsControl{
    height: 100%;
    width: 100%;
    background-color:#bbcce1; 
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: start;
}

#divTraitements #divTraitementsLayout #Outils_control #divTraitementsControl button{
    background: #124483 !important;
    color: #FFF !important;
    height:26px;
    font-size: 0.75rem;
    margin: 0;
    border: 2px solid #FFF;
    border-radius: 0px !important;
    width: 100%;
    text-align: start;
    position: relative;
    padding-left: 5px;
}

#divTraitements #divTraitementsLayout #Outils_content #divTrtRechFacture .gridbox ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechDevis .gridbox ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechEncaiss .gridbox {
    height: calc(100% - 30px) !important;
    width: 100% !important;
    overflow: unset !important;
}

#divTraitements #divTraitementsLayout #Outils_content #divTrtRechFacture .objbox ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechDevis .objbox ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechEncaiss .objbox {
    height: calc(100% - 86px) !important;
    width: 100% !important;
}




#divTraitements #divTraitementsLayout #Outils_content #divListeDemandesANTS .gridbox {
    width: calc(100% - 10px) !important;
}

 #divTraitements #divTraitementsLayout #Outils_content #divListeDemandesANTS .objbox {
    height: calc(100% - 70px) !important;
    width: 100% !important;
}


#divTraitements #divTraitementsLayout #Outils_content #divTrtRechFacture    .xhdr table ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechDevis      .xhdr table ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechEncaiss    .xhdr table ,
#divTraitements #divTraitementsLayout #Outils_content #divListeDemandesANTS .xhdr table {
    width: calc(100% - 15px) !important;
}

#divTraitements #divTraitementsLayout #Outils_content #divTrtRechFacture .objbox table ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechDevis   .objbox table ,
#divTraitements #divTraitementsLayout #Outils_content #divTrtRechEncaiss .objbox table ,
#divTraitements #divTraitementsLayout #Outils_content #divListeDemandesANTS .objbox table{
    width: 100%  !important;
}



#divTraitements #divRemisesEnBanque_haut{
    height:115px !important;
    width: 100% !important;
}

#divTraitements #divRemisesEnBanque_bas{
    height: calc(100% - 67px) !important;
    width: 100% !important;
    margin-top: 97px;
    position: static;
}


#divTraitements #divRemisesEnBanque_bas table{
    width: 100% !important;
}

#divTraitements #divPrepaCalendriersStages {
    height: 100% !important;
    width:100% !important;
}


#divTraitements #divPrepaCalendriersStages #divGridStagesCalendriers{
    height:100% !important;
    width:100% !important;
}


#divTraitements #divPrepaCalendriersStages #divGridStagesCalendriers .xhdr table{
    width:calc(100% - 17px)!important;
}

#divTraitements #divPrepaCalendriersStages #divGridStagesCalendriers .objbox table{
    width:100%  !important;
}

#divStatistiques .dhxtabbar_tabs_base{
    width: 85% !important;
}


#divStatistiques  .dhxtabbar_base_dhx_web div.dhxtabbar_cont {
    position: absolute;
    width: calc(100% - 2px) !important;
    height: 100% !important;
}

#divStatistiques  .dhxtabbar_base_dhx_web div.dhxtabbar_cont .objbox {
    width: 100%;
    overflow: auto;
    height: calc(100% - 99px) !important;
}

#divStatistiques #agencesTabBar,
#divStatistiques #ageresp_grid,
#divStatistiques #ageinsc_grid,
#divStatistiques #familles_grid,
#divStatistiques #activites_grid,
#divStatistiques #permis_grid,
#divStatistiques #filieres_grid{
    width:calc(100% - 2px) !important;
    height:calc(100% - 2px) !important;
}


#divStatistiques #agencesTabBar table,
#divStatistiques #ageresp_grid table,
#divStatistiques #ageinsc_grid table,
#divStatistiques #familles_grid table,
#divStatistiques #activites_grid table,
#divStatistiques #permis_grid table,
#divStatistiques #filieres_grid table{
    width:calc(100% - 17px) !important;
}


#divBackOffice .dhxlayout_cont{
    width: 100% !important;
    height: 100% !important;
    display: flex;
    flex-flow: row nowrap;
}


#divBackOffice  .dhxlayout_sep {
    display:none !important;
}


#divBackOffice #backoff_gauche{
    left: auto ! important;
    top: auto ! important;
    width: calc(15% - 2px) ! important;
    height: calc(100% - 33px) ! important;
    position: static !important;
}

#divBackOffice #backoff_droite{
    left: auto ! important;
    top: auto ! important;
    width: calc(85% - 2px) ! important;
    height: calc(100% - 33px) ! important;
    position: static !important;
}


#divBackOffice #backoff_gauche div,
#divBackOffice #backoff_droite div{
    position: static !important;
}

#divBackOffice #backoff_droite .dhx_cell_cont_layout,
#divBackOffice #backoff_gauche .dhx_cell_cont_layout{
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    padding: 0;
}

#divBackOffice #backoff_droite .dhx_cell_cont_layout .dhxlayout_cont .dhx_cell_layout{
    width: 100% !important;
    height: 100% !important;
}

#divBackOffice #backoff_droite .dhx_cell_cont_layout .dhxlayout_cont .dhxlayout_collapsed_v{
    display:none !important;
}

#divBackOffice #backoff_droite #div_droite_droite{
    width: 80% !important;
}


#divBackOffice #backoff_droite #div_droite_gauche{
    width: 20% !important;
}

#divBackOffice #backoff_droite  #divBackofficeCellB,
#divBackOffice #backoff_droite  #divBackofficeCellC{
    height:100% !important;
}

#divBackOffice #backoff_droite  #divBackofficeCellB .gridbox {
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    min-height: 0 !important;
}

#divBackOffice #backoff_droite  #divBackofficeCellB .xhdr table{
    width: calc(100% - 17px) !important;
}

#divBackOffice #backoff_droite  #divBackofficeCellB .objbox table{
    width: 100% !important;
}

#divBackOffice #backoff_droite #divBAckoffice_modFact_layout,
#divBackOffice #backoff_droite .popup{
    position: absolute !important;
}

#divBackOffice #divBackofficeDossier_tree_content table{
    width:100% !important;
}

#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_webformation th{
    font-size: 2rem;
    text-align: end;
}


#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_printel th {
    font-size: 2rem;
    position: relative;
    left: calc(35% + -67px);
}

#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_enpc_timeo th ,
#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_ANTS th ,
#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_SARBACANE th ,
#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_robots th {
    font-size: 2rem;
    position: relative;
    left: calc(30% + -67px);
}

#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_optionslog th,
#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_ecfcoach th,
#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_myargan th,
#divBackOffice #divBackofficeDossier_tree_content #divBackofficeDossier_fichetiers th{
    font-size: 2rem;
}

#divBackOffice #divBackofficeDossier_tree_content tr {
    border-bottom: 1px solid #124483;
}


#divBackOffice #divBackofficeDossier_tree_content hr {
    background: #124483;
    color: #124483;
    height: 4px;
}

#divBackOffice #divBkOffAgence_Content table,
#divBackOffice #formBkOff_permis table,
#divBackOffice #formBkOff_filieres table,
#divBackOffice #formBkOff_orig_pros table,
#divBackOffice #formBkOff_financ_envis table,
#divBackOffice #formBkOff_handicap table,
#divBackOffice #formBkOff_banques table,
#divBackOffice #formBkOff_typestg table,
#divBackOffice #formBkOff_typecalstg table,
#divBackOffice #formBkOff_financeurs table,
#divBackOffice #formBkOff_SpeFP table,
#divBackOffice #formBkOff_users table,
#divBackOffice #formBkOff_ressources table,
#divBackOffice #formBkOff_familles table{
    width : calc(100% - 17px) !important;
}

#divBackOffice #backoff_droite #divBackofficeCellB #divGridBkOff_grp_users #divGridBkOffTpGUsers{
    height: 10% !important;
}

#divBackOffice #backoff_droite #divBackofficeCellB #divGridBkOff_grp_users #divGridBkOffGUsers{
    height: calc(90% - 33px) !important;
}


#divBackOffice #backoff_droite #fs_BkOff_GU_bouttons{
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

#divWinWFAjouterRevision,
#divWinWFAjouterRevision table{
    height:100%;
    width: 100%;
}

#divWinWFAjouterRevision #divGridWFModules table,
#divWinWFAjouterRevision #divGridWFFormateurs .xhdr table{
    width : calc(100% - 17px) !important;
}
#divWinWFAjouterRevision #divGridWFFormateurs .objbox table{
    width : 100%  !important;
}


@media screen and (min-width: 640px){
	#mainTabBar  div.dhxtabbar_tabs_ar_left,
	#mainTabBar  div.dhxtabbar_tabs_ar_right{
		display : none
	}
}


/* onglets sur le coté */
.dhxtabbar_tab[enfant]{
    display:none;
}

.dhxtabbar_tab[select='selected']{
    background-color: #FFF !important;
    color: #124483 !important;
    height: 27px !important;
    border: 1px solid #FFF !important;
    z-index: 3 !important;
}

.dhxtabbar_tab[select='selected'] div{
    color: #124483 !important;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text{
    text-align: start;
    position: relative;
    margin-left: 5px;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab[enfant] div.dhxtabbar_tab_text{
    text-align: start;
    margin-left: 20px;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab[enfant]{
    background: #797979 !important;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab_actv[enfant],
.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab[enfant]:hover{
    background: #FFF !important;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text div{
    height:100%;
    width: 26px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../img/fleche_droite_blanche.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text div{
    background-image: url(../img/fleche_droite_bleu.svg);
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab_actv div.dhxtabbar_tab_text div{
    background-image: url(../img/fleche_droite_bleu.svg);
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab[select='selected'] div.dhxtabbar_tab_text div{
    background-image: url(../img/fleche_bas_bleu.svg);
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab[enfant] div.dhxtabbar_tab_text{
    color:#FFF;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab_actv[enfant] div.dhxtabbar_tab_text,
.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab[enfant]:hover div.dhxtabbar_tab_text{ 
    color:#53bbae !important;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs #nom_tiers_select_etat_civil.dhxtabbar_tab_actv { 
    color:#124483 !important;
    background: #FFF !important;
}



.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs #nom_tiers_select_etat_civil.dhxtabbar_tab{ 
    color:#124493;
    background: #53bbae;
}

.dhx_cell_tabbar .dhxtabbar_base_dhx_web div.dhxtabbar_tabs #nom_tiers_select_etat_civil.dhxtabbar_tab:hover { 
    color:#124483 !important;
    background: #FFF !important;
}



#cache_menu_elv ,
#cache_menu_plg ,
#cache_menu_exam {
    background-color:#bbcce1; 
    position: fixed;
    top: 50%;
    left: 10.5%;
    height: 40px;
    border-radius: 0 20px 20px 0;
    z-index: 99;
}

#cache_menu_elv div,
#cache_menu_plg div,
#cache_menu_exam div{
    height:100%;
    width: 21px;
    right: 0;
    top: 0;
    background-image: url(../img/fleche_gauche_blanche.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#cache_menu_elv div.hidden,
#cache_menu_exam div.hidden{
    height:100%;
    width: 21px;
    right: 0;
    top: 0;
    background-image: url(../img/fleche_droite_blanche.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#divStages #menu_satge input,
#divStages #menu_satge select{
    background: #FFF;
}

#divStages #menu_satge input:disabled,
#divStages #menu_satge select:disabled{
    opacity: 0.7;
    border-color: rgba(118, 118, 118, 0.3);
}


#divStages #stageTabBar .dhxtabbar_cont .dhxtabbar_tabs_top .dhxtabbar_tabs_top{
    position: fixed;
    left: 0;
    height: 160;
    top: calc(100% - calc(40% + 20px)) !important;
}

#divStages #stageTabBar .dhxtabbar_cont .dhxtabbar_tabs_top .dhxtabbar_tabs_top .dhxtabbar_tab{
    border-radius: 0;
    border: 2px solid #FFF;
    width: calc(100% - 3px) !important;
    margin: 0;
}

#divPlanningLayout #divPlanningControl {
    background-color: #124483;
    margin-top: -5px;
    color: #FFF;
    display: flex;
    flex-flow: column;
    align-items: center;
}

#divPlanningLayout #divPlanningControl button{
   border:2px solid #FFF;
   color: #FFF;
   font-size: 0.7rem;
   width: calc(100% - 2px) !important;
}

#divPlanningLayout #divPlanningControl .w24h20{
    width: 24px !important;
 }

 #divPlanningLayout #divPlanningControl .btn25x25{
    width: 26px !important;
 }

#divPlanningLayout #divPlanningControl fieldset{
    width: calc(100% - 15px);
    height: calc(23% - 30px) !important;
}

#divPlanningLayout #divPlanningControl legend,
#divPlanningLayout #divPlanningControl span,
#divPlanningLayout #divPlanningControl a{
    color: #124483;
 }

 #divPlanningLayout .texte_clair .popup_menu_left button{
    background-image: url('../img/modif.svg');
    background-size: 76%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
 }

 #divPlanningLayout .texte_clair .popup_menu_right button{
    background-image: url('../img/poubelle_bleu.svg');
    background-size: 76%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
 }

 #divPlanningLayout .texte_fonce .popup_menu_left button{
    background-image: url('../img/modif.svg');
    background-size: 76%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
 }

 #divPlanningLayout .texte_fonce .popup_menu_right button{
    background-image: url('../img/poubelle_bleu.svg');
    background-size: 76%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
 }


 #divEleves .dhxtabbar_base_dhx_web div.dhxtabbar_tabs,
 #examTabBar .dhxtabbar_tabs_top,
 #stageTabBar .dhxtabbar_tabs_base,
 #divStatistiques .dhxtabbar_tabs_top,
 #divPlanningLayout #divPlanningControl{
    background-color:#bbcce1; 
 }


.verif_photo{
    padding: 5PX 5%;
    width: 80%;
    color: #ffffff!important;
    background: #124483;
    border-radius: 20px !important;
}

.hover_plg:hover,
#divTraitements #divTraitementsLayout #Outils_control #divTraitementsControl button:hover{
    background:#FFF !important;
    color:#124483 !important;
}

#divTraitements #divTraitementsLayout #Outils_control #divTraitementsControl .selected_taite{
    height: 26px;
    font-size: 0.75rem;
    margin: 0px;
    border: 2px solid rgb(255, 255, 255);
    width: 100%;
    text-align: start;
    position: relative;
    padding-left: 5px;
    background: rgb(255, 255, 255) !important;
    color: rgb(18, 68, 131) !important;
    border-radius: 0px !important;
}

div.gridbox_dhx_web.gridbox table.obj.row20px tr td img{ 
    width: 15px ;
}


#suivi_fact {
    min-width: 275px;
    position: fixed;
    padding: 0 10px;
    left: calc(50% + 75px);
    background: #FFF;
    height: 7% !important;
    top: 2%;
    display:none;
    width: 20%;
}

.dhxwin_hdr .dhxwin_text .dhxwin_text_inside button img{
    width:100%;
}

#enr_mod_plg_stg,
#divStgPlanning #enr_mod_plg{
    display:none;
}

#enr_mod_plg,
#divStgPlanning #enr_mod_plg_stg{
    display:inline-block;
}

#encaisse_TPE {
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    width: 95%;
    height: 95%;
    background: #FFF;
    z-index: 99999999;
    top: 2.5%;
    right: 2.5%;
    border: 1px solid #124483;
    border-radius: 25px;
}

#encaisse_TPE h3{
    font-size: 2rem;
    font-family: 'Affogato Regular';
    color: #124483;
}

#encaisse_TPE form{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 75%;
}

#encaisse_TPE input{
    margin: 0 0 0 10px;
}

#encaisse_TPE button{
    padding: 10px;
    font-size: 1rem;
}

#btn_tpe_fav {
    padding: 3px 10px;
    background: #53bbae;
    margin: 10px;
    border-radius: 25px;
    color: #FFF;
    font-size: 1rem;
    font-family: 'Affogato Regular';
}

#btn_tpe_annul {
    background: #da1f26;
}

.popup.ModelesFact_contenuWeb .novius span { padding:2px; }
/* .popup.ModelesFact_contenuWeb .novius span.code_produit_web {  } */
.popup.ModelesFact_contenuWeb .novius span.libelle          { font-weight:blod; }
.popup.ModelesFact_contenuWeb .novius span.details           { display:block; font-style:italic; }
.popup.ModelesFact_contenuWeb textarea { border-radius: 5px; border: lightgray solid 1px; }
.popup.ModelesFact_contenuWeb textarea { border-radius: 5px; border: lightgray solid 1px; }
.popup.ModelesFact_contenuWeb td { border-bottom: solid 1px lightgray; padding: 2px; vertical-align: middle; }

.popup .titre  { background-color:#333333; color:#eeeeee; font-size:22px; text-align: center; padding: 5px; }
.popup .contenu  { overflow:auto; height:calc(100% - 40px);  }
.popup .titre span { padding:5px 25px 5px 25px; color:#FFF; }