body
{
    font-family: "Inter", serif;
    overflow-x: hidden;
}

h1
{
    font-family: "Plus Jakarta Sans", serif;
}

.header
{
    z-index: 990;
    background-color: white;
    position:fixed;
    top:0;
    width:100%;
    padding-top: 1rem;
}

.header h3, .header h1{
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.text-container {
    padding: 1rem;
    border-radius: 15px;
    color: white;
    background-color: #491547;
}

.domaine-title {
    font-family: "Plus Jakarta Sans", serif;
    font-weight: bold;
    font-size: 2rem;
    color: #491547;
}

.domaine-title b{
    color: #985092;
}

svg.markmap {
    width: 100%;
    height: 100vh;
}
.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.legend-formation {
    text-align: right;
    padding-right: 1rem;
}

.legend-grey-bg {
    background-color: grey;
}

.a_distance-container
{
    padding:0.5rem 2rem;
    border-radius:1rem;
    background-color:#F5F5F5;
    box-shadow: 0 .3125rem 1.25rem rgba(17, 22, 22, .1);
}

.a_distance-container:hover
{
    background-color: #B2DDDF;
}

.formation_lien_cf {
    align-items: center;
    background-color: #491547;
    border: none;
    border-radius: 3.125rem;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    padding: 1rem 1.5rem;
    cursor: pointer;
    transition: background-color .3s cubic-bezier(.25,.46,.45,.94), color .3s cubic-bezier(.25,.46,.45,.94), transform .4s cubic-bezier(.165,.84,.44,1), box-shadow .6s cubic-bezier(.15,.275,.01,1.025);
}

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

#search_sunburst {
    margin-top: 1rem;
}

.session_container {
    background-color: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 .3125rem 1.25rem rgba(17, 22, 22, .1);
    padding: 1.5625rem 1.875rem;
    position: relative;
    width: 100%;
    margin-top:1.25rem;
    position:relative;
}

.session_container:before {
    background-color: #491547;
    border-radius: 0 0 .875rem .875rem;
    content: "";
    display: block;
    height: .4375rem;
    left: 2.5rem;
    position: absolute;
    top: 0;
    width: 3.125rem;
}

.formation_title{
    font-size: 2.375rem;
    letter-spacing: -.02em;
    margin-bottom: 2.25rem;
    font-weight: 700;
}

.icon img{
    display: inline-block;
    height: 19.546px;
    margin-right: .375rem;
    top: .125rem;
    width: 19.9px;
}

.formation_responsable{
    font-weight: 700;
    color: #491547;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: .625rem;
    display:inline;
}

.label_session_termine {
    float:right;
    background-color: #494a4d;
    color: #fefefe;
    font-weight: 700;
    line-height: 1.25;
    border-radius: .25rem;
    display: inline-block;
    font-size: .75rem;
    padding: .125rem .375rem;
}

.session_date_container{
    margin: 0 0 .625rem 1.125rem;
}

.session_date_deb {
    margin-right: 2.1875rem;
}

.session_date_fin, .session_date_deb {
    color: black;
    display: inline-block;
    font-weight: 700;
}

.session_date_fin span:first-child, .session_date_deb span:first-child {
    display: block;
    font-size: 2.1875rem;
    letter-spacing: -.02em;
    line-height: 1.28;
}

.session_date_fin span:last-child, .session_date_fin span:last-child {
    position: relative;
    top: -.125rem;
}

.session_date_fin:before{
    background-color: #e7e9ee;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    transform: translate(calc(-100% - .9375rem), 1.375rem);
    width: 1.875rem;
}

.session_mesure span, .session_financeur span{
    box-shadow: inset 0 0 0 1px #dbdcdc;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    background: #f8f8fa;
    border-radius: .25rem;
    color: rgba(73, 74, 77, .8);
    cursor: default;
    display: inline-block;
    font-size: .75rem;
    padding: .125rem .375rem;
    white-space: nowrap;
}

.session_financement
{
    margin-bottom: 2rem;
}

.session_financement_title{
    color: #00a6a5;
    font-size: 1.375rem;
    width: 100%;
    font-weight: 700;
    line-height: 1.3;
    margin: 1.375rem 0 1.25rem;
}

.session_financement_sous_titre, .session_formateur{
    color: #491547;
    font-size: 1.0625rem;
    line-height: 1.3;
    margin-bottom: .9375rem;
    font-weight: 700;
}

.session_table_titre{
    align-items: center;
    display: inline-flex;
    min-width: 16.875rem;
    width: 100%;
}

.session_table_titre::after{
    content:'';
    background: url('../img/point.svg') space no-repeat 50% 50%;
    display: inline-block;
    flex-grow: 1;
    height: .125rem;
    margin: 0 1.125rem 0 1rem;
}

.session_codes{
    color:#494A4D;
    line-height:1.6;
    font-weight:400;
    font-size:.875rem;
    text-align:right;
}

.form-container {
    color: white;
    margin-top: 25vh;
}

.form_title {
    font-size: 1.5rem;
    font-weight: 700;
}

.form-container .col-12 {
    margin-bottom: 15px;
}

.form-container, .fil-container {
    padding: 15px;
}

.fil-container {
    color: black;
    font-weight: 500;
    background-color: #E0E0E0;
    border-radius: 0.75rem;
}

.fil-container a:visited, .fil-container a {
    color: black;
}

.session-container {
    margin-top: 15px;
}

#progression .step .step-progress .step-circle::after
{
    border: none;
    width: 100%;
    height: 100%;
}

#progression .step .step-progress .step-circle::after {
    background: #A5A6A6 none repeat scroll 0 0 !important;
}

#progression .step.current .step-progress .step-circle::after {
    background: #5f1e57 none repeat scroll 0 0 !important;
}

.form-container {
    background-color: #491547;
    border-radius: 0px 15px 15px 0px;
    z-index:999;
    width:390px;
    position:fixed;
    margin-left:-390px;
}

.icon-container {
    position: relative;
    display: inline-block;
    margin-left: 375px;
    background-color: #491547;
    padding: 5px;
    border-radius: 0px 15px 15px 0px;
}

/* CSS LISTE DOMAINES */
#accordion_domaine .accordion-item{
    margin-bottom: 1rem;
    color:black;
    border-radius: 1rem !important;
}
#accordion_domaine .accordion-item button{
    font-weight: bold;
    border-radius: 1rem !important;
}

#accordion_domaine .accordion-item button input {
    margin-right: 1rem;
}

#accordion_domaine .accordion-button {
    color:black;
    box-shadow: none;
}

#accordion_domaine .accordion-button:focus{
    box-shadow: none !important;
}

#accordion_domaine .accordion-collapse{
    padding: 1rem 1.25rem;
    margin-left: 6rem;
}

#accordion_domaine .form-check-input:focus {
    box-shadow: none;
}

.accordion-button::after {
    background-image: none !important;
}

#accordion_domaine .accordion-header, #accordion_domaine .collapse, #accordion_domaine .collapsing {
    border-radius: 1rem;
}
#accordion_domaine .form-check-input {
    display: none;
}