#plenary-svg .chair-circle {
    fill: #AAA;
}

#plenary-svg .chair-bg {
    stroke: transparent;
    fill: transparent;
}

#plenary-svg .chair:hover {
    cursor: pointer;
}

#plenary-svg .chair:hover .chair-bg {
    fill: #DDD;
}

#plenary-svg .chair .chair-icon{
    transition: .3s;
}
#plenary-svg .chair .chair-icon[data-opinion="na"]{
    fill: #afa69d !important;
}
#plenary-svg .chair .chair-icon[data-opinion="contre"]{
    fill: #b03839 !important;
}
#plenary-svg .chair .chair-icon[data-opinion="oui-mais"]{
    fill: #e08946 !important;
}
#plenary-svg .chair .chair-icon[data-opinion="pour"]{
    fill: #386e57 !important;
}

#deputy-tooltip{
    position: fixed;
    z-index: 1;
    min-width: 200px;
    width: fit-content;
    transform: translateY(-50%);
    background-color: #f2f3f4;
    visibility: hidden;
    opacity: 0;
    box-shadow: rgb(153, 153, 153) 0px 0px 5px 0px;
    transition: opacity 0.2s ease-in-out 0s;
    padding: 1rem;
    border-radius: 1.5rem;
}
#deputy-tooltip.active{
    visibility: visible;
    opacity: 1;
}
#deputy-tooltip .tooltip-image{
    display: block;
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    object-position: center;
}
#deputy-tooltip .tooltip-description span{
    display: block;
}
#deputy-tooltip .tooltip-description span:nth-child(1){
    font-size: 1rem;
}
#deputy-tooltip .tooltip-description span:nth-child(2){
    font-size: .8rem;
}


#plenary-progress{
    padding: 0;
    width: 100%;
    height: 1rem;
    border-radius: 2rem;
    display: flex;
    overflow: hidden;
}
#plenary-progress span{
    width: 0px;
    transition: .3s;
}
#plenary-progress span[data-opinion="na"]{
    background-color: #afa69d;
}
#plenary-progress span[data-opinion="contre"]{
    background-color: #b03839;
}
#plenary-progress span[data-opinion="oui-mais"]{
    background-color: #e08946;
}
#plenary-progress span[data-opinion="pour"]{
    background-color: #386e57;
}
#plenary-meta h3 span{
    font-size: 2rem;
    font-weight: 700;
}

#plenary-meta h3{
    text-transform: none;
    font-weight: 400;
}
#plenary-meta h3 span{
    margin-right: .5rem;
}
#plenary-meta .col-contre h3 span{
    color: #b03839;
}
#plenary-meta .col-oui-mais h3 span{
    color: #e08946;
}
#plenary-meta .col-pour h3 span{
    color: #386e57;
}
#plenary-meta .col-na h3 span{
    color: #afa69d;
}

#plenary-timeline{
    display: flex;
}

#plenary-timeline .plenary-timeline_container{
    position: relative;
    display: flex;
    width: calc(100% - 3rem);
    height: 2rem;
}
#plenary-timeline .plenary-timeline_container::before{
    content : '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0px;
    right: 0px;
    height: 1px;
    background-color: #e8e8e8;
}
#plenary-timeline .plenary-timeline_container .plenary-timeline_progress{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0px;
    height: 1px;
    background-color: #000;
    transition: .5s;
}

#plenary-timeline .plenary-timeline_container .timeline-day{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 3;
    cursor: pointer;
}

#plenary-timeline .plenary-timeline_container .timeline-day .timeline-day_btn{
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    background-color: #afa69d;
    top: calc(50% - 0.4rem);
}

#plenary-timeline .plenary-timeline_container .timeline-day.active .timeline-day_btn{
    background-color: #000;
}
#plenary-timeline .plenary-timeline_container .timeline-day.active .timeline-day_date{
   color: #000;
}



#plenary-timeline .plenary-timeline_container .timeline-day .timeline-day_date{
    transform: translateY(1.4rem);
    color:#afa69d;
    font-family: "Akrobat";
    font-size: 1rem;
}


#plenary-timeline .timeline-play{
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}
#plenary-meta .card{
    background-color: transparent;
}
#plenary-meta .card-header{
    background-color: transparent;
    border: none;
    padding: 0;
}
#plenary-meta .card-header button{
    position: relative;
    font-weight: 600;
    padding: 0;
    width: 100%;
    text-align: start;
}

#plenary-meta .card-header button:hover,
#plenary-meta .card-header button:focus,
#plenary-meta .card-header button:active{
    text-decoration: none;
}

#plenary-meta .block-card .card-header button{
    font-size: 1.2rem;
}

#plenary-meta .block-card .card-header button span{
    font-size: 1.8rem;
}
#plenary-meta .card-body{
    padding: .5rem 1rem;
}
#plenary-meta .card:not(.block-card) .card-header button{
    font-size: 1rem;
}
#plenary-meta .card:not(.block-card) .card-header button span{
    font-size: 1.4rem;
}
#plenary-meta .card-body span.deputie{
    display: block;
    font-size: 1rem;
}


#plenary-meta .block-card .card-header button::after{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f107";
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    transition: 300ms;
}


#plenary-meta .block-card .card-header button[aria-expanded="true"]::after{
    transform: translateY(-50%) rotate(180deg);
}



@media (max-width: 768px) {
    #plenary-timeline .plenary-timeline_container .timeline-day:not(.active) .timeline-day_date{
        display: none;
     }
     #plenary-meta .block-card .card-header button::after{
        right: 0rem;
    }
}
img.article-bg{
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}
.plenary-legend p{
    font-size: 1rem;
}
.plenary-legend p strong{
    font-weight: 700;
}

.plenary-legend .legend-contre::before,
.plenary-legend .legend-oui-mais::before,
.plenary-legend .legend-pour::before,
.plenary-legend .legend-na::before{
    display: inline-block;
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    margin-right: .5rem;
}
.plenary-legend .legend-contre::before{
    background-color: #b03839;
}
.plenary-legend .legend-oui-mais::before{
    background-color: #e08946;
}
.plenary-legend .legend-pour::before{
    background-color: #386e57;
}
.plenary-legend .legend-na::before{
    background-color: #afa69d;
}

body.rtl.ar #plenary-timeline .plenary-timeline_container,body.rtl.ar #plenary-timeline{
    flex-direction: row-reverse;
}

body.rtl.ar #plenary-timeline .timeline-play {
    line-height: 1px;
}


body.rtl.ar #plenary-meta .block-card .card-header button::after{
    right: unset;
    left: 2rem;
}
@media (max-width: 768px) {
    body.rtl.ar #plenary-meta .block-card .card-header button::after{
        right: unset;
        left: 0rem;
    }
}

body.rtl.ar #deputy-tooltip h5,body.rtl.ar #deputy-tooltip span{
    text-align: start !important;
}


body.rtl.ar .plenary-legend .legend-contre::before,
body.rtl.ar .plenary-legend .legend-oui-mais::before,
body.rtl.ar .plenary-legend .legend-pour::before,
body.rtl.ar .plenary-legend .legend-na::before{
    margin-right: 0rem;
    margin-left: .5rem;
}