:root {
    --color-light-grey: #e4e4e4;
    --color-text-dark: #000;
    --color-error: #dc3545;
    --color-warning: #ffc107;
    --color-primary: #030266;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

article, aside, header, hgroup, nav, section {
    display: block;
}

br {
    margin-bottom: 10px;
}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
    /*line-height: 20px;*/
    line-height: 1.5;
    font-family: 'Roboto', 'Arial', sans-serif;
    font-size: 13px;
    color: #4d4d4d;
    font-weight: 300;
}

#header {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    background-color: #000066;
    color:#ffffff;
}

#header .currentUserName {
    text-transform: uppercase;
    font-weight: bold;
}

#header .btn {
    margin-left: 5px;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: underline;
    color: #000000;
}

.clear {
    clear: both;
}

.ui-tabs-hide {
    display: none;
}

br.clear {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', 'Arial', sans-serif;
    padding-bottom: 5px;
    color: #1c378b; /*letter-spacing: -1px; */
    line-height: 1em;
    font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #1c378b;
}

h1 {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 13px;
}

p {
    padding-bottom: 10px; /*line-height: 24px;*/
}

strong {
    font-weight: bold;
    color: #1c1c1c;
}

cite, em, i {
    font-style: italic;
}

pre, code {
    font-family: Courier New, monospace;
    margin-bottom: 10px;
}

ins {
    text-decoration: none;
}

sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 0.8em;
}

sub {
    top: 0.3em;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

blockquote {
    margin: 1.5em;
    padding: 1em;
    color: #666666;
    background: #e6e6e6;
    font-style: italic;
    border: 1px solid #dcdcdc;
}

blockquote p {
    padding-bottom: 0;
}

input[type=text], input[type=password], input.text, input.title, textarea, select {
    font-family: 'Arial', sans-serif;
    background-color: #ffffff;
}

input[type=password]:focus, input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #2D3940;
    color: #3e3e3e;
}

input[type=password], input[type=text], input.text, input.title, textarea, select {
    margin: 0.5em 0;
}

textarea {
}

.form-control {
    font-weight: 300;
    font-size: 14px;
}

button a {
    font-size: 12px;
}

.btn-primary {
    background-color: #152578;
    border: 1px solid #223278;
}

img#about-image {
    float: left;
    margin: 3px 8px 8px 0px;
}

/* .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }*/
* .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */

.spacer {
    clear: both;
}

.center {
    text-align: center;
}

/*Pour que toutes les popup de confirmation soient au dessus des contenus (bug avec ?cran video being converted)*/
.ui-dialog {
    z-index: 9999;
}

/* JQUERY UI REDEF */

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: none;
    background-color: #e1e1e1;
    font-weight: normal;
    border: 0;
    padding: 3px;
}

a.ui-widget {
    color: #ffffff;
}

a.ui-widget:visited {
    color: #ffffff; /* #4f5466; */
}

a.ui-widget:hover {
    color: #ffffff;
}

.ui-widget {
    text-align: left;
    font-size: 1em;
}

.ui-menu-item {
    font-family: 'Roboto', 'Arial', sans-serif;
}

.ui-menu-item a {
    color: #4e5366;
}

.ui-menu-item a:visited {
    color: #4f5466;
}

.dataTables_wrapper {
    -moz-box-shadow: 3px 3px 4px 0 #e1e1e1;
    -webkit-box-shadow: 3px 3px 4px 0 #e1e1e1;
    -o-box-shadow: 3px 3px 4px 0 #e1e1e1;
    box-shadow: 3px 3px 4px 0 #e1e1e1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#e1e1e1, Direction=135, Strength=4);
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-left, .ui-corner-tr {
    border-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #152578;
}

.ui-button {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 300;
    color: #ffffff;
    border-radius: 5px;
    border: 1px solid white;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /*Couleur secondaire*/
    background: #12a1f0;
    border: 1px solid #12a1f0;
}

.ui-state-error {
    text-align: left;
    margin-bottom: 5px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffffff!important;
    font-weight: normal;
}

a.badge-danger:visited,
a.badge-primary:visited,
a.badge-success:visited,
a.btn-danger:visited,
a.btn-info:visited,
a.btn-primary:visited,
a.btn-success:visited,
a.btn:visited {
    color: var(--default-button-text-color);
}

.ui-corner, .ui-corner-all, .ui-corner-top, .ui-corner-bottom {
    border-radius: 0;
}


.ui-widget-header {
    border: 1px solid #000000;
    background: #000000 repeat-x;
    color: white;
    font-weight: bold;

}

.ui-widget-content {
    border: 1px solid #DDD;
    background: white;
    color: #000000;
}

.ui-widget-content a {
    color: #000000;
}

input[type="text"].placeholder, input[type="password"].placeholder, textarea.placeholder {
    color: #999999;
}

/*compat IE*/
input.placeholder {
    color: #999999;
}
/*compat IE*/


/*------------------------------------------------*/
/*-----------------[TOOLTIP]-----------------------*/
/*------------------------------------------------*/

.ui-tooltip, .tooltip-arrow:after {
    background: black;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 5px;
    font: bold 12px "Roboto", "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.tooltip-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.tooltip-arrow.top {
    top: -16px;
    bottom: auto;
}

.tooltip-arrow.left {
    left: 20%;
}

.tooltip-arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.tooltip-arrow.top:after {
    bottom: -20px;
    top: auto;
}

/*------------------------------------------------*/
/*-----------------[HEADER]-----------------------*/
/*------------------------------------------------*/

#header_menu {
    position: absolute;
    margin-top: -20px;
    z-index: 1000;
    width: 197px;
    display: none;
}

#header .logo {
    max-height:40px;
}

.header-menu-conteneur {
    width: 100%;
}

.header-menu-conteneur .ui-button {
    width: 100%;
    /*	padding:3px;	*/
}

.headerButton {
    background-color:transparent;
    border:0;
    color:#ffffff;
}

#header  .dropdown-menu {
    background-color:#000066;
    color:white;
}
#header  .dropdown-item {
    color:#ffffff;
    font-weight: bold;
    font-size:1em;
}
#header  .dropdown-item:hover {
    background-color:#ffffff;
    color:#000066;
}

.backoffice #header #headerMenu.dropdown-toggle::after {
    border: none!important;
    margin-left: 0;
    vertical-align: 0;
}

/* blog info du header  */
.top-info {
    padding:10px 10px 0 10px;
    text-align: left;
    position: relative;
}


/* css login header site  */
.top-info .login {
    float: left;
    margin-left: 15px;
    margin-top: 25px;
}

#top_banner {
    margin-left: 10px;
    margin-bottom: 10px;
}

#creacompte {
    float: left;
    height: 35px;
    margin-top: 45px;
}

.dialogue {
    text-align: center;
    height: 130px;
    margin-top: 0;
    margin-left: 240px;
    width: 1000px;

}

/*------------------------------------------------*/
/*-----------------[CONTENU HP ]------------------*/
/*------------------------------------------------*/

#zone-principale {
    margin: 0 auto;
    position: relative;
    margin-top: 90px;
}

#zone-contenu {
}

.container-fluid.container-zone-principale {
    max-width: 1585px;
}


/*------------------------------------------------*/
/*---------[CONTENU HP Sidebar ]------------------*/
/*------------------------------------------------*/

#zone-contenu-sidebar {
    float: right;
    width: 268px;
    padding: 0 15px 30px 15px;
    text-align: justify;

}

.sidebar-titre {
    color: #000000;
    font-size: 24px;
    /*background: url(../images/rpbis.png) no-repeat right;*/
    width: 100%;
    margin-bottom: 20px;
    font-weight: 100;
}

.sidebar-titre_small {
    color: #000000;
    font-size: 18px;
    /*background: url(../images/rpbis.png) no-repeat right;*/
    width: 100%;
    margin-bottom: 20px;
}

.hp-sidebar-apropos {
    text-align: justify;
    color: #4d4d4d; /*#414353;*/
    font-size: 0.9em;
}


.blocreplay {
    width: 269px;
    height: 70px;
    background: url(../images/plus.png) bottom right no-repeat;
    text-transform: none;
    margin-bottom: 16px;
}

.blocreplay a {

    text-decoration: none;
}

.blcrp-image {
    width: 114px;
    height: 65px;
    display: block;
    border: solid 1px #000000;
    float: left;
    margin: 0 6px 0 0;
}

.blcrp-titre {
    font-size: 13px;
    letter-spacing: -1px;
    color: #4d4d4d; /*#4F5466;*/
    text-decoration: none !important;
    line-height: 14px;
    /*font-weight: bold;*/
    display: block;
}

.blcrp-soustitre {
    /*text-align: justify;*/
    font-size: 10px;
    font-weight: 100;
    line-height: 12px;
    display: block;
    color: #4d4d4d; /* #686E82;*/
    text-decoration: none !important;
}

.tout {
    color: white;
    background-color: #000000;
    padding: 2px 13px 3px 13px;
    float: right;
    margin-right: 3px;
}

.zone-contenu-liens-buttons {
    margin-bottom: 10px;
    clear: both;
}

.zone-contenu-liens-buttons a span {
    width: 240px;
    text-align: center;
}


/*------------------------------------------------*/
/*---------[CONTENU HP Contenu principale ]-------*/
/*------------------------------------------------*/

#zone-contenu-principale {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    /*
	width:680px;
	float:left;
	*/
}

.alaune_video_conteneur {
    float: left;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 4px;
    width: 210px;
    height: 120px;
    border: solid 1px #000000; /*#FBBF7C;*/
    -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 1px #CFCFCF;
    -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
    box-shadow: 5px 5px 10px 1px #CFCFCF;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
}

.alaune_video_conteneur_img {
}

.alaune_video_conteneur .alaune_video_titre {
    background-color: #000000;
    padding: 3px;
    position: absolute;
    margin-top: -120px;
    width: 204px;
    color: #ffffff;
}

.vdo_viewer_video {
    overflow: hidden;
    /*
	width: 640px;
	height: 361px;
	 */
    display: block;
    /*background: url(../images/thumbshome.jpg) no-repeat;*/
    /*border: 1px solid #000000;*/
    border: 1px solid #e1e1e1;
    color: #000000; /*orange;*/
    /*padding: 5px;*/
}

.vdo_viewer_pub_controller {
    background-color: black;
    display: block;
    color: #ffffff;
    padding: 5px;
}

/** class sp?cifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/
.skip {
    color: white;
    text-decoration: none;
}

a.skip:visited {
    color: white;
    text-decoration: none;
}


.skip:hover {
    color: white;
    text-decoration: none;
}

.ui-notify a {
    color: white;
    text-decoration: none;
}

/** class sp?cifique au css black - S'applique au "Passer" lors de l'affiche d'une pub **/

.vdo_viewer_blocage_acctype {
    background-color: #000000;
    color: white;
    display: table-cell;
    vertical-align: middle;
}

.vdo_viewer_blocage_acctype p {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
}


.vdo_viewer_blocage_acctype h3 {
    color: #000000; /*#dd521a;*/
}

.vdo_viewer_soustitre {
    height: 21px;
    background-color: #000000; /*url(../images/bck_ttl.jpg) repeat-x;*/
    width: 652px;
}

.vdo_viewer_soustitre span {
    padding: 0 0 0 10px;
    color: white;
    text-transform: none;
    font-weight: 100;
    font-size: 18px;
    float: left;
}

.chapeau {
    margin: 7px 20px 0 25px;
    text-transform: none;
    width: 620px;
    text-align: justify;
    font-size: 12px;
    line-height: 19px;
}


.chapeau .read-more-link {
    color: black;
    font-weight: bold;
}

.v_detail_vdo_texte {
}


.v_detail_vdo_texte .read-more-link {
    width: 620px;
    text-align: justify;
    font-size: 12px;
    line-height: 19px;
    color: black;
    font-weight: bold;
}

.suite {
    color: #000000; /*#FDA723;*/
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.vdo_viewer_like {
    /*background: url(../images/reso.png) no-repeat right;*/
    width: 100%;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.vdo_viewer_like .facebook {
    float: right;
    padding-top: 0;
    margin-right: 5px;
}

.vdo_viewer_like .twitter {
    float: right;
    padding-top: 0;
}

.programme {
    margin: 10px 20px 10px 0;

    font-size: 30px;
    color: #808080; /*#A1A9C2;*/
    height: 25px;
    background: url(../images/line_orange.jpg) repeat-x;
    width: 640px;
}

.programme span {
    background: white;
}

.progresume {
    width: 620px;
    margin: 0 20px 0 0;
    text-transform: none;
    height: 70px;
}

#date {
    background: url(../images/date.png) no-repeat;
    width: 48px;
    height: 54px;
    float: left;
    text-align: center;
}

.mois {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
}

.jour {
    color: #808080; /*#686E82;*/
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: bold;
    margin: 3px 0 0 0;
    display: block;
    padding-top: 3px;
    padding-right: 5px;
}

#contenuprogramme {
    float: right;
    width: 560px;
}

.progtitre {
    font-size: 22px;
}

.progteaser {
    text-align: justify;
    font-size: 12px;
    margin-top: 2px;
    line-height: 18px;
    display: block;
}

.hp_liste-replays {
    width: 648px;
}

.hp_liste-replays-title {

    margin-top: 20px;
    margin-bottom: 20px;
    background: url(../images/line_grey.jpg) repeat-x;
    color: #808080; /*#A1A9C2;*/
    font-size: 24px;
    font-weight: 100;
}

.hp_liste-replays-title span {
    background: white;
    margin-bottom: 0;
    padding-right: 10px;
}


/*------------------------------------------------*/
/*-----------------[FOOTER ]----------------------*/
/*------------------------------------------------*/


#main-footer {
    margin-top: 10px;
    background-color: #051254;
    text-align: center;
    width: 100%;
    color: #fff;
    height: 80px;
    padding-top: 20px;
    font-size:1em;
    font-weight:bold;
    text-transform: uppercase;
}

/*------------------------------------------------*/
/*---------[CONTENU LISTE VIDEO ]-----------------*/
/*------------------------------------------------*/

.v_liste_titre {
    color: #000000; /* orange; */
    font-size: 1.5em;

}

.v_liste_titre a {
    text-decoration: none;
}

.v_liste_bloc {


}

.v_liste_overlay_infos {
    z-index: 1000;

    position: absolute;
    width: 95%;
    height: 140px;
    background-color: #000000; /*#ea4e1d;*/

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=90);

    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.9;
    color: white;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.v_liste_overlay_infos p {
    padding-top: 50px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

.v_liste_bloc_texte {

    float: left;
    width: 99%;
    margin: 0 20px 0 0;
    /*font-family:Trebuchet MS;*/
    text-transform: none;
    text-align: justify;
    font-size: 12px;
    line-height: 19px;
}

.v_liste_bloc_texte_span {

    width: 180px;
    height: 100px;
    display: block;
    border: solid 1px #e1e1e1; /*#fbbf7c;*/
    float: left;
    margin: 0 10px 0 0;

    box-shadow: 5px 5px 10px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.v_liste_bloc_texte_span_chaine {

    /*height:100px;*/
    display: block;
    border: solid 1px #e1e1e1; /*#fbbf7c;*/
    float: left;
    margin: 0 10px 0 0;

    /* effet ombrage */
    box-shadow: 5px 5px 10px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);

    border-radius: 3px;

}

.v_liste_bloc_texte_span_chaine:hover, .v_liste_bloc_texte_span:hover {
    box-shadow: none;
}

.v_liste_bloc_texte_span .cropimg, .v_liste_bloc_texte_span_chaine .cropimg {

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.admin_replay_v_liste_bloc_texte {
    min-height:110px;
}

.containerLstItem {
    padding:5px;
}

.containerLstItemStatusI {
    opacity:0.6;
    border-radius:5px;
    background-color: #f1f0f0;
}

.containerLstItemStatusI:hover {
    opacity:1;
}


.v_liste_bloc_info {

    font-size: 0.8em;
}

.v_liste_tiret {

    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 60%;
    margin-left: 50px;
}

.v_liste_bloc_buttons {

}


.v_liste_bloc_buttons a {
    margin-right:10px;
}


.v_liste_abonnement_btn {
    width: 100%;
    text-align: center;
}

.v_liste_abonnement_btn span {
}

.v_liste_vdo_duree {
    position: absolute;
    background-color: #000000;
    margin-top: -25px;
    height: 20px;
    width: 40px;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.v_liste_vdo_duree_chaine {

    position: absolute;
    background-color: #000000;
    margin-top: -20px;
    height: 20px;
    width: 70px;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

a.v_liste_bloc_liste_cat_vdo, button#showModalIntegrationLinkBtn {
    margin-bottom: 2px;
}

.main_contentb:hover {
    background-color: #eee6ea;
    box-shadow: none;
}

.main_contentb {

    /*padding:5px;*/
    margin-bottom: 10px;
}

.pagination {

    margin-bottom: 10px;

}

.paging_full_numbers .ui-button {
    color: #ffffff !important;
    border: 1px solid #ffffff;
    margin-right: 3px !important;
    font-weight: normal;
}

.paginationActuel {

    border: 1px solid #bbbbbb;
    -webkit-border-radius: 1px;
    border-radius: 1px;


    display: block;
    float: left;

    width: 20px;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;

    color: black;
    background-color: #000000; /*#ea4e08;*/
}

.paginationLien {


    border: 1px solid #bbbbbb;
    -webkit-border-radius: 1px;
    border-radius: 1px;

    display: block;
    float: left;

    width: 20px;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;

    color: black;
    background-color: #414353;

}

.pagination a {
    text-decoration: none;
}


/*------------------------------------------------*/
/*---------[CONTENU LISTE VIDEO CATEGORIE ]-------*/
/*------------------------------------------------*/

.categorie {
    margin-top: 10px;
}

.categorieBloc {
    float: left;
    width: 120px;
    height: 115px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid #999999;
    cursor: pointer;
    font-weight: normal;

    color: #ffffff;

    /* effet ombrage */
    -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
    box-shadow: 5px 5px 10px 1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);

    -webkit-border-radius: 3px;
    border-radius: 3px;


}

.categorieBloc img {
    z-index: 1;
}

.categorieBloc:hover {
    border-color: #f17400;
    color: #f17400;
    font-weight: bold;

}

.categorieInfo {
    z-index: 10;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    color: inherit;
    font-weight: inherit;
    font-size: 10px;
    text-align: center;
    margin-top: -20px;
    height: 20px;
    width: 120px;
    text-transform: uppercase;

}

.categorieNbre {
    z-index: 5;
    position: absolute;
    font-weight: inherit;
    width: 30px;
    height: 30px;
    padding-left: 20px;
    margin-left: 91px;
    margin-top: -1px;
    font-size: 0.8em;
    background: url(../images/triangle-gris.png) no-repeat;
    color: inherit;

}

/*------------------------------------------------*/
/*---------[CONTENU VIDEO Viewer ]----------------*/
/*------------------------------------------------*/

#v_viewer_partager {

    border: 1px solid #000000; /*orange;*/
    /*height: 100px;*/
    display: none;
    padding: 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.v_viewer_bloc_info {
    font-size: 0.8em;
}

#v_viewer_partage_input_lien {

    width: 650px;
    height: 20px;
    float: left;
}

.v_viewer_partage_button {

    float: left;
    padding-left: 10px;
    margin-left: 30px;
}

.v_viewer_partage_button-btns {

    font-size: 0.9em;
    text-align: center;
    width: 70px;
}

.v_viewer_partage_button_share {

    float: right;
    padding-left: 10px;
}

#v_viewer_partage_bloc_embed {

    clear: both;
    margin-top: 20px;
    text-transform: none;
    display: none;
}

.v_viewer_partage_taille_perso {

    border: 1px solid #BBB;
    padding: 5px;
    margin-top: 5px;
    margin-left: 1px;
    margin-bottom: 10px;
}

.v_viewer_partage_taille_perso label {
    margin-right: 10px;
}

.v_viewer_partage_taille_perso label input {
    margin-top: 5px;
}

.v_viewer_partage_tiret {

    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.v_viewer_partager_ajouter_btns {
    font-size: 0.8em;
}

.v_viewer_partage_bloc_embed_radio {

    text-align: center;
    margin-bottom: 10px;
}

#v_viewer_partage_bloc_embed_textarea {

    float: left;
    width: 650px;
    height: 60px;
}

/*------------------------------------------------*/
/*---------[CONTENU VIDEO Detail ]----------------*/
/*------------------------------------------------*/


#v_detail_conteneur {
    /*margin-left:20px;*/
    width: 652px;
}


.v_detail_new_comment_notlogged {
    border: 1px solid #000000; /*orange;*/
    height: 100px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
}

.v_detail_new_comment {

}

.v_detail_new_comment div {
    float: left;
    text-align: center;
    margin-top: 5px;
}

.v_detail_new_comment textarea {
    float: right;
    width: 555px;
    height: 70px;
}

.v_detail_new_comment .ui-widget {
    float: right;
}

.v_detail_new_comment button {
    float: right;
}

#v_detail_comment {
    margin-top: 30px;
}

#v_detail_comment h1 {

}

.v_detail_comment_bloc {
    margin-top: 15px;

}

.v_detail_comment_bloc img {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

#v_detail_comment h1 .texte {
    float: left;
    margin: 0 20px 0 25px;
    text-transform: none;
    height: 70px;
}

.v_detail_comment_bloc h2 {
}

.v_detail_comment_bloc .date {
    background: url(../images/date.png) no-repeat;
    width: 48px;
    height: 54px;
    float: right;
    text-align: center;
}

.v_detail_comment_bloc .mois {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
}

.v_detail_comment_bloc .jour {
    color: #808080; /*#686E82;*/
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: bold;
    margin: 3px 0 0 0;
    display: block;
}

.v_detail_comment_bloc .contenu {
    float: left;
    width: 510px;
    text-align: justify;
    color: #4d4d4d; /*#686E82;*/
}

.v_detail_comment_btn_supp {
    width: 70px;
}

.v_detail_comment_btn_supp span {
    font-size: 0.5em;
}

.v_detail_vdo_liste_categorie {
    margin-top: 5px;
    margin-bottom: 5px;
}


/*------------------------------------------------*/
/*---------[CONTENU Login Page]-------------------*/
/*------------------------------------------------*/

.login_conteneur {
    margin-top: 50px;
}

.login_conteneur h1 {

    text-align: center;
    margin-bottom: 30px;

}

.login_tirer {

    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 247px;
}

.login_log {

    text-align: center;
    margin-bottom: 50px;
}

.login_input {

    width: 320px;
    height: 30px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #AD9C9C;
    font-size: 1.1em;
    padding-left: 10px;
    color: black;
    box-shadow: inset 0 1px rgba(34, 25, 25, 0.15), 0 1px white;

}

.login_button {

    min-width: 200px;
    height: 37px;
    border-radius: 5px;
}

.login_connect_btn {
    margin-left: auto;
    margin-right: auto;
}

.login_remember_me {
    width: 170px;
    display: inline-block;
    text-align: left;
}

.login_connect_btn a {
    width: 150px;
    text-align: center;
}

.login_connect_btn #login_connect_error {
    width: 320px;
    margin-left: 130px;
    margin-bottom: 5px;
}

.login_forget_mdp {
    font-size: 0.8em;
    margin-top: 5px;
}

.login_lost_pwd_btn a {

    margin-left: 78px;
    width: 250px;
    text-align: center;
}

.login_creation {
    margin-top: 30px;
}

/*------------------------------------------------*/
/*---------[CONTENU Cr?ation Compte]--------------*/
/*------------------------------------------------*/

.user_creation_conteneur {
    text-align: center;
    margin-bottom: 50px;
}

.user_creation_conteneur h1 {
    margin-bottom: 30px;
}

.user_creation_photo {
    border: 1px solid #bbbbbb;
    float: left;
    padding: 1px;
    position: relative;
    width: 211px;
    margin-left: 200px;
    margin-top: 7px;
}

.user_creation_bloc_input {
    float: left;
    margin-left: 90px;
}

.user_creation_input {
    width: 320px;
    height: 30px;
    font-size: 1.1em;
}

.user_creation_input2 {
    width: 220px;
    height: 30px;
    font-size: 1.1em;
}

.user_creation_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 80%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 20px;
}

.user_creation_cgu {
    width: 330px;
    text-align: justify;
    margin-bottom: 30px;
}


/*------------------------------------------------*/
/*---------[Live Interface ]----------------------*/
/*------------------------------------------------*/


.fo-live-interface-live-gauche {
    float: left;
}

.fo-live-interface-ligne-zero {
    border-left: 1px solid #000000; /*#fda529;*/
    border-right: 1px solid #000000; /*#fda529;*/
    border-bottom: 1px solid #000000; /*#fda529;*/
    width: 640px;
    padding: 5px;

}

.fo-live-interface-ligne-zero-contenu {
    padding: 3px;
    background-color: #000000;
    color: #ffffff;
}

.fo-live-interface-live-droite {

    float: left;
    margin-left: 20px;
    width: 300px;
}

.fo-live-interface-live-bloc {

    padding: 10px;
}

.fo-live-under-video-viewer-conteneur {

    margin-top: 20px;
    width: 652px;
    margin-bottom: 20px;
}

.fo-live-interface-bloc-question-tabs-cadre {
    border: 1px solid #bbbbbb;
    padding: 5px;
    margin: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fo-live-interface-bloc-question-tabs-cadre span {

    font-style: italic;
    font-weight: 500;
}

.fo-live-interface-bloc-question_tabs-3-btn {

    margin-top: 40px;
    margin-left: 450px;
}

.fo-live-tabs-document-bloc {

    position: relative;
    display: block;
    margin-top: 30px;

}

.fo-live-tabs-document-bloc-cadre {
    border: 1px solid #bbbbbb;
    width: 60%;
    padding: 10px;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 100px;

}

.fo-live-tabs-document-bloc_titre {

    float: left;
    margin-left: 10px;
}

.fo-live-tabs-document-bloc_icone {

    float: left;
    margin-top: -5px;
    margin-left: 10px;

}


#fo-live-interface-bloc-question_tabs-1 .fo-live-interface-bloc-question-tabs-cadre:nth-child(2n+1), #fo-live-interface-bloc-question_tabs-2 .fo-live-interface-bloc-question-tabs-cadre:nth-child(2n+1) {
    background-color: #e7e7e7;
}

.fo-live-interface-bloc-question-internaute {

    /**width: 102%;**/
    border: 1px solid #DDD;
    height: 50px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.fo-live-interface-bloc-question-internaute-input {

    float: left;
    margin-left: 20px;
}

.fo-live-interface-bloc-question-internaute-input-text {

    width: 470px;
    height: 30px;
    font-size: 1.1em;
}

.fo-live-interface-bloc-question-internaute-btn {

    float: left;
    margin-left: 40px;
    margin-top: 10px;
}

.fo-live-interface-live-droite-invite-photo {

    float: left;
}

.fo-live-interface-live-droite-invite-detail {
    margin-left: 5px;
    float: left;
    width: 200px;
}

.fo-live-interface-live-droite-invite-presentation {
    margin-left: 10px;
    float: left;
    width: 90%;
}

.fo-live-interface-live-droite-invite-detail-nom_prenom {

}

.fo-live-interface-live-droite-invite-detail_presentation {
    font-size: 0.8em;
}

.fo-live-interface-live-droite-invite-detail_detail {
    font-size: 0.8em;
    margin-left: 6px;
}

.fo-live-interface-live-droite-bloc-social-link {
}

.fo-live-interface-live-droite-bloc-social-link-logo {
    text-align: center;
}

.fo-live-interface-live-droite-bloc-social-link-logo .facebook {
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
}

.fo-live-interface-live-droite-bloc-social-link-logo .twitter {
    float: left;
    margin-left: 5px;
}

.fo-live-interface-live-droite-bloc-social-link-bloc-connect {
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-top: 10px;
    height: 20px;
    font-size: 1.1em;
    padding: 10px;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
}

.fo-live-interface-live-droite-bloc-social-link-bloc-facebook {

    border: 1px solid #DDD;
    border-radius: 4px;
    margin-top: 10px;
    height: 185px;
    font-size: 1.1em;
    padding: 10px;
    text-align: left;

    margin-left: auto;
    margin-right: auto;
}

.fo-live-interface-live-droite-bloc-social-link-bloc-twitter {

    margin-right: auto;
    margin-left: auto;

    text-align: center;
    margin-top: 20px;
}

.vdo_viewer_like .alerte span {
    font-size: 0.8em;
}

.fo_live_internaute_invite_presentation_bloc {
    text-align: justify;
}

.fo_live_internaute_sondage_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 80%;
    text-align: center;

    margin-bottom: 10px;
    margin-left: 100px;
}

.fo_live_internaute_sondage_prog_border {
    width: 300px;
    height: 20px;
    background: #999999;
    border: 1px solid #DDD;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    white-space: nowrap;
}

.fo_live_internaute_sondage_prog_bar {
    height: 20px;
    background-color: #000000; /*#ff6600;*/
    padding-left: 2px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /* utilisez une couleur ou une image de fond */
    color: white;

}

.radio_vertical .ui-state-hover {
    color: #000000; /*#fd9a27;*/
}

.radio_vertical .ui-state-active {
    color: #000000; /*#fd9a27;*/
}


.fo_live_internaute_sondage_bloc_btn {
    text-align: center;
    margin-top: 30px;
}

.fo_live_internaute_sondage_reponse_bloc {
    margin-top: 9px;
    margin-bottom: 9px;
}

.fo_live_internaute_sondage_reponse_bloc_reponse_titre {
    /*margin-left:100px;*/
    float: left;
    width: 300px;
}

.fo_live_internaute_sondage_prog_bar div {
    /*padding:5px;*/
    display: block;
    padding-left: 5px;
    padding-top: 2px;
}

.pollAnwserContainer h3, .pollAnwserContainer h4 {
    color: #333333;
}

.pollAnwserContainer h3 {
    font-weight: bold;
}

.vdopollPrct {
    font-weight: bold;
    font-size: 1em;
}

.fo_live_internaute_sondage_reponse {
    font-size: 1.4em;
    border-bottom: 1px solid #e1e1e1;
}

.fo_live_internaute_sondage_prog_bar {
    min-width: 45px;
}

.fo_live_internaute_sondage_resultat_nbparticipant {
    text-align: right;
    margin-right: 35px;
    margin-top: 20px;
}

#fo_live_internaute_sondage_reponse_radio {

    width: 400px;
    /*margin-left: 150px;*/
}

#fo_live_internaute_sondage_reponse_radio li {

    margin-bottom: 10px;
    text-align: justify;
}


.fo_live_internaute_sondage_prog_bar {
    height: 30px;
    background-color: #db0726; /*#ff6600;*/
    padding-left: 2px;
}

.fo_live_internaute_sondage_prog_bar[reponse='1'] {
    background-color: #301A4B; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='2'] {
    background-color: #6DB1BF; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='3'] {
    background-color: #B6CED6; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='4'] {
    background-color: #D8C8CE; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='5'] {
    background-color: #F9C2C5; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='6'] {
    background-color: #F6AEB1; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='7'] {
    background-color: #C68F8A; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='8'] {
    background-color: #998377; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='9'] {
    background-color: #3F6C51; /*#ff6600;*/
}

.fo_live_internaute_sondage_prog_bar[reponse='10'] {
    background-color: #db0726; /*#ff6600;*/
}

/*------------------------------------------------*/
/*---------[Live Interface Teaser ]---------------*/
/*------------------------------------------------*/

.fo-live-interface-teaser-bloc-question-internaute {

    border: 1px solid #DDD;
    padding: 10px;
    margin-top: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fo-live-interface-teaser-bloc-question-internaute-input {
    float: left;
}

.fo-live-interface-teaser-bloc-question-internaute-input-left {

    float: left;
    margin-left: 23px;
}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose {

    border: 1px solid #DDD;
    height: 400px;
    overflow: auto;
    padding: 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose .fo-live-interface-teaser-bloc-question-internaute-deja-pose_bloc:nth-child(2n+2) {
    background: #e7e7e7;


}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose .auteur {
    display: block;
    text-align: right;
    font-weight: 600;
}

.fo-live-interface-teaser-bloc-question-internaute-deja-pose_bloc {
    border: 1px solid #DDD;
    padding: 5px;

    border-radius: 4px;
    margin-bottom: 5px;
}

.fo-live-internaute-teaser-alerte-conteneur {
    margin-left: 100px;
    margin-top: 50px;
}

.fo-live-internaute-teaser-alerte-conteneur-btn {

    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.fo-live-interface-ligne-zero-horiscroller {
    width: 640px;
}

.fo-live-interface-ligne-zero-horiscroller .scroll-text {
}

/*
#fo-live-interface-live-moderateur-liste a {
	display:block;
	border-bottom:1px #e1e1e1 dotted;
	color:#464358;
}

#fo-live-interface-live-moderateur-liste a:hover {
	background-color:#e1e1e1;
	text-decoration:none;
}
*/
#fo-live-interface-live-moderateur-contact {
    float: right;
    display: block;
    margin-bottom: 5px;
}

#fo-live-interface-live-moderateur-contact a {
    font-size: 0.9em;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------[BACKOFFICE]------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------*/
/*-------------[BACKOFFICE Menu]------------------*/
/*------------------------------------------------*/

.bo_menu_icones {

}

.bo_menu_icone_titre {
    text-align: center;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    font-weight: 500;
}

.bo_menu_carre {
    border: 0;
    height: 150px;
    width: 145px;
    float: left;
    margin: 5px;
    background-color: #ea4e08;
    border-radius: 5px;
    color: white;
    list-style: none;

}

.bo_menu_carre .bo_menu_icone_image {

    text-align: center;
    margin-top: 20px;
    margin-left: 40px;
}

.bo_menu_carre .bo_menu_icone_info {

    margin-top: 4px;
    height: 35px;
    width: 145px;
}

.bo_menu_icone_image_carre_nbre {

    width: 30px;
    height: 30px;
    margin-left: 115px;
    padding-left: 20px;
    font-size: 0.8em;
    background: url(../images/triangle-gris.png) no-repeat;
    color: inherit;
}

.bo_menu_rectangle {

    border: 0;
    height: 150px;
    width: 300px;
    float: left;
    margin: 5px;
    border-radius: 5px;
    background-color: #ea4e08;
    color: white;
    list-style: none;

}

.vert {
    background-color: #009417;
}

.violet {
    background: #5f3bbb;
}

.rose {
    background: #a202ae;
}

.jaune {
    background: #ffc40d
}

.bleu_marine {
    background-color: #152578;
}

.bleu {

    background-color: #2d89f0;
}

.rouge {

    background-color: #bc1c48;
}

.bo_menu_rectangle .bo_menu_icone_titre {

    text-align: left;
    font-size: 15px;
    display: block;
    float: left;
    margin-left: 5px;
}

.bo_menu_rectangle .bo_menu_icone_image {
    margin-left: 10px;
}

.bo_menu_rectangle .bo_menu_icone_image img {

    float: left;
    width: 50px;
    height: 30px;
    margin-top: 5px;
}

.bo_menu_icone_image_emissions_venir_nbre {

    width: 30px;
    height: 30px;
    margin-left: 260px;
    padding-left: 20px;
    font-size: 0.8em;
    background: url(../images/triangle-gris.png) no-repeat;
    color: inherit;
}

.bo_menu_rectangle .bo_menu_icone_info {

    margin-top: -7px;
    height: 36px;
    width: 300px;
}

.bo_menu_rectangle_info_live {

    height: 80px;
}


.bo_menu_rectangle_info_live ul {

    display: block;
    margin-top: 5px;
    margin-left: 80px;
    font-size: 0.8em;
    list-style: disc;

}

.bo_menu_icone_image_rectangle_nbre {

    width: 30px;
    height: 30px;
    margin-left: 260px;
    padding-left: 20px;
    font-size: 0.8em;
    background: url(../images/triangle-gris.png) no-repeat;
    color: inherit;
}

.bo_menu_icones a {

    text-decoration: none;
    color: white;
}


.bo_menu_icone_info {

    font-size: 10px;
    text-align: center;
    display: block;
    line-height: 10px;
    background-color: #282828;
    padding: 3px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}


.bo_menu_hover_color {
    background-color: #1c94c4;
}

/*------------------------------------------------*/
/*-------------[BACKOFFICE Menu SideBar]----------*/
/*------------------------------------------------*/

.bo_menu_sidebar {
    width: 320px;
    margin-bottom: 15px;
}

.bo_menu_side_bar_chaine_bloc {

    float: left;
    width: 120px;
    height: 115px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid black;
    cursor: pointer;
    color: white;
    -moz-box-shadow: 5px 5px 10px 1px #cfcfcf;
    -webkit-box-shadow: 5px 5px 10px 1px #CFCFCF;
    -o-box-shadow: 5px 5px 10px 1px #cfcfcf;
    box-shadow: 5px 5px 10px 1px #CFCFCF;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10);
}

.bo_menu_side_bar_chaine_bloc img {

    width: 120px;
    height: 115px;
}


.hp-sidebar-contact {
    color: #4d4d4d; /* #414353;*/
    font-size: 0.9em;
    width: 300px;
}

.bo_side_bar_menu_contact {

    font-size: 1.6em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bo_side_bar_menu_contact a {
    color: #000000;
}

.bo_side_bar_menu_contact_signature {

    margin-top: 117px;
    text-align: right;
    font-size: 0.8em;
}

.bo_side_bar_menu_contact_signature a {

    text-decoration: none;
    color: #4d4d4d; /*#414353;*/
}


/*------------------------------------------------*/
/*-------------[BACKOFFICE Menu Ajout Video]------*/
/*------------------------------------------------*/

.bo_menu_telechargement_externe .bo_menu_carre {

    background-color: #307cbc;
}

.admin_replay_select {

    width: 300px;
}

/*------------------------------------------------*/
/*-------------[BACKOFFICE Ajout Video]-----------*/
/*------------------------------------------------*/


.ajout-replay-conteneur {
    /*
	margin-bottom: 30px;
	 */
}

.ajout-replay-conteneur h1 {

    /*
margin-bottom:30px;
margin-left: 350px;
 */
}


.ajout-video-bloc {

    width: 680px;
}

#ajout-video-upload-infos {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

#ajout-video-etape1 {

    text-align: center;
}

.ajout-video-bloc-telechargement {
    border: 1px solid #bbbbbb;
    float: left;
    padding: 1px;
    position: relative;
    width: 211px;
    height: 211px;
    margin-top: 7px;
}

.ajout-video_bloc_input {
    float: right;
    margin-left: 90px;
}


.ajout-video-vignette {
    margin-top: 10px;
    border: 1px solid #bbbbbb;
    width: 211px;
    height: 211px;
    padding: 2px;
    float: left;
}

.ajout-video-vignette-bloc-btn {

    width: 170px;
    text-align: center;
    position: relative;
    margin-top: -60px;
    margin-left: 20px;
}


.ajout-video-under {
    width: 320px;
    float: left;
    margin-left: 50px;
    border: 1px solid #bbbbbb;
    padding: 10px;
    margin-top: 20px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}


.ajout-video-colonne-1 {
    /*
	margin-left:200px;
	width:245px;
	float:left;
	*/
}

.ajout-video-colonne-2 {
    /*
	margin-left:90px;
	float:left;
	width:450px;
	*/
}

.ajout-video-form {

    margin-bottom: 50px;
}

.ajout_video_text {
    width: 400px;
    float: left;
}

.ajout_video_text_input {

    margin-right: 25px;
    float: left;
}

.ajout-video-description {

    width: 315px;
    height: 150px;
}

.ajout_video_categorie_select {
    width: 320px;
    height: 30px;
}

.ajout-video-bloc-chaine-checkbox {
}

.ajout-video-bloc-pub-checkbox {
}

.ajout_video_bloc_button {
}

input.ajout_video_input {
}

div.ajout_video_input {
}

select.ajout_video_input {
}

textarea.ajout_video_input {
}

#ajout_video_submit_btn {
}

.text_tags_plugin {
}

.text-core .text-wrap textarea {

    border-radius: 5px;
    font-size: 1em;
    border-color: #BBB;

}

.text-core .text-wrap textarea, .text-core .text-wrap input {

    padding: 10px 5px 0 5px;
}

/* Fin textarea utilis? pour les tags */ /* Fin textarea utilis? pour les tags */

.ajout_video_text_input .multiselect {

    width: 320px;
    height: 100px;
}

#select_acces_video_ajout {
}


.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left;
    color: black;
    font-weight: 200;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
}

.ui-multiselect span.ui-icon {
    float: right
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 3px 0 3px 4px
}

.ui-multiselect-header ul {
    font-size: 0.9em
}

.ui-multiselect-header ul li {
    float: left;
    padding: 0 10px 0 0
}

.ui-multiselect-header a {
    text-decoration: none
}

.ui-multiselect-header a:hover {
    text-decoration: underline
}

.ui-multiselect-header span.ui-icon {
    float: left
}

.ui-multiselect-header li.ui-multiselect-close {
    float: right;
    text-align: right;
    padding-right: 0
}

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left
}

.ui-multiselect-checkboxes {
    position: relative /* fixes bug in IE6/7 */;
    overflow-y: scroll
}

.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 1px
}

.ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px
}

.ui-multiselect-checkboxes li {
    clear: both;
    font-size: 0.9em;
    padding-right: 3px
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 1px 0;
    text-decoration: none
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
    border: none
}

/* class Css sp?cifique au select multiple    *//* class Css sp?cifique au select multiple    *//* class Css sp?cifique au select multiple    */


/*------------------------------------------------*/
/*-----[BACKOFFICE Personnaliser Interface]-------*/
/*------------------------------------------------*/

.personnaliser_conteneur {

    margin-bottom: 30px;

}

.personnaliser_conteneur h1 {

    margin-bottom: 30px;
    margin-left: 350px;
}

.ajout-video-vignette {
    margin-bottom: 30px;
}

.ajout-video-vignette .personnaliser_vignette_button {
    width: 190px;
    text-align: center;
    position: relative;
    margin-top: -60px;
    margin-left: 10px;
}


.ajout-video-vignette .personnaliser_vignette_button a {
}

/* select de la page personnalisation de l'interface */
.personnaliser_conteneur select {
    width: 324px;
    height: 30px;
}


.personnaliser_interface_tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 70%;
    margin-top: 26px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}


.personnaliser-colonne-1 {
    /*margin-left:200px;*/
    margin-left: 100px;
    width: 211px;
    float: left;
}

.personnaliser-colonne-1 .ajout-video-vignette {
    padding: 2px;
}

.personnaliser-colonne-2 {
    padding-top: 5px;
    margin-left: 90px;
    float: left;
    width: 450px;
}

.personnaliser_ui_bloc_image_apercu {
    border: 1px solid #bbbbbb;
    width: 315px;
    height: auto;;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}

.personnaliser_ui_button_bloc {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 330px;
}


/*------------------------------------------------*/
/*-----[BACKOFFICE Ajout Chaine]------------------*/
/*------------------------------------------------*/


.chaine-colonne-1 {
    margin-left: 10px;
    width: 211px;
    float: left;
}

.chaine-colonne-1 .ajout-video-vignette {
    padding: 2px;
}

.chaine-colonne-2 {

    margin-top: 3px;
    margin-left: 40px;
    float: left;
}

.chaine-ajout-bloc-btn {

    margin-top: 18px;
    margin-left: 230px;
}

#chaine_ajout_textarea_descriptif {
    width: 100%;
    height: 200px;
}


/*------------------------------------------------*/
/*-----[BACKOFFICE Ajout Programmation]-----------*/
/*------------------------------------------------*/


.ajout_programmation_conteneur_tabs {

    padding: 10px;
    margin-left: 50px;
}

.ajout_programmation_colonne1 {
    width: 463px;
    float: left;
    margin-top: -10px;
}

.ajout_programmation_colonne2 {
    float: left;
}

.ajout_programmation_colonne1 .ajout-video-vignette {

    margin-left: 50px;
}

.ajout_programmation_colonne2 .date {
    width: 150px;
    height: 30px;
    margin-top: -7px;
}

.heure {
    width: 65px;
    height: 30px;
}


.ajout_programmation_textearea {
    width: 315px;
    height: 150px;
}

.ajout_programmation_textearea2 {

    width: 315px;
    height: 50px;
}

.programmation_tabs_ui_button_bloc {

    margin-top: 50px;
    width: 330px;
}

.programmation_tabs_ui_button_bloc_btn {

    margin-left: 232px;
}

.programmation_participant_tabs_ui_button_bloc_btn {

}

.programmation_ajout_bloc_quitter_btn {

    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.programmation_participant_tabs_ui_button_bloc {

    margin-top: 10px;
}

.programmation_participant_tabs_ui_button_bloc_btn {

    margin-left: 170px;
    margin-top: 10px;
}


.programmation_participation_bloc_detail {

    margin-left: 50px;
    margin-top: 80px;
}

.programmation_participation_bloc_detail_photo {
    float: left;
    margin-bottom: 10px;

}

.ajout_programmation_colonne2_participant_civilite {

    width: 120px;
}


.programmation_participation_bloc_detail_texte {
    float: left;
    text-align: justify;
    margin-bottom: 10px;
    margin-left: 20px;
    border: 1px solid #bababa;
    width: auto;
    padding: 5px;
    /*	height: 64px;*/

    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;

}

.programmation_participation_bloc_detail_nom_prenom {

    font-weight: 600;
}

.programmation_participation_bloc_detail_btn {

    float: left;
    padding: 8px;
    background-color: #bababa;
    color: #000000;

    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;

}

.ajout_programmation_colonne2_teasing {
    margin-left: 250px;
}

.ajout_programmation_colonne2_teasing_previsualistion_btn {
    margin-top: 50px;
}

.ajout_programmation_colonne2_teasing_alert_select {
    float: right;
    clear: both;
}

#vdo_txt_alerte {
    width: 580px;
    height: 200px;
    overflow: auto;
}

.programmation_teasing_tabs_ui_button_bloc {
    margin-top: 180px;
    width: 250px;
}

.programmation_teasing_tabs_ui_button_bloc_btn {

    float: right;
}

.ajout_programmation_document_details_bloc {
    width: 500px;
    border: 1px solid #bbbbbb;
    padding: 20px;
    border-radius: 5px;
    overflow: auto;
    height: 300px;
    margin-left: -200px;
}

.ajout_programmation_sondage_details_bloc {
    width: 460px;
    border: 1px solid #bbbbbb;
    padding: 20px;
    border-radius: 5px;
    overflow: auto;
    height: 300px;
    /*margin-left: -90px;*/
    margin-top: -6px;
}


.ajout_programmation_document_telechargement_btn {
    margin-left: 50px;
    margin-top: 120px;
}

.ajout_programmation_document_telechargement_btn .texte {
    font-size: 10px;
}

.ajout_programmation_sondage_telechargement_btn {
    margin-left: 2px;
    margin-top: 20px;
    width: 320px;
}

.programmation_sondage_tabs_ui_button_bloc_btn {
}


.ajout_programmation_document_icone {
    float: left;
    margin-top: -5px;

}

.ajout_programmation_document_titre {
    float: left;
    margin-left: 5px;
}

.ajout_programmation_document_taille {
    float: right;
    margin-bottom: 7px;
    margin-right: 10px;


}

.ajout_programmation_document_btn {
    float: right;
    margin-bottom: 7px;
}

.ajout_programmation_teaser_textearea {

    width: 315px;
    height: 150px;
}

.ajout_programmation_embed_textarea {

    width: 430px;
    height: 80px;
}

.ajout_programmation_embed_select {

    width: 300px;
}

.ajout_programmation_embed_radio {
    font-size: 11px;
}

.programmation_embed_tabs_ui_button_bloc {

    margin-left: 452px;
    margin-top: 50px;
}

.ajout-programmation-vignette-participant {

    margin-top: 10px;
    border: 1px solid #bbbbbb;
    width: 211px;
    height: 211px;
    padding: 2px;
    float: left;
}

.ajout_programmation_datepicker_img {

    margin-left: 5px;
    margin-top: 2px;
}

.ajout_programmation_conteneur_tabs_titre {

    margin-left: 50px;
    margin-bottom: 50px;
}

.ajout_programmation_conteneur_tabs_titre_teasing {
    margin-bottom: 50px;
}


.ajout_programmge_teasing_tiret {

    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 870px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.ajout_programmation_conteneur_tabs_titre_embed {
    margin-bottom: 30px;
}

.ajout_programmation_document_blocs {

    margin-bottom: 20px;
    border-bottom: 1px solid #bbbbbb;
    width: 100%;
    position: relative;
    display: block;

}

.ajout_programmation_sondage_blocs {

    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbbbbb;
    position: relative;
    display: block;

}

.ajout_programmation_sondage_blocs .intitule {
    float: left;
    width: 200px;
    font-weight: bold;
}

.ajout_programmation_sondage_blocs .question {
    float: left;
    margin-left: 30px;
}

.ajout_programmation_sondage_blocs .icone {
    float: right;
}

.ajout_programmation_colonne2_select_embed {

    margin-left: 80px;
    margin-top: 5px;
}


.ajout_programme_recap {

    width: 990px;
    margin-top: 30px;
    text-align: justify;
}

.ajout_programme_recap p {

    margin-left: 100px;
}


/*------------------------------------------------*/
/*-----[BACKOFFICE Conso]-------------------------*/
/*------------------------------------------------*/

.bo_admin_conso_admin {

    margin-top: 30px;
    width: 440px;
    float: left;
    padding-right: 10px;
}

.bo_admin_conso_clients {

    margin-top: 30px;
    width: 500px;
    float: left;
    margin-left: 30px;
}

.bo_admin_conso_admin_tabs {
    margin-right: 32px;
}

.bo_admin_conso_admin_tableau_client {
    margin-bottom: 50px;
}

.bo_admin_conso_client_btn_extraire_base {

    margin-top: -4px;
}

.bo_admin_conso_finance {

    margin-bottom: 30px;
    width: 500px;
    float: left;
    padding-right: 10px;
    margin-left: 40px;
}

.bo_admin_conso_contact {

    margin-bottom: 30px;
    width: 440px;
    float: left;
}


.bo_admin_conso_admin_gauche {
    float: left;
    width: 200px;
}

.bo_admin_conso_admin_droite {

    float: right;
    margin-right: 20px;
    margin-top: 7px;
}


.bo_admin_conso_admin_bloc {

    margin-bottom: 30px;
}

.bo_admin_conso_admin_droite_btn {

    margin-right: 10px;
    float: right;
}


.bo_admin_conso_client_bloc_extraire_base {

    margin-top: 30px;
    margin-left: 40%;
    margin-bottom: 30px;
}

.bo_admin_conso_client_img_extraire_base {

    float: left;
    margin-top: -3px;
}

.bo_admin_conso_finance_bloc_texte {

    border: 1px solid #bbbbbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: justify;
}

.bo_admin_conso_contact_bloc {

    border: 1px solid #bbbbbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 70px;
    margin-bottom: 10px;
    margin-left: 20px;
    width: 370px;
    text-align: center;

}

.bo_admin_conso_info_btn_achat {

    margin-left: 360px;
    margin-top: 10px;
}

.bo_admin_conso_contact_bloc_tel {

    font-size: 1.4em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #4d4d4d;
}


.bo_admin_donnees_client_user_type_bloc {
    margin-left: 200px;
    width: 400px
}

.bo_admin_donnees_client_user_type_bloc_gauche {
    float: left;
    width: 200px;
}

.bo_admin_donnees_client_user_type_bloc_droite {
    float: left;
    margin-left: 10px;
}

.bo_admin_conso_client_bloc_conversation_moderation a {
    position: relative;
}

.bo_admin_conso_client_bloc_conversation_moderation a:hover {
    text-decoration: none;
}

.bo_admin_conso_client_bloc_conversation_moderation img {
    position: absolute;
    top: -3px;
    left: -30px;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE Achat Conso]-------------------*/
/*------------------------------------------------*/

.bo_admin_conso_achat_conteneur {
    width: 100%;
    margin-bottom: 30px;
}

.bo_admin_conso_achat_conteneur_gauche {

    float: left;
    width: 450px;
}

.bo_admin_conso_achat_conteneur_droit {

    float: left;
    margin-left: 30px;
    width: 510px;
}

.bo_admin_conso_achat_bloc_texte {

    text-align: justify;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bo_admin_conso_achat_bloc_achat {

    width: 100%;
}

.bo_admin_conso_achat_bloc_paiement {

    margin-top: 100px;
    margin-bottom: 40px;
}

.bo_admin_conso_achat_bloc_achat_bloc_btn_radio {

    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bo_admin_conso_achat_bloc_achat_bloc_btn_radio_gauche {
    float: left;
    width: 250px;
    margin-bottom: 10px;
    margin-left: 75px;
}

.bo_admin_conso_achat_bloc_achat_bloc_btn_radio_gauche_select_label {

    float: left;
    margin-left: 50px;
}

.bo_admin_conso_achat_bloc_achat_bloc_btn_radio_droite {
    float: left;
    margin-bottom: 10px;
    margin-left: 30px;
}

.bo_admin_conso_achat_bloc_achat_bloc_total {

    margin-left: 125px;
    border-top: 1px solid #DDD;
    margin-right: 20px;
    padding-top: 10px;
    width: 350px;

}

.bo_admin_conso_achat_bloc_achat_bloc_total_somme {
    float: right;
    margin-right: 5px;
}

.ht {
    font-size: 1em;
    font-weight: bold;
    margin-right: 1px;
}


.bo_admin_conso_achat_bloc_achat_bloc_input_nbre {

    width: 55px;
    font-size: 15px;
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;

}

.bo_admin_conso_achat_bloc_promo {

    margin-bottom: 30px;
}

.bo_admin_conso_achat_bloc_promo a {
    display: block;
    margin-bottom: 10px;
}

.bo_admin_conso_achat_bloc_achat_bloc_contact {

    border: 1px solid #bbbbbb;
    width: 400px;
    height: 50px;
    padding: 10px;
    text-align: center;
    margin-left: 15px;
    margin-top: -150px;
    display: block;
    position: absolute;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bo_admin_conso_achat_bloc_achat_bloc_paiement_promo .heure {
    font-size: 15px;
}

.bo_admin_conso_achat_bloc_achat_bloc_paiement_btn_carte {

    margin-left: 100px;
    float: left;
    margin-top: 30px;
}

.bo_admin_conso_achat_bloc_achat_bloc_paiement_btn_paypal {

    float: left;
    margin-left: 100px;
    margin-top: 30px;
}


.select_achat_conso {

    width: 60px;
}

.bo_admin_conso_achat_bloc_achat_bloc_btn_radio_gauche_select {

    float: right;
    margin-top: -7px;
}

.bo_admin_conso_achat_bloc_achat_bloc_input_code_promo {

    float: right;
    margin-top: -13px;
}

.bo_admin_statistique_bloc_abonnes_bloc_droite_btn {
    margin-bottom: 50px;
}


/*------------------------------------------------*/
/*-----[BACKOFFICE Statistique]-------------------*/
/*------------------------------------------------*/


.bo_admin_statistique_bloc_searchbar {

    width: 100%;
    text-align: justify;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 20px;
}

.bo_admin_statistique_bloc_searchbar p {

    padding-bottom: 10px;
    margin-right: 30px;
}

.bo_admin_statistique_bloc_searchbar_titre {
    text-align: center;
    font-size: 18px;
}


#bo_admin_statistique_search_bar {
    width: 100%;
    padding: 5px;
    outline: none;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, Verdana, sans-serif;
    margin-right: 50px;
}


.bo_admin_statistique_bloc_vuenbre_bloc {

    margin-bottom: 30px;
    margin-top: 10px;
    margin-right: 30px;
}

.bo_admin_statistique_bloc_vuenbre_select {
    float: left;
    margin-left: 200px;
}

.bo_admin_statistique_bloc_vuenbre_datedebut {
    float: left;
    margin-left: 40px;
    margin-top: 3px;
}

.bo_admin_statistique_bloc_vuenbre_datefin {
    float: left;
    margin-left: 100px;
    margin-top: 3px;
}

.bo_admin_statistique_btn_filtre {
    margin-left: 50px;

}

.bo_admin_statistique_bloc_vuenbre_datedebut .date {

    width: 150px;
    height: 30px;
    margin-top: -7px;
}

.bo_admin_statistique_bloc_vuenbre_datefin .date {

    width: 150px;
    height: 30px;
    margin-top: -7px;
}

.bo_admin_statistique_bloc_vuenbre_date_img {

    margin-left: 5px;
    margin-top: 2px;
}

.bo_admin_statistique_bloc_vuenbre_select #titi {
    width: 150px;
}

.bo_admin_statistique_bloc_vuenbre_cadrestat {

    width: 100%;
    height: 300px;
    border: 1px solid #bbbbbb;
    margin-top: 10px;
    margin-bottom: 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.bo_admin_statistique_bloc_vuenbre_cadrestat_select {


    margin-left: 870px;
    margin-top: 170px;
}


.bo_admin_statistique_bloc_participation_bloc {

    margin-bottom: 30px;
    margin-top: 30px;
}

.bo_admin_statistique_bloc_participation_bloc_btn_comments {

    margin-left: 50px;
}

.bo_admin_statistique_bloc_participation_bloc_btn_favoris {

    margin-left: 50px;
}


.bo_admin_statistique_bloc_top_bloc {

    /*	margin-bottom: 30px;
	margin-top: 30px; */
    float: left;
    margin-bottom: 10px;

}

.bo_admin_statistique_bloc_top_table_conteneur {
    width: 100%;
}

.bo_admin_statistique_bloc_top_bloc .fg-toolbar {
    /*visibility: hidden;*/
    display: none;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}


#TableStat .titre {
    text-align: center;
}


#TableStat th {

    border-right: 1px solid #CCC;
    padding-left: 5px;
}

#TableStat {

    border: 1px solid #CCC;
}

.bo_admin_statistique_bloc_abonnes_bloc {
    /*margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 30px;*/
    width: 100%;
    float: left;

}

.bo_admin_statistique_bloc_abonnes_bloc_liste {

    list-style-type: disc;
    list-style-position: inside;

}

.bo_admin_statistique_bloc_abonnes_bloc_gauche {

}

#stat_liste_rech {

    margin-bottom: 30px;
}

.bo_admin_statistique_bloc_abonnes_bloc_droite {
    float: right;
    clear: both;
    margin-top: 10px;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE Personnalisation]----------*/
/*------------------------------------------------*/

.bo-admin-personnalisation_a_propos {
    width: 100%;
    height: 260px;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE Mod?rateur Interface]----------*/
/*------------------------------------------------*/

.bo-admin-interface_moderateur_tabs_colonne1 {
    float: left;
    padding: 10px;
}

.bo-admin-interface_moderateur_tabs_colonne2 {
    float: left;
    margin-left: 5px;
    text-align: center;
    width: 360px;

}


#bo-admin-interface_moderateur_tabs {
    background-color: #f0f0f0;
    height: 740px;
    overflow: auto;
}

#bo-admin-interface_moderateur_tabscol2 {

    height: 300px;
    width: 400px;
    overflow: auto;
}

#bo-admin-interface_moderateur_tabscol2 .bo-admin-interface_moderateur_tabscol2-2-bloc-thematique:nth-child(2n+2) {
    background: #e7e7e7;
    margin-top: 26px;
}


.bo-admin-interface_moderateur_tab_bloc_question {


}

#bo-admin-interface-moderateur-questions .questionBloc {
    /*border: 1px solid #bbbbbb;*/
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

    -moz-box-shadow: 3px 3px 5px 0 #cfcfcf;
    -webkit-box-shadow: 3px 3px 5px 0 #cfcfcf;
    -o-box-shadow: 3px 3px 5px 0 #cfcfcf;
    box-shadow: 3px 3px 5px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#bo-admin-interface-moderateur-questions .questionBloc:nth-child(odd) {
    background-color: #ffffff;
}

#bo-admin-interface-moderateur-questions .questionBloc:nth-child(even) {
    background-color: #fff5f1;
}


#bo-admin-interface-live-question_cur_status {
    /*width:100%;*/
    height: 30px;
}

.bo-admin-interface_moderateur_tab_bloc_question_texte {
    float: left;
    margin-left: 5px;
    width: 300px;
    min-height: 82px;
    color: #484848;
    font-family: 'Helvetica', 'Arial', 'sans-serif';
}

.bo-admin-interface_moderateur_tab_bloc_question_nom {
    font-weight: 700;
    font-size: 0.9em;
    margin-left: 0;
}

.bo-admin-interface_moderateur_tab_bloc_question_date {
    font-style: italic;
    font-size: 0.9em;
    margin-left: 0;
}

.bo-admin-interface_moderateur_tab_bloc_question_auteur {

}

.moderation_block_question_btn,
.question_edit_click {
    width: 120px;
    text-align: center;
    margin-top: 5px;
}

.moderation_block_question_btn span.ui-button-text,
.question_edit_click span.ui-button-text {
    font-weight: normal;

}

.bo-admin-interface_moderateur_tab_bloc_question h4 {
    margin: 0;
}

.editable button {
    background-color: #000000;
    color: #ffffff;
    margin-right: 10px;
    border: 1px;
    border-radius: 5px;
}

.editable textarea {
    width: 500px;;
}

.moderation_block_question_btn.selected,
.question_edit_click.selected {
    background-color: #12a1f0;
    color: #000000;
    border: 1px solid #12a1f0;
}


.bo-admin-interface_moderateur_tab_bloc_question_select_bloc {
    position: relative;
    top: 5px;
    float: left;
}

.select_moderation_question {
    background-color: rgba(10, 10, 10, 0.1);
    padding-left: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
}

.select_moderation_question .ui-button-text {
    padding: 2px;
}


.select_moderation_question span {
    font-size: 12px;
}

.bo-admin-interface_moderateur_tab_bloc_question_icone_bloc {

    margin-top: 0;
    float: right;
    margin-left: 10px;
}

.bo-admin-interface-moderateur-select-question-priorite {

    width: 110px;
}

.bo-admin-interface_moderateur_tabs_colonne_btn {

    width: 100px;
}

.bo-admin-interface_moderateur_tabs_colonne_btn span {

    text-align: center;
}

.bo-admin-interface_moderateur_chat-connectes-lst-bloc a {
    display: block;
    border-bottom: 1px dotted #e1e1e1;
    color: #4d4d4d;
    text-decoration: none;
}

.bo-admin-interface_moderateur_chat-connectes-lst-bloc a:hover {
    display: block;
    border-bottom: 1px dotted #e1e1e1;
    background-color: #e1e1e1;
    color: #4d4d4d;
    text-decoration: none;
}


.bo-admin-interface_moderateur_tabs_colonne_chat-msg-bloc {
    border-bottom: 1px dotted #e1e1e1;
}

.bo-admin-interface_moderateur_tabs_colonne_chat-msg-bloc a {
    color: #4d4d4d;
    text-decoration: none;
}

.bo-admin-interface_moderateur_tabs_colonne_chat-msg-bloc .pseudo {
}

.bo-admin-interface_moderateur_tabs_colonne_chat-msg-bloc .time {
}

.bo-admin-interface_moderateur_tabs_thematique_input {
    width: 260px;
    height: 30px;
    font-size: 15px;
}

.bo-admin-interface_moderateur_tabscol2-2-bloc-thematique {

    border: 1px solid #bbbbbb;
    width: 283px;
    padding: 5px;
    margin-top: 5px;
    float: left;

}

.bo-admin-interface_moderateur_tabscol2-2-bloc-thematique .doc-image, .doc-titre {

    float: left;
    margin-left: 10px;
}

.bo-admin-interface_moderateur_tabscol2-2-bloc-thematique .doc-taille {
    float: right;
}

.bo-admin-interface_moderateur_tabscol2-2-bloc-thematique .doc-taille, .doc-titre {

    margin-top: 5px;
}

.bo-admin-interface_moderateur_tabscol2-2-bloc-thematique-titre {

    margin-left: 10px;
}

.bo-admin-interface_moderateur_tabs_colonne_docuement_btn-chargement {

    margin-top: 10px;
}

.bo-admin-interface_moderateur_tabs_colonne_docuement_btn-chargement span {
    font-size: 10px;
}

.bo-admin-interface_moderateur_tabscol2-2-bloc-thematique-_bloc_btn {

    float: right;
    margin-right: 15px;
    margin-top: 5px;

}

.bo-admin-interface_moderateur_tabs_colonne_chat_bloc {


    border: 1px solid #DDD;
    height: 740px;

    width: 400px;
    margin-bottom: 5px;

    overflow: auto;

}

#bo-admin-interface_moderateur_tabscol2-3 .bo-admin-interface_moderateur_tabscol2-2-bloc-thematique-_bloc_btn {

    float: right;
    margin-right: 15px;
    margin-top: 10px;
}


.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_titre {

    height: 32px;
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 2px;
    margin-left: 2px;
    background-color: #000000; /*#ff7801;*/

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 399px;
}

.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_discussion {
    float: left;

    border: 1px solid #bbbbbb;
    height: 300px;
    width: 100%;

    text-align: left;

    overflow: auto;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    padding: 5px;
}

.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_radio {

    float: left;
    text-align: left;
    margin-top: 100px;
    margin-left: 10px;
}

.bo-admin-interface_moderateur_tabs_colonne_chat_btn_radio {
    margin-left: -4px;
}

.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_message {

    margin-top: 5px;
    padding: 5px;

}

.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_message-gauche {
    float: left;
}

.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_message-droite {
    float: right;
    margin-top: 9px;

}

.bo-admin-interface_moderateur_tabs_colonne_chat_input {
    width: 300px;
    height: 30px;
    font-size: 15px;
}

.bo-admin-interface_moderateur_tabs_colonne_video_bloc {

}

/*
.bo-admin-interface_moderateur_tabs_colonne_chat_bloc_titre_encadre{

	border-top: 1px solid #FBD850;
	border-left: 1px solid #FBD850;
	border-right: 1px solid #FBD850;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	width: 80px;
	height: 26px;
	text-align: center;
	background: #f7f7f7;

	font-weight: bold;
	padding-top: 5px;
}
*/

/*------------------------------------------------*/
/*---------[BACKOFFICE Live Interface Invite]-----*/
/*------------------------------------------------*/
.bo-admin-interface-invite-gauche {
    float: left;
    width: 75%;
    height: 100%;
    margin-right: 0;
}

.bo-admin-interface-invite-droite {
    float: left;
    text-align: center;
    width: 25%;
    height: 100%;
    margin-left: 0;
}

.bo-admin-interface-invite-bloc-under-question-nbre {
    font-size: 1.7em;
}

.bo-admin-interface-invite-droite p {

}

.bo-admin-interface-invite-droite p a.ui-button {
    width: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bo-admin-interface-invite-droite p a.ui-button span {
    text-align: center;
}

.bo-admin-interface-invite-droite p select {
    width: 80%;
}

.bo-admin-interface-invite-bloc-question {
    width: 100%;
    height: 100%;
    background: black;

    color: white;

    /**-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;**/

    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    font-size: 2em;

    overflow: auto;
}

.bo-admin-interface-invite-bloc-question-auteur {
    position: fixed;
    bottom: 10px;
}

.bo-admin-interface-invite-ligne-zero {
}

.bo-admin-interface-invite-bloc-question-texte {
    width: 100%;
    padding-top: 10px;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE Interface Live]----------------*/
/*------------------------------------------------*/
#bo-admin-interface-live-conteneur {
    /*width:1080px;*/
}

.bo-admin-interface-live-bloc-envoi-interactif {
    /*width:400px;*/
}


.bo-admin-interface-live-bloc-question {

    background: black;

    color: white;

    padding: 10px;

    overflow: auto;
}

.bo-admin-interface-live-bloc-question-texte {

    line-height: 100%;
}

.bo-admin-interface-live-bloc-question-auteur {
    margin-top: 200px;
    text-align: right;
    text-transform: uppercase;
    padding-right: 10px;

}

.bo-admin-interface-live-bloc-under-question {

    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bo-admin-interface-live-bloc-under-question-btn-diffuser {
    margin-right: 20px;
}

.interface-live-question-diffuser-btn {
    width: 100px;
    text-align: center;
}

.interface-live-question-diffuser-btn span {
}

.bo-admin-interface-live-bloc-under-question_bloc_boutton {
    float: right;
    margin-right: 13px;
}

.bo-admin-interface-live-bloc-under-question-btn-prec {
    margin-left: 5px;
}

.bo-admin-interface-live-bloc-under-question-btn-suiv {
    margin-right: 20px;
}

.bo-admin-interface-live-bloc-under-question-select {
    margin-right: 20px;
}

.bo-admin-interface-live-bloc-under-question-select select {
    width: 140px;
}


.bo-admin-interface-live-bloc-under-question-btn-supp {
    margin-left: 5px;
}

.bo-admin-interface-live-bloc-under-question-nbre {
    font-size: 2em;
    float: left;
    margin-top: 5px;
}


.bo-admin-interface-live-bloc-video {

    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: black;
    padding: 10px;
}

.bo-admin-interface-live-bloc-video-select select {
    width: 130px;
}

.bo-admin-interface-live-bloc-video-texte {

    text-align: center;
    margin-top: 100px;
    font-size: 2em;
    color: white;
}

.bo-admin-interface-live-bloc-under-video {

    margin-top: 10px;
}

.bo-admin-interface-live-bloc-under-video-select {
    float: left;
}

.bo-admin-interface-live-bloc-under-video-select-doc {
    float: right;
}

.bo-admin-interface-live-bloc-under-video-select select {
    width: 230px;

}


#fluxVideoDetecte {
    margin-top: 5px;
}

.bo-admin-interface-live-record-btn {
    width: 238px;
}

.bo-admin-interface-live-gamification-btn {
    width: 120px;
}

.bo-admin-interface-live-bloc-above-video-time .hour-auto-update {
    line-height: 1.5;
    width: 130px;
    padding: 7px;
    border: 1px solid #333;
    color: #000000;
    border-radius: 5px;
    text-align: center;
}


.bo-admin-interface-live-bloc-above-video-time .hour-auto-update span {

    font-size: 1.2em;
    text-align: center;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    /**text-shadow:0 0 5px #00c6ff; A UTILISER SI COLOR=WHITE, RESULTAT=EFFET BRILLANCE **/
}

.hour-auto-update-point {
    position: relative;
    -moz-animation: mymove 1s ease infinite;
    -webkit-animation: mymove 1s ease infinite;
}

/* Simple Animation */
@-webkit-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
    50% {
        opacity: 0;
        text-shadow: none;
    }
    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
}

@-moz-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
    50% {
        opacity: 0;
        text-shadow: none;
    }
    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
}

/*------------------------------------------------*/
/*-----[BACKOFFICE Developpeur ]------------------*/
/*------------------------------------------------*/

.bo_admin_developpeur_cle_api {

    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 170px;
    font-size: 16px;
}

.bo_admin_developpeur_cle_api_bloc_texte {

    text-align: justify;
    margin-right: 30px;
    margin-bottom: 150px;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE FAQ]---------------------------*/
/*------------------------------------------------*/


.bo-admin-faq-accordeon {

    width: 97%;
}

.bo-admin-faq-ul li {

    border: 1px solid #dddddd;
    font-weight: bold;
    color: black;
    margin-bottom: 1px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.bo-admin-faq-ul li:hover {

    background-color: black;
    color: white;
}


/*------------------------------------------------*/
/*-----[BACKOFFICE LISTE PUB]---------------------*/
/*------------------------------------------------*/

.bo_admin_pub_bloc_periode {

    margin-top: 50px;
    margin-bottom: 20px;
}

.bo_admin_pub_bloc_tableau {

    margin-right: 20px;
    margin-bottom: 50px;
}

.bo_admin_pub_bloc_datedebut {

    float: left;
    margin-left: 120px;
}

.bo_admin_pub_bloc_datefin {

    float: left;
    margin-left: 50px;
    margin-right: 40px;
}

#bo_admin_pub_bloc_datedebut_input {

    width: 150px;
    height: 30px;
    margin-top: -7px;
    font-size: 15px;
}

#bo_admin_pub_bloc_datefin_input {

    width: 150px;
    height: 30px;
    margin-top: -7px;
    font-size: 15px;
}


.bo_admin_pub_bloc_date_img {

    margin-left: 5px;
    margin-top: 2px;
}

#TablePub .titre {
    text-align: center;
}

#TablePub.dataTable {

    margin: 0 auto;
    clear: both;
    width: 664px;
    border-collapse: collapse;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE AJOUT PUB]---------------------*/
/*------------------------------------------------*/


.ajout-pub-colonne-1 {
    margin-left: 100px;
    float: left;
    margin-top: 15px;
    width: 350px;
}

.ajout-pub-colonne-2 {
    float: left;
    margin-left: 50px;
    margin-top: 24px;
}

.ajout-pub-tiret {
    background-color: rgba(180, 180, 180, 0.88);
    height: 1px;
    width: 80%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 30px;
}

#pubAjoutForm .user_creation_photo {

    border: none;
}

.bo-admin-pub-ajout-input-video {

    width: 250px;
}

#pubAjoutForm .ajout-video-bloc-chaine-checkbox input {
    text-align: left;
}

#bo_admin_pub_ajout_input_nbre_max_aff {
}


.bo_admin_pub_ajout_input_nbre_max_aff_input {
    height: 30px;
    width: 80px;
    font-size: 1.1em;
}

.ajout-pub-colonne-2 input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin-top: 8px;
}

.bo_admin_pub_ajout_select {
    width: 325px;
}


#bo_admin_pub_ajout_datedebut_input {

    width: 150px;
    height: 30px;
    font-size: 1.1em;
    margin-top: -5px;
    margin-left: 10px;
}

#bo_admin_pub_ajout_datefin_input {

    width: 150px;
    height: 30px;
    font-size: 1.1em;
    margin-top: -5px;
    margin-left: 30px;
}

.ajout-pub-bloc-chaine-checkbox {

    border: 1px solid #BBB;
    width: 315px;
    padding: 5px;
    overflow: auto;
    height: 170px;
    margin-top: 7px;


    background: #F2F2F2;
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 45%, rgba(234, 234, 234, 1) 49%, rgba(254, 254, 254, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(45%, rgba(242, 242, 242, 1)), color-stop(49%, rgba(234, 234, 234, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 45%, rgba(234, 234, 234, 1) 49%, rgba(254, 254, 254, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 45%, rgba(234, 234, 234, 1) 49%, rgba(254, 254, 254, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 45%, rgba(234, 234, 234, 1) 49%, rgba(254, 254, 254, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 45%, rgba(234, 234, 234, 1) 49%, rgba(254, 254, 254, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fefefe', GradientType=0);
}

.ajout-video-bloc-chaine-checkbox_input {

    /*float: left;*/
}

.ajout_pub_bloc_button {

    margin-bottom: 30px;
    float: right;
}

/*------------------------------------------------*/
/*-----[BACKOFFICE Emission Venir Passer]---------*/
/*------------------------------------------------*/


#TableEmissionVenir, #TableEmissionPasser, .titre {

    text-align: center;
}

.bo_admin_emission_bloc_tableau {

    margin-right: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
}

/*------------------------------------------------*/
/*------ UTILISATEUR SUPPRESSION PROFIL ----------*/
/*------------------------------------------------*/

#user_del_link {
    margin-top: 20px;
    text-align: right;
    font-size: 0.8em;
}

#user_del_link a {
    font-size: inherit;
}

/*----------------------------------*/
/*------ VIDEOS CHAPITRES ----------*/
/*----------------------------------*/

.v_viewer_bloc_chapitres {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.v_viewer_bloc_chapitres .chapitre_btn {
    display: block;
    float: left;
    width: 100px;
    padding: 4px;
    border-radius: 3px;
    background-color: #000000;
    margin-right: 10px;
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto', 'Arial', sans-serif;
    font-size: 10px;
    cursor: pointer;
    line-height: 1em;
}

.v_viewer_bloc_chapitres .chapitre_btn:hover {
    opacity: 0.5;
}

.v_viewer_bloc_chapitres .chapitre_btn .timecode {
    font-size: 9px;
    position: absolute;
}

/*FILDARIANE*/
.fil-ariane {
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 15px;
    clear: both;
    margin-left: 5px;
}


.licence-master-synergie-choice {
    position: absolute;
    margin-left: 100px;
    text-align: left;
    z-index: 1000;
}

.licence-master-synergie-choice select {
    width: 250px;
}

.ubiquity-chat-msg-conteneur {

    padding: 3px;

}

.ubiquity-chat-msg-conteneur:nth-child(even) {
    background: #eeeeee
}

.ubiquity-chat-msg-conteneur:nth-child(odd) {
    background: #FFF
}

.ubiquity-chat-msg-time {
    font-size: 0.8em;
}

/*Container-edit*/

#mediasList ul.list-unstyled li.media:hover {
    background-color: #d7dcff;
}

#containerEditDisplayRules label:hover,
#containerEditDisplayRules label:hover {
    cursor: pointer;
}

#containerEditDisplayRulesSeparator {
    border-bottom: 1px solid rgba(0, 0, 0, .125);;
}

/*Barre de progression circulaire (cf https://nosmoking.developpez.com/demos/css/gauge_circulaire.html)*/

.progress-circle {
    position: relative; /* pour servir de r?f?rent */
    box-sizing: border-box; /* prise en compte bordure dans la dimension */
    font-size: 6em; /* pour d?finir les dimensions */
    width: 1em; /* fixe la largeur */
    height: 1em; /* fixe la hauteur */
    border-radius: 50%; /* rendu aspect circulaire */
    border: .15em solid #CDE; /* couleur de fond de l'anneau */
    background-color: #FFF; /* couleur de fond de la progress bar */
}

.progress-masque {
    position: absolute;
    width: 1em; /* 100% de la largeur */
    height: 1em; /* 100% de la hauteur */
    left: -.15em; /* d?calage de la largeur bordure de la gauge */
    top: -.15em; /* 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-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-barre,
.progress-sup50 {
    position: absolute;
    box-sizing: border-box; /* prise en compte bordure dans la dimension */
    border-width: .15em; /* largeur bordure de la gauge */
    border-style: solid;
    border-color: #069;
    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-sup50 {
    display: none;
    clip: rect(0, 1em, 1em, .5em);
}

.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:after {
    content: attr(data-value) "%"; /* r?cup. valeur de progression */
    font-size: 0.15em; /* taille de la font en % du parent */
    height: 100%; /* centrage dans le parent */
    display: flex;
    align-items: center;
    justify-content: center;

    /*-- pour effet shadow int?rieur --*/
    border-radius: 50%;
    box-shadow: 0 0 .5em rgba(0, 0, 0, .5) inset;
}

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

.progress-circle[data-value="0.1"] .progress-barre {
    transform: rotate(0.36deg)
}

.progress-circle[data-value="0.2"] .progress-barre {
    transform: rotate(0.72deg)
}

.progress-circle[data-value="0.3"] .progress-barre {
    transform: rotate(1.08deg)
}

.progress-circle[data-value="0.4"] .progress-barre {
    transform: rotate(1.44deg)
}

.progress-circle[data-value="0.5"] .progress-barre {
    transform: rotate(1.80deg)
}

.progress-circle[data-value="0.6"] .progress-barre {
    transform: rotate(2.16deg)
}

.progress-circle[data-value="0.7"] .progress-barre {
    transform: rotate(2.52deg)
}

.progress-circle[data-value="0.8"] .progress-barre {
    transform: rotate(2.88deg)
}

.progress-circle[data-value="0.9"] .progress-barre {
    transform: rotate(3.24deg)
}

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

.progress-circle[data-value="1.1"] .progress-barre {
    transform: rotate(3.96deg)
}

.progress-circle[data-value="1.2"] .progress-barre {
    transform: rotate(4.32deg)
}

.progress-circle[data-value="1.3"] .progress-barre {
    transform: rotate(4.68deg)
}

.progress-circle[data-value="1.4"] .progress-barre {
    transform: rotate(5.04deg)
}

.progress-circle[data-value="1.5"] .progress-barre {
    transform: rotate(5.40deg)
}

.progress-circle[data-value="1.6"] .progress-barre {
    transform: rotate(5.76deg)
}

.progress-circle[data-value="1.7"] .progress-barre {
    transform: rotate(6.12deg)
}

.progress-circle[data-value="1.8"] .progress-barre {
    transform: rotate(6.48deg)
}

.progress-circle[data-value="1.9"] .progress-barre {
    transform: rotate(6.84deg)
}

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

.progress-circle[data-value="2.1"] .progress-barre {
    transform: rotate(7.56deg)
}

.progress-circle[data-value="2.2"] .progress-barre {
    transform: rotate(7.92deg)
}

.progress-circle[data-value="2.3"] .progress-barre {
    transform: rotate(8.28deg)
}

.progress-circle[data-value="2.4"] .progress-barre {
    transform: rotate(8.64deg)
}

.progress-circle[data-value="2.5"] .progress-barre {
    transform: rotate(9.00deg)
}

.progress-circle[data-value="2.6"] .progress-barre {
    transform: rotate(9.36deg)
}

.progress-circle[data-value="2.7"] .progress-barre {
    transform: rotate(9.72deg)
}

.progress-circle[data-value="2.8"] .progress-barre {
    transform: rotate(10.08deg)
}

.progress-circle[data-value="2.9"] .progress-barre {
    transform: rotate(10.44deg)
}

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

.progress-circle[data-value="3.1"] .progress-barre {
    transform: rotate(11.16deg)
}

.progress-circle[data-value="3.2"] .progress-barre {
    transform: rotate(11.52deg)
}

.progress-circle[data-value="3.3"] .progress-barre {
    transform: rotate(11.88deg)
}

.progress-circle[data-value="3.4"] .progress-barre {
    transform: rotate(12.24deg)
}

.progress-circle[data-value="3.5"] .progress-barre {
    transform: rotate(12.60deg)
}

.progress-circle[data-value="3.6"] .progress-barre {
    transform: rotate(12.96deg)
}

.progress-circle[data-value="3.7"] .progress-barre {
    transform: rotate(13.32deg)
}

.progress-circle[data-value="3.8"] .progress-barre {
    transform: rotate(13.68deg)
}

.progress-circle[data-value="3.9"] .progress-barre {
    transform: rotate(14.04deg)
}

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

.progress-circle[data-value="4.1"] .progress-barre {
    transform: rotate(14.76deg)
}

.progress-circle[data-value="4.2"] .progress-barre {
    transform: rotate(15.12deg)
}

.progress-circle[data-value="4.3"] .progress-barre {
    transform: rotate(15.48deg)
}

.progress-circle[data-value="4.4"] .progress-barre {
    transform: rotate(15.84deg)
}

.progress-circle[data-value="4.5"] .progress-barre {
    transform: rotate(16.20deg)
}

.progress-circle[data-value="4.6"] .progress-barre {
    transform: rotate(16.56deg)
}

.progress-circle[data-value="4.7"] .progress-barre {
    transform: rotate(16.92deg)
}

.progress-circle[data-value="4.8"] .progress-barre {
    transform: rotate(17.28deg)
}

.progress-circle[data-value="4.9"] .progress-barre {
    transform: rotate(17.64deg)
}

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

.progress-circle[data-value="5.1"] .progress-barre {
    transform: rotate(18.36deg)
}

.progress-circle[data-value="5.2"] .progress-barre {
    transform: rotate(18.72deg)
}

.progress-circle[data-value="5.3"] .progress-barre {
    transform: rotate(19.08deg)
}

.progress-circle[data-value="5.4"] .progress-barre {
    transform: rotate(19.44deg)
}

.progress-circle[data-value="5.5"] .progress-barre {
    transform: rotate(19.80deg)
}

.progress-circle[data-value="5.6"] .progress-barre {
    transform: rotate(20.16deg)
}

.progress-circle[data-value="5.7"] .progress-barre {
    transform: rotate(20.52deg)
}

.progress-circle[data-value="5.8"] .progress-barre {
    transform: rotate(20.88deg)
}

.progress-circle[data-value="5.9"] .progress-barre {
    transform: rotate(21.24deg)
}

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

.progress-circle[data-value="6.1"] .progress-barre {
    transform: rotate(21.96deg)
}

.progress-circle[data-value="6.2"] .progress-barre {
    transform: rotate(22.32deg)
}

.progress-circle[data-value="6.3"] .progress-barre {
    transform: rotate(22.68deg)
}

.progress-circle[data-value="6.4"] .progress-barre {
    transform: rotate(23.04deg)
}

.progress-circle[data-value="6.5"] .progress-barre {
    transform: rotate(23.40deg)
}

.progress-circle[data-value="6.6"] .progress-barre {
    transform: rotate(23.76deg)
}

.progress-circle[data-value="6.7"] .progress-barre {
    transform: rotate(24.12deg)
}

.progress-circle[data-value="6.8"] .progress-barre {
    transform: rotate(24.48deg)
}

.progress-circle[data-value="6.9"] .progress-barre {
    transform: rotate(24.84deg)
}

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

.progress-circle[data-value="7.1"] .progress-barre {
    transform: rotate(25.56deg)
}

.progress-circle[data-value="7.2"] .progress-barre {
    transform: rotate(25.92deg)
}

.progress-circle[data-value="7.3"] .progress-barre {
    transform: rotate(26.28deg)
}

.progress-circle[data-value="7.4"] .progress-barre {
    transform: rotate(26.64deg)
}

.progress-circle[data-value="7.5"] .progress-barre {
    transform: rotate(27.00deg)
}

.progress-circle[data-value="7.6"] .progress-barre {
    transform: rotate(27.36deg)
}

.progress-circle[data-value="7.7"] .progress-barre {
    transform: rotate(27.72deg)
}

.progress-circle[data-value="7.8"] .progress-barre {
    transform: rotate(28.08deg)
}

.progress-circle[data-value="7.9"] .progress-barre {
    transform: rotate(28.44deg)
}

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

.progress-circle[data-value="8.1"] .progress-barre {
    transform: rotate(29.16deg)
}

.progress-circle[data-value="8.2"] .progress-barre {
    transform: rotate(29.52deg)
}

.progress-circle[data-value="8.3"] .progress-barre {
    transform: rotate(29.88deg)
}

.progress-circle[data-value="8.4"] .progress-barre {
    transform: rotate(30.24deg)
}

.progress-circle[data-value="8.5"] .progress-barre {
    transform: rotate(30.60deg)
}

.progress-circle[data-value="8.6"] .progress-barre {
    transform: rotate(30.96deg)
}

.progress-circle[data-value="8.7"] .progress-barre {
    transform: rotate(31.32deg)
}

.progress-circle[data-value="8.8"] .progress-barre {
    transform: rotate(31.68deg)
}

.progress-circle[data-value="8.9"] .progress-barre {
    transform: rotate(32.04deg)
}

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

.progress-circle[data-value="9.1"] .progress-barre {
    transform: rotate(32.76deg)
}

.progress-circle[data-value="9.2"] .progress-barre {
    transform: rotate(33.12deg)
}

.progress-circle[data-value="9.3"] .progress-barre {
    transform: rotate(33.48deg)
}

.progress-circle[data-value="9.4"] .progress-barre {
    transform: rotate(33.84deg)
}

.progress-circle[data-value="9.5"] .progress-barre {
    transform: rotate(34.20deg)
}

.progress-circle[data-value="9.6"] .progress-barre {
    transform: rotate(34.56deg)
}

.progress-circle[data-value="9.7"] .progress-barre {
    transform: rotate(34.92deg)
}

.progress-circle[data-value="9.8"] .progress-barre {
    transform: rotate(35.28deg)
}

.progress-circle[data-value="9.9"] .progress-barre {
    transform: rotate(35.64deg)
}

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

.progress-circle[data-value="10.1"] .progress-barre {
    transform: rotate(36.36deg)
}

.progress-circle[data-value="10.2"] .progress-barre {
    transform: rotate(36.72deg)
}

.progress-circle[data-value="10.3"] .progress-barre {
    transform: rotate(37.08deg)
}

.progress-circle[data-value="10.4"] .progress-barre {
    transform: rotate(37.44deg)
}

.progress-circle[data-value="10.5"] .progress-barre {
    transform: rotate(37.80deg)
}

.progress-circle[data-value="10.6"] .progress-barre {
    transform: rotate(38.16deg)
}

.progress-circle[data-value="10.7"] .progress-barre {
    transform: rotate(38.52deg)
}

.progress-circle[data-value="10.8"] .progress-barre {
    transform: rotate(38.88deg)
}

.progress-circle[data-value="10.9"] .progress-barre {
    transform: rotate(39.24deg)
}

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

.progress-circle[data-value="11.1"] .progress-barre {
    transform: rotate(39.96deg)
}

.progress-circle[data-value="11.2"] .progress-barre {
    transform: rotate(40.32deg)
}

.progress-circle[data-value="11.3"] .progress-barre {
    transform: rotate(40.68deg)
}

.progress-circle[data-value="11.4"] .progress-barre {
    transform: rotate(41.04deg)
}

.progress-circle[data-value="11.5"] .progress-barre {
    transform: rotate(41.40deg)
}

.progress-circle[data-value="11.6"] .progress-barre {
    transform: rotate(41.76deg)
}

.progress-circle[data-value="11.7"] .progress-barre {
    transform: rotate(42.12deg)
}

.progress-circle[data-value="11.8"] .progress-barre {
    transform: rotate(42.48deg)
}

.progress-circle[data-value="11.9"] .progress-barre {
    transform: rotate(42.84deg)
}

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

.progress-circle[data-value="12.1"] .progress-barre {
    transform: rotate(43.56deg)
}

.progress-circle[data-value="12.2"] .progress-barre {
    transform: rotate(43.92deg)
}

.progress-circle[data-value="12.3"] .progress-barre {
    transform: rotate(44.28deg)
}

.progress-circle[data-value="12.4"] .progress-barre {
    transform: rotate(44.64deg)
}

.progress-circle[data-value="12.5"] .progress-barre {
    transform: rotate(45.00deg)
}

.progress-circle[data-value="12.6"] .progress-barre {
    transform: rotate(45.36deg)
}

.progress-circle[data-value="12.7"] .progress-barre {
    transform: rotate(45.72deg)
}

.progress-circle[data-value="12.8"] .progress-barre {
    transform: rotate(46.08deg)
}

.progress-circle[data-value="12.9"] .progress-barre {
    transform: rotate(46.44deg)
}

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

.progress-circle[data-value="13.1"] .progress-barre {
    transform: rotate(47.16deg)
}

.progress-circle[data-value="13.2"] .progress-barre {
    transform: rotate(47.52deg)
}

.progress-circle[data-value="13.3"] .progress-barre {
    transform: rotate(47.88deg)
}

.progress-circle[data-value="13.4"] .progress-barre {
    transform: rotate(48.24deg)
}

.progress-circle[data-value="13.5"] .progress-barre {
    transform: rotate(48.60deg)
}

.progress-circle[data-value="13.6"] .progress-barre {
    transform: rotate(48.96deg)
}

.progress-circle[data-value="13.7"] .progress-barre {
    transform: rotate(49.32deg)
}

.progress-circle[data-value="13.8"] .progress-barre {
    transform: rotate(49.68deg)
}

.progress-circle[data-value="13.9"] .progress-barre {
    transform: rotate(50.04deg)
}

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

.progress-circle[data-value="14.1"] .progress-barre {
    transform: rotate(50.76deg)
}

.progress-circle[data-value="14.2"] .progress-barre {
    transform: rotate(51.12deg)
}

.progress-circle[data-value="14.3"] .progress-barre {
    transform: rotate(51.48deg)
}

.progress-circle[data-value="14.4"] .progress-barre {
    transform: rotate(51.84deg)
}

.progress-circle[data-value="14.5"] .progress-barre {
    transform: rotate(52.20deg)
}

.progress-circle[data-value="14.6"] .progress-barre {
    transform: rotate(52.56deg)
}

.progress-circle[data-value="14.7"] .progress-barre {
    transform: rotate(52.92deg)
}

.progress-circle[data-value="14.8"] .progress-barre {
    transform: rotate(53.28deg)
}

.progress-circle[data-value="14.9"] .progress-barre {
    transform: rotate(53.64deg)
}

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

.progress-circle[data-value="15.1"] .progress-barre {
    transform: rotate(54.36deg)
}

.progress-circle[data-value="15.2"] .progress-barre {
    transform: rotate(54.72deg)
}

.progress-circle[data-value="15.3"] .progress-barre {
    transform: rotate(55.08deg)
}

.progress-circle[data-value="15.4"] .progress-barre {
    transform: rotate(55.44deg)
}

.progress-circle[data-value="15.5"] .progress-barre {
    transform: rotate(55.80deg)
}

.progress-circle[data-value="15.6"] .progress-barre {
    transform: rotate(56.16deg)
}

.progress-circle[data-value="15.7"] .progress-barre {
    transform: rotate(56.52deg)
}

.progress-circle[data-value="15.8"] .progress-barre {
    transform: rotate(56.88deg)
}

.progress-circle[data-value="15.9"] .progress-barre {
    transform: rotate(57.24deg)
}

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

.progress-circle[data-value="16.1"] .progress-barre {
    transform: rotate(57.96deg)
}

.progress-circle[data-value="16.2"] .progress-barre {
    transform: rotate(58.32deg)
}

.progress-circle[data-value="16.3"] .progress-barre {
    transform: rotate(58.68deg)
}

.progress-circle[data-value="16.4"] .progress-barre {
    transform: rotate(59.04deg)
}

.progress-circle[data-value="16.5"] .progress-barre {
    transform: rotate(59.40deg)
}

.progress-circle[data-value="16.6"] .progress-barre {
    transform: rotate(59.76deg)
}

.progress-circle[data-value="16.7"] .progress-barre {
    transform: rotate(60.12deg)
}

.progress-circle[data-value="16.8"] .progress-barre {
    transform: rotate(60.48deg)
}

.progress-circle[data-value="16.9"] .progress-barre {
    transform: rotate(60.84deg)
}

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

.progress-circle[data-value="17.1"] .progress-barre {
    transform: rotate(61.56deg)
}

.progress-circle[data-value="17.2"] .progress-barre {
    transform: rotate(61.92deg)
}

.progress-circle[data-value="17.3"] .progress-barre {
    transform: rotate(62.28deg)
}

.progress-circle[data-value="17.4"] .progress-barre {
    transform: rotate(62.64deg)
}

.progress-circle[data-value="17.5"] .progress-barre {
    transform: rotate(63.00deg)
}

.progress-circle[data-value="17.6"] .progress-barre {
    transform: rotate(63.36deg)
}

.progress-circle[data-value="17.7"] .progress-barre {
    transform: rotate(63.72deg)
}

.progress-circle[data-value="17.8"] .progress-barre {
    transform: rotate(64.08deg)
}

.progress-circle[data-value="17.9"] .progress-barre {
    transform: rotate(64.44deg)
}

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

.progress-circle[data-value="18.1"] .progress-barre {
    transform: rotate(65.16deg)
}

.progress-circle[data-value="18.2"] .progress-barre {
    transform: rotate(65.52deg)
}

.progress-circle[data-value="18.3"] .progress-barre {
    transform: rotate(65.88deg)
}

.progress-circle[data-value="18.4"] .progress-barre {
    transform: rotate(66.24deg)
}

.progress-circle[data-value="18.5"] .progress-barre {
    transform: rotate(66.60deg)
}

.progress-circle[data-value="18.6"] .progress-barre {
    transform: rotate(66.96deg)
}

.progress-circle[data-value="18.7"] .progress-barre {
    transform: rotate(67.32deg)
}

.progress-circle[data-value="18.8"] .progress-barre {
    transform: rotate(67.68deg)
}

.progress-circle[data-value="18.9"] .progress-barre {
    transform: rotate(68.04deg)
}

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

.progress-circle[data-value="19.1"] .progress-barre {
    transform: rotate(68.76deg)
}

.progress-circle[data-value="19.2"] .progress-barre {
    transform: rotate(69.12deg)
}

.progress-circle[data-value="19.3"] .progress-barre {
    transform: rotate(69.48deg)
}

.progress-circle[data-value="19.4"] .progress-barre {
    transform: rotate(69.84deg)
}

.progress-circle[data-value="19.5"] .progress-barre {
    transform: rotate(70.20deg)
}

.progress-circle[data-value="19.6"] .progress-barre {
    transform: rotate(70.56deg)
}

.progress-circle[data-value="19.7"] .progress-barre {
    transform: rotate(70.92deg)
}

.progress-circle[data-value="19.8"] .progress-barre {
    transform: rotate(71.28deg)
}

.progress-circle[data-value="19.9"] .progress-barre {
    transform: rotate(71.64deg)
}

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

.progress-circle[data-value="20.1"] .progress-barre {
    transform: rotate(72.36deg)
}

.progress-circle[data-value="20.2"] .progress-barre {
    transform: rotate(72.72deg)
}

.progress-circle[data-value="20.3"] .progress-barre {
    transform: rotate(73.08deg)
}

.progress-circle[data-value="20.4"] .progress-barre {
    transform: rotate(73.44deg)
}

.progress-circle[data-value="20.5"] .progress-barre {
    transform: rotate(73.80deg)
}

.progress-circle[data-value="20.6"] .progress-barre {
    transform: rotate(74.16deg)
}

.progress-circle[data-value="20.7"] .progress-barre {
    transform: rotate(74.52deg)
}

.progress-circle[data-value="20.8"] .progress-barre {
    transform: rotate(74.88deg)
}

.progress-circle[data-value="20.9"] .progress-barre {
    transform: rotate(75.24deg)
}

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

.progress-circle[data-value="21.1"] .progress-barre {
    transform: rotate(75.96deg)
}

.progress-circle[data-value="21.2"] .progress-barre {
    transform: rotate(76.32deg)
}

.progress-circle[data-value="21.3"] .progress-barre {
    transform: rotate(76.68deg)
}

.progress-circle[data-value="21.4"] .progress-barre {
    transform: rotate(77.04deg)
}

.progress-circle[data-value="21.5"] .progress-barre {
    transform: rotate(77.40deg)
}

.progress-circle[data-value="21.6"] .progress-barre {
    transform: rotate(77.76deg)
}

.progress-circle[data-value="21.7"] .progress-barre {
    transform: rotate(78.12deg)
}

.progress-circle[data-value="21.8"] .progress-barre {
    transform: rotate(78.48deg)
}

.progress-circle[data-value="21.9"] .progress-barre {
    transform: rotate(78.84deg)
}

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

.progress-circle[data-value="22.1"] .progress-barre {
    transform: rotate(79.56deg)
}

.progress-circle[data-value="22.2"] .progress-barre {
    transform: rotate(79.92deg)
}

.progress-circle[data-value="22.3"] .progress-barre {
    transform: rotate(80.28deg)
}

.progress-circle[data-value="22.4"] .progress-barre {
    transform: rotate(80.64deg)
}

.progress-circle[data-value="22.5"] .progress-barre {
    transform: rotate(81.00deg)
}

.progress-circle[data-value="22.6"] .progress-barre {
    transform: rotate(81.36deg)
}

.progress-circle[data-value="22.7"] .progress-barre {
    transform: rotate(81.72deg)
}

.progress-circle[data-value="22.8"] .progress-barre {
    transform: rotate(82.08deg)
}

.progress-circle[data-value="22.9"] .progress-barre {
    transform: rotate(82.44deg)
}

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

.progress-circle[data-value="23.1"] .progress-barre {
    transform: rotate(83.16deg)
}

.progress-circle[data-value="23.2"] .progress-barre {
    transform: rotate(83.52deg)
}

.progress-circle[data-value="23.3"] .progress-barre {
    transform: rotate(83.88deg)
}

.progress-circle[data-value="23.4"] .progress-barre {
    transform: rotate(84.24deg)
}

.progress-circle[data-value="23.5"] .progress-barre {
    transform: rotate(84.60deg)
}

.progress-circle[data-value="23.6"] .progress-barre {
    transform: rotate(84.96deg)
}

.progress-circle[data-value="23.7"] .progress-barre {
    transform: rotate(85.32deg)
}

.progress-circle[data-value="23.8"] .progress-barre {
    transform: rotate(85.68deg)
}

.progress-circle[data-value="23.9"] .progress-barre {
    transform: rotate(86.04deg)
}

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

.progress-circle[data-value="24.1"] .progress-barre {
    transform: rotate(86.76deg)
}

.progress-circle[data-value="24.2"] .progress-barre {
    transform: rotate(87.12deg)
}

.progress-circle[data-value="24.3"] .progress-barre {
    transform: rotate(87.48deg)
}

.progress-circle[data-value="24.4"] .progress-barre {
    transform: rotate(87.84deg)
}

.progress-circle[data-value="24.5"] .progress-barre {
    transform: rotate(88.20deg)
}

.progress-circle[data-value="24.6"] .progress-barre {
    transform: rotate(88.56deg)
}

.progress-circle[data-value="24.7"] .progress-barre {
    transform: rotate(88.92deg)
}

.progress-circle[data-value="24.8"] .progress-barre {
    transform: rotate(89.28deg)
}

.progress-circle[data-value="24.9"] .progress-barre {
    transform: rotate(89.64deg)
}

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

.progress-circle[data-value="25.1"] .progress-barre {
    transform: rotate(90.36deg)
}

.progress-circle[data-value="25.2"] .progress-barre {
    transform: rotate(90.72deg)
}

.progress-circle[data-value="25.3"] .progress-barre {
    transform: rotate(91.08deg)
}

.progress-circle[data-value="25.4"] .progress-barre {
    transform: rotate(91.44deg)
}

.progress-circle[data-value="25.5"] .progress-barre {
    transform: rotate(91.80deg)
}

.progress-circle[data-value="25.6"] .progress-barre {
    transform: rotate(92.16deg)
}

.progress-circle[data-value="25.7"] .progress-barre {
    transform: rotate(92.52deg)
}

.progress-circle[data-value="25.8"] .progress-barre {
    transform: rotate(92.88deg)
}

.progress-circle[data-value="25.9"] .progress-barre {
    transform: rotate(93.24deg)
}

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

.progress-circle[data-value="26.1"] .progress-barre {
    transform: rotate(93.96deg)
}

.progress-circle[data-value="26.2"] .progress-barre {
    transform: rotate(94.32deg)
}

.progress-circle[data-value="26.3"] .progress-barre {
    transform: rotate(94.68deg)
}

.progress-circle[data-value="26.4"] .progress-barre {
    transform: rotate(95.04deg)
}

.progress-circle[data-value="26.5"] .progress-barre {
    transform: rotate(95.40deg)
}

.progress-circle[data-value="26.6"] .progress-barre {
    transform: rotate(95.76deg)
}

.progress-circle[data-value="26.7"] .progress-barre {
    transform: rotate(96.12deg)
}

.progress-circle[data-value="26.8"] .progress-barre {
    transform: rotate(96.48deg)
}

.progress-circle[data-value="26.9"] .progress-barre {
    transform: rotate(96.84deg)
}

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

.progress-circle[data-value="27.1"] .progress-barre {
    transform: rotate(97.56deg)
}

.progress-circle[data-value="27.2"] .progress-barre {
    transform: rotate(97.92deg)
}

.progress-circle[data-value="27.3"] .progress-barre {
    transform: rotate(98.28deg)
}

.progress-circle[data-value="27.4"] .progress-barre {
    transform: rotate(98.64deg)
}

.progress-circle[data-value="27.5"] .progress-barre {
    transform: rotate(99.00deg)
}

.progress-circle[data-value="27.6"] .progress-barre {
    transform: rotate(99.36deg)
}

.progress-circle[data-value="27.7"] .progress-barre {
    transform: rotate(99.72deg)
}

.progress-circle[data-value="27.8"] .progress-barre {
    transform: rotate(100.08deg)
}

.progress-circle[data-value="27.9"] .progress-barre {
    transform: rotate(100.44deg)
}

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

.progress-circle[data-value="28.1"] .progress-barre {
    transform: rotate(101.16deg)
}

.progress-circle[data-value="28.2"] .progress-barre {
    transform: rotate(101.52deg)
}

.progress-circle[data-value="28.3"] .progress-barre {
    transform: rotate(101.88deg)
}

.progress-circle[data-value="28.4"] .progress-barre {
    transform: rotate(102.24deg)
}

.progress-circle[data-value="28.5"] .progress-barre {
    transform: rotate(102.60deg)
}

.progress-circle[data-value="28.6"] .progress-barre {
    transform: rotate(102.96deg)
}

.progress-circle[data-value="28.7"] .progress-barre {
    transform: rotate(103.32deg)
}

.progress-circle[data-value="28.8"] .progress-barre {
    transform: rotate(103.68deg)
}

.progress-circle[data-value="28.9"] .progress-barre {
    transform: rotate(104.04deg)
}

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

.progress-circle[data-value="29.1"] .progress-barre {
    transform: rotate(104.76deg)
}

.progress-circle[data-value="29.2"] .progress-barre {
    transform: rotate(105.12deg)
}

.progress-circle[data-value="29.3"] .progress-barre {
    transform: rotate(105.48deg)
}

.progress-circle[data-value="29.4"] .progress-barre {
    transform: rotate(105.84deg)
}

.progress-circle[data-value="29.5"] .progress-barre {
    transform: rotate(106.20deg)
}

.progress-circle[data-value="29.6"] .progress-barre {
    transform: rotate(106.56deg)
}

.progress-circle[data-value="29.7"] .progress-barre {
    transform: rotate(106.92deg)
}

.progress-circle[data-value="29.8"] .progress-barre {
    transform: rotate(107.28deg)
}

.progress-circle[data-value="29.9"] .progress-barre {
    transform: rotate(107.64deg)
}

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

.progress-circle[data-value="30.1"] .progress-barre {
    transform: rotate(108.36deg)
}

.progress-circle[data-value="30.2"] .progress-barre {
    transform: rotate(108.72deg)
}

.progress-circle[data-value="30.3"] .progress-barre {
    transform: rotate(109.08deg)
}

.progress-circle[data-value="30.4"] .progress-barre {
    transform: rotate(109.44deg)
}

.progress-circle[data-value="30.5"] .progress-barre {
    transform: rotate(109.80deg)
}

.progress-circle[data-value="30.6"] .progress-barre {
    transform: rotate(110.16deg)
}

.progress-circle[data-value="30.7"] .progress-barre {
    transform: rotate(110.52deg)
}

.progress-circle[data-value="30.8"] .progress-barre {
    transform: rotate(110.88deg)
}

.progress-circle[data-value="30.9"] .progress-barre {
    transform: rotate(111.24deg)
}

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

.progress-circle[data-value="31.1"] .progress-barre {
    transform: rotate(111.96deg)
}

.progress-circle[data-value="31.2"] .progress-barre {
    transform: rotate(112.32deg)
}

.progress-circle[data-value="31.3"] .progress-barre {
    transform: rotate(112.68deg)
}

.progress-circle[data-value="31.4"] .progress-barre {
    transform: rotate(113.04deg)
}

.progress-circle[data-value="31.5"] .progress-barre {
    transform: rotate(113.40deg)
}

.progress-circle[data-value="31.6"] .progress-barre {
    transform: rotate(113.76deg)
}

.progress-circle[data-value="31.7"] .progress-barre {
    transform: rotate(114.12deg)
}

.progress-circle[data-value="31.8"] .progress-barre {
    transform: rotate(114.48deg)
}

.progress-circle[data-value="31.9"] .progress-barre {
    transform: rotate(114.84deg)
}

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

.progress-circle[data-value="32.1"] .progress-barre {
    transform: rotate(115.56deg)
}

.progress-circle[data-value="32.2"] .progress-barre {
    transform: rotate(115.92deg)
}

.progress-circle[data-value="32.3"] .progress-barre {
    transform: rotate(116.28deg)
}

.progress-circle[data-value="32.4"] .progress-barre {
    transform: rotate(116.64deg)
}

.progress-circle[data-value="32.5"] .progress-barre {
    transform: rotate(117.00deg)
}

.progress-circle[data-value="32.6"] .progress-barre {
    transform: rotate(117.36deg)
}

.progress-circle[data-value="32.7"] .progress-barre {
    transform: rotate(117.72deg)
}

.progress-circle[data-value="32.8"] .progress-barre {
    transform: rotate(118.08deg)
}

.progress-circle[data-value="32.9"] .progress-barre {
    transform: rotate(118.44deg)
}

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

.progress-circle[data-value="33.1"] .progress-barre {
    transform: rotate(119.16deg)
}

.progress-circle[data-value="33.2"] .progress-barre {
    transform: rotate(119.52deg)
}

.progress-circle[data-value="33.3"] .progress-barre {
    transform: rotate(119.88deg)
}

.progress-circle[data-value="33.4"] .progress-barre {
    transform: rotate(120.24deg)
}

.progress-circle[data-value="33.5"] .progress-barre {
    transform: rotate(120.60deg)
}

.progress-circle[data-value="33.6"] .progress-barre {
    transform: rotate(120.96deg)
}

.progress-circle[data-value="33.7"] .progress-barre {
    transform: rotate(121.32deg)
}

.progress-circle[data-value="33.8"] .progress-barre {
    transform: rotate(121.68deg)
}

.progress-circle[data-value="33.9"] .progress-barre {
    transform: rotate(122.04deg)
}

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

.progress-circle[data-value="34.1"] .progress-barre {
    transform: rotate(122.76deg)
}

.progress-circle[data-value="34.2"] .progress-barre {
    transform: rotate(123.12deg)
}

.progress-circle[data-value="34.3"] .progress-barre {
    transform: rotate(123.48deg)
}

.progress-circle[data-value="34.4"] .progress-barre {
    transform: rotate(123.84deg)
}

.progress-circle[data-value="34.5"] .progress-barre {
    transform: rotate(124.20deg)
}

.progress-circle[data-value="34.6"] .progress-barre {
    transform: rotate(124.56deg)
}

.progress-circle[data-value="34.7"] .progress-barre {
    transform: rotate(124.92deg)
}

.progress-circle[data-value="34.8"] .progress-barre {
    transform: rotate(125.28deg)
}

.progress-circle[data-value="34.9"] .progress-barre {
    transform: rotate(125.64deg)
}

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

.progress-circle[data-value="35.1"] .progress-barre {
    transform: rotate(126.36deg)
}

.progress-circle[data-value="35.2"] .progress-barre {
    transform: rotate(126.72deg)
}

.progress-circle[data-value="35.3"] .progress-barre {
    transform: rotate(127.08deg)
}

.progress-circle[data-value="35.4"] .progress-barre {
    transform: rotate(127.44deg)
}

.progress-circle[data-value="35.5"] .progress-barre {
    transform: rotate(127.80deg)
}

.progress-circle[data-value="35.6"] .progress-barre {
    transform: rotate(128.16deg)
}

.progress-circle[data-value="35.7"] .progress-barre {
    transform: rotate(128.52deg)
}

.progress-circle[data-value="35.8"] .progress-barre {
    transform: rotate(128.88deg)
}

.progress-circle[data-value="35.9"] .progress-barre {
    transform: rotate(129.24deg)
}

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

.progress-circle[data-value="36.1"] .progress-barre {
    transform: rotate(129.96deg)
}

.progress-circle[data-value="36.2"] .progress-barre {
    transform: rotate(130.32deg)
}

.progress-circle[data-value="36.3"] .progress-barre {
    transform: rotate(130.68deg)
}

.progress-circle[data-value="36.4"] .progress-barre {
    transform: rotate(131.04deg)
}

.progress-circle[data-value="36.5"] .progress-barre {
    transform: rotate(131.40deg)
}

.progress-circle[data-value="36.6"] .progress-barre {
    transform: rotate(131.76deg)
}

.progress-circle[data-value="36.7"] .progress-barre {
    transform: rotate(132.12deg)
}

.progress-circle[data-value="36.8"] .progress-barre {
    transform: rotate(132.48deg)
}

.progress-circle[data-value="36.9"] .progress-barre {
    transform: rotate(132.84deg)
}

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

.progress-circle[data-value="37.1"] .progress-barre {
    transform: rotate(133.56deg)
}

.progress-circle[data-value="37.2"] .progress-barre {
    transform: rotate(133.92deg)
}

.progress-circle[data-value="37.3"] .progress-barre {
    transform: rotate(134.28deg)
}

.progress-circle[data-value="37.4"] .progress-barre {
    transform: rotate(134.64deg)
}

.progress-circle[data-value="37.5"] .progress-barre {
    transform: rotate(135.00deg)
}

.progress-circle[data-value="37.6"] .progress-barre {
    transform: rotate(135.36deg)
}

.progress-circle[data-value="37.7"] .progress-barre {
    transform: rotate(135.72deg)
}

.progress-circle[data-value="37.8"] .progress-barre {
    transform: rotate(136.08deg)
}

.progress-circle[data-value="37.9"] .progress-barre {
    transform: rotate(136.44deg)
}

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

.progress-circle[data-value="38.1"] .progress-barre {
    transform: rotate(137.16deg)
}

.progress-circle[data-value="38.2"] .progress-barre {
    transform: rotate(137.52deg)
}

.progress-circle[data-value="38.3"] .progress-barre {
    transform: rotate(137.88deg)
}

.progress-circle[data-value="38.4"] .progress-barre {
    transform: rotate(138.24deg)
}

.progress-circle[data-value="38.5"] .progress-barre {
    transform: rotate(138.60deg)
}

.progress-circle[data-value="38.6"] .progress-barre {
    transform: rotate(138.96deg)
}

.progress-circle[data-value="38.7"] .progress-barre {
    transform: rotate(139.32deg)
}

.progress-circle[data-value="38.8"] .progress-barre {
    transform: rotate(139.68deg)
}

.progress-circle[data-value="38.9"] .progress-barre {
    transform: rotate(140.04deg)
}

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

.progress-circle[data-value="39.1"] .progress-barre {
    transform: rotate(140.76deg)
}

.progress-circle[data-value="39.2"] .progress-barre {
    transform: rotate(141.12deg)
}

.progress-circle[data-value="39.3"] .progress-barre {
    transform: rotate(141.48deg)
}

.progress-circle[data-value="39.4"] .progress-barre {
    transform: rotate(141.84deg)
}

.progress-circle[data-value="39.5"] .progress-barre {
    transform: rotate(142.20deg)
}

.progress-circle[data-value="39.6"] .progress-barre {
    transform: rotate(142.56deg)
}

.progress-circle[data-value="39.7"] .progress-barre {
    transform: rotate(142.92deg)
}

.progress-circle[data-value="39.8"] .progress-barre {
    transform: rotate(143.28deg)
}

.progress-circle[data-value="39.9"] .progress-barre {
    transform: rotate(143.64deg)
}

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

.progress-circle[data-value="40.1"] .progress-barre {
    transform: rotate(144.36deg)
}

.progress-circle[data-value="40.2"] .progress-barre {
    transform: rotate(144.72deg)
}

.progress-circle[data-value="40.3"] .progress-barre {
    transform: rotate(145.08deg)
}

.progress-circle[data-value="40.4"] .progress-barre {
    transform: rotate(145.44deg)
}

.progress-circle[data-value="40.5"] .progress-barre {
    transform: rotate(145.80deg)
}

.progress-circle[data-value="40.6"] .progress-barre {
    transform: rotate(146.16deg)
}

.progress-circle[data-value="40.7"] .progress-barre {
    transform: rotate(146.52deg)
}

.progress-circle[data-value="40.8"] .progress-barre {
    transform: rotate(146.88deg)
}

.progress-circle[data-value="40.9"] .progress-barre {
    transform: rotate(147.24deg)
}

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

.progress-circle[data-value="41.1"] .progress-barre {
    transform: rotate(147.96deg)
}

.progress-circle[data-value="41.2"] .progress-barre {
    transform: rotate(148.32deg)
}

.progress-circle[data-value="41.3"] .progress-barre {
    transform: rotate(148.68deg)
}

.progress-circle[data-value="41.4"] .progress-barre {
    transform: rotate(149.04deg)
}

.progress-circle[data-value="41.5"] .progress-barre {
    transform: rotate(149.40deg)
}

.progress-circle[data-value="41.6"] .progress-barre {
    transform: rotate(149.76deg)
}

.progress-circle[data-value="41.7"] .progress-barre {
    transform: rotate(150.12deg)
}

.progress-circle[data-value="41.8"] .progress-barre {
    transform: rotate(150.48deg)
}

.progress-circle[data-value="41.9"] .progress-barre {
    transform: rotate(150.84deg)
}

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

.progress-circle[data-value="42.1"] .progress-barre {
    transform: rotate(151.56deg)
}

.progress-circle[data-value="42.2"] .progress-barre {
    transform: rotate(151.92deg)
}

.progress-circle[data-value="42.3"] .progress-barre {
    transform: rotate(152.28deg)
}

.progress-circle[data-value="42.4"] .progress-barre {
    transform: rotate(152.64deg)
}

.progress-circle[data-value="42.5"] .progress-barre {
    transform: rotate(153.00deg)
}

.progress-circle[data-value="42.6"] .progress-barre {
    transform: rotate(153.36deg)
}

.progress-circle[data-value="42.7"] .progress-barre {
    transform: rotate(153.72deg)
}

.progress-circle[data-value="42.8"] .progress-barre {
    transform: rotate(154.08deg)
}

.progress-circle[data-value="42.9"] .progress-barre {
    transform: rotate(154.44deg)
}

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

.progress-circle[data-value="43.1"] .progress-barre {
    transform: rotate(155.16deg)
}

.progress-circle[data-value="43.2"] .progress-barre {
    transform: rotate(155.52deg)
}

.progress-circle[data-value="43.3"] .progress-barre {
    transform: rotate(155.88deg)
}

.progress-circle[data-value="43.4"] .progress-barre {
    transform: rotate(156.24deg)
}

.progress-circle[data-value="43.5"] .progress-barre {
    transform: rotate(156.60deg)
}

.progress-circle[data-value="43.6"] .progress-barre {
    transform: rotate(156.96deg)
}

.progress-circle[data-value="43.7"] .progress-barre {
    transform: rotate(157.32deg)
}

.progress-circle[data-value="43.8"] .progress-barre {
    transform: rotate(157.68deg)
}

.progress-circle[data-value="43.9"] .progress-barre {
    transform: rotate(158.04deg)
}

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

.progress-circle[data-value="44.1"] .progress-barre {
    transform: rotate(158.76deg)
}

.progress-circle[data-value="44.2"] .progress-barre {
    transform: rotate(159.12deg)
}

.progress-circle[data-value="44.3"] .progress-barre {
    transform: rotate(159.48deg)
}

.progress-circle[data-value="44.4"] .progress-barre {
    transform: rotate(159.84deg)
}

.progress-circle[data-value="44.5"] .progress-barre {
    transform: rotate(160.20deg)
}

.progress-circle[data-value="44.6"] .progress-barre {
    transform: rotate(160.56deg)
}

.progress-circle[data-value="44.7"] .progress-barre {
    transform: rotate(160.92deg)
}

.progress-circle[data-value="44.8"] .progress-barre {
    transform: rotate(161.28deg)
}

.progress-circle[data-value="44.9"] .progress-barre {
    transform: rotate(161.64deg)
}

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

.progress-circle[data-value="45.1"] .progress-barre {
    transform: rotate(162.36deg)
}

.progress-circle[data-value="45.2"] .progress-barre {
    transform: rotate(162.72deg)
}

.progress-circle[data-value="45.3"] .progress-barre {
    transform: rotate(163.08deg)
}

.progress-circle[data-value="45.4"] .progress-barre {
    transform: rotate(163.44deg)
}

.progress-circle[data-value="45.5"] .progress-barre {
    transform: rotate(163.80deg)
}

.progress-circle[data-value="45.6"] .progress-barre {
    transform: rotate(164.16deg)
}

.progress-circle[data-value="45.7"] .progress-barre {
    transform: rotate(164.52deg)
}

.progress-circle[data-value="45.8"] .progress-barre {
    transform: rotate(164.88deg)
}

.progress-circle[data-value="45.9"] .progress-barre {
    transform: rotate(165.24deg)
}

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

.progress-circle[data-value="46.1"] .progress-barre {
    transform: rotate(165.96deg)
}

.progress-circle[data-value="46.2"] .progress-barre {
    transform: rotate(166.32deg)
}

.progress-circle[data-value="46.3"] .progress-barre {
    transform: rotate(166.68deg)
}

.progress-circle[data-value="46.4"] .progress-barre {
    transform: rotate(167.04deg)
}

.progress-circle[data-value="46.5"] .progress-barre {
    transform: rotate(167.40deg)
}

.progress-circle[data-value="46.6"] .progress-barre {
    transform: rotate(167.76deg)
}

.progress-circle[data-value="46.7"] .progress-barre {
    transform: rotate(168.12deg)
}

.progress-circle[data-value="46.8"] .progress-barre {
    transform: rotate(168.48deg)
}

.progress-circle[data-value="46.9"] .progress-barre {
    transform: rotate(168.84deg)
}

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

.progress-circle[data-value="47.1"] .progress-barre {
    transform: rotate(169.56deg)
}

.progress-circle[data-value="47.2"] .progress-barre {
    transform: rotate(169.92deg)
}

.progress-circle[data-value="47.3"] .progress-barre {
    transform: rotate(170.28deg)
}

.progress-circle[data-value="47.4"] .progress-barre {
    transform: rotate(170.64deg)
}

.progress-circle[data-value="47.5"] .progress-barre {
    transform: rotate(171.00deg)
}

.progress-circle[data-value="47.6"] .progress-barre {
    transform: rotate(171.36deg)
}

.progress-circle[data-value="47.7"] .progress-barre {
    transform: rotate(171.72deg)
}

.progress-circle[data-value="47.8"] .progress-barre {
    transform: rotate(172.08deg)
}

.progress-circle[data-value="47.9"] .progress-barre {
    transform: rotate(172.44deg)
}

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

.progress-circle[data-value="48.1"] .progress-barre {
    transform: rotate(173.16deg)
}

.progress-circle[data-value="48.2"] .progress-barre {
    transform: rotate(173.52deg)
}

.progress-circle[data-value="48.3"] .progress-barre {
    transform: rotate(173.88deg)
}

.progress-circle[data-value="48.4"] .progress-barre {
    transform: rotate(174.24deg)
}

.progress-circle[data-value="48.5"] .progress-barre {
    transform: rotate(174.60deg)
}

.progress-circle[data-value="48.6"] .progress-barre {
    transform: rotate(174.96deg)
}

.progress-circle[data-value="48.7"] .progress-barre {
    transform: rotate(175.32deg)
}

.progress-circle[data-value="48.8"] .progress-barre {
    transform: rotate(175.68deg)
}

.progress-circle[data-value="48.9"] .progress-barre {
    transform: rotate(176.04deg)
}

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

.progress-circle[data-value="49.1"] .progress-barre {
    transform: rotate(176.76deg)
}

.progress-circle[data-value="49.2"] .progress-barre {
    transform: rotate(177.12deg)
}

.progress-circle[data-value="49.3"] .progress-barre {
    transform: rotate(177.48deg)
}

.progress-circle[data-value="49.4"] .progress-barre {
    transform: rotate(177.84deg)
}

.progress-circle[data-value="49.5"] .progress-barre {
    transform: rotate(178.20deg)
}

.progress-circle[data-value="49.6"] .progress-barre {
    transform: rotate(178.56deg)
}

.progress-circle[data-value="49.7"] .progress-barre {
    transform: rotate(178.92deg)
}

.progress-circle[data-value="49.8"] .progress-barre {
    transform: rotate(179.28deg)
}

.progress-circle[data-value="49.9"] .progress-barre {
    transform: rotate(179.64deg)
}

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

.progress-circle[data-value="50.1"] .progress-barre {
    transform: rotate(180.36deg)
}

.progress-circle[data-value="50.2"] .progress-barre {
    transform: rotate(180.72deg)
}

.progress-circle[data-value="50.3"] .progress-barre {
    transform: rotate(181.08deg)
}

.progress-circle[data-value="50.4"] .progress-barre {
    transform: rotate(181.44deg)
}

.progress-circle[data-value="50.5"] .progress-barre {
    transform: rotate(181.80deg)
}

.progress-circle[data-value="50.6"] .progress-barre {
    transform: rotate(182.16deg)
}

.progress-circle[data-value="50.7"] .progress-barre {
    transform: rotate(182.52deg)
}

.progress-circle[data-value="50.8"] .progress-barre {
    transform: rotate(182.88deg)
}

.progress-circle[data-value="50.9"] .progress-barre {
    transform: rotate(183.24deg)
}

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

.progress-circle[data-value="51.1"] .progress-barre {
    transform: rotate(183.96deg)
}

.progress-circle[data-value="51.2"] .progress-barre {
    transform: rotate(184.32deg)
}

.progress-circle[data-value="51.3"] .progress-barre {
    transform: rotate(184.68deg)
}

.progress-circle[data-value="51.4"] .progress-barre {
    transform: rotate(185.04deg)
}

.progress-circle[data-value="51.5"] .progress-barre {
    transform: rotate(185.40deg)
}

.progress-circle[data-value="51.6"] .progress-barre {
    transform: rotate(185.76deg)
}

.progress-circle[data-value="51.7"] .progress-barre {
    transform: rotate(186.12deg)
}

.progress-circle[data-value="51.8"] .progress-barre {
    transform: rotate(186.48deg)
}

.progress-circle[data-value="51.9"] .progress-barre {
    transform: rotate(186.84deg)
}

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

.progress-circle[data-value="52.1"] .progress-barre {
    transform: rotate(187.56deg)
}

.progress-circle[data-value="52.2"] .progress-barre {
    transform: rotate(187.92deg)
}

.progress-circle[data-value="52.3"] .progress-barre {
    transform: rotate(188.28deg)
}

.progress-circle[data-value="52.4"] .progress-barre {
    transform: rotate(188.64deg)
}

.progress-circle[data-value="52.5"] .progress-barre {
    transform: rotate(189.00deg)
}

.progress-circle[data-value="52.6"] .progress-barre {
    transform: rotate(189.36deg)
}

.progress-circle[data-value="52.7"] .progress-barre {
    transform: rotate(189.72deg)
}

.progress-circle[data-value="52.8"] .progress-barre {
    transform: rotate(190.08deg)
}

.progress-circle[data-value="52.9"] .progress-barre {
    transform: rotate(190.44deg)
}

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

.progress-circle[data-value="53.1"] .progress-barre {
    transform: rotate(191.16deg)
}

.progress-circle[data-value="53.2"] .progress-barre {
    transform: rotate(191.52deg)
}

.progress-circle[data-value="53.3"] .progress-barre {
    transform: rotate(191.88deg)
}

.progress-circle[data-value="53.4"] .progress-barre {
    transform: rotate(192.24deg)
}

.progress-circle[data-value="53.5"] .progress-barre {
    transform: rotate(192.60deg)
}

.progress-circle[data-value="53.6"] .progress-barre {
    transform: rotate(192.96deg)
}

.progress-circle[data-value="53.7"] .progress-barre {
    transform: rotate(193.32deg)
}

.progress-circle[data-value="53.8"] .progress-barre {
    transform: rotate(193.68deg)
}

.progress-circle[data-value="53.9"] .progress-barre {
    transform: rotate(194.04deg)
}

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

.progress-circle[data-value="54.1"] .progress-barre {
    transform: rotate(194.76deg)
}

.progress-circle[data-value="54.2"] .progress-barre {
    transform: rotate(195.12deg)
}

.progress-circle[data-value="54.3"] .progress-barre {
    transform: rotate(195.48deg)
}

.progress-circle[data-value="54.4"] .progress-barre {
    transform: rotate(195.84deg)
}

.progress-circle[data-value="54.5"] .progress-barre {
    transform: rotate(196.20deg)
}

.progress-circle[data-value="54.6"] .progress-barre {
    transform: rotate(196.56deg)
}

.progress-circle[data-value="54.7"] .progress-barre {
    transform: rotate(196.92deg)
}

.progress-circle[data-value="54.8"] .progress-barre {
    transform: rotate(197.28deg)
}

.progress-circle[data-value="54.9"] .progress-barre {
    transform: rotate(197.64deg)
}

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

.progress-circle[data-value="55.1"] .progress-barre {
    transform: rotate(198.36deg)
}

.progress-circle[data-value="55.2"] .progress-barre {
    transform: rotate(198.72deg)
}

.progress-circle[data-value="55.3"] .progress-barre {
    transform: rotate(199.08deg)
}

.progress-circle[data-value="55.4"] .progress-barre {
    transform: rotate(199.44deg)
}

.progress-circle[data-value="55.5"] .progress-barre {
    transform: rotate(199.80deg)
}

.progress-circle[data-value="55.6"] .progress-barre {
    transform: rotate(200.16deg)
}

.progress-circle[data-value="55.7"] .progress-barre {
    transform: rotate(200.52deg)
}

.progress-circle[data-value="55.8"] .progress-barre {
    transform: rotate(200.88deg)
}

.progress-circle[data-value="55.9"] .progress-barre {
    transform: rotate(201.24deg)
}

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

.progress-circle[data-value="56.1"] .progress-barre {
    transform: rotate(201.96deg)
}

.progress-circle[data-value="56.2"] .progress-barre {
    transform: rotate(202.32deg)
}

.progress-circle[data-value="56.3"] .progress-barre {
    transform: rotate(202.68deg)
}

.progress-circle[data-value="56.4"] .progress-barre {
    transform: rotate(203.04deg)
}

.progress-circle[data-value="56.5"] .progress-barre {
    transform: rotate(203.40deg)
}

.progress-circle[data-value="56.6"] .progress-barre {
    transform: rotate(203.76deg)
}

.progress-circle[data-value="56.7"] .progress-barre {
    transform: rotate(204.12deg)
}

.progress-circle[data-value="56.8"] .progress-barre {
    transform: rotate(204.48deg)
}

.progress-circle[data-value="56.9"] .progress-barre {
    transform: rotate(204.84deg)
}

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

.progress-circle[data-value="57.1"] .progress-barre {
    transform: rotate(205.56deg)
}

.progress-circle[data-value="57.2"] .progress-barre {
    transform: rotate(205.92deg)
}

.progress-circle[data-value="57.3"] .progress-barre {
    transform: rotate(206.28deg)
}

.progress-circle[data-value="57.4"] .progress-barre {
    transform: rotate(206.64deg)
}

.progress-circle[data-value="57.5"] .progress-barre {
    transform: rotate(207.00deg)
}

.progress-circle[data-value="57.6"] .progress-barre {
    transform: rotate(207.36deg)
}

.progress-circle[data-value="57.7"] .progress-barre {
    transform: rotate(207.72deg)
}

.progress-circle[data-value="57.8"] .progress-barre {
    transform: rotate(208.08deg)
}

.progress-circle[data-value="57.9"] .progress-barre {
    transform: rotate(208.44deg)
}

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

.progress-circle[data-value="58.1"] .progress-barre {
    transform: rotate(209.16deg)
}

.progress-circle[data-value="58.2"] .progress-barre {
    transform: rotate(209.52deg)
}

.progress-circle[data-value="58.3"] .progress-barre {
    transform: rotate(209.88deg)
}

.progress-circle[data-value="58.4"] .progress-barre {
    transform: rotate(210.24deg)
}

.progress-circle[data-value="58.5"] .progress-barre {
    transform: rotate(210.60deg)
}

.progress-circle[data-value="58.6"] .progress-barre {
    transform: rotate(210.96deg)
}

.progress-circle[data-value="58.7"] .progress-barre {
    transform: rotate(211.32deg)
}

.progress-circle[data-value="58.8"] .progress-barre {
    transform: rotate(211.68deg)
}

.progress-circle[data-value="58.9"] .progress-barre {
    transform: rotate(212.04deg)
}

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

.progress-circle[data-value="59.1"] .progress-barre {
    transform: rotate(212.76deg)
}

.progress-circle[data-value="59.2"] .progress-barre {
    transform: rotate(213.12deg)
}

.progress-circle[data-value="59.3"] .progress-barre {
    transform: rotate(213.48deg)
}

.progress-circle[data-value="59.4"] .progress-barre {
    transform: rotate(213.84deg)
}

.progress-circle[data-value="59.5"] .progress-barre {
    transform: rotate(214.20deg)
}

.progress-circle[data-value="59.6"] .progress-barre {
    transform: rotate(214.56deg)
}

.progress-circle[data-value="59.7"] .progress-barre {
    transform: rotate(214.92deg)
}

.progress-circle[data-value="59.8"] .progress-barre {
    transform: rotate(215.28deg)
}

.progress-circle[data-value="59.9"] .progress-barre {
    transform: rotate(215.64deg)
}

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

.progress-circle[data-value="60.1"] .progress-barre {
    transform: rotate(216.36deg)
}

.progress-circle[data-value="60.2"] .progress-barre {
    transform: rotate(216.72deg)
}

.progress-circle[data-value="60.3"] .progress-barre {
    transform: rotate(217.08deg)
}

.progress-circle[data-value="60.4"] .progress-barre {
    transform: rotate(217.44deg)
}

.progress-circle[data-value="60.5"] .progress-barre {
    transform: rotate(217.80deg)
}

.progress-circle[data-value="60.6"] .progress-barre {
    transform: rotate(218.16deg)
}

.progress-circle[data-value="60.7"] .progress-barre {
    transform: rotate(218.52deg)
}

.progress-circle[data-value="60.8"] .progress-barre {
    transform: rotate(218.88deg)
}

.progress-circle[data-value="60.9"] .progress-barre {
    transform: rotate(219.24deg)
}

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

.progress-circle[data-value="61.1"] .progress-barre {
    transform: rotate(219.96deg)
}

.progress-circle[data-value="61.2"] .progress-barre {
    transform: rotate(220.32deg)
}

.progress-circle[data-value="61.3"] .progress-barre {
    transform: rotate(220.68deg)
}

.progress-circle[data-value="61.4"] .progress-barre {
    transform: rotate(221.04deg)
}

.progress-circle[data-value="61.5"] .progress-barre {
    transform: rotate(221.40deg)
}

.progress-circle[data-value="61.6"] .progress-barre {
    transform: rotate(221.76deg)
}

.progress-circle[data-value="61.7"] .progress-barre {
    transform: rotate(222.12deg)
}

.progress-circle[data-value="61.8"] .progress-barre {
    transform: rotate(222.48deg)
}

.progress-circle[data-value="61.9"] .progress-barre {
    transform: rotate(222.84deg)
}

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

.progress-circle[data-value="62.1"] .progress-barre {
    transform: rotate(223.56deg)
}

.progress-circle[data-value="62.2"] .progress-barre {
    transform: rotate(223.92deg)
}

.progress-circle[data-value="62.3"] .progress-barre {
    transform: rotate(224.28deg)
}

.progress-circle[data-value="62.4"] .progress-barre {
    transform: rotate(224.64deg)
}

.progress-circle[data-value="62.5"] .progress-barre {
    transform: rotate(225.00deg)
}

.progress-circle[data-value="62.6"] .progress-barre {
    transform: rotate(225.36deg)
}

.progress-circle[data-value="62.7"] .progress-barre {
    transform: rotate(225.72deg)
}

.progress-circle[data-value="62.8"] .progress-barre {
    transform: rotate(226.08deg)
}

.progress-circle[data-value="62.9"] .progress-barre {
    transform: rotate(226.44deg)
}

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

.progress-circle[data-value="63.1"] .progress-barre {
    transform: rotate(227.16deg)
}

.progress-circle[data-value="63.2"] .progress-barre {
    transform: rotate(227.52deg)
}

.progress-circle[data-value="63.3"] .progress-barre {
    transform: rotate(227.88deg)
}

.progress-circle[data-value="63.4"] .progress-barre {
    transform: rotate(228.24deg)
}

.progress-circle[data-value="63.5"] .progress-barre {
    transform: rotate(228.60deg)
}

.progress-circle[data-value="63.6"] .progress-barre {
    transform: rotate(228.96deg)
}

.progress-circle[data-value="63.7"] .progress-barre {
    transform: rotate(229.32deg)
}

.progress-circle[data-value="63.8"] .progress-barre {
    transform: rotate(229.68deg)
}

.progress-circle[data-value="63.9"] .progress-barre {
    transform: rotate(230.04deg)
}

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

.progress-circle[data-value="64.1"] .progress-barre {
    transform: rotate(230.76deg)
}

.progress-circle[data-value="64.2"] .progress-barre {
    transform: rotate(231.12deg)
}

.progress-circle[data-value="64.3"] .progress-barre {
    transform: rotate(231.48deg)
}

.progress-circle[data-value="64.4"] .progress-barre {
    transform: rotate(231.84deg)
}

.progress-circle[data-value="64.5"] .progress-barre {
    transform: rotate(232.20deg)
}

.progress-circle[data-value="64.6"] .progress-barre {
    transform: rotate(232.56deg)
}

.progress-circle[data-value="64.7"] .progress-barre {
    transform: rotate(232.92deg)
}

.progress-circle[data-value="64.8"] .progress-barre {
    transform: rotate(233.28deg)
}

.progress-circle[data-value="64.9"] .progress-barre {
    transform: rotate(233.64deg)
}

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

.progress-circle[data-value="65.1"] .progress-barre {
    transform: rotate(234.36deg)
}

.progress-circle[data-value="65.2"] .progress-barre {
    transform: rotate(234.72deg)
}

.progress-circle[data-value="65.3"] .progress-barre {
    transform: rotate(235.08deg)
}

.progress-circle[data-value="65.4"] .progress-barre {
    transform: rotate(235.44deg)
}

.progress-circle[data-value="65.5"] .progress-barre {
    transform: rotate(235.80deg)
}

.progress-circle[data-value="65.6"] .progress-barre {
    transform: rotate(236.16deg)
}

.progress-circle[data-value="65.7"] .progress-barre {
    transform: rotate(236.52deg)
}

.progress-circle[data-value="65.8"] .progress-barre {
    transform: rotate(236.88deg)
}

.progress-circle[data-value="65.9"] .progress-barre {
    transform: rotate(237.24deg)
}

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

.progress-circle[data-value="66.1"] .progress-barre {
    transform: rotate(237.96deg)
}

.progress-circle[data-value="66.2"] .progress-barre {
    transform: rotate(238.32deg)
}

.progress-circle[data-value="66.3"] .progress-barre {
    transform: rotate(238.68deg)
}

.progress-circle[data-value="66.4"] .progress-barre {
    transform: rotate(239.04deg)
}

.progress-circle[data-value="66.5"] .progress-barre {
    transform: rotate(239.40deg)
}

.progress-circle[data-value="66.6"] .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)
}

.modal.modal-article {
    padding-right: 0 !important;
    margin-top: 1%;
}

.modal-article .modal-dialog {
    width: 95%;
    height: 95%;
    margin: auto;
    padding: 0;
}

#modalEditSession .modal-dialog,
#modalEditIntervention .modal-dialog {
    max-width: 100%;
}

.modal-article .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.modal-article .modal-content .modal-body {
    display: flex;
    align-items: stretch;
    height: auto;
}

.modal-article .modal-content .modal-body iframe {
    height: auto;
}

@media (min-width: 576px) {
    .modal-article .modal-dialog {
        max-width: none;
    }

    #modalEditSession .modal-dialog,
    #modalEditIntervention .modal-dialog,
    #chanelOpenIntegrationLinksModal .modal-dialog,
    .ip-blacklist-dialog-modal {
        max-width: 80%;
    }
}

#interface_moderateur_tabsquestion_nb_connectes_container {
    position: relative;
    top: 2px;
    color: white;
    background-color: #333333;
    padding: 9px;
}

#interface_moderateur_tabsquestion_nb_connectes {
    display: inline-block;
}

/* for md */
.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 20px;
    padding-top: 5px;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

#booth_summary {
    width: 100%;
    height: 165px;
    font-size: 14px;
    resize: none;
}

/* START BO ADMIN TRANSLATION */
#translation_holder #tableTradManagement_wrapper {
    box-shadow: none;
    height: 100%;
}

#translation_holder #tableTradManagement_wrapper .dataTables_info {
    padding: 0 8px;
}

#translation_holder #tableTradManagement_wrapper .dataTables_paginate {
    padding: 0 8px;
}

#translation_holder #tableTradManagement_wrapper .table_info_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#translation_holder #translation_loader {
    top: 30%;
    right: 50%;
}

#translation_holder .table_header {
    position: absolute;
    top: 0;
    right: 0;
}

#translation_holder .table_main {
    padding-top: 3%;
    padding-bottom: 3%;
}

#translation_holder .table_footer {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* END BO ADMIN TRANSLATION */

.select2-container {
    margin-top: 0.5rem!important;
}

#media_import .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da!important;
    outline: 0;
}

#media_import .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple.is-invalid {
    border: 1px solid #dc3545!important;
}

#media_import input[type=password], #media_import input[type=text], #media_import input.text, #media_import input.title, #media_import textarea, #media_import select {
    margin: 0.1em 0;
}

.inputColor,
.navbarInputColor {
    height: 42px;
    width: 44px;
}

.navbarIconBorder {
    width: 60px;
    height: 60px;
    border: solid 1px darkgrey;
}

#button-go-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: transparent;
    color: #555;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;

}

#button-go-to-top:hover {
    opacity: 0.7;
}

/* BEGIN BO ADMIN HOME PAGE */

.invalidBlock {
    background-color: #f8d7da !important;
}

#carousel-link-image-section img {
    max-height: 80px
}

.channelListArea,
.tagListArea
{
    height: 300px;
    overflow-y: auto;
}

.liveSessionSelectArea {
    height: 200px;
    border: solid 1px;
    overflow-y: auto;
}

#form-slider-block textarea {
    height: 125px;
    resize: none;
}

.carousel-option-items {
    max-width: 430px;
}

.carousel-option-items label {
    padding-left: 0;
}

.carousel-option-items input {
    width: 70px!important;
}

/* END BO ADMIN HOME PAGE */

/* START QUALIFIER */
.qualifierInputColor {
    width: 23px;
    height: 23px;
}

.qualifierInputColorCode {
    height: 23px;
}

/* END QUALIFIER */

.containerKeywordArea {
    max-height: 110px;
    overflow-y: auto;
}

.containerSelectArea {
    height: 150px;
    border: solid 1px;
    overflow-y: auto;
}

.liveSelectArea {
    height: 150px;
    border: solid 1px #ced4da;
    overflow-y: auto;
}

.containerAuthorTextArea {
    resize: none;
    height: 100px;
}

.wysiwyg-section-editor {
    height: 200px !important;
}

.article-section-editor {
    height: 200px !important;
}

.bo-vdo__copy-qr-code_input {
    max-width: 620px;
}

.bo-vdo__io-activation-mode {
    max-width: 605px;
}

/* <editor-fold desc="EPOSTER"> */
.CodeMirror.cm-s-abbott {
    cursor: text;
}
/* </editor-fold desc="EPOSTER"> */

/* <editor-fold desc="VOTES"> */
.modal-vote * {
    font-family: 'Roboto', 'Open Sans', 'Arial', sans-serif, 'Font Awesome 5 Pro', 'RedactorFont';
}

.modal-vote__title {
    color: black;
    font-size: 19px !important;
    font-weight: 500;
}

.modal-vote__text {
    font-size: 14px;
}

.modal-vote__title_sub-title {
    font-size: 15px;
}

.modal-vote__label {
    font-size: 16px;
    color: black;
}

.modal-vote__answer__input {
    height: 38px;
}

.modal-vote__answer {
    border: solid 1px #F5F5F5;
    border-radius: 7px;
}

.modal-vote__answer_delete {
    color: white;
}

.modal-vote__answer_drag {
    cursor: grabbing;
    background-color: #EEEEEE;
    height: 100%;
    border-radius: 3px;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'Font Awesome 5 Pro', 'RedactorFont';
}

.modal-vote .btn-primary i {
    color: white;
}

.modal-vote .btn-primary {
    color: white;
}

.modal-vote-question {
    height: 100px !important;
}

.redactor_box.is-invalid {
    border: solid 1px red;
}

#bo-vote-modal-edit .modal-footer a {
    color: white;
}

.modal-vote #vote-answer-sortable.is-invalid {
    border: solid 1px #dc3545;
}

.vote-integration__input {
    width: 500px;
}

.integration-info__toggle {
    font-size: 14px;
    color: white;
    font-weight: 500;
}

.integration-info__toggle:focus,
.integration-info__toggle:active {
    color: white !important;
}

.bvr__title {
    font-size: 14px;
    font-weight: 500;
}

.bvr-info {
    font-size: 14px;
}

.modal-vote__integration_info {
    border: solid 2px;
    padding: 10px;
}
/* </editor-fold desc="VOTES"> */

/* <editor-fold desc="MONITORING LIVE"> */
.survey__card {
    overflow: auto;
    height: 180px;
}

.survey__toggle {
    font-size: 0.8rem;
    color: #6c757d;
}

.survey__toggle:hover {
    color: #6c757d;
    text-decoration-color: #6c757d;
    opacity: .6;
}

.survey__toggle:focus {
    color: #6c757d;
}

.live__vote-room-list_empty {
    height: 80%;
    align-items: center;
    font-size: 14px;
}

td.dd {
    cursor: all-scroll;
}

/* </editor-fold desc="MONITORING LIVE"> */


.faculty-picture {
    max-height: 120px;
}

.bo-faculty-cv {
    height: 150px!important;
}

.qualifier-wysiwyg {
    height: 200px !important;
}

.bo-poll-question {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-invalid__input_float {
    position: absolute;
    top: 45px;
}

.bo-param__footer_content {
    height: 300px;
}

.wysiwyg-editor ol {
    list-style-type: decimal;
}

.wysiwyg-editor ul {
    list-style: unset;
}

.wysiwyg-editor p {
    font-size: 1em;
    line-height: 1.5;
    margin: unset;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.media__article_wysiwyg,
.ajout_replay_wysiwyg,
.ajout-pdf__wysiwyg {
    height: 400px !important;
}

.container-secondary-canals {
    max-height: 250px;
    overflow-y: auto;
}

.select2-selection__clear {
    font-size: 23px;
}

.js-grouped-checkboxes-accordion .js-grouped-checkboxes-accordion_header {
    cursor: pointer;
}

.js-grouped-checkboxes-accordion .js-grouped-checkboxes-accordion_header * {
    color: black;
    font-weight: 500;
    font-size: 14px
}

.js-grouped-checkboxes-accordion .js-grouped-checkboxes-accordion_header i {
    font-size: 16px
}

.backoffice .media-article-editor-holder .arx-editor-frame {
    min-height: 500px !important;
}

.backoffice .media-article-editor-holder .arx-bars-container {
    top:0!important;
}

#media-import_container .invalid-feedback {
    font-size: 90%;
}

#media-import_container #loading-icon {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    z-index: 1000;
}

#cosession-edit-modal .select2-container {
    margin-bottom: 0.5rem;
}

.treeview li>input.select2-search__field{
    opacity: unset!important;
}

/********************* SEO Form style *********************/
.seo-zone .meta-description-container{
    position: relative;
}

.seo-zone .description-length-container .title-length-container {
    position: absolute;
    bottom: -20px;
    right: 0;
    z-index: 5;
}

.seo-zone textarea[name=meta_description].error,
.seo-zone textarea[name=meta_description].warning,
.seo-zone textarea[name=meta_description].error:focus,
.seo-zone textarea[name=meta_description].warning:focus,
.seo-zone input[name=meta_title].error,
.seo-zone input[name=meta_title].warning,
.seo-zone input[name=meta_title].error:focus,
.seo-zone input[name=meta_title].warning:focus
{
    box-shadow: none;
    outline: none;
    border: 2px solid transparent;
}

.seo-zone textarea[name=meta_description].error,
.seo-zone textarea[name=meta_description].error:focus,
.seo-zone input[name=meta_title].error,
.seo-zone input[name=meta_title].error:focus {
    border-color: var(--color-error);
}

.seo-zone textarea[name=meta_description].warning,
.seo-zone textarea[name=meta_description].warning:focus,
.seo-zone input[name=meta_title].warning,
.seo-zone input[name=meta_title].warning:focus {
    border-color: var(--color-warning);
}

.seo-zone .description-length-container.error .title-length-container.error {
    color: var(--color-error);
}

.seo-zone .description-length-container.warning .title-length-container.error{
    color: var(--color-warning);
}

.seo-zone ul.related-content-list > li.related-content-item,
#excluded_string_list > li.related-content-item {
    display: flex;
    align-items: center;
    gap: .7rem;
    font-size: 1rem;
    opacity: 1;
    margin-bottom: .3rem;
}

li.related-content-item button.unlink-content {
    background: 0;
    padding: .3rem;
    font-size: 2rem;
    line-height: .5;
    transform: rotateZ(45deg);
    color: var(--color-error);
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

li.related-content-item button.unlink-content:hover,
li.related-content-item button.unlink-content:focus {
    outline: none;
    box-shadow: none;
}

.seo-zone .error {
    border: 2px solid var(--color-error);
}

.seo-zone .related-content-select-container span.select2 {
    display: block;
}

.seo-zone .related-content-select-container span.select2-selection {
    height: 33px;
    border: 1px solid #ced4da;
}

.seo-zone .related-content-select-container span.select2-selection[aria-expanded=true] {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.seo-zone .related-content-select-container .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-spe-option {
    margin-top: 20px;
}

/** Modal edit session / intervention style **/
#modalEditSession .modal-content,
#modalEditIntervention .modal-content {
    max-height: 90vh;
    overflow-y: hidden;
}

#modalEditSession .modal-header,
#modalEditIntervention .modal-header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    height: 3rem;
}

#modalEditSession .modal-body,
#modalEditIntervention .modal-body {
    overflow-y: auto;
}

#modalEditSession .modal-footer,
#modalEditIntervention .modal-footer {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 5rem;
}

span.js-edit-session,
span.js-edit-intervention {
    cursor: pointer;
}

span.js-edit-session:hover,
span.js-edit-intervention:hover {
    text-decoration: underline;
}
/** End Modal edit session / intervention style **/

/** Graphic template color scheme **/
#ColorListBlock {
    position: relative;
    background-color: #D7D7F6;
    color: var(--color-text-dark);
    border-radius: 10px;
    display: none;
    padding: .625rem;
}

#ColorListBlock.show {
    display: block;
    animation-name: collapseAnim;
    animation-duration: 1500ms;
    animation-timing-function: ease-in;
}

@keyframes collapseAnim {
    0% { opacity: .3; }
    100% { opacity: 1; }
}

input.input-toggle-color-scheme + label {
    font-weight: 500;
}

button.btn-reset-color-scheme {
    position: absolute;
    right: .5rem;
    top: 1rem;
    background-color: var(--color-primary);
    font-size: 13px;
}

ul.color-list {
    padding: 0;
    column-gap: .5rem;
}

ul.color-list > li {
    width: 210px;
}

ul.color-list > li input {
    height: 29px;
    width: 29px;
    padding: 0;
    border-width: 0;
    line-height: 1;
    background-color: transparent;
}

ul.color-list > li label {
    font-weight: 500;
}
/** END Graphic template color scheme **/

.bo-media-action-input {
    min-width: 100px;
}

/** Event Chanel duplicate modal **/
.event-chanel-duplicate-checkbox {
    width: 20px;
    height: 20px;
}

.event-chanel-duplicate-checkbox:hover {
    cursor: pointer;
}
/** END Event Chanel duplicate modal **/

/* media modal translate */
.lang-selector-translate:hover {
    cursor: pointer;
}

.modal-translation-request-status .fa-hourglass-clock {
    color: orange;
}

.modal-translation-request-status .fa-loader {
    color: darkblue;
}

.modal-translation-request-status .fa-check {
    color: green;
}

.modal-translation-request-status .fa-circle-xmark {
    color: red;
}

/* polls global selector */
.body-container-polls-global-selector,
.body-container-polls-global-header {
    min-width: 1000px;
    width: max-content;
}

.polls-global-subtitle {
    font-size: 30px;
}

.body-container-polls-global-selector .select2-container .select2-selection {
    font-size: 16px;
}

.body-container-polls-global-selector .select2-container .select2-results__option {
    font-size: 16px;
}

.poll-global-alert {
    font-size:20px;
}

#ipAutoBlacklistRulesForm input:not(#ipAutoBlacklistRulesForm[type="submit"]) {
    max-width: 81px;
}

.autoBlacklistRuleIsActivatedLabel::before,
.autoBlacklistRuleIsActivatedLabel::after {
    top: .10rem;
}

#excluded_string_textarea {
    height: 90px;
}

#excludedRulesSeparator {
    width: 1px;
    height: 100%;
    color: var(--default-text-color);
}

#existingUserAgents {
    border-left: solid 1px #ced4da;
}

.clipboardCodeSchemaMarkupTextareaIconCopy {
    position: relative;
    top: 20px;
    right: 20px;
}

.clipboardCodeSchemaMarkupTextareaIconCopy:hover {
    cursor: pointer;
}

.vdo_vtt_status_done {
    color: #28a745;
}

.vdo_vtt_download_link {
    text-decoration: underline;
}

#is-timer-set-on-poll-duration {
    max-width: 200px;
}

#directSearchInputResultsNumber,
#InputDelayInactivity {
    max-width: 390px;
}
.admin-faculty-cv-field .rx-editor-frame{
    background-color: var(--default-bg-color);
}

.tag-collapse-tag-type {
    width: fit-content;
    min-width: 300px;
}