/*
*
*/
.logo-img { 
width: 18.75rem; 
margin-bottom: 0rem; 
}

.application-title img{
    max-height: 5rem;
    max-width: 13rem;
}

@font-face{
	font-family:icomoon2;
src:url(../fonts/icomoon2/icomoon.eot?z9fn2y);
	src:url(../fonts/icomoon2/icomoon.eot?z9fn2y#iefix) format("embedded-opentype"),url(../fonts/icomoon2/icomoon.ttf?z9fn2y)format("truetype"),url(../fonts/icomoon2/icomoon.woff?z9fn2y) format("woff"),url(../fonts/icomoon2/icomoon.svg?z9fn2y#icomoon) format("svg");
	 font-weight:400;
	 font-style:normal
}
[class*=" icon2-"],[class^=icon2-]{
font-family:icomoon2!important;
	speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon2-work:before{
content:"\e934"
}

.home-box-connexion .alert{
    width: 100%;
}

.page-aide{
    margin-top: 15px;
    background: #fff;
}

.page-aide .wrapper {
    border-left: solid 1px #d6c1ca;
    border-right: solid 1px #d6c1ca;
}

.page-aide .aide-btn-panel {
    background-color: #d6c1ca;
}

.page-aide .aide-content .btn-info {
    padding: 6px 15px;
}

.news-util-title{
    margin-top: 1em;
    border-top: 1px solid #000;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.no-padding-l{
    padding-left: 0;
}
.no-padding-r{
    padding-right: 0;
}

/**
* CHAMP CAPTCHA
*/
.form-control.captcha {
    width: calc(100% - 90px);
    display: inline-block;
}

.captcha-code{
    border:solid 1px #ccc;
    height: 24px;
}

.form--input-required .control-label:before {
    content: none;
    color: #ff6e00;
    margin-right: 0; 
}

.form--input-required .control-label:after {
    content: "*";
    color: #ff6e00;
    margin-left: 0.3em; 
}

/* Adaptation panel
*****************************************************************/
.panel {
    background-color: #fff;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #138498; 
}

.panel .panel-title a {
    color: #fff; 
}

legend a {
    color: #0e6574;
}

legend a:hover, legend a:focus {
    color: #0e6574; 
}

legend a:before, .panel .panel-title a:before {
    color: #fff;
    background-color: #138498;
    border-right: 1px solid #fff;
    margin-right: 10px;
    margin-left: 0.3em; 
}

.modal-content .panel {
    background-color: #f2f2f2;
}

/* Page d'erreur
*******************************************************************************/

.error-page .wrapper {
    min-height: 100%;
    height: auto;
    position: relative;
}

.error-page .application-title {
    border-left: none;
}

.error-page .footer {
    background: url(../images/bg-logo.svg) right -2.9rem top -3rem no-repeat #ca2021;
    height: 128px;
    background-size: 22rem 22rem;
}

.error-page .footer .application-title::before {
    border-width: 1px;
    border-color: #fff;
}

.error-page .footer {
    margin-top: -128px;
}

.error-page .header {
    background: #fff;
    background: -webkit-linear-gradient(left, #fff 50%, #ca2021 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #ca2021));
    background: linear-gradient(to right, #fff 50%, #ca2021 50%);
    position: relative; 
}

.error-page .header .application-title::before {
    border-top: 2px solid #ca2021;
    border-right: 2px solid #ca2021;
}

.error-page .usertool-group {
    background-color: #ca2021; 
}

.error-page .page-title {
    color: #ca2021;
    text-transform: uppercase;
}

/* Page connexion
*******************************************************************************/

.home .logo-group {
    padding-bottom: 2.3rem;
    padding-top: 2.2rem;
}

.home .intro {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

/* Hauteur select
*******************************************************************************/

.select2-container--default .select2-selection--single {
    height: 2.24rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.18rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.20rem;
}

.formation-item-full{
    flex: 0 0 100%;
    max-width: 100%;
}

/* Thematique identite
*******************************************************************************/
.block-identite {
    margin-top: 1em;
}
.titre-identite {
    color: #138498;
    padding-left: 0px;
    margin: 2em;
    font-size: 1.1rem;
}
.titre-identite::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 0%;
    border-top: 1px solid #138498;
}
.sous-titre-identite {
    color: #138498;
    padding-left: 15px;
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-top:0px;
}
.sous-titre-identite::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 72.5%;
    left: 15px;
    border-top: 1px solid #138498;
}

.form-control-dossier {
    display: block;
    width: 100%;
    height: 24px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #555555;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; 
}
.form-control-dossier:focus {
    border-color: #138498;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(19, 132, 152, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(19, 132, 152, 0.6); 
}
.form-control-dossier::-moz-placeholder {
    color: #999;
    opacity: 1; 
}
.form-control-dossier:-ms-input-placeholder {
    color: #999; 
}
.form-control-dossier::-webkit-input-placeholder {
    color: #999; 
}
.form-control-dossier::-ms-expand {
    border: 0;
    background-color: transparent; 
}
.form-control-dossier[disabled], .form-control-dossier[readonly], fieldset[disabled] .form-control-dossier {
    background-color: #eeeeee;
    opacity: 1; 
}
.form-control-dossier[disabled], fieldset[disabled] .form-control-dossier {
    cursor: not-allowed; 
}
.form-control-dossier::-ms-clear {
    display: none; 
}
.form-control-dossier {
    height: auto;
    padding-top: 1rem;
    padding-bottom: 0.2rem;
    font-size: 0.875rem;
    font-family: "Barlow medium", Helvetica, Arial, sans-serif;
    line-height: 1; 
}
.form-control-dossier.is-filled ~ .float-label-dossier, .form-control-dossier:focus ~ .float-label-dossier {
    -webkit-transform: translate(-9%, -97%) scale(0.8);
    -ms-transform: translate(-9%, -97%) scale(0.8);
    transform: translate(-9%, -97%) scale(0.8); 
}
.form-control-dossier.wide-input {
    width: 100%; 
}
.form-control-dossier.bascule-criterion {
    border: 1px solid #ccc;
    margin-bottom: 0.6rem; 
}
.form-control-dossier[readonly], .form-control-dossier[disabled] {
    cursor: no-drop;
    background: #e6e6e6;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.float-label-dossier {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0.8rem;
    color: #919191;
    font-size: 0.8125rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 
}
.form--input-required .float-label-dossier:after,
.form--input-required .control-label:after {
    content: "*";
    color: #ec5e00;
    margin-left: 0.3rem; 
}

.identite-tabs {
    cursor: pointer;
}

/* Tableaux root rows
*******************************************************************************/
.row-level-0 {
    font-weight: bold;
    background: #d2d2d2;
}
/* style des lignes de total des tableaux du dossier */
.table-col--responsive--body div[data-code^="-2"] {
    background: #138498;
    color: #fff;
}
.table-col--responsive--body div[data-code^="-1"] {
    background: #555;
    color: #fff;
}

/* affichage des champs en erreur dans les tableaux du dossier */
.table-col--responsive-dossier .form-input--has-error+.form-input-error {
    display:block;
}

/* Header */
.user-bloc-link {
    color: white;
}
.user-bloc-link:hover {
    color: white;
}

/* Ajustement Dossier */
.thematic-header {
    margin-bottom: 2em;
}
.page-head {
    padding-top: 10px;
    padding-bottom: 5px;
}
.page-aide-btn {
    margin-top: 0;
}
.step-actions {
    margin-top: 1rem;
}
.step-form {
    margin-bottom: 1rem;
}
.step-title {
    padding-bottom: 10px;
}
.step-title .additionnal-details {
    text-transform: none;
}

.step-sub-title .additionnal-details {
    text-transform: none;
}

.table-col--responsive--item.table-col--responsive--item-grow-double {
    -webkit-box-flex: 17%;
    -webkit-flex: 17% 2 0;
    -ms-flex: 17% 2 0px;
    flex: 17% 2 0;
}
.table-col--responsive--item.table-col--responsive--item-grow-triple {
    -webkit-box-flex: 25.5%;
    -webkit-flex: 25.5% 3 0;
    -ms-flex: 25.5% 3 0px;
    flex: 25.5% 3 0;
}
.table-col--responsive--item.table-col--responsive--item-grow-quadruple {
    -webkit-box-flex: 34.5%;
    -webkit-flex: 34.5% 6 0;
    -ms-flex: 34.5% 6 0px;
    flex: 34.5% 6 0;
}
.table-col--responsive--item.table-col--responsive--item-grow-quintuple {
    -webkit-box-flex: 40%;
    -webkit-flex: 40% 6 0;
    -ms-flex: 40% 6 0px;
    flex: 40% 6 0;
}
.table-col--responsive--item.table-col--responsive--item-grow-23 {
    -webkit-box-flex: 23%;
    -webkit-flex: 23% 4 0;
    -ms-flex: 23% 4 0px;
    flex: 23% 4 0;
}
.table-flex-header-right {
    justify-content: flex-end;
}
.table-flex-header-center {
    justify-content: center;
}
.viewModifications {
    padding-top: 5px;
    padding-left: 5px;
    border: 1px #0e6574 solid;
    height: 180px;
    overflow: auto;
    background-color: white;
}

.buttonDemandemodification {
    width: 80px;
    font-size: 0.75rem;
}

.btn-fermeture {
    cursor: pointer;
    float: right;
    margin-bottom: 0px;
    margin-top: 5px;
}

.selectedButtonDemandeModification {
    border: 1px #138498 solid;
}

/* dossier DGP modification en cours*/

.dossier-modification-en-cours-alert-text {
    color:#ec5e00;
    font-weight:bold;
    padding-right: 1rem;
}
.dossier-infos-modification {
    color:#ec5e00;
    font-size: 0.875em;
}

/* dossier consignes pj */
.thematic-header .file-consigne-items a {
    color:#fff;
}
.thematic-header .file-consigne-items a:hover {
    color:#c2c2c2;
}

/* Thématique globale pj */
.thematique-globale {
    margin-bottom: 1.6rem;
}
.thematique-globale .file-consigne-items a {
    color:#fff;
}
.thematique-globale .file-consigne-items a:hover {
    color:#c2c2c2;
}

.table-col--responsive-dossier .form-input--has-error+.form-input-error {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.menu-item {
    margin-right: 10px;
}

.dossier-step:before {
    content: '';
    display: block;
    width: 1.5rem;
    margin-right: 0;
    border-right: 0;
}

.dossier-step-suivi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-family: "Barlow semibold", Helvetica, Arial, sans-serif;
    line-height: 1.3;
}

.txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white h5, .txt-white h6,
.thematic-infos h1, .thematic-infos h2, .thematic-infos h3, .thematic-infos h4, .thematic-infos h5, .thematic-infos h6 {
    color: #fff;
}

.home-message-txt h1, .home-message-txt h2, .home-message-txt h3, .home-message-txt h4, .home-message-txt h5, .home-message-txt h6 {
    color: #be2873;
}

.step-infos h1, .step-infos h2, .step-infos h3, .step-infos h4, .step-infos h5, .step-infos h6 {
    color: #000;
}

.step-infos .btn {
    font-size: 1rem;
}
.step-infos .btn:after {
    font-size: 20px;
}
.thematic-infos .btn {
    font-size: 1rem;
}
.thematic-infos .btn:after {
    font-size: 20px;
}

.step-infos {
    border: 1px solid #adadad;
}

/* Spécifique firefox, la première série d'instruction permet l'affichage des tableaux pour les anciennes version */
@-moz-document url-prefix() {
    .table-col--responsive--child-level-1::before, .table-col--responsive--child-level-2::before, .table-col--responsive--child-level-3::before, .table-col--responsive--child-level-4::before {
        position: unset;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .table-col--responsive--item.table-col--responsive--item-info .bloc-info {
        position: unset;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .bloc-info .icon-info {
        line-height: 0.1;
    }
    /* Rétablie l'affiche pour les versions les plus récentes */
    @supports (animation: calc(0s)) {
        .table-col--responsive--child-level-1::before, .table-col--responsive--child-level-2::before, .table-col--responsive--child-level-3::before, .table-col--responsive--child-level-4::before {
            position: absolute;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .table-col--responsive--item.table-col--responsive--item-info .bloc-info {
            position: absolute;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .bloc-info .icon-info {
            line-height: 1;
        }
    }
}

.table-col--responsive--child-level-1 {
    color : #0e5967;
}
.table-col--responsive--child-level-1:before {
    left: 0.7rem;
}
.table-col--responsive--child-level-2 {
    padding-left: 2.5rem !important;
}

.table-col--responsive--child-level-2:before {
    left: 2.3rem;
}
.table-col--responsive--child-level-3 {
    padding-left: 4.0rem !important;
}

.table-col--responsive--child-level-3:before {
    left: 3.8rem;
}
.table-col--responsive--child-level-4 {
    padding-left: 5.5rem !important;
}

.table-col--responsive--child-level-4:before {
    left: 5.3rem;
}

.table-col--responsive--item-collapse {
    border-color: #50b0c1 !important;
}

.row-light {
    background: #e6e6e6 !important;
    color: #000 !important;
}

.row-light .table-col--responsive--item {
    min-height: 2.0rem;
}

.portail-bloc-item.thematic-correction-envoye {
    background: #fff;
}
.portail-bloc-item.thematic-correction-envoye .portail-bloc-number {
    background: transparent;
    color: #000;
    border: 2px solid #000;
}
.portail-bloc-item.thematic-correction-envoye .portail-bloc-number:after {
    content: '\e907';
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 90%;
    background: #fff;
    color: #138498;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.portail-bloc-item.thematic-correction-envoye .portail-bloc-infos {
    background: #ec5e00;
    color: #fff;
}
.portail-bloc-item.thematic-complement-envoye {
    background: #fff;
}
.portail-bloc-item.thematic-complement-envoye .portail-bloc-number {
    background: transparent;
    color: #000;
    border: 2px solid #000;
}
.portail-bloc-item.thematic-complement-envoye .portail-bloc-number:after {
    content: '\e907';
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 90%;
    background: #fff;
    color: #138498;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.portail-bloc-item.thematic-complement-envoye .portail-bloc-infos {
    background: #8c3392;
    color: #fff;
}
.page-aide .aide-content {
    line-height: inherit;
}
.float-label {
    pointer-events: none;
}

/* Affichage commentaire général dossier */
.div-commentaire-dossier {
    border:0;
    margin:1rem 0;
    color:white;
    background:#ec5e00 !important;
}

.div-commentaire-dossier .btn-link {
    color:inherit;
}

/*Affichage et gestion du chevron pour les lignes collapsable*/
.table-col--responsive--row .child-arrow::before {
    visibility: hidden;
}
.table-col--responsive--has-child .child-arrow::before {
    display: inline-block;
    visibility: visible;
    transform: rotate(0deg);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.table-col--responsive--has-child.is-open .child-arrow::before {
    display: inline-block;
    visibility: visible;
    transform: rotate(90deg);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.stagiaire-theme-item .child-arrow {
    display: inline-block;
    visibility: visible;
    transform: rotate(0deg);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.stagiaire-theme-item.is-open .child-arrow  {
    transform: rotate(90deg);
}

.stagiaire-sous-theme-item {
    position: relative;
    padding: 0 .2rem;
    text-transform: inherit;
    color: #ffffff;
    font-size: 1rem
}

.stagiaire-sous-theme-item:active,
.stagiaire-sous-theme-item:active:focus,
.stagiaire-sous-theme-item:focus,
.stagiaire-sous-theme-item:hover {
    outline: none;
    text-decoration: none
}

/****************************************************************/

.all-sections-full {
    margin-bottom: -2rem;
}

.dossier-montant-header-info {
    font-style: italic;
    background: #81c9d6;
}
.dossier-montant-info[readonly] {
    background: transparent;
    font-style: italic;
    font-weight: normal;
    cursor: default;
}
.dossier-montant-tot-info[readonly] {
    background: transparent;
    font-style: italic;
    color: #fff;
    cursor: default;
}
/* Checkbox + radio
*******************************************************************************/
.form--input-radio input[type=radio],
.form--input-checkbox input[type=checkbox] {
    display: none;
    cursor: pointer; 
}
.form--input-radio input[type=radio]:focus, .form--input-radio input[type=radio]:active,
.form--input-checkbox input[type=checkbox]:focus,
.form--input-checkbox input[type=checkbox]:active {
    outline: none; 
}

.form--input-radio label,
.form--input-checkbox label {
    cursor: pointer;
    position: relative;
    color: #000;
    margin: 0 3.6em 0.2em 0;
    padding: 0;
    font-size: 0.875rem; 
}

.form--input-radio label:before,
.form--input-checkbox label:before {
    content: '';
    font-size: 1.375em;
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: middle;
    text-align: center;
    font-family: 'icomoon';
    line-height: 1; 
}

input[type='checkbox'] + label:before {
    content: '\e921';
    background: #fff;
    color: #737373; 
}

input[type='checkbox']:checked + label:before {
    content: '\e920';
    background: #fff;
    color: #0291a9; 
}

input[type='checkbox']:not(:checked) + label:hover:before {
    content: '\e920';
    color: rgba(2, 145, 169, 0.5); 
}

input[type="checkbox"][disabled] + label:before {
    cursor: not-allowed; 
}

input[type='checkbox'][disabled]:checked + label:before {
    color: #737373; 
}

input[type='checkbox'][disabled]:not(:checked) + label:hover:before {
    content: '\e921';
    background: #fff;
    color: #737373; 
}

input[type='radio'] + label:before {
    border-radius: 1rem;
    content: '\e91e';
    background: #fff;
    color: #737373; 
}

input[type='radio']:checked + label:before {
    content: '\e91f';
    color: #0291a9; 
}

input[type='radio']:not(:checked) + label:hover:before {
    content: '\e91f';
    color: rgba(2, 145, 169, 0.5); 
}

.js-answer-msg {
    float: right;
}

h3.actualite {
    font-size: 42px !important;
    font-family: Barlow medium, Helvetica, Arial, sans-serif;
}

.icon-invisible {
    visibility: hidden;
}

.message-unread{
    font-family: "latoregular", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.destinataires-scroll{
    height: 50px;
    overflow-y: scroll;
}

/* Surcharge du fichier style.css */
.link-communication {
    margin-right: 0;
}

.com-bloc-message-blue {
    background: #c1d9e1;
    padding: 1rem;
}
.com-bloc-message-blue .icon-download {
    margin-right: .3rem;
    vertical-align: sub;
    font-size: 1rem;
}

.dossier-site{
    font-size: 12px;
    margin-left: 33px;
    margin-bottom: 10px;
}

.dossier-state.state-edit a.dossier-state-title{
    position: absolute;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 100%;
    max-width: 12rem;
    top: auto;
    margin-left: 1rem;
}

.cycle-state-before-deadline {
    position: absolute;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 100%;
    max-width: 3rem;
    top: 0;
    right: 0;
    margin-left: .3rem;
    text-align: center;
    line-height: 1.3;
    background: #96b83a;
    color: #fff;
    font-size: .625rem;
    font-family: Barlow semibold, Helvetica, Arial, sans-serif;
    word-break: normal;
    white-space: normal
}

.cycle-state-after-deadline {
    position: absolute;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 100%;
    max-width: 3rem;
    top: 0;
    right: 0;
    margin-left: .3rem;
    text-align: center;
    line-height: 1.3;
    background: #be2873;
    color: #fff;
    font-size: .625rem;
    font-family: Barlow semibold, Helvetica, Arial, sans-serif;
    word-break: normal;
    white-space: normal
}

.cycle-state-before-deadline-apprenant {
    position: float;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 10%;
    max-width: 2.1rem;
    top: 0;
    right: 0;
    margin-left: .3rem;
    text-align: center;
    line-height: 1.3;
    background: #96b83a;
    color: #fff;
    font-size: .625rem;
    font-family: Barlow semibold, Helvetica, Arial, sans-serif;
    word-break: normal;
    white-space: normal
}

.cycle-state-after-deadline-apprenant {
    position: float;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 20%;
    max-width: 2.1rem;
    top: 0;
    right: 0;
    margin-left: .3rem;
    text-align: center;
    line-height: 1.3;
    background: #be2873;
    color: #fff;
    font-size: .625rem;
    font-family: Barlow semibold, Helvetica, Arial, sans-serif;
    word-break: normal;
    white-space: normal
}

.dossier-state.state-no-action{
    background:rgba(19,136,152,.1)
}
.dossier-state.state-no-action .dossier-state-title,.dossier-state.state-no-action [class*=" icon-"],.dossier-state.state-no-action [class^=icon-]{
    color:#138498
}
.dossier-state.state-no-action a.dossier-state-title:hover{
    color:#0d5f6d
}

.dossier-state.state-close [class*=" icon-"],.dossier-state.state-close [class^=icon-]{
    color:grey
}

.row-repartition {
    justify-content: flex-end;
}

.colonne-repartition-total {
    font-weight: bold;
}
.row-repartition-total {
    background-color: #555;
    color: #fefefe;
}

.header-total-dark {
    background-color: #138498;
}

.btn-comptes-financiers {
    padding: 0.4rem 1.5rem;
}

/* Pagination mode tableur
*******************************************************************************/
.dataTables_wrapper .dataTables_info {
    color: #000;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #000 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border-color: transparent;
    background: none !important;
    background-color: #138498 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border-color: transparent;
    background: none !important;
    background-color: #138498 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.active {
    color: #fff !important;
    border-color: transparent;
    background: none !important;
    background-color: #138498 !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #919191 !important;
    border-color: transparent;
    background: none !important;
    background-color: #fff;
}

.pagination > li > a, .pagination > li > span {
    color: inherit;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    color: inherit;
    background-color: inherit;
    border-color: transparent;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    color: inherit;
    background-color: inherit;
    border-color: transparent;
}

.btn.btn-outline-primary:focus {
    color: #fff;
    background-color: #138498;
    border-color: #138498
}
/*.dataTables_wrapper .dataTables_paginate .paginate_button { background: transparent; }*/
/*.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: transparent; }*/
/*.dataTables_wrapper .dataTables_paginate .paginate_button:active { background: transparent; }*/

/* Mode tableur*/
.js-sous-thematique {
    display: none;
    z-index: 1;
    padding: 10px 10px 10px 0px;
    color: #ffffff;
}

.js-sous-thematique:hover {
    background-color: #ff9999;
}

.js-sous-thematique[data-slug=identite] {
    background-color: #d8c807;
}

.js-sous-thematique[data-slug=contact-et-coordonnees] {
    background-color: #c905c1;
}

.js-sous-thematique[data-slug=situation-a-lentree-du-cycle] {
    background-color: #075fd8;
}

.theme-selected,
.theme-selected:focus{
    color: #ff7800;
    font-weight: bold;
}
.theme-selected span:first-child {
    color: #000;
}

/* Mode tableur financements*/
.stagiaire-theme-item[data-slug=subventions]:before {
    background-color: #c905c1;
}

.js-sous-thematique[data-slug=autres-financements],
.js-sous-thematique[data-slug=droits-inscription],
.js-sous-thematique[data-slug=autres-frais],
.js-sous-thematique[data-slug=frais-stage],
.stagiaire-theme-item[data-slug=autres-financements]:before,
.stagiaire-theme-item[data-slug=droits-inscription]:before,
.stagiaire-theme-item[data-slug=autres-frais]:before,
.stagiaire-theme-item[data-slug=frais-stage]:before {
    background-color: #7007d8
}

.btn-consignes-region {
    border-radius: 7px;
    padding-right: 30px;
    padding-left: 30px;
}



.faq-label:first-letter {
    text-transform: capitalize;
}

/* Autocompletion */
.ui-menu {
    padding: 0px;
}

.ui-menu .ui-menu-item{
    background-color: white;
    list-style: none;
    cursor: pointer;
}

.ui-menu .ui-menu-item:hover {
    background-color: #f0eded;
}

.subvention-libelle{
    padding: 6px;
    background: #555;
    color: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    font-family: Barlow regular, Helvetica, Arial, sans-serif;
    line-height: 1 ;
    width: 70%
}

.subvention-montant{
    padding: 3px;
    line-height: 1.5;
    flex: 11.5% 2 0;
    display: flex;
    flex-flow: row wrap;
    flex: 5% 1 0;
    word-break: break-word;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 15%;
    cursor: no-drop;
    background: #e6e6e6;
    border: none;
    opacity: 1;
    height: auto;
    font-size: 0.875rem;
    font-family: "Barlow medium", Helvetica, Arial, sans-serif;
    line-height: 1;
    color: #000;
}

.btn-video {
    color: #be2873;
    border-color: #a92466
}

.user-name {
  margin-bottom: .3rem;
  margin-top: .25rem;
  display: inline-block;
}

.user-name-group a{
  color: #fff;
  font-size: .9375rem;
  font-style: normal;
}

.link-communication .dossier-state-notif {
  top: -10px;
  left: 15px;
  line-height: 1.6;
}