/* General */

@font-face{
    font-family: "Marianne";
    src: url("/fonts/Marianne-Regular.woff") format("woff"),
    url("/fonts/Marianne-Regular.woff2") format("woff2"),
    url("/fonts/Marianne-Regular_Italic.woff") format("woff"),
    url("/fonts/Marianne-Regular_Italic.woff2") format("woff2"),
    url("/fonts/Marianne-Bold.woff") format("woff"),
    url("/fonts/Marianne-Bold.woff2") format("woff2"),
    url("/fonts/Marianne-Bold_Italic.woff") format("woff"),
    url("/fonts/Marianne-Bold_Italic.woff2") format("woff2"),
    url("/fonts/Marianne-Light.woff") format("woff"),
    url("/fonts/Marianne-Light.woff2") format("woff2"),
    url("/fonts/Marianne-Medium.woff") format("woff"),
    url("/fonts/Marianne-Medium.woff2") format("woff2"),
    url("/fonts/Marianne-ExtraBold.woff") format("woff"),
    url("/fonts/Marianne-ExtraBold.woff2") format("woff2") !important;
}

* {
    font-family: "Marianne";
}

/* Banner Notifications */
.banner_container {
    background-color: none;
    border: 2px solid #484d7a;
    border-radius: 20px;
    padding: 10px 20px;
    margin: 30px auto;
    max-width: 800px;
    width: 50%;
    text-align: center;
    color: #1E1E1E;
}

.banner_nbnotif {
    padding-bottom: 5px;
}

.banner_nbnotif i,
.banner_nbnotif p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.banner_nbnotif i {
    margin-right: 5px;
}

.banner_buttons {
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

.banner_buttons {
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

.banner_buttons {
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

/* Banner Boutons de login Signin */
.banner_login,
.banner_signin {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 10px;
    border: 2px solid transparent;
}

.banner_login {
    color: #fff;
    background-color: #484d7a;
}

.banner_signin {
    color: #484d7a;
    background-color: none;
    border: 2px solid #484d7a;
}

.banner_login:hover {
    background-color: #5263ff;
    color: #fff;
    text-decoration: none;
}

.banner_signin:hover {
    background-color: #5263ff;
    color: #fff;
    border-color: transparent;
    text-decoration: none;
}

/*--------- Page index texte descriptif ---------*/
.description_container {
    padding: 10px;
    margin: 20px auto;
}

.description_content {
    max-width: 900px;
    margin: auto;
    color: #1E1E1E;
    border: 1px solid #fff;
    padding: 5px;
    text-align: justify;
}

.description_titre {
    text-align: center;
}

@media screen and (max-width: 960px) {
    .description_content {
        max-width: calc(100% - 20px);
        padding: 5px 10px;
    }
}

/*--------- ADMIN - Généraux ---------*/
.grp_btn_top_page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    margin: 10px 0;
}

/*--------- ADMIN - Page index TDB GA ---------*/
.tdb_GA_container{
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    text-align: center;
    border: none;
    margin: 30px auto;
    max-width: 1000px;
    padding: 40px;
    border-radius: 20px;
}

.tdb_GA_groupe_btn {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
}

.btn_validation i {
    margin-right: 5px;
}

/*--------- ADMIN - Page index Statistiques ---------*/
.stats_container {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    padding: 20px 0;
}

.stats_list {
    text-align: center;
}

.stats_cards {
    text-align: center;
}

.stats_card {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    padding: 15px;
    margin: 10px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 100px;
    overflow: hidden;
    box-sizing: border-box; 
}

.stats_card:hover {
    width: 250px;
    transition: ease-in-out 0.2s;
}

.stats_card_title {
    font-weight: 600;
}

.stats_card p {
    margin: 5px 0;
    font-size: 14px;
}

/*--------- ADMIN - Page index Statistiques ---------*/
.filtration form {
    display: flex;
    justify-content: center; 
    margin: 20px 0;
}

.filtre_grp_btn_filtre {
    display: flex;
    align-items: center;
}

.filtre_select_base,
.filtre_select_postbase,
.filtre_btn_filtrage {
    margin: 0 10px;
}

.input_partenaire {
    border: 2px solid #484d7a;
    color: #484d7a;
    padding: 0 10px;
    border-radius: 5px;
    height: 30px;
    width: 100%;
}

.nb_decla_find {
    display: flex;
    justify-content: center;
    margin: auto;
}

/*--------- ADMIN - Page Categories et Tempates ---------*/

/*--------- tableau ---------*/
.main_tableau {
    max-width: 1000px;
    margin: 20px auto;
}

.tableau_title {
    text-align: center;
    margin-top: 20px;
}

.main_tableau_container {
    padding: 20px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 30px;
}

.tableau_align_left {
    text-align: left;
}

.main_tableau_if_list {
    border: none;
    list-style: none;
}

.main_design_tableau {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: white;
}

.main_design_tableau th {
    padding: 16px;
    background-color: #fff;
    color: #1E1E1E;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #EEEEEE;
}

.main_design_tableau td {
    padding: 10px;
    margin: auto;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
    font-size: 14px;
    word-wrap: break-word;
}

.item_in_table {
    align-items: center;
    margin-top: 10px;
}

.template_active {
    background-color: #B8FEC9;
    color: #18753C;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 600;
}

.template_non_active {
    background-color: #FFE9E9;
    color: #CE0500;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 600;
}

.download_pdf {
    font-size: 24px;
    color: #CE0500;
    text-decoration: none;
}

.download_pdf:hover {
    color: #5263FF;
    text-decoration: underline;
}

/*--------- tableau notifications ---------*/
.grp_btn_notification {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    gap: 10px;
    margin-bottom: 20px;
} 

.btn_nonlu_lu {
    border: 2px solid#484d7a;
    background-color: #fff;
    color: #484d7a;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s;
}

.btn_nonlu_lu:hover {
    background-color: #5263FF;
    color: #fff;
    border: 2px solid transparent;
    text-decoration: none;
}

.btn_nonlu_lu.active {
    background-color: #484d7a;
    color: #fff;
    text-decoration: none;
}

.main_list_notification {
    text-align: left;
    font-size: 14px;
    padding: 10px;
}


.list_notification_container {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
}

.avatar-last-notif i {
    margin: 15px;
    text-align: center;
    display: inline-block;
    color: #484D7A;
}

/*--------- Nouveau / Edit ---------*/
.page_nouvelle_edit {
    width: 60%;
    margin: auto;
}

.page_nouvelle_edit h2 {
    text-align: center;
}

.page_nouvelle_edit form {
    display: flex;
    flex-direction: column;
}

.page_nouvelle_edit button {
    align-self: center;
}

.templates_optn_edit {
    margin-top: 20px;
}

/*--------- ADMIN - Page GetTemplatesCategoriesListView ---------*/
.gettemplate_modifier_masquer_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.gettemplate_modifier_masquer_container > div {
    margin-bottom: 10px;
}

/*--------- ADMIN - Page GetHiddenCategoriesListView ---------*/

.templates_top_grp_btn {
    margin-bottom: 20px;
}

/*--------- ADMIN - Page getFieldsCategoryListView ---------*/
.radio_oui_non_container {
    width: 100%;
    display: flex;
    justify-content: center;
    
}

.radio_oui_non_container {
    display: flex;
    justify-content: center;
    margin: 50px auto;
}

/*--------- ADMIN - Page removeRulesForFiel ---------*/
.rules_container {
    margin: 20px auto; 
    max-width: 1000px;
    text-align: center;
    margin-bottom: 20px;
}

.rule_table {
    padding: 20px;
    margin-bottom: 50px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    border-radius: 20px;
    overflow: hidden;
}

.rule_text {
    color: #5263FF;
    text-decoration: none;
    padding: 5px 15px;
}

/*--------- ADMIN - Page addRulesForField ---------*/

.rules {
    margin: 50px 20px;
}

/*--------- ADMIN - Page createCategoryListView ---------*/

.btn_add_new_category {
    border: 2px solid #484d7a;
    background-color: #fff;
    color: #1E1E1E;
    padding: 5px;
    border-radius: 50px;
}

.btn_add_new_category:hover {
    background-color: #484D7A;
    color: #fff;
}

/*--------- ADMIN - Page getHiddenFieldsView ---------*/
.champ_libelle {
    font-weight: 600;
    margin-bottom: 24px;
}

.champ_obligatoire_true {
    background-color: #B8FEC9;
    color: #18753C;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 600;
}

.champ_obligatoire_false {
    background-color: #FFE9E9;
    color: #CE0500;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 600;
}

/*--------- ADMIN - Page M à J utilisateur confirmation - Update partners ---------*/
.update_partners_container {
    padding: 20px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    border-radius: 20px;
    margin: 30px auto;
    width: 50%;
    overflow: hidden;
    text-align: center;
    color: #1E1E1E;
}

/*--------- User - Timeline ---------*/
.container_timeline {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    margin: 0 auto;
    flex-wrap: wrap;
}

.timeline_all {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
    border-radius: 20px;
    overflow: hidden;
    margin: 20px;
}

.timeline_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 200px;
    padding: 10px;
    border: none;
    outline: none;
    background-color: #fff;
}

.step_number {
    background-color: #484d7a;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin-bottom: 5px;
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}

.category_name, .multiple_category_name {
    font-size: 14px;
    margin: 0;
    word-wrap: break-word;
    white-space: normal;
    transition: color 0.3s, text-decoration 0.3s;
}

.timeline_content:hover .step_number {
    border: 2px solid #484d7a;
    background-color: #fff;
    color: #1E1E1E;
}

.timeline_content:hover .category_name, 
.timeline_content:hover .multiple_category_name {
    text-decoration: underline;
    color: #5263FF;
}


@media (max-width: 768px) {
    .category_name, .multiple_category_name {
        font-size: 12px;
    }
}

/*--------- User - Creation ---------*/
.checkbox_confirm {
    display:flex; 
    justify-content:center;
    text-align:start;
    margin-top: 30px;
    align-items: center;
}

.checkbox_text_contact_ministere {
    text-align: flex-start;
    margin: 10px 0 50px 30px;
    font-style: italic; 
    font-size: 14px; 
}


/*--------- User - Edit ---------*/
.statut_form {
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.statut_tilte {
    display: flex;
    justify-content: center;
    text-align: center;
}

.user_edit_top_page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 20px 20px;
}


/*--------- User - Forumlaire footer ---------*/
.block_buttons_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

/*--------- Génraux ---------*/

/* Alertes */
.alert {
    max-width: 800px;
    margin: 20px auto;
}


/*  */
.formulaire_description {
    text-align: flex-start;
    margin: 30px 0 30px 30px;
    font-style:italic; 
    font-size: 14px; 
}


/* Texte supprimer */
.supprimer_text {
    background-color: #FFE9E9;
    color: #CE0500;
    border: none;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s;
    outline: none;
}

.supprimer_text:hover {
    background-color: #CE0500;
    color: #fff;
    text-decoration: none;
    outline: none
}

/* Input de recherche */
.recherhe_tableau_container {
    margin-left: 20px;
    margin-bottom: 10px;
    max-width: 400px;
}

.recherche_input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    color: #1E1E1E;
    background-color: #fff;
}
.recherche_input:focus {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
}
.recherche_input {
    transition: border 0.3s ease-in-out;
}


/* Texte attention */
.attention_text {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #CE0500;
}

.attention_text i {
    margin-right: 5px;
}

.validation_text {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #18753C;
}

.validation_text i {
    margin-right: 5px;
}

/* Bouton */
.btn_validation {
    background-color: #484d7a;
    color: #fff;
    border: none;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s;
    outline: none;
}

.btn_validation:hover {
    background-color: #5263FF;
    color: #fff;
    text-decoration: none;
    outline: none
}

.btn_redirection {
    background-color: #484d7a;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s;
}

.btn_redirection:hover {
    background-color: #5263FF;
    color: #fff;
    text-decoration: none;
}

.btn_select {
    border: 2px solid #484d7a;
    color: #484d7a;
    padding: 0 10px;
    border-radius: 5px;
    height: 30px;
}

/* Legal et rgpd */

.legal, .rgpd{
    width: 80%;
    margin: 20px 20px;
}

/* Titres */
h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 24px;
    color: #1E1E1E;
}

h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
    color: #1E1E1E;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px;
    color: #1E1E1E;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    color: #1E1E1E;
}

h5 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
    color: #1E1E1E;
}

h6 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
    color: #1E1E1E;
}

/* Liens */
.liens {
    color: #484d7a;
    text-decoration: none;
}

.liens:hover {
    color: #5263FF;
    text-decoration: underline;
}








.table-striped th a {
    color: #000 !important;
}

.full_txt{
    display: none;
}
/* 
.form-group{
    margin-bottom: 10px !important;
}

.form-control{
    margin: 20px !important;
} */


@media print {
    textarea.form-control{
        display: none;
    }
    .full_txt{
        display: block;
        
    }
}



body {
    margin: 0;
    height: 100vh;
}


/* ====== Header ====== */

#top, #down {
    cursor: pointer;
}

#top:hover, #down:hover{
    color: #a4a4ff;
}

.title1-site-banner {
    text-align: center;
    background-color: #484D7A ;
    margin: 0;
    padding: 11px;
    color: #FFFF;
    font-size: 32px;
    font-weight: 400;
}

.title2-site-banner {
    background-color: #0055A4;
    padding: 11px;
    text-align: center;
    font-size: 22px;
    margin: 0 0 10px 0;
    color: white;
    font-weight: 400;
}

.image-site-banner-right {
    max-height: 100px;
    width: auto;
    margin-right: 15px;
}

.image-site-banner-left {
    max-height: 100px;
    width: auto;
    margin-right: 15px;
}

.images-container-site-banner {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ====== Connexion et demande d'identifiants ===== */

.container-connection {
    display: flex;
    justify-content: space-evenly;

}

.btn-circle-right {
    background: #e2177d;
    border: none;
    color: white;
    padding: 14px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
}

.EmailProRegister {
    text-align: center;
}

.tableFormRegister {
    width: 500px;
}

.table td{
    vertical-align: middle !important;
}

.fieldNecessary {
    color: #e2177d;
}

.btnConfirmRegister {
    margin-left: 15px;
}

.blockloginLink {
    text-align: center;
}

/* ====== Page de connexion ====== */

.loginform {
    width: 480px;
    margin: auto;
}


/* ====== Page admin ====== */



.arrayField {
    width: 100%;
    border: none;
    resize: none;
}

.unselectable{
    cursor: not-allowed;
}

.blockFields {
    width: 80%;
    margin: auto;
}

#block-formStatut {
    width: 40%;
    margin: auto;
}


.btn {
    margin-left: 8px;
    height: 35px !important;
    align-items: center;
    line-height: 50%; 
}

.btn-info{
    line-height: normal !important;
}

.fa-long-arrow-alt-right {
    padding-left: 5px;
}

.fa-save {
    padding-right: 5px;
}

/* ====== TIMELINE ====== */
.categorySelected {
    font-weight: 700;
}

.isDone {
    color: green;
}

.isNotDone {
    color: red;
}

body {
    margin-top: 20px;
}

.timeline-steps {
    display: flex;
    justify-content: center;
    
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem 3rem 3rem 0;
}

@media (min-width: 768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .1rem solid #000091;
        width: 4.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }

    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .1rem solid #000091;
        width: 4.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color:  #000091;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    min-width: 2rem;
    border-radius: 6.25rem;
    opacity: 0.8
}

.timeline-item{
    cursor: pointer;
}


.currentCategory {
    color: green !important;
}

/*
input[value=""], textarea:empty {
    border: 2px dashed red;
}*/
/*
input:valid, textarea:valid{
    border: 1px solid green;
}*/


/* =========== COMMENTAIRES ========== */
.header-list-comments {
    height: 80px;
    width: 100%;
    background-color: #484d7a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-color: #484d7a;
    border-radius: 8px;
}

.title-chatbox {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.1;
    flex: 2;
    color: white;
    margin: 0px 0px 0px 30px;
}

.logo-comment-me {
    margin-right: 5px;

}

#block-leave-comments {
    width: 60%;
    margin: auto;
    margin-bottom: 40px;
}

#block-show-comments {
    width: 70%;
    margin: 10px auto 30px auto;
}

#list-comments {
    /*border: solid 1px black;*/
    border: 1px solid #e5e5ea;
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 400px;
    overflow-y: scroll;
}
.btn-comment{
    background-color: #484d7a;
    border-color: #484d7a;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
}
.btn-comment:hover {
    background-color: #5263FF;
    border: #5263FF;
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
}
/*
#block-show-comments{
    background-color: #f0f2fa;
    border-radius: 10px;
    padding:25px 20px 25px 20px;
}
.comment-wrap {
    margin-bottom: 1rem;
    display: table;
    width: 100%;
    min-height: 5rem;
}
.comment-block {
    padding: 2rem;
    background-color: #fff;
    display: table-cell;
    vertical-align: top;
    border-radius: 3rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}*/


.imessage {
    background-color: #fff;
    /*border: 1px solid #e5e5ea;
    border-radius: 0.25rem;*/
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    margin: 0 auto 1rem;
    /*max-width: 600px;*/
    padding: 0.5rem 1.5rem;
}

.imessage p {
    border-radius: 1.15rem;
    line-height: 1.25;
    max-width: 70%;
    padding: 0.5rem .875rem;
    position: relative;
    word-wrap: break-word;
}

p.from-me {
    align-self: flex-end;
    background-color: #248bf5;
    color: #fff;
    padding: 10px 20px 10px 20px;
    width: auto;
    margin-top: 3px;
    transition: ease-in;
}

p.from-me::before {
    border-bottom-left-radius: 0.8rem 0.7rem;
    border-right: 1rem solid #248bf5;
    right: -0.35rem;
    transform: translate(0, -0.1rem);
}

p.from-them {
    align-items: flex-start;
    background-color: #e5e5ea;
    color: #000;
}

p.from-them:before {
    border-bottom-right-radius: 0.8rem 0.7rem;
    border-left: 1rem solid #e5e5ea;
    left: -0.35rem;
    transform: translate(0, -0.1rem);
}

p.from-them::after {
    background-color: #fff;
    border-bottom-right-radius: 0.5rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.commentBy-me {
    text-align: right;
    width: 100%;
}

.commentBy-them {
    width: 100%;
    text-align: left;
}

.commentBy, .date, .deleteComment {
    font-size: 15px;
}

.deleteComment {
    text-align: right;
    cursor: pointer;
    /*color:#c82333;*/
}

.addComment {
    animation: .5s ease-in 1s running slidein;
}

/* zone notifications */
.notify {
    position: relative;
    display: block;
    padding: 1rem;
    margin: 1rem;
    background: #E4EAEE;
    border: 1px solid black;
    border-radius: 2px;
    color: black;
}

.notify--dismissible {
    padding-right: 2.5rem;
}

.avatar i {
    width: 60px;
    height: 60px;
    margin: 15px;
    text-align: center;
    display: inline-block;
}

.right a i {
    font-size: 12px;
    padding-left: 20px;
    padding-top: 15px;
}


/* ZONE DE RECHERCHE */

.search-block {
    width: 80%;
    margin: auto;
}

/* ======== admin ======== */


/* edit rubriques template */

#res_mark_id-block, #res_mark_isni-block {
 /*   font-weight: 900;*/
}
.block-categoryList {
    border: 1px solid #ced4da;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    cursor: grab;
}

/* ======= panel admin ======== 

#block-panel-admin {
    background-color: #f6f8fa;
    border: 1px solid #ced4da;
    padding: 30px;
    width: 80%;
    margin: auto;
    text-align: center;
}
*/


/* categoriesList edit */
.block-categoryList-edit {
    display: flex;
    justify-content: flex-start;
}

.position-categoryList {
    background-color: #cc0000;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 50%;
    transition-duration: 0.3s;
    text-align: center;
    width: 12mm;
    height: 100%;
    margin-right: 10px;
}

/* new categorylist */
.select-new-category {
    border: 1px solid #ced4da;
    padding: 30px;
    margin-bottom: 15px;
}

.limit-width-60 {
    width: 60%;
    margin: auto;
}

/* */
.admin-shortcut {
    width: 80%;
    margin: 0px auto 20px auto;
    display: flex;
    justify-content: flex-end;
}

#block-hidden-categories {
    width: 60%;
    margin: auto;
}

/* fields edit */
.block-fields-edit {
    display: flex;
    justify-content: flex-start;
}

.position-field {
    background-color: #cc0000;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 50%;
    transition-duration: 0.3s;
    text-align: center;
    width: 12mm;
    height: 100%;
    margin-right: 10px;
}

#form-fields-edit {
    width: 60%;
    margin: auto;
}

.block-field {
    border: 1px solid #ced4da;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    cursor: grab;
    height: auto;
}

.field{
    margin: 20px 0 20px 0;
}

/* espace entre le libelle et l'input */
.field label:first-child{
    margin-bottom: 15px;
}
/* pour affiche l'input et le label de checkbox en même ligne */
.field_label_ckeckbox{
        display: inline !important;
}
/* creation d'un champs */
.input-edit {
    border-top: none;
    border-left: none;
    border-right: none;
}

.input-edit:focus {
    border-top: none;
    border-left: none;
    border-right: none;
}

.block-select {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-around;
}

.fa-plus-square {
    font-size: 25px;
    cursor: pointer;
}

.no_message{
    display: none;
}
.no_message_Oui{
    display: none;
}
.no_message_Non{
    display: none;
}
.fabell-circle:before, .fabell-circle:after {
    position: relative;
    top: -5px;
    left: 5px;
    padding: 2px;
    border: 2px solid #17a2b8;
    color: #17a2b8;
    border-radius: 50%;
}
.templates_toggle{
    text-align: center;
}

.btn-success {
    background-color: #B8FEC9 !important; /* Sets background color of the toggle switch */
    color: #18753C;
}
.btn-success:hover {
    background-color: #B8FEC9 !important; /* Sets background color of the toggle switch */
    color: #000000;
}