/* EDIT MDECRM - 5288 - KSZR - 28/05/2024 */
/* EDIT MDECRM-4971 - 0020208 - MXSZ - 11/06/2024*/
/* EDIT MDECRM-4971 - 0020208 - MXSZ - 17/06/2024*/
/* EDIT MDECRM-5404 - MXSZ - 19/06/2024*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --main-bg-color: #FCFDFF;
    --main-color-white : #fff;
    --main-color-black: #000;
    --main-color-grey: #979797;
    --main-color-blue: #005A9E;
    --main-color-orange: #F67B00;
    --main-color-red: #E85A5F;
    --secondary-color-orange: rgba(246, 123, 0, 0.06);
    --secondary-color-blue: #0091D5;
    --main-color-lightgrey: #EBEBEB;
    --main-color-darkgrey: #585858;
    --secondary-color-lightgrey: #F5F5F5;
    --main-color-lightblue: #F5F8FB;
    --main-color-hoverblue: #0E4B79;
    --main-color-bordergrey: #BDBDBD;  
    --main-color-bordergrey-faded: rgba(206, 206, 206, 0.5);
    --tertiary-color-blue: #E3EDF5;
    --highlight-color-blue: #0D5CA0;
    --highlight-color-lightgrey: #F6F8FC;
    --highlight-color-lightblue: rgba(0, 90, 158, 0.12);
    --alert-color-lightblue: #E8F7FF;
    --main-disabled-color: #949494;
}

.btn-primary {
    --bs-btn-active-bg: var(--main-color-hoverblue);
}

.btn-default {
    --bs-btn-active-bg: var(--main-color-blue);
}

.pagination {
    --bs-pagination-color: var(--main-color-blue);
    --bs-pagination-hover-color: var(--main-color-hoverblue);
    --bs-pagination-focus-color: var(--main-color-hoverblue);
    --bs-pagination-disabled-color: var(--main-disabled-color);
}

.table-info .col-lg-6~.col-lg-6 {
    padding-left: 0;
}

[data-sitemap-state="/ecrire-message/:/"] .modal-content {
    max-height: 450px;
    overflow: hidden;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    background: var(--main-bg-color);
    scrollbar-gutter: stable;
    margin:0;
    padding:0;
    /* font-size: 15px; */
}

.page-item:not(.active)>.page-link {
    width: fit-content;
}

body[data-sitemap-state="/page-not-found/:/"] {
    background: var(--main-color-white);
}

.force-disabled {
    opacity: .65 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

body.cursor-progress {
    cursor: progress;  
}

.view-grid th>a:hover, .view-grid th>a:focus {
    color: var(--main-color-white);
}

.view-pagination {
    display: flex;
    justify-content: center;
}

section {
    overflow-x: hidden;
}

#home {
    overflow-x: clip;
}   

#home .bloc-coti-flex{
    align-items: center;
}

#home > div > section.bloc-user > div > div:nth-child(2) > div:nth-child(1) > div > div.bloc-coti.coti-info > div > div:nth-child(1){
    padding-top: 0px;
    padding-bottom: 0px;
}

img[src="cfe_home_cotis_sucess.png"] {
    width: 24px;
}

#zeropapier .form-action-container-left {
    width: unset;
}

/* CUSTOM BOOSTRAP */

@media (min-width: 768px) {
    .c-gap-md-1 {
        gap: 1rem;
    }
    
}

@media (max-width: 768px) {
    .c-ml-md-1{
        margin-left: 1rem;
    }   
}


/* TEXT */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Montserrat", sans-serif;
}

h1{
    /* padding: 10px 0 40px 0; TODO : A SUPPRIMER*/ 
    font-weight: 700;
    font-size: 32px;
    color: var(--main-color-blue);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin-bottom: 1rem;
}

h3{
    font-size: 1.25rem;
}

.labels-fw-normal label{
    font-weight: normal;
}

/* BOUTONS */

.btn {
    border-radius: 2rem;
    font-weight: 600;
    border-color: var(--main-color-blue);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    background-color: var(--main-disabled-color);
    border-color: var(--main-disabled-color);
}

.btn-default{
    color: var(--main-color-blue);
}

.btn-primary{
    background-color: var(--main-color-blue);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:focus-visible {
    background-color: var( --main-color-hoverblue);
    border-color: var(--main-color-hoverblue);
    color: var(--main-color-white);
    box-shadow: 1px 10px 6px -10px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 1px 10px 6px -10px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 1px 10px 6px -10px rgba(0, 0, 0, 0.40);
}

.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:focus-visible {
    background-color: var( --main-color-blue);
    border-color: var(--main-color-blue);
    color: var(--main-color-white);
    box-shadow: 1px 10px 6px -10px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 1px 10px 6px -10px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 1px 10px 6px -10px rgba(0, 0, 0, 0.40);
}

/* CARDS */

.card{
    border-radius: 10px;
    border-color: #BDBDBD;
}

.card-expatSante{
    padding-bottom: 1rem;
    background: #F9F9F9;
    border-radius: 10px;
    color: var(--main-color-white);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));    
}

@media (min-width: 992px) {
    .card-body-1 {
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.bloc-card .end-aligned{
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
}

/* --- FORMS --- */

.form-control{
    border-radius: 0.65rem;
}

@media (max-width: 992px) {
    .crmEntityFormView .cell{
        padding: 0;
    }    
}

.crmEntityFormView fieldset{
    margin-bottom: unset;
}

.list-group-item.active {
    z-index: 0;
}

ol.progress.list-group.top {
    font-size: 1rem;
}

.form-custom-actions, .custom-actions {
    align-self: flex-end;
}

.card-body-1 .form-custom-actions{
    display: none !important;
}

.form-custom-actions .col-md-6 {
    width: 100%;
}

.form-action-container-left, .form-action-container-right {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.field-label{
    margin-right: 0.4rem; /* MDECRM-5837 - MXSZ - 24/10/2024 */
    font-size: 14px;
    font-weight: 600;
}

#NewAttachFileLabel {
    font-weight: 600;
    font-size: 14px;
}

.breadcrumb-item {
    font-weight: unset;
    font-size: 12px;
}

h1 {
    font-size: 45px;
    font-weight: 700;
}

.crmEntityFormView .cell div.table-info.required label[readonly]:after {
    content: ' ' ; /* MDECRM-5837 - MXSZ - 24/10/2024 */
}

@media (max-width: 768px) {
    .form-action-container-left {
        flex-direction: column;
        width: 100%;
    }

    .form-action-container-left button {
        width: 100%;
    }
}

/* --- HEADER --- */

.bloc-header{
    border: 1px solid var(--main-color-lightgrey) !important;
}

h2.menu-title {
    color: #005A9E;
    font-size: 18px;
    margin: 10px 10px 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
}

a.menu-link {
    padding: 5px 14px !important;
    color: black;
}

.dropdown-style {
	margin: 20px;
}

.search-style {
    width: 250px;  
}

.search-group {
    display:inline-block;
    position: relative;
    margin-top: 5px;
    margin-right: 10px;
    width: 95%;
}

.search-group:focus-within {
    color: var(--main-color-blue);
}

.search-group::before {
    font-family: 'FontAwesome';
    content: '\f002';
    position: absolute;
    left:5%;
    top:7px;
}

.search-group:focus {
    color: var(--main-color-blue);
}


.search-btn {
    background-color: transparent;
    box-shadow: none;
}

.search-form {
    padding: 2px;
    border-radius: 25px !important;
    border: 2px solid #000;
    background: transparent;
    padding-left: 15%;
}

.search-form:active {
    border: 2px solid var(--main-color-blue);
    box-shadow: none;
}

.search-form:focus {
    border: 2px solid var(--main-color-blue);
    box-shadow: none;
}

.champs-paysexpat tr {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

@media(min-width: 1200px) {
    .dropdown-menu-CFE {
        margin-top: 0px !important;
        margin-right: 10px;
        padding: 0px;
        clear: both;
        border-radius: 0px 0px 26px 26px;
        border: 0.5px solid #015A9E;
        border-top-style: none;
        box-sizing: border-box;
        box-shadow: 0px 17px 23px -8px rgb(0 0 0 / 25%);
        z-index: 9999;
        float: left;
        height: auto;
        width: max-content;
    }
}

.icon-home {
    color: #015A9E;
}

#icon-messagerie {
    position: relative;
    height: 36px;
    width: 42px;
}

#icon-messagerie>span {
    position: absolute;
    padding: 0 !important;
    width: 14px;
    height: 14px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: #e52c36;
    right: 0;
    top: 0;
}

.alert-table {
    width: 100%;
}

.alert-warning {
    background-color: var(--bs-alert-bg); 
}

.alert a {
    color: var(--main-color-black);
}

.alert-row:hover {
    background-color: var(--alert-color-lightblue);
}

.alerte-icon i{
    font-size: 1.5em;
    color: var(--main-color-orange);
    margin-right: 10px;
    margin-left: 10px;
}

.alerte-title a {
    color: var(--main-color-black);
    font-weight: 500;
}

.alerte-date {
    text-align: right;
    white-space: nowrap;
}

.alerte-date span {
    color: var(--main-color-grey);
    margin-right: 10px;
}

.bloc-alert {
    background-color: var(--main-color-orange);
    color: var(--main-color-white);
    font-size: 20px;
    font-weight: 401;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

.bloc-alert .alert-icon {
    margin-right: 10px;
}

.bloc-alert .text {
    display: flex;
    align-items: center;
}

.bloc-alert .bloc-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media(max-width: 767px) {
    .bloc-alert .bloc-content {
        flex-direction: column;
        align-items: center;
    }
    .bloc-alert .text {
        margin-bottom: 15px;
    }
}

#icon-messagerie>div {
    height: 36px;
    width: 36px;
    background-color: var(--main-color-blue);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

#icon-messagerie>div>a {
    color: var(--main-color-white);
    font-size: 20px;
    height: 36px;
    width: 36px;
    margin: 0;
}

#icon-messagerie>div>a>span {
    height: inherit;
    width: inherit;
    text-align: center;
    vertical-align: text-top;
}

#icon-messagerie>span:hover .tooltips-mail {
    visibility: visible;
}

.dropdown-messagerie {
    margin-top: 5px;
}

.background-icon-mail {
    padding-top: 10% !important;
    padding-left: 20%;
    width: 40px;
    height: 40px;
	border : 0px solid;
	border-radius: 50%;
	background-color : #005A9E;
    margin-right: 10px;
    margin-top: 3px;
}

.icon-mail {
    color:white;
    margin: 0px 1px 0px 0px;
    right: 2.5px;
}

.new-mails {
    position: absolute;
    left: 60%;
    bottom: 65%;
    padding: 0 !important;
    width: 14px;
    height: 14px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: #e52c36; 
}

.tooltips-mail {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    height: 58px;
    width: 180px;
    background-color: #F6FBFF;
    border: 2px solid #005A9E;
    padding: 7px;
    border-radius: 15px;
    left: 100%;
}

.new-mails:hover .tooltips-mail {
    visibility: visible;
}

.icon-user {
    margin-top: 10px;
    margin-left: 8px;
    color: #000;
     
} 

.icon {
  font-size: 20px;
}

.navbar-general {
	list-style:none;
}

ul.navbar-general>li {
    float:left;
}

.ms-auto {
    float: right;
    margin-top: 2%;
}

.navbar-header {
    margin-top: 15px;
}


/* --- MODALS --- */
.modal-form .modal-header, .modal-addnote .modal-header {
    background-color: var(--main-color-blue);
}

.modal-footer {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.modal-form .modal-title, .modal-addnote .modal-title {
    color: var(--main-color-white);
    padding: 0 20px;
    font-size: 18px;
    text-align: center;
}

.modal-form .form-close, .modal-addnote .form-close {
    top: 1% !important;
    right: 2% !important;
}

.modal-form-edit .form-close, .modal-form-insert .form-close {
    display: none;
}

.modal-form .form-close span, .modal-addnote .form-close span {
    color: var(--main-color-white);
    font-size: 40px;
    font-weight: 400;
}

.modal-form .modal-body, .modal-addnote .modal-body {
    padding-top: 30px;
    background-color: var(--main-color-white);
}

.modal-addnote [class*="col-"] {
    padding: 10px !important;
}

form[action*="modal-form"] {
    overflow: hidden;
}

/*form[action*="modal-form"] #EntityFormControl_EntityFormView {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}*/

form[action*="modal-form"] #AttachFile {
    max-width: 100%;
}

form[action*="modal-form"] .cell:not([class*="-cell"]) {
        margin: 0;
}

form[action*="modal-form"] [class*="-cell"]:not(.zero-cell,.crmquickform-cell), .quickform [class*="-cell"]:not(.zero-cell,.crmquickform-cell) {
        display: flex;
        justify-content: start;
        padding: 0 20px;
        /*align-items: center;*/
        flex-direction: column;
}

.datetimepicker .btn {
    height: 38px;
}

/*form[action*="modal-form"] .cell .control, .quickform .cell .control {
    width: 75%;
}*/

.quickform .cell #new_libelledevise {
    background-color: var(--main-color-white);
    border: 1px solid var(--main-color-blue);
    padding: 0 15px;
}

form[action*="modal-form"] .cell .control .form-check {
    margin-left: 13px !important;
}

form[action*="modal-form"] .crmquickform-cell {
    padding: 0 20px;
}

#devise_display, #devise_display_etr {
    background: var(--main-color-white);
}

.quickform #devise_display td, .quickform #devise_display_etr td{
    padding: 0;
}

.crmquickform-cell {
    border: none !important;
}

form[action*="modal-form"] .crmquickform-cell .control {
    width: 100%;
}

form[action*="modal-form"] .cell .info, .quickform .cell .info {
    width: 30%;
    margin-right: 30px;
}

form[action*="modal-form"] .cell .info label, .quickform .cell .info label {
    font-weight: 600;
}

.validators {
    height: 0;
}

/* --- FOOTER --- */

@media (min-width: 768px) {
    .footer-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .footer-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .footer-container {
        width: 1370px;
    }
}

.footer-link {
    color: white;
    text-decoration: none;
}

.footer-link:hover {
    color: white;
    text-decoration: underline;
}


/* --- MESSAGERIE --- */

.bloc-footer{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* --- ACCUEIL --- */

.bkg-welcome::before{
    content: " ";
    background: url(./accueil/bkgaccueil.jpg) no-repeat;
    background-size: cover;
    background-position:center;
    position: absolute;
    z-index: -1;
    height: 280px;
    width: 659px;
    right: 0;
    border-radius: 0 0 0 10px;
}

.bloc-welcome{
    padding: 2% 1% 1% 3% !important
}

.bloc-welcome h2{
    line-height: 49px;
    color: var(--main-font-color);
    margin: 0 auto;
}

.name-user{
    font-weight: bold;
    font-size: 40px;
    line-height: 37px;
    color: var(--main-color-blue);
    padding: 2% 0 2% 0;
}

.info-user{
    font-size: 14px;
    line-height: 17px;
    color: var(--main-color-grey);
}

.info-user i{
    margin-right: 1%;
    font-size: 20px;
}

.ml{
    margin-left: 30px;
}

.div-expatSante{
    position:relative;
    padding-bottom: 20px;
}

.bloc-expatSante{
    margin: 1% 0 0 16%;
    padding: 1% 2% 2% 3%;
    background: #F9F9F9;
    border-radius: 10px;
    color: var(--main-color-white);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.bloc-expatSante h3{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: var(--main-color-black);
}

.flex-expatSante{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.flex-expatSante img{
    max-height: 38px;
}

.flex-expatSante-list {
    padding-top: 10px;
}

.flex-btnexpatsante{
    flex: auto;
    align-items: end;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    min-height: 130px;
}

.flex-btnexpatsante > a {
    width: 65%;
}

.cartevitale{
    display: flex;
    align-items: center;
    margin-bottom: 5%;
}

.cartevitale span{
    font-size: 14px;
}

.cartevitale i{
    font-size: 24px;
    padding: 0 2% 0 2%;
}

.btn-expatSante{
    text-align: center;
    width: 70%;
    color: var(--main-color-white);
    font-weight: 600;
    font-size: 16px;
    padding: 16px 16px;
    border: 1px solid var(--main-color-blue);
    border-radius: 100px;
	background: var(--main-color-blue);
}

.btn-expatSante i {
    float: left;
    margin-left: 5px;
}

.btn-expatSante:active, .btn-expatSante:hover, .btn-expatSante.active{
    background: var(--main-color-hoverblue);
    color: var(--main-color-white);
    text-decoration:none;
    border: 1px solid;
    border-color: var(--main-color-hoverblue);
}

.btn-expatSante-blanc{
    text-align: center;
    width: 70%;
    color: var(--main-color-blue);
    font-weight: 600;
    font-size: 16px;
    padding: 16px 16px;
    border: 1px solid var(--main-color-blue);
    border-radius: 100px;
	background: var(--main-color-white);
}

.btn-expatSante-blanc i {
    float: left;
    margin-left: 5px;
}

.btn-expatSante-blanc:active, .btn-expatSante-blanc:hover, .btn-expatSante-blanc.active{
    background: var(--main-color-blue);
    color: var(--main-color-white);
    text-decoration:none;
    border: 1px solid;
    border-color: var(--main-color-blue);
}

input[type="checkbox"] {
    appearance: none;
    border: solid 1px var(--main-color-blue);
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 15%;
    padding: 2px;
    background-clip: content-box;
}

input[type="checkbox"]:hover {
    border-color: var(--main-color-hoverblue);
    background-color: var(--main-color-hoverblue);
}

input[type="checkbox"]:checked {
    background-color: var(--main-color-blue);
}

input[type="checkbox"].cbx-white {
    background-color: var(--main-color-white);
    border-color: var(--main-color-blue);
    border-radius: 10px;
}

input[type="checkbox"].cbx-white:hover {
    border-color: var(--main-color-hoverblue);
    background-color: var(--main-color-bordergrey);
}

input[type="checkbox"].cbx-white:checked {
    background-color: var(--main-color-red);
}

input[type="radio"] {
    width: 1em;
    height: 1em;
    margin-top: 3px !important;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid var(--main-color-blue);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23005a9e'/%3e%3c/svg%3e");
}

input[type="radio"]:disabled {
    border-color: var(--main-disabled-color);
}

input.form-control:focus,input.form-control:active, select.form-control:focus,select.form-control:active {
    border-color: var(--main-color-blue);
    box-shadow: none;
}

td.day.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.bloc-user{
    margin-top:3%;
}

.card-espacecfe img {
    height: 72px;
}

.bloc-card, #demarches .tab {
    background: var(--main-color-white);
    border: 1px solid var(--main-color-bordergrey);
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px 10px;
}

#NewAttachFileLabelHelper {
    font-size: 14px;
    font-weight: 400;
}

.bloc-right{
    margin-left:30px;
}

.bloc-margintop{
    margin-top:30px;
}

.bloc-card h4{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

#circonstance_text {
    padding-top: 40px;
}

.btn-sdt{
    display: inline-block;
    padding: 15px;
    border: 1px solid var(--main-color-blue);
    border-radius: 50px;
    color: var(--main-color-blue);
    font-weight: 600;
    font-size: 16px;
    /* margin-bottom: 12px; */
    background-color: var(--main-color-white);
    min-width: 100px;
    text-align: center;
}

#contrats .btn-sdt {
    padding: 0 15px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contrats .table-beneficiaires {
    margin-bottom: 0;
}   

.btn-blue {
    background-color: var(--main-color-blue);
    color: var(--main-color-white);
}

.btn-sdt:active, .btn-sdt:hover, .btn-sdt:focus {
    color: var(--main-color-white);
    background-color: var(--main-color-blue);
    text-decoration:none;
}

.btn-blue:active, .btn-blue:hover, .btn-blue:focus{
    color: var(--main-color-white);
    background-color: var(--main-color-hoverblue);
}

.btn-right{
    float: right;
}

.bloc-coti{
    border-radius: 10px;
    padding: 10px;
}

.bloc-coti.coti-warning {
    background: var(--secondary-color-orange);
}

.bloc-coti.coti-info {
    background: var(--tertiary-color-blue);
}

.bloc-coti-flex{
    display: flex;
}

.coti-warning > div >  div > .coti-icon{
    font-size: 2em; 
    color: var(--main-color-orange);
}

.coti-info > div >  div > .coti-icon{
    font-size: 2em;
    color: var(--main-color-blue);
}

.bloc-coti > div >  div {
    align-self: center;
    padding:1%;
}

.coti-warning > div >  div > .price{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: var(--main-color-orange);
}

.coti-info > div >  div > .price{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: var(--main-color-blue);
}

.coti-enligne{
    text-align:right;
}

.coti-enligne > a{
    color: var(--main-color-orange);
}

.mt-30{
    margin-top:30px;
}

.services{
    color: var(--main-color-blue);
    padding: 5px 15px 5px 15px;
    margin: 5px 10px 5px 0px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 12px;
    line-height: 35px;
    white-space:nowrap;
    background-color: #F5F8FB;
}

.monespacecfe::before{
    content:"";
    position: absolute;
    background-image: url("./accueil/monespacecfe.jpg");
    width: 855px;
    height: 293px;
    border-radius: 10px;
    z-index: -1;
    left: 25rem;
    top: -2rem;
}


.bloc-cardsespacecfe{
    display: flex;
    justify-content: space-between;
    gap:1rem;
}

.card-espacecfe{
    width: 278px;
    height: 287px;
    background: var(--main-color-white);
    box-shadow: 0px 12px 30px 12px rgba(0, 90, 158, 0.04);
    border-radius: 10px;
    padding: 20px;
}

.card-espacecfe > div > h4{
    margin-top: 40px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
}

.card-espacecfe > div > p{
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000;
}

[data-name="tab_13"]>p {
    font-size: 14px;
    padding-left: 28px;

}

#messagerie a.details-link {
    color: var(--main-color-blue);
    text-decoration: underline;
}

#faq a:hover {
    color: var(--main-color-hoverblue);
}

#messagerie .tab-title {
    display: none;
}

/* --- BREADCRUMB --- */

.breadcrumb{
    margin-top: 2rem;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.breadcrumb > li a, .breadcrumb > li a:hover{
    color: #666666 !important;
    text-decoration: underline;
}

.breadcrumb > .active{
    font-weight: normal;
    color: var(--main-color-grey);
}

/* --- MESSAGERIE --- */

#messagerie h3 {
    font-weight: 700;
}

#terms-and-conditions-section p {
    margin-bottom: 30px;
}

.rgpd .xrm-attribute-value {
    overflow-y: auto;
    max-height: 320px;
}

.custom-field-cell {
    padding: 0 28px 20px;
}

.alert {
    font-weight: 600;
    margin-top: 10px;
}

@media (max-width: 992px) {

    h1 {
        font-size: 32px;
    }

    #terms-and-conditions-section p {
        margin-left: 5px;
        margin-right: 5px;
    }

    #cookies-text {
        margin-left: 5px;
        margin-right: 5px;
    }

}
@media (min-width: 768px) {
    #messagerie .nav-tabs {
        margin-right: 20px;
    }
}

li a{
    margin: 0;
}

.nav-inbox{
    background-color: var(--main-color-white);
    border-top: 1px solid var(--main-color-blue);
    list-style: none;
    padding: 0;
    margin: 49px 20px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--main-color-blue);
}

.nav-inbox li{
    display: flex;
    align-items: center;
    padding: 14px 5px 14px 5px;
    border-bottom: 1px solid var(--main-color-blue);
}

.nav-inbox li i{
    padding-right: 8px;
    font-size: 1.2em;
}

thead{
    background: var(--main-color-blue);
    font-size: 16px;
    font-weight: normal;  
}

thead th:nth-child(1) {  
    border-radius: 5px 0px 0px 0px; 
}

thead th:nth-last-child(1) {
    border-radius: 0px 5px 0px 0px;
}

.datepicker thead th {
    border-radius: 0 !important;
    color: var(--main-color-white) !important;
}

.datepicker thead th button {
    color: var(--main-color-white);
}

.datepicker thead th:hover button {
    color: var(--main-color-black);
}

.empty-text {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.table>thead>tr>th{
    padding: 16px 8px 8px 8px;
}

thead a{
    color: var(--main-color-white);
    text-decoration: none;
}

tbody{
    font-size: 15px;
}

tbody>tr.active{
    background: var(--secondary-color-orange) !important;
    box-shadow: inset 3px 0px 0px 0px var(--main-color-orange);
    font-weight: bold;
}

tbody>tr.active i{
    color: var(--main-color-orange);
}

.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td {
    background:none;
}

.table>tbody>tr>th, .table>tbody>tr>td{
   padding: 12px 8px 12px 8px;
   line-height: 1.42857;  
   vertical-align: top;  
   border: none;
   background: unset;
}

.bloc-illu {
    display:inline-block;
    position: relative;
}

.bloc-illu::before {
    content: " ";
    background-image: url(../illu_message.png);
    position: absolute;
    width: 267px;
    height: 186px;
    left: 30%;
    top: -110px;
}

.element-style {
    margin-top: 10px;
}

.btn-form {
    margin-right: 20px;
}

.bloc-form{
    background: var(--main-color-white);
    border: 1px solid #9C9C9C;
    box-sizing: border-box;
    border-radius: 10px;
    padding:10px;
    min-height: 50px;
}

.group-form {
    margin: 15px 0px;
}

.btn-help {
    height: 36px;
    width: 36px;
    border:1px solid var(--main-color-blue);
    background-color: var(--main-color-blue);
    border-radius: 50%;
    color: white;

    text-align: center;
    font-size: 24px;
}

/* --- CONTRAT --- */

.contrat{
    margin-bottom: 20px;
}

.header-contrat{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px;
    background: var(--main-color-blue);
    color: var(--main-color-white);
    border-radius: 5px 5px 0px 0px;
}

.header-contrat a{
    color: var(--main-bg-color);
    font-size: 24px;
}

.header-contrat>div>div{
    padding: 5px;
}

.header-contrat>div>div>i{
    font-size: 24px;
    margin-right: 10px;
}

/* PAGE INFORMATIONS PERSO */

/*START MDECRM-5288 - KSZR - 28/05/2024*/
#info-perso .section tbody tr td > div.control {
    clear: none !important;
    /* width: 50%; */
}
/*END MDECRM-5288 - KSZR - 28/05/2024*/

@media (min-width: 768px){
    #info-perso .section tbody tr td > div.control {
        float: left;
    }
}

#info-perso .form-control, #info-perso div.control a, #info-perso div.control label {
    padding: unset;
    margin-left: 1rem;
}

/* PAGE paysExpat */

#paysExpat .form-action-container-right {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

 @media(min-width: 768px) {

    #paysExpat .card{
        height: 14rem;
    }

    #paysExpat .form-action-container-right {
        margin-top: 1rem;
    }
}

/* PAGE MA MESSAGERIE  */

#messagerie .entitylist-search button{
    border-radius: 0 20px 20px 0 !important;
    height: 2.2rem;
}

/* --- TEMP --- */

.icon-home{
    font-size: 22px
}

footer .footer-top {
    min-height: 80px !important;
}
 
footer a{
    font-size: 16px;
}

.icon-white{
    font-size: 20px !important;
}

.button-service{
    color: #005A9E;
    padding: 5px 15px 5px 15px;
    margin: 5px 10px 5px 0px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 12px;
    border-width: 0px;
    background-color: #F5F8FB;
    width: auto;
    height: auto;
}

.labelProduit {
    font-size: 26px;
    font-weight: 800;
    color: var(--main-color-blue);
}

.labelProduit > span {
    color: var(--main-color-red);

}

.user-dropdown {
    display: flex !important;
    align-items: baseline;
    gap: 8px;
}


.user-dropdown  a {
    color: var(--main-color-black) !important;
    font-weight: 700;
}

.user-dropdown a:hover {
    color: var(--main-color-hoverblue) !important;
    text-decoration: none !important;
}

.user-dropdown a:focus {
    color: var(--main-color-hoverblue) !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

.rgpd-text-box {
    background-color: blue;
    height: 200px;
    overflow: auto;
}

.help-block {
    color: var(--main-color-grey);
    font-size: 13px;
    margin-top: 0;
}

.modal-container-rgpd{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;m
    opacity: 0.9;
    background: #222;
    z-index: 40000;
    top:0;
    left: 0;
    overflow: hidden;
  
    animation-name: fadeIn_Container;
    animation-duration: 1s;
}


.modal-dialog-rgpd{
    display:none;
    top: 0;
    min-width: 250px;
    width: fit-content;
    height: fit-content;
    margin: 0 auto;
    position: fixed;
    z-index: 40001;
    background: #fff;
    border-radius: 10px;
    margin-top: 5%;
    padding: 0 16px;
    left: 0;
    right: 0;
}

a:hover .weblink {
    color: #000;
}

.weblink .username {
    margin-left: 5px;
    font-weight: bold;
}

e.tooltip.in {
    opacity: 1;
    filter: alpha(opacity-100);
}

.tooltip-arrow {
    border-top-color: var(--main-color-blue) !important;
}

.toolbar-actions a.create-action {
    border-radius: 2rem !important;
}

html[dir=ltr] .form-loading {
    left: 48%;
}


.tooltip-inner {
    width: 345px;
    max-width: 500px;
    color: var(--main-color-black);
    background-color: var(--main-color-white);
    border: 2px solid var(--main-color-blue);
    border-radius: 20px;
}

.modal-content.rgpd {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

@media (max-height: 640px) {
  .modal-content.rgpd {
    width: 600px;
    height: 320px;
    overflow: auto;
  }
}

.modal-header.rgpd {
    border-bottom: none;
}

.btn-cfe-secondary{
    font-weight: 500;
    padding: 8px 22px;
    min-width: 0;
    margin: 0;
}

.btn-cfe-secondary:hover {
    background-color: var(--main-color-hoverblue) !important;
    border-color: var(--main-color-hoverblue) !important;
}


.btn-default.btn-cfe-secondary:hover {
    background-color: var(--main-color-blue) !important;
    color: var(--main-color-white) !important;
}   

.refund-row {
    text-align: center;
    border-bottom: 1px solid var(--main-color-bordergrey-faded);
}

#info-bulle {
    margin-left: 10px;
    color: var(--main-color-blue);
}

li.filtered {
    display: none;
}

.refund-table {
    margin: 24px 24px 10px;
}

.refund-data {
    padding: 18px 8px;
}

.refund-date {
    color: var(--main-color-grey);
}

.refund-label {
    font-weight: 600;
    width: 100%;
    max-width: 1px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.refund-amount {
    color: var(--main-color-blue);
    white-space: nowrap;
    text-align: end;
}

@media (max-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        width: 14rem; 
    }
}

@media (max-width: 1200px) {

    #navbar {
        margin-right: 0;
        max-height: unset !important;
    }

    .navbar-toggler {
        border: none !important;
        border-radius: 50%;
        height: 40px !important;
        width: 47px !important;
        padding: 0;
    }

    .navbar-toggler:hover, .navbar-toggler:not(.collapsed) {
        background-color: var(--main-color-lightgrey) !important;
        color: var(--main-color-blue);
    }

    #terms-and-conditions-section {
        text-align: center;
    }
/* ---
    #modalRGPD {
        margin-left: 8px;
        margin-right: 8px;
        height: 90vh !important;
        overflow-y: auto;
    } --- */

    .navbar-brand {
        height: fit-content !important;
        width: fit-content;
        padding: 0 16px 8px;
    }

    .navbar-header-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-nav {
        display: flex;
        width: 100%;
        align-items: flex-end;
        flex-direction: column;
        margin:0;
    }

    .dropdown-menu-CFE {
        text-align: end;
    }

    .navbar-nav > .open > a {
        text-align: end;
    }

    .ms-auto {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        margin-right: 0;
        margin-bottom: 10px; 
    }

    .dropdown.start-expand {
        direction: rtl;
    }

    .dropdown-menu.start-expand {
        right: 0;
        padding: 8px;
        position: absolute !important;
        width: fit-content !important;
        text-align: right;
        background-color: var(--main-color-white) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    }

    .dropdown-divider {
        display: none;
    }

    .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 0;
    }

    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
        color: var(--main-color-hoverblue);
        border: none;
    }

    .navbar-header {
        margin: 0 !important;
    }

    .user-dropdown a {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    .flex-expatSante {
        flex-direction: column;
    }

    #bkg-welcome-wrapper {
        display: none;
    }

    .bloc-responsive {
        margin: 8px;
    }

    .flex-btnexpatsante {
        width: 100%;
        margin-top: 50px;
    }

    .bloc-cardsespacecfe {
        flex-direction: column;
    }

    .card-espacecfe {
        width: 100%;
        margin-top: 8px;
    }

    .monespacecfe{
        display: flex;
    }

    .monespacecfe::before{
        display: none;
    }

    .bkg-welcome::before{
        display: none;
    }

    .bloc-remboursement {
        flex-direction: column;
    }

    .text-responsive {
        text-align: center;
    }

    .chips-list-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
}

#new_montantprisenchargeparorganismelocal_label {
    position: relative;
}

#new_montantprisenchargeparorganismelocal_label #info-bulle {
    position: absolute;
}


.chips-list-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.informatons-prevention-ligne {
    display: flex;
    justify-content: space-around;

    margin-bottom: 30px;
}

.informatons-prevention-bloc1 {
    width: 45%;
    padding: 20px 15px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: var(--main-color-white);
}

#new_montantprisenchargeparorganismelocal_label .tooltip-inner {
    width: 250px;
    max-width: 250px;
}

.bloc-card-body {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
/*
.informatons-prevention-bloc1-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 120px;
}

.informatons-prevention-bloc1-1>* {
    max-width: 30%;
}

@media (max-width: 768px) {
    .informatons-prevention-bloc1-1>* {
        max-width: unset;
    }
}

.informatons-prevention-bloc1>div>img {
    width: 95px;
    height: 75px;
}

.informatons-prevention-bloc1-2 {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.informatons-prevention-bloc2 {
    width: 30%;
    padding: 20px 15px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: var(--main-color-white);
}
*/
.mutuelle-form-wrapper {
    width: 100%;
    height: 100%;
}

/* START 5629 - MXSZ - 31/07/2024*/
@media (min-width: 768px){
    
    .mutuelle-form-wrapper {
        padding-top: 15px;
    }
}
/* END 5629 - MXSZ - 31/07/2024*/

.mutuelle-form-line {
    display: flex;
    padding: 15px 25px;
}

/* Modifier mon numero de telephone */
#update-tel #prefix {
    max-height: 2.2rem;
}

#update-tel#prefix:empty::after {
    content: "+xx";
}

/* --- DOCUMENTATION --- */

.encadrage-docs{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin: 0 15px 15px;
    padding: 0 0 0 0;
    height: 375px;
    justify-content: space-between;
}

.encadrage-docs .header {
    padding: 10px;
}

.btn-sdt-doc{
    display: inline-block;
    padding: 15px;
    border: 1px solid var(--main-color-blue);
    border-radius: 50px;
    color: var(--main-color-blue);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 65px;
    background-color: var(--main-color-white);
    position: 50% !important;
}

.logoterre{
    margin-left: 20px;
    margin-top: 40px;
}

#recherchedoc{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
}

#recherchedoc .input-group {
    max-width: 300px;
}

a:hover .card-espacecfe > div > h4 {
    color:#015A9E !important;  
  }

a:hover .info-user {
    color:#015A9E !important;  
  }

a:hover{
    text-decoration : none;
}

.affichagedocument{
    margin-left: 30px;
    margin-bottom: 30px;
}

#myUL > p {
    margin-top: 10px;
}

.liste-recherche{
    color: var(--main-color-black);
    list-style-position: inside;
    width: 100%;
}

.private-mode-banner {
    display: none;
}


#faq #search-input, #messagerie #search-input {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-right: none;
}

#faq #search-icon, #messagerie #search-icon {
    background-color: var(--main-color-white);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color: rgb(148, 148, 148);
    cursor: pointer;
}

#recherchedoc #search-input {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-left: none;
}

#recherchedoc #search-icon {
    background-color: var(--main-color-white);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-color: rgb(148, 148, 148);
    cursor: pointer;
}

#recherchedoc {
    padding: 0 15px 20px;
}

@media (max-width: 768px) {
    #recherchedoc {
        justify-content: center;
    }
}

#recherchedoc .liste-recherche {
    margin-top: 20px;
}

#prevention .row {
    --bs-gutter-y: 1rem;
    margin-top: 0;
}

#prevention .bloc-card {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

#prevention b {
    font-weight: unset;
}

#prevention .bloc-card .title{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

#prevention .bloc-card .title img{
    align-self: center;
    max-height: 80px;
}

#faq .row, #messagerie .row {
    margin: 0 -15px !important;
}

#faq #most_viewed a, #messagerie #most_viewed a {
    background-color: white;
    border: 1px solid var(--main-color-bordergrey);
    padding: 18px 24px;
    margin: 0 15px 15px;
    border-radius: 15px;
    display: block;
    text-align: center;
    color: var(--main-color-blue);
    font-weight: 600;
}

#faq #most_viewed a:hover, #messagerie #most_viewed a:hover {
    color: var(--main-color-hoverblue);
}

#faq .section-title, #messagerie .section-title {
    font-weight: bold;
    font-size: 18px;
    margin: 15px 0;
}

/* #faq #search, #messagerie #search {
    padding: 50px;
} */
/* TODO : A SUPPRIMER */

#faq #search-results, #messagerie #search-results {
    margin-top: 30px;
}
#faq #themes .bloc-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 250px;
}

#faq #themes a {
    margin-top: 20px;
    align-self: center;
}

#faq #themes ul {
    height: 100%;
}

#faq #themes .header {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
    margin-left: 20px;
}

#accordion .    {
    overflow: hidden;
}

#accordion .   , #theme-faq #articles {
    border: 1px solid var(--main-color-bordergrey);
    border-radius: 10px;
    margin-bottom: 10px;
}

#accordion .card-header {
    background-color: var(--main-color-blue);
    color: var(--main-color-white);
    padding: 25px 0;
}

#accordion .card-title a[aria-expanded="true"]:after {
    font-family: FontAwesome;
    content:"\f077"; 
}

#accordion .card-title a {
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    font-weight: bold;
    font-size: 20px;
}

#accordion .card-title a:before {
    content: none;
}

#accordion .card-title a[aria-expanded="false"]:after {
    font-family: FontAwesome;
    content:"\f078"; 
}

#accordion .card-body, #accordion ul {
    padding: 0;
    margin: 0;
}

#accordion li {
    padding: 15px 20px;
}

#accordion li a{
    color: var(--main-color-black);
    font-weight: bold;
}

#accordion li a:hover{
    text-decoration: underline;
}

#accordion ul li:nth-child(2n+1) {
    background-color: var(--secondary-color-orange);
}


#theme-faq #description {
    margin-bottom: 30px;
}

#theme-faq #articles {
    padding: 10px 15px;
}

#back-button {
    float: right;
    margin-top: 30px;
}

#carte-vitale .header-text {
    text-align: center;
    font-weight: bolder;
    font-size: 20px;
}

#carte-vitale #suivi-actions {
    flex-direction: column;
    padding: 0 20px;
}

#carte-vitale .bloc-card {
    padding: 40px 90px;
    display: flex;
    align-items: center;
}

#carte-vitale .bloc-card:not(.carte-vitale) {
    flex-direction: column;
}

#carte-vitale .bloc-card.carte-vitale {
    justify-content: space-between;
}

/* TODO : A Supprimer */

/* #carte-vitale .adhesion-list {
    width: 100%;
    margin: 40px 0;
} */ 


#carte-vitale .adhesion-list-line {
    list-style: none;
    padding: 20px 60px;
    font-size: 20px;
    font-weight: 501;
}

#carte-vitale #btn-faq {
    padding: 15px 90px;
}

#carte-vitale .adhesion-list-line:nth-child(2n+1) {
    background-color: var(--secondary-color-orange);
}

#carte-vitale .adhesion-list-line .highlight {
    color: var(--highlight-color-blue);
}

#carte-vitale .case {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 200px;
    height: 100%;
    align-self: flex-end;
}

#carte-vitale .case::before {
    content: '';
}

#carte-vitale .name {
    justify-content: center;
    font-size: 24px;
    font-weight: bolder;
}


#carte-vitale .adresse {
    display: flex;
    color: var(--highlight-color-blue);

}

#carte-vitale .adresse-label {
    margin-right: 50px;
}

#carte-vitale .adresse-value {
    display: flex;
    flex-direction: column;
    font-weight: 500;
}

#carte-vitale .carte-label {
    font-weight: 501;
    font-size: 16px;
}

#carte-vitale .carte-label#valide {
    color: #209E00;
}

#carte-vitale .carte-label#attente {
    color: #F67B00;
}

#carte-vitale .carte-label#en_cours {
    color: #0D5CA0;
}

#carte-vitale .carte-label#rejet {
    color: #FF0106;
}

#carte-vitale #carte-state {
    max-width: 270px;
    text-align: center;
}

#carte-vitale #carte-state .carte-label{
    max-width: 160px;
}

#carte-vitale #carte-state.non-disponible {
    justify-content: center;
    color: var(--main-color-red);
}

#carte-vitale #carte-state.non-disponible::before {
    content: none;
}

#carte-vitale #carte-state .btn-sdt {
    height: 52px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#carte-vitale .modal-header {
    background: var(--main-color-blue);
}

#carte-vitale .modal-header *{
    color: var(--main-color-white);
}

#carte-vitale .modal-body {
    padding: 50px;
}

#carte-vitale .row {
    display: flex;
    font-size: bold;
}

#carte-vitale .btn-sdt {
    white-space: unset !important;
}

#carte-vitale .row select {
    width: 150px;
}

.vertical-separator {
    border: 1px solid var(--main-color-bordergrey);
    height: 120px;
}


@media(max-width: 1200px) {
    #carte-vitale .adhesion-list, #carte-vitale .bloc-card {
        padding: 20px;
    }

    #carte-vitale .adhesion-list-line {
        padding: 20px;
    }

    #carte-vitale .bloc-card.carte-vitale {
        display: flex;
        flex-direction: column;
    }

    #carte-vitale .vertical-separator {
        width: 100%;
        height: 0;
        margin: 20px;
    }

    #carte-vitale .case {
        align-self: center;
        margin: 20px 0;
    }

    #carte-vitale .adresse {
        align-self: center;
        margin-bottom: 20px;
    }

    #carte-vitale .btn-sdt {
        text-align: center;
    }   
}

/* --- affichage document --- */

fieldset[aria-label="DESCRIPTION"] {
    display: none;
}

fieldset[aria-label="DÉTAILS DE L’INCIDENT"] {
    margin-bottom: 0px;
}

/* TODO : A SUPPRIMER */
/* .encadrage-affichage{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    align-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
    justify-content: center;
} */

input[readonly="readonly"], select[readonly="readonly"] {
    pointer-events: none;
}

.mt-40{
    margin-top: 0px;
    margin-right: 150px;
    margin-bottom: 0px;
    border-radius: 10px !important;
}

.encadrage-affichage .crmEntityFormView .actions {
    border-top: none !important;
    /* margin: none !important;
    padding: none !important; */
    margin-top: 0px;
    padding-top: 0px;
}

.encadrage-affichage .actions {
    /* padding-top: 5px; */
    margin-bottom: 0px;
}

.encadrage-affichage .crmEntityFormView .tab {
    margin-bottom: 0px;
}

.encadrage-affichage .crmEntityFormView .cell {
    padding-bottom: 0px;
}

.encadrage-affichage .control{
    margin-left: 30px;
}

.encadrage-affichage .crmEntityFormView .cell div.info.required label::after{
    display: none;
}

.encadrage-affichage .crmEntityFormView td.cell{
    display: flex;
    flex-direction: row;
    align-items: center;
}

#maternite #customerid_label, #new_typedemande_label {
    margin-bottom: 0px;
    font-weight: bold;

}

.encadrage-affichage #EntityFormPanel{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.encadrage{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px 0px;
    padding: 0 0 0 0;
}

.encadrage2 , .encadrage3{
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px 30px;
    padding: 0 0px 0;
}

.encadrage3{
    height: 169px;
    height: unset; 
}

.aligne-bouton{
    display: flex;
}

.button-telecharger, .button-notice{
    position: relative !important; 
    float: center !important;
    background: #005A9E;
    color: #ffffff;
    border: 1px solid #005A9E;
    border-radius: 50px;
    width: 151px;
    height: 36.45px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.datetimepicker {
    border-spacing: 0;
}

.datetimepicker .input-group-text {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding: 0 12px;
}
.input-group {
    align-items: stretch;
}

#sinistre textarea {
    min-height: 200px;
}

#sinistre [data-name="message_tab"] p, #sinistre [data-name="engagement_tab"] p{
    padding: 0 28px 20px;
}

.datepicker {
    color: var(--main-color-white);
}

#remboursement-demande .btn-not-grouped {
    border-radius: 2rem;
}

#remboursement-demande #new_lecture {
    display: none;
}

#remboursement-demande [data-name="tab_resume_soins"] {
    display: none;
}

#remboursement-demande [for*="devise_display"], #content [for*="devise_display"] {
    display: none;
}

#remboursement-demande td[class="clearfix cell"] {
    padding: 0;
}

#remboursement-demande .field-label {
    width: 100%;
    min-height: 50px;
    text-wrap: balance;
}

#radiation #Subgrid_contrats_select .associate-lookup th>.fa-check {
    display:none;
}

#radiation #Subgrid_contrats_select .associate-lookup .view-search {
    display:none !important;
}

#radiation #Subgrid_contrats_select .associate-lookup .content-panel {
    display:none;
}

#radiation #Subgrid_contrats_select tbody td {
    vertical-align: middle;
}

#cotisations [class*='col-']:not(.pseudo-row) {
    padding: 0 15px 15px !important;
}

#cotisations .float-end{
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.title-card {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#remboursement-demande .section-title h3 {
    font-size: 18px;
}

#remboursement-demande .tab-column td {
    padding-left: 0;
}

.actions {
    display: flex;
    justify-content: end;
}

#address-form .field-label[for="ville"] {
  display: none !important;
}

#address-form .entity-grid .toolbar-actions input {
    height: 38px;
    border-right: none;
}

#address-form .entity-grid .toolbar-actions .btn {
    border-radius: 0 100% 100% 0 !important;
    height: 38px;
}

#address-form .section-title {
    display: none;
}

.actions .col-md-6 {
    width: 100%;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.actions .col-md-6>* {
    margin-top: 10px;
}

@media (max-width: 576px){
    .actions{
        gap: 10px;
    }

    .actions .btn:first-child{
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .actions .col-md-6 {
        justify-content: center;
        gap: 10px;
    }

    .btn-sm {
        min-width: 60px;
    }

}

[data-name*="hidden_section"] {
    display: none !important;
}

#remboursement-demande .actions {
    width: 100%;
    border: none;
}

#remboursement-demande .actions .col-md-6, #sinistre .actions .col-md-6 {
    width: 100%;
    display: flex;
    justify-content: end;
}

.button-notice{
    height: auto !important;
}

.texte{
    text-align: center;
    padding: 0 30px 0;
}

#carte-vitale-action-suivi #suivi-liste {
    list-style: none;
}

#carte-vitale-action-suivi #suivi-liste ul {
    color: var(--main-color-black);
    font-size: 14px;
}

#carte-vitale-action-suivi #suivi-liste>li {
    padding-left: 10px;
    margin-bottom: 10px;
    color: var(--main-color-grey);
}

#carte-vitale-action-suivi #suivi-liste>li.etape-en-cours {
    color: var(--highlight-color-blue);
}

#carte-vitale-action-suivi #suivi-liste>li.etape-en-cours::marker {
    font-family: FontAwesome;
    content:"\f0a9";
}

#carte-vitale-action-suivi #suivi-liste>li.etape-alerte {
    color: var(--main-color-red);
}

#carte-vitale-action-suivi #suivi-liste>li.etape-alerte::marker {
    font-family: FontAwesome;
    content:"\f06a";
}

#carte-vitale-action-suivi #suivi-liste>li.etape-alerte .error-text {
    color: var(--main-color-black);
}

#error-bloc {
    margin-top: 25px;
}

#carte-vitale-action-suivi #suivi-liste>li.etape-passee::marker {
    font-family: FontAwesome;
    content:"\f058";
}

@media (min-width: 992px) {
    #carte-vitale-depot .tab-content, #carte-vitale-depot #post-send-confirm {
        padding: 50px 100px;
    }
}

@media (max-width: 991px) {
    #carte-vitale-depot .tab-content, #carte-vitale-depot #post-send-confirm {
        padding: 1rem;
    }
}

@media (max-width: 767px) {
    #carte-vitale-depot #post-send-confirm img {
        justify-self: center;
        margin-bottom: 10px;
    }    
}

#carte-vitale-depot #post-send-confirm img {
    width: 14rem;
}

#carte-vitale-depot #post-send-confirm .row>div {
    display: grid;
    align-items: end;
}

#carte-vitale-depot .tab-main {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
}


#carte-vitale-depot .tab-main>div {
    width: 50%;
}

#carte-vitale-depot .actions a:not(:first-child) {
    margin-left: 5px;
}

#carte-vitale-depot input[type="file"] {
    display: none;
}

#carte-vitale-depot #photo-display {
    margin-right: 50px;
}

#carte-vitale-depot #accordion .card-header {
    color: var(--main-color-white);
    background-color: var(--main-color-blue);
    border-radius: 10px;
}

#carte-vitale-depot #accordion .card-header:hover {
    color: var(--main-color-white);
    background-color: var(--main-color-hoverblue);
}

#carte-vitale-depot .card-title a {
    color: var(--main-color-white);
    display: flex;
    justify-content: space-between;
}

#carte-vitale-depot .card-title a:hover {
    color: var(--main-color-white) !important;
}

#carte-vitale-depot .card-title a:before {
    content: unset !important;
}

#carte-vitale-depot .card-title a .fa:before {
    content:"\f106";
}

#carte-vitale-depot .card-title a.collapsed .fa:before {
    content:"\f107";
}

#carte-vitale-depot .upload-button {
    text-align: center;
}

#carte-vitale-depot .upload-button label {
    cursor: pointer;
}

#carte-vitale-depot .btn-default:hover {
    color: var(--main-color-white);
}

#carte-vitale-depot .actions {
    margin-top: 20px;
    text-align: end;
}

@media (min-width: 768px) {
    #carte-vitale-depot .number, .progress.list-group .number {
        border: 1px solid var(--main-color-blue);
        color: var(--main-color-blue);
        border-radius: 100%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        padding: 0 !important;
        background: none;
        margin-top: 10px;
    }

    #carte-vitale-depot .form-steps, .progress.list-group {
        display: flex;
        width: 70%;
        justify-content: space-evenly;
        margin-top: 50px;
        left: 55%;
        position: relative;
        margin-left: -40%;
        padding: 0;
        background: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        overflow: visible;
    }

    .nb-link {
        border-bottom: 1px solid var(--main-color-blue);
        flex-grow: 1;
        height: 1px;
        align-self: center;
        margin-top: 8px;

        &.link-skipped {
            border-bottom-style: dashed;
            flex-grow: 0.1;
        }
    }

    #carte-vitale-depot .title-wrapper, .progress .list-group-item {
        position: relative;
        padding: 0;
        background: none;
        border: none;
    }

    #carte-vitale-depot .title, .progress .list-group-item .title {
        position: absolute;
        top: -35px;
        width: 300px;
        text-align: center;
        left: -125px;
        text-transform: uppercase;
        color: var(--main-color-blue);
    }

    .progress .list-group-item.incomplete, .progress .list-group-item.complete, .progress .list-group-item.active {
        padding: 0;
        background: none;
        border: none;
    }

    #carte-vitale-depot .title-wrapper.active .title {
        background: none;
        border: none;
    }

    #carte-vitale-depot .title-wrapper.active .title, .progress .list-group-item.active .title {
        color: var(--main-color-orange);
    }

    #carte-vitale-depot .title-wrapper.active .number, .progress .list-group-item.active .number {
        color: var(--main-color-white);
        font-weight: bolder;
        background-color: var(--main-color-orange);
        border-color: var(--main-color-orange);
    }

    .long-list {
        & .progress.list-group {
            left: unset;
            margin-left: unset;
            width: 90%;
        }

        & .title {
            width: 150px !important;
            font-size: 0.8rem;
            left: -50px !important;
        }
    }
}

#demarches #entitylist-filters {
    width: 110%;
}

@media (max-width: 767px) {
    .progress .list-group-item.active, #carte-vitale-depot .title-wrapper.active {
        background-color: var(--main-color-orange);
        font-weight: bolder;
    }
}

@media (max-width: 768px) {
    #carte-vitale-depot .title-wrapper {
        padding: 10px 15px;
        background-color: var(--main-color-lightgrey);
    }

    #carte-vitale-depot .title-wrapper .number{
        padding-right: 10px;
    }

    .progress .list-group-item, #carte-vitale-depot .title-wrapper {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
    }

    .progress .list-group-item.active, #carte-vitale-depot .title-wrapper.active {
        border-color: var(--main-color-orange);
        color: var(--main-color-white);
    }

    #remboursement-demande .tab-column:first-child {
        padding-left: 20px;
    }

    #remboursement-demande .actions .col-md-6, #sinistre .actions .col-md-6 {
        justify-content: center;
    }
}

#carte-vitale-depot #photo-preview{
    max-height: 300px;
    max-width: 450px;
    border: none; 
    overflow: auto;
}

.creationcartevital{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.creationcartevital #InsertButton{
    margin-left: 8px;
}

#carte-vitale-depot #id-preview{
    width: 100%;
    height: 310px;
    border: none;
    overflow: auto;
}

#carte-vitale-depot #id-preview img{
    max-height: 300px;
    max-width: 450px;
}

.toast {
    position: fixed;
    bottom: 200px;
    left: 50%;
    margin-left: -200px;
    background: var(--main-color-red);
    color: var(--main-color-white);
    width: 400px;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    animation: fadeIn 0.8s;
}
.toast .content {
    padding: 10px 20px;
}

.toast span {
    color: var(--main-color-white);
}

.toast .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.toast .time-bar {
    height: 2px;
    background: darkred;
    animation: roundtime 5s linear forwards;
    transform-origin: left center;
}

.spinner {
    display: flex;
    flex-direction: column;
}

.spinner .fa, #radiation .fa-spinner, #attestations .fa-spinner {
    display: block;
    text-align: center;
    color: var(--main-color-blue);
    font-size: 50px;
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.fa-spinner.white-spinner {
    color: var(--main-color-white);
    font-size: unset;
}

#radiation .fa-spinner, #attestations .fa-spinner  {
    display: none;
    font-size: 25px;
}

#radiation:active .fa-spinner, #radiation:hover .fa-spinner, #radiation:focus .fa-spinner, #attestations .fa-spinner, #attestations:hover .fa-spinner, #attestations:focus .fa-spinner {
    color: var(--main-color-white);
}

#msg-comp {
    margin-top: 50px;
}

#address-form .tab-title {
    display: none;
}

#radiation .tab-title {
    display: none;
}

.tab-title {
    display: none;
}

#address-form .crmEntityFormView {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#address-form .crmEntityFormView .actions {
    margin-top: 0px;
}

#address-form .modal-body h3 {
    text-align: center;
}

/* .form-control {
    border-radius: 10px;
    height: 34px;
} */
/* TODO : A SUPPRIMER */


#address-form .launchentitylookup, .clearlookupfield, #new_codepostal_lookupmodal .btn-hg {
    min-width: 50px;
}

#address-form #new_codepostal_name {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#address-form #ville {
    height: 130px !important;
}

#address-form #ville[src="about:blank"] {
    display: none;
}

#radiation [data-name="motif_tab_section_2"] td  {
    display: none;
}

#radiation label[for*="Subgrid-"] {
    font-size: 20px;
    font-weight: 500;
}

#documentation .theme-header, #faq .theme-header {
    display: flex;
    align-items : center;
    padding: 15px 10px;
    height: 120px;
    
}



#documentation .row {
    --bs-gutter-y: 1rem;
}

#documentation .bloc-card {
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

#documentation .texte-docs{
    margin-left: 25px;
}

#documentation .theme-header img, #faq .theme-header img {
    max-width: 130px;
    padding: 8px;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes roundtime {
  to {
    transform: scaleX(0);
  }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

#new_source, #new_origine, #new_source_label, #new_origine_label {
    display: none;
}


#demarches .btn-entitylist-filter-submit {
    min-width: 100px;
}

#demarches #resetFilters {
    margin-top: 10px;
}
  
#demarches .query.form-control, #messagerie .query.form-control {   
    width: 310px; 
    border-top-left-radius: 20px;    
    border-bottom-left-radius: 20px;        
}

#demarches .comment_block .col-lg-10 {
    overflow-wrap: break-word;
}

@media (max-width: 767px) {
    .table-fluid td {
        white-space: normal !important;
        word-break: break-word;
    }

    .entity-form {
        max-width: 100%;
    }
}

#btn-consulter-faq{
    float: right;
}

#messagerie .bloc-card{
    padding-right: 50px;
    padding-left: 40px;
}

#messagerie .bloc-card-message{
    display: flex;  
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    background-color: var(--main-color-white);
    border: 1px solid var(--main-color-bordergrey);
    box-sizing: border-box;
    border-radius: 10px;
    padding-left: 35px;
    padding-right: 50px;
    margin-top: 20px;
}

#messagerie .help-block{
    margin-left: 20px;
}

#btn-annule{
    margin-bottom: 20px;
}

.titre{  
    margin-bottom: 15px;
}

.pagination{
    text-align: center;
    font-weight: bold;
}

.jquery-bootstrap-pagination{
    text-align: center;  
    color: #000000;
}

#demarches .entitylist-filter {
    border: none;
    background-color: var(--main-color-white);
}   

.crmEntityFormView .cell.checkbox-cell div.table-info {
    margin-top: 0.15rem;
}

#demarches .btn-hg, #messagerie .btn-hg {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    min-width: 50px;
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover {
   background-color: #005A9E!important; 
}

.tableline{
    background-color: #fff8f1!important; 
}

.tableline.unread {
    border-left: 5px solid orange;
    font-weight: bold;
}
 
#info-perso label[for="affichage_referentiel"] {
    display:none;
}

#info-perso [data-name="paiement_cotisations"] .crmquickform-cell {
    border: none;
}

#info-perso [data-name="paiement_cotisations"] .control {
    float: unset !important;
}

#new_ibanpartiel_label {
    font-weight: 400;
}

#new_ibanpartiel_label::after {
    content:' :';
}

.entitylist-filter-option-group-label {
    border-top: solid 1px var(--main-color-blue);
    white-space: nowrap;
    border-bottom: solid 1px var(--main-color-blue);
    padding: 7px 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color-blue);
    width: 100%;
    display: inline-block;
}

.btn-entitylist-filter-submit {
    background-color: var(--main-color-blue);
    color: var(--main-color-white);
    min-width: 0;
    padding: 8px 20px;
    margin: 0;
}

.btn-entitylist-filter-submit:hover, .btn-entitylist-filter-submit:active, .btn-entitylist-filter-submit:focus {
    background-color: var(--main-color-hoverblue);
    color: var(--main-color-white);
}

.entitylist-filter-option-group-label::before {
    font-family: FontAwesome;
    content:'\f044';
    vertical-align: text-bottom;
    margin-right: 5px;
}

#messagerie .nav-tabs {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#messagerie .tabs-container {
  display: flex;
}

#messagerie .tab-content {
    width: 80%;
    margin-top: 10px;
}

#messagerie .messagerie-frame {
    width: 100%;
    min-height: 680px;
    background: none;
    border: none;
}

#messagerie .messagerie-frame.partial {
    height: 450px;
}

.presentation-tabs .nav-tabs li {
    border-bottom: 1px solid #0D5CA0;
    border-top: 1px solid #0D5CA0;
    width: 100%;
}

.presentation-tabs .nav-tabs a {
    color: var(--main-color-blue);
    font-weight: 600;
}

.view-empty.message {
    text-align: center;
}

#messagerie .presentation-tabs li>a {
    padding: 10px 15px;
    border-radius: 0;
    margin: 0;
}

#messagerie li>a.active {
    background-color: #0D5CA0;
    color: #FFFFFF;
    margin: 0px;
    border: 0px;
}

#demarches .cell {
    padding-left: 0;
}

#demarches .bloc-card, #demarches .tab {
    padding: 0 25px 10px;
}

#demarches #entitylist-filters .entitylist-filter-option-group:not(:first-child) {
    display: none;
}

#demarches .entitylist tbody tr:hover {
    text-decoration: underline;
    cursor: pointer;
}

#demarches .toolbar {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
}

#demarches .section-title h3 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#sinistre .section-title {
    padding-left: 28px;
}

#sinistre p {
    padding: 0 28px 20px;
}

#sinistre p, #maj-ressources p, #modifier-base-cotisations p {
    font-size: 14px;
    padding-left: 28px;
}

#maj-ressources, #modifier-base-cotisations {

    & .section-title {
        padding-left: 28px;
        border-bottom: none;
    }

    & .bloc-card {
        padding-left: 0;
        padding-right: 0;
    }

    & .table-responsive {
        padding-left: 28px;
        padding-right: 28px;
    }
}

#sinistre ul {
    padding-left: 47px;
    font-size: 14px;
}

.limitCaractere {
    font-size: 14px;
}

#demarches .entitylist-filter .card-body {
    padding-top : 0;
}

#demarches .cell .info {
    font-weight: bold;
    display: inline-table;
    width: 160px;
}

#demarches [data-name="general_section_1"] .cell .control {
    display: inline-table;
    vertical-align: middle;
}

#demarches [data-name="general_section_2"] .cell {
    padding: 0;
}

#demarches .cell .info label {
    font-weight: bold;
}

#demarches .cell .info::after {
    content: ' : ';
}

#demarches label[readonly="readonly"]::after {
    content:'';
}

#demarches .select-replacement-wrapper {
    padding: unset;
    margin-left: 6px;
}

.grid-actions{
    margin-bottom: 0px !important;
}

#demarches .toolbar-actions {
    display: flex;
    justify-content: end;
    margin-bottom: 15px;
}

#demarches .tab-title {
    display: none;
}

#demarches .bloc-card:not(:first-child), #bancaire .bloc-card:not(:first-child), #ajout-bancaire .bloc-card:not(:first-child) {
    margin-top: 20px;
}

#bancaire .separated {
  display: flex;
  justify-content: center;
}

#ajout_beneficiaire .end-aligned {
    text-align: end;
}

[data-name="hidden_data"] {
    display: none !important;
}

#ajout_beneficiaire [data-name="hidden_data"], #ajout_beneficiaire [data-name="hidden_data1"] {
    display: none;
}

.actions.centered {
    justify-content: center;
}

#bancaire .centered {
    text-align: center;
}

#bancaire .centered.no-message {
    display: flex;
    justify-content: space-around;
    max-width: 50%;
}

#bancaire .centered.no-message .btn {
    max-width: 45%;
}

#bancaire .col-md-6.end-aligned {
    text-align: end;
    height: min-content;
}

@media (max-width: 768px){
    #bancaire .col-md-6.end-aligned > a {
        margin: 10px 0;
    }

    #bancaire .col-md-6.end-aligned {
        text-align: end;
        margin-left: 10px !important;
    }
}

#bancaire .padded-text {
    padding: 0 20px;
}

#demarches ul {
    list-style: none;
    padding-left: 0;
}

#demarches .entitylist {
    margin-top: 20px;
}

#demarches .comment_block {
    padding: 25px;
    border-radius: 20px;
    min-height: 180px;
    display: flex;
}

.info.description-display {
    display: flex;
    flex-direction: column;
}

#demarches .comment_block .col-lg-10 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

textarea.large-textarea {
    min-width: 100%;
    max-width: 100%;
    height: 200px;
}

label[for="newdivforfileinfo"] {
    margin-top: 10px;
}

#demarches .comment_block .col-lg-10 .title {
    font-weight: bold;
    margin-bottom: 15px;
}

#demarches .fa.icon-large-blue {
    font-size: 36px;
    color: var(--main-color-blue);
}

#demarches .fa-file {
    vertical-align: text-bottom;
    color: var(--main-color-darkgrey);
}

#demarches .comment_block_2 {
    background-color: var(--highlight-color-lightblue);
}

#demarches .comment_block:not(:first-child) {
    margin-top: 20px;
}

#demarches .entity-timeline .note {
    padding: 25px;
    border-radius: 20px;
}

#demarches .entity-timeline .timelineheader {
    float: unset;
    height: 50px;
}

#demarches .entity-timeline div:nth-of-type(even).note {
    background-color: var(--highlight-color-lightgrey);
}

#demarches .entity-timeline div:nth-of-type(odd).note {
    background-color: var(--highlight-color-lightblue);
}

#demarches .entity-timeline .note:not(:first-child) {
    margin-top: 20px;
}

#demarches .comment_block_1 {
    background-color: var(--highlight-color-lightgrey);
}

#demarches .comment_block .text-bold {
    font-weight: bold;
}

#demarches .notes-cell .info {
    display: none;
}

#demarches .crmquickform-cell {
    border: none;
}

#demarches fieldset {
    margin: none;
}

#demarches .file-list {
    display: flex;
    flex-direction: column;
}

#demarches .create-related-record-link {
    display: none;
}

#bancaire .iban-display {
    margin: 10px 0;
}

/* #bancaire .button-wrapper .btn:not(:first-child) {
    margin-left : 15px;
} */
/* TODO : A SUPPRIMER */


#bancaire .boolean-radio-cell {
    display: flex;
}

#bancaire .boolean-radio-cell .info {
    width: 50%;
}

#QV_Motif td {
    margin: 0;
    display: block;
    padding: 0;
}

#new_ville[readonly="readonly"]{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #949494;
    background-color: #eee;
    padding-left: 10px;
}

#new_ville_label{
    font-weight: 700;
}

#ville td{
    display: block;
    padding: 0;
    margin-top: 10px;
}

#ville td .control{
    width: 100%
}

.etr-text {
    margin-bottom: 25px;
    text-align: center;
}

#gestion beneficiaires.container .h1{
    margin: unset;
    margin-left: 12%; 
}

.limitCaractere{
    float: right;
    margin-right: 30px;
}

#date-warning {
    margin-top: 50px;
}
/*
.btn.btn-primary.button.next.submit-btn{
    visibility : hidden;
}*/

.btn-primary:hover {
    color: var(--main-color-white) !important;
}

.view-search .btn-hg {
    min-width: 0;
}

#messagerie .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

#messagerie .form-label {
    font-weight: 600;
}

#messagerie .form-value {
    margin-left: 20px;
}

#messagerie .form-value.bloc-card {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
    line-break: anywhere;
}

#messagerie .form-value.pj-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#messagerie .btn-wrapper {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}

#ajout-bancaire .info-text-block {
    display: flex;
    font-size: 14px;
    font-weight: 400;
}

#ajout-bancaire .info-text-block:not(:last-child) {
    margin-bottom: 20px;
}

#ajout-bancaire .text-question-icon {
    font-size: 36px;
    margin-right: 10px;
    color: var(--main-color-blue);
    line-height: normal;
}

/*.entitylist-search {
    width: auto !important;
}*/
#paiement .orange-row {
    background-color: var(--secondary-color-orange);
}

#paiement .btn-paiement {
    margin-top: 10px;
}

#messagerie2 .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(246, 123, 0, 0.08);
}

#gestion-beneficiaires .table-striped > tbody > tr:nth-of-type(2n+1) {
   background-color: rgba(246, 123, 0, 0.08); 

}

#gestion-beneficiaires .table > tbody > tr > td{
    text-align: center; 
    vertical-align: middle;
}

#gestion-beneficiaires .sort-enabled{
    text-align: center;
    vertical-align: middle; 
}


#ValidationSummaryEntityFormView a {
    margin-left: 0;
}

#ajout-bancaire .checkbox-cell {
  padding: 15px 28px 20px;
}

#ajout-bancaire .checkbox-cell .description {
  margin-top: 15px;
}

#ajout-bancaire #country_prefix {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#supprimer-beneficiaire .new_formulaireportail_label{
    display: none;
}

#supprimer-beneficiaire [data-name="tab_2_section_3"]{
    display: none;
}

#supprimer-beneficiaire .tab-title, #desactivation_prelevement .tab-title, #modification-mail .tab-title{
    display: none;
}

#radiation a.warning-link {
    text-decoration: underline;
}

#radiation a.warning-link:hover {
    color: var(--main-color-hoverblue) !important;
}

#paiement form {
    display: none;
}

#supprimer-beneficiaire .end-aligned{
   position: relative;
   float: right;
   bottom: 30px; 
}

#supprimer-beneficiaire #new_beneficiaireasupprimer {
    background-color: transparent;
    border: none;
    box-shadow: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0;
}

#modifier-base-cotisations .crmEntityFormView .tab-title{
    display: none; 
}


#demarches #cancel-button {
    margin-bottom: 20px;
    float: right;
}

/*#modifier-base-cotisations .new_formulaireportail_label{
    display: none; 
}*/

.traitement {
    width: 100%;
    position: absolute;
    top: 50%;
    text-align: center;
    color: var(--main-color-blue);
}

.traitement span {
    font-size: 24px;
}

.dropdown.action .btn.aria-exp {
    display: none;
}

.dropdown.action .dropdown-menu {
    position: relative !important;
    display: flex;
    justify-content: center;
    border: none;
    background: none;
    box-shadow: none; 
}

.dropdown-item:active {
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item:hover, .dropdown-item:focus {
    padding:0;
}

#paiement .alert {
  margin-top: 50px;
  display: flex;
}

#paiement .alert-info {
    background-color: var(--alert-color-lightblue);
}

#paiement .alert>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}

#paiement .alert .alert-text {
  font-weight: 500;
}

#paiement table {
    table-layout: fixed;
}

#paiement th, #paiement td {
    text-align: center;
}

@media (max-width: 992px) {

  #ajout_beneficiaire .crmEntityFormView table.section, #ajout_beneficiaire .crmEntityFormView table.section > tbody, #ajout_beneficiaire .crmEntityFormView table.section > tbody > tr, #ajout_beneficiaire .crmEntityFormView table.section > tbody > tr > td, #ajout_beneficiaire .crmEntityFormView table.section > tbody > tr > th, #ajout_beneficiaire .crmEntityFormView table.section > tfoot, #ajout_beneficiaire .crmEntityFormView table.section > tfoot > tr, #ajout_beneficiaire .crmEntityFormView table.section > tfoot > tr > td, #ajout_beneficiaire .crmEntityFormView table.section > tfoot > tr > th, #ajout_beneficiaire .crmEntityFormView table.section > thead, #ajout_beneficiaire .crmEntityFormView table.section > thead > tr, #ajout_beneficiaire .crmEntityFormView table.section > thead > tr > td, #ajout_beneficiaire .crmEntityFormView table.section > thead > tr > th {
    display: block;
  }

  #ajout_beneficiaire .crmEntityFormView table.section {
    width: 100%;
  }

  #bancaire .centered.no-message {
    max-width: 90%;
  }

  #ajout-bancaire .crmEntityFormView table.section, #ajout-bancaire .crmEntityFormView table.section > tbody, #ajout-bancaire .crmEntityFormView table.section > tbody > tr, #ajout-bancaire .crmEntityFormView table.section > tbody > tr > td, #ajout-bancaire .crmEntityFormView table.section > tbody > tr > th, #ajout-bancaire .crmEntityFormView table.section > tfoot, #ajout-bancaire .crmEntityFormView table.section > tfoot > tr, #ajout-bancaire .crmEntityFormView table.section > tfoot > tr > td, #ajout-bancaire .crmEntityFormView table.section > tfoot > tr > th, #ajout-bancaire .crmEntityFormView table.section > thead, #ajout-bancaire .crmEntityFormView table.section > thead > tr, #ajout-bancaire .crmEntityFormView table.section > thead > tr > td, #ajout-bancaire .crmEntityFormView table.section > thead > tr > th {
    display: block;
  }

  #ajout-bancaire .crmEntityFormView table.section {
    width: 100%;
  }

  #modification-mail .crmEntityFormView table.section, #modification-mail .crmEntityFormView table.section > tbody, #modification-mail .crmEntityFormView table.section > tbody > tr, #modification-mail .crmEntityFormView table.section > tbody > tr > td, #modification-mail .crmEntityFormView table.section > tbody > tr > th, #modification-mail .crmEntityFormView table.section > tfoot, #modification-mail .crmEntityFormView table.section > tfoot > tr, #modification-mail .crmEntityFormView table.section > tfoot > tr > td, #modification-mail .crmEntityFormView table.section > tfoot > tr > th, #modification-mail .crmEntityFormView table.section > thead, #modification-mail .crmEntityFormView table.section > thead > tr, #modification-mail .crmEntityFormView table.section > thead > tr > td, #modification-mail .crmEntityFormView table.section > thead > tr > th {
    display: block;
  }

  #modification-mail .crmEntityFormView table.section {
    width: 100%;
  }
}

@media (max-width: 400px) {
    #demarches .toolbar {
        justify-content: center;
    }

    #demarches .query.form-control, #messagerie .query.form-control {   
        width: 180px;
        
    } 

}

#modifier-base-cotisations .bloc-card{
    margin-bottom: 30px;
}

#modifier-base-cotisations .p{
    margin-bottom: 20px; 
}


#modifier-base-cotisations [data-name="general_section_4"] tbody td{
    vertical-align: bottom;
}

#maj-ressources .crmEntityFormView .tab-title{
    display: none; 
}

#maj-ressources .bloc-card{
    margin-bottom: 30px;
}

#maj-ressources .table-beneficiaires-head{
    color: #fff;
}

@media (max-width: 730px) {
    #info-perso .btn-sdt {
       display: inline-block; 
       justify-content: center;
       width: 100%; 
       white-space: unset; 
       white-space: normal; 
       word-wrap: break-word;  
       overflow: auto; 
       text-overflow: ellipsis; 
    }

    /* TODO : A SUPPRIMER */
    /* #info-perso .button-wrapper{
        display: inline-block;
        width: 100%;
        justify-content: space-evenly;
        flex-wrap: wrap;
    } */ 

    #contrats .titre-assurance{
        overflow: hidden; 
        font-size: 24px;
        word-wrap: break-word; 
    }

    #contrats .bloc-assurance{
        width: 100%; 
        max-width: 100%; 
    }

    #info-perso .ensemble{
        max-width: 100%;
    }

    #info-perso .ensemble-1{
        max-width: 100%;
    }

    /* #info-perso .control{
        width: 100%;
    } */
    /* TODO : A SUPPRIMER */
}

@media (max-width: 1200px) {
    #contrats .btn-expatSante-blanc{
       display: inline-block; 
       justify-content: center;
       width: 100%; 
       white-space: unset; 
       white-space: normal; 
       word-wrap: break-word;  
       overflow: hidden; 
       text-overflow: ellipsis; 
    }

    #home .btn-expatSante{
        margin-bottom: 12px; 
    }
    
}

@media (max-width: 992px) {
    #releve-carrière .btn-sdt{
       display: inline-block; 
       justify-content: center;
       white-space: unset; 
       white-space: pre-wrap; 
       word-wrap: break-word;  
       overflow: hidden; 
       text-overflow: ellipsis;
    }

    .encadrage-affichage #EntityFormPanel{
        flex-direction: column; 
        align-items: unset; 
        justify-content: center; 
    }

    .encadrage-affichage .crmEntityFormView td.cell{
        flex-direction: column;   
    }

    .encadrage-affichage .crmEntityFormView .actions{
        justify-content: unset;
        justify-content: center; 
    }
    
    
    .rgpd .xrm-attribute-value{
        max-height: unset;
        
    }
    
}

@media (max-width: 720px) {
    #messagerie .tabs-container{
        display: unset;
        display: inline-block; 
        width: 100%; 
    }

    #messagerie .tab-content{
        display: unset;
        display: inline-block;
        width: unset; 
        width: 100%; 
    }

    #messagerie #search-input::placeholder{
        color: transparent;
    }
    
}

#releve-carrière .control{
    width: 100%;
    width: unset; 
     
    
}

/* START MXSZ MDECRM-5744 10/10/2024 */
#releve-carrière .info{
    white-space: nowrap;
    padding: 0;
}

#releve-carrière .info label{
    margin: 0;
}
/* END MXSZ MDECRM-5744 10/10/2024 */

@media (max-width: 992px) {
    #releve-carrière .mt-40 {
        margin-right: 0;
    }
    #releve-carrière tbody {
        display: block;
    }
    .modal-content.rgpd {
    width: unset; 
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}

@media (max-height: 992px) {
  .modal-content.rgpd {
    width: unset; 
    width: 100%;
    height: 600px;
    overflow: auto;
  }
}

.modal-dialog-rgpd{
    position: unset;
    position: absolute; 
}

#ajout-bancaire .crmEntityFormView .section-title{
    display: none; 
}

@media (max-width: 1200px){
    #maj-ressources .crmEntityFormView td.cell{
       vertical-align: bottom; 
    }
}

.info_ciblee {
    display: flex;
    background-color: var(--alert-color-lightblue);
    padding: 8px;
    margin-bottom: 30px;
}

.info_ciblee .btn-close {   
    top: 0;
    right: 0;
    font-size: 70px;
    font-weight: 400;
    line-height: 0.6;
    color: var(--main-color-blue);
}

.info_ciblee .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.info_ciblee .title {
    font-size: 20px;
    font-weight: 500;
}

.info_ciblee .subtitle {
    font-size: 16px;
    font-weight: 500;
}

.info_ciblee .message {
    font-size: 14px;
    margin-top: 20px;
}
.info_ciblee img {
    max-width: 150px;
}

@media (max-width: 364px){
    #maj-ressources .actions{
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column; 
    }

    #modifier-base-cotisations .actions{
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column; 
    }

    #messagerie .float-end{
        display: flex; 
        justify-content: center;
        width: 100%;
        overflow: auto; 
    }
}

@media (max-width: 358px){
    #maj-ressources .crmEntityFormView .actions .btn:first-child{
        margin-bottom: 10px; 
    }

    #modifier-base-cotisations .crmEntityFormView .actions .btn:first-child{
        margin-bottom: 10px;
    }

    #contrats .titre-assurance{
        font-size: 20px;
    }

}


@media (max-width: 388px){
    #messagerie .query.form-control{
        width: 100%; 
        overflow: auto; 
        display: inline-block; 
    }


}

/* @media (max-width: 690px){
    #bancaire .button-wrapper{
        width: 100%; 
        display: unset; 
        display: flex; 
        justify-content: unset; 
        justify-content: center; 
        flex-wrap: wrap; 
    }
    
} */
/* TODO : A SUPPRIMER */

@media (max-width: 384px){
    #demarches .input-group{
        width: 100%; 
        overflow: auto; 
        display: flex;
        overflow-wrap: break-word;
                
    }

}

@media (max-width: 986px){
    #demarches #resetFilters{
        margin-top: unset; 
    }

}

@media (max-width:408px){
     #demarches #resetFilters{
        margin-top: 10px; 
    }
}


@media (max-width:360px){
    #releve-carrière #span{
        overflow: auto;
        word-break: break-word;
        width: 80%;
        display: flex; 
        flex-direction: column;
        text-overflow: ellipsis;
        overflow-wrap: break-word;
    }
}

#releve-carrière #customerid_name{
    display: none; 
}

@media (max-width: 374px){
    #releve-carrière .encadrage-affichage .crmEntityFormView td.cell{
        text-align: center; 
    }

    #cotisations .row-cotisations {
        display: unset;
    }

    #cotisations .card-body {
        width: 100%;
    }

    #cotisations .card-body #entitylist-filters {
        width: 100%;
    }

    #cotisations .card-body .entitylist-filter-option-group-label {
        border:none;
    }

    #cotisations .card-body .entitylist-filter-option-group-label:before {
        content:'';
    }

    #table-remboursements td:before, #maj-ressources .table-fluid td:before {
        padding-right: 0;
        width: 9rem;
        margin-left: -9rem;
    }

    #table-remboursements td, #maj-ressources .table-fluid td {
        padding-left: 9rem !important;
    }

    #demarches .table-fluid td:before {
        padding-right: 0;
        width: 6rem;
        margin-left: -6rem;
    }

    #demarches .table-fluid td {
        padding-left: 7rem !important;
    } 

    #cotisations .table-fluid td:before {
        padding-right: 0;
        width: 10rem;
        margin-left: -10rem;
    }

    #cotisations .table-fluid td {
        padding-left: 10rem !important;
    }



    /* START MDECRM-4971 - 0020208 - MXSZ - 11/06/2024 */
    #cotisations [class*='col-']:not(.pseudo-row) {
        padding: 15px 0 !important;
    }
    /* END MDECRM-4971 - 0020208 - MXSZ - 11/06/2024 */
}

@media (max-width: 650px){
    #home .flex-btnexpatsante{
        justify-content: center; 
        padding-right: 0px; 
    }

    #home .flex-btnexpatsante > a{
        width: unset;
        width: 100%; 
    }

     #home .text-end{
        text-align: unset; 
        text-align: center; 
    }
}

@media (max-width: 767px){
    #update-tel .crmEntityFormView table.section>tbody>tr{
        display: flex ;
        
    }
}


#update-tel .crmEntityFormView .cell .field-label{
    display: unset; 
    display: flex;
}

@media (max-width: 358px){
    #update-tel .form-action-container-left{
        flex-direction: column; 
        display: flex; 
        width: 100%;     
    }
    
    #update-tel .tab-column{
        display: flex; 
        width: 100%; 
    } 

    #update-tel .field-label {
        font-size: 13px;
    }

    #update-tel h1 {
        font-size: 24px;
    }

    #update-tel .control {
        width: 200px !important;
        margin-left: 0;
    }

    #update-tel #prefix {
        width: 0 !important;
    }

    #update-tel [data-name="PHONE_TAB"] {
        overflow: hidden;
    }

    .flex-expatSante {
        font-size: 18px;
    }

    .alerte-title {
        font-size: 12px;
    }

    .alerte-date {
        font-size: 11px;
    }

    .monespacecfe .container {
        width: 100%;
        padding: 0;
    }

    .card-espacecfe > div > h4 {
        font-size: 20px;
    }

    #info-perso .control, #info-perso .form-control, #info-perso .form-value{
        width: 100% !important;
        font-size: 12px;
    }

    #info-perso .field-label, #info-perso .form-label, #info-perso .mutuelle-form-line .info{
        font-size: 14px;
    }


    #info-perso .control>.control {
        margin-left: 0;
    }

    #info-perso .section-title {
        margin-left: 0;
        word-wrap: anywhere;
    }

    #info-perso .mutuelle-form-line {
        display: block;
        padding: 0 0 15px 0;
    }

    #info-perso .ensemble-situation {
        margin-left: 8px;
        margin-right: 8px;
    }

    #info-perso .mutuelle-form-line .control {
        padding-left: 10px;
    }

    #info-perso.container {
        overflow: hidden;
    }
}

#profil-adherent {
    display:flex;
    align-items:end;
    flex-direction: row;
}

@media (min-width: 1200px){
    #profil{
        display: none; 
    }  
}

/* START MDECRM-4971 - 0020208 - MXSZ - 11/06/2024 */
@media (max-width: 1200px){
    #espace-adherent{
       display: none !important;  
    }
    .navbar-collapse [role='menuitem'] {
        text-align: right;
    }
}
/* END MDECRM-4971 - 0020208 - MXSZ - 11/06/2024 */

@media (max-width: 768px){
    .navbar-header-wrapper {
        flex-direction: column;
        align-items: flex-end;
        width: 100%;
    }

    .ms-auto {
        flex-direction: column;
        align-items: flex-end;
    }

    .navbar-brand {
        align-self: center !important;
        width: 100%;
        display: block;
        text-align: center;
    }

    .navbar-toggler {
        margin-right: 0 !important;
    }
}

#info-perso #button{
    text-align: right;
    margin-top: 15px; 
}

/*START MDECRM-5288 - KSZR - 23/05/2024*/
#info-perso .info{
    padding-bottom: unset;
    padding-bottom: 0px; 
    width: 100%; 
}
/*END MDECRM-5288 - KSZR - 23/05/2024*/

/*START MDECRM-5288 - KSZR - 27/05/2024*/
/* #info-perso .form-row{
    width: unset; 
    width: 80%; 
} */

/* #info-perso #new_paysexpatriation_label{
    width: unset; 
    width: 50%; 
} */
 /* TODO : A SUPPRIMER */
/*END MDECRM-5288 - KSZR - 27/05/2024*/

/*START MDECRM-5313 - KSZR - 03/06/2024*/
#address-form #InsertButton{
    justify-content: center; 
}
/*END MDECRM-5313 - KSZR - 03/06/2024*/

/*START MDECRM-4971 0020208- MXSZ - 17/06/2024*/
.control>a {
    overflow-wrap: break-word;
}

.control > select {
    text-wrap: pretty;
    height: auto;
}

@media (max-width: 768px){
    .control > select {
        height: 100px;
    }
}

/*END MDECRM-4971 0020208 - MXSZ - 17/06/2024*/

/*START MDECRM-5342 - MXSZ - 18/06/2024*/
.description {
    font-style: italic;
    font-size: 0.9em;
}

#messagerie #description {
    resize:none;
}
/*END MDECRM-5342 - MXSZ - 18/06/2024*/

/*START MDECRM-5404 - MXSZ - 19/06/2024*/
/*EDIT - MXSZ - 09/07/2024*/
.boolean-radio:not([readonly]):not([disabled]) {
    display: block;
    margin: 10px 0;
}

/*END MDECRM-5404 - MXSZ - 19/06/2024*/

/*START MDECRM-4971 - MXSZ - 08/07/2024*/
.select-replacement-wrapper{
    position: relative;
    border: 1px solid #949494;
    padding: 7px;
    border-radius: 10px;
}

.select-replacement-wrapper a, .input-replacement-wrapper a{
    color : black;
    text-decoration : none;
}

.input-replacement-wrapper a{
    margin-left: 6px;
}

.select-replacement-wrapper:hover,
.select-replacement-wrapper:focus-within{
    border-color: var(--main-color-blue);
}

.select-replacement-wrapper select, .select-replacement-wrapper select[readonly] {
    position: absolute;
    top: 0;
    opacity: 0 !important;
}

.select-replacement-wrapper.readonly{
    background-color: unset;
    pointer-events: none;
    border: none;
}

.select-replacement-wrapper.disabled, .input-replacement-wrapper.disabled {
    pointer-events: none;
    border: none !important;
    color: #555;
}

.select-replacement-wrapper[for="new_devisecfe"] {
    border: 1px solid #949494;
}

.select-replacement-wrapper.disabled > .glyphicon {
    display : none;
}

#info-perso .select-replacement-wrapper.disabled {
    padding: 0;
}

.input-replacement-wrapper .text-muted{
    top: 0 !important;
    position: relative !important;
}
/*END MDECRM-4971 - MXSZ - 08/07/2024*/

/* START MDECRM-5629 - MXSZ - 30/07/2024 */
.bloc-card .info {
    padding-bottom: initial;
}
/* END MDECRM-5629 - MXSZ - 30/08/2024 */

/* START MDECRM-5629 - MXSZ - 20/08/2024 */
.btn-sdt {
    white-space: break-spaces !important;
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* END MDECRM-5629 - MXSZ - 20/08/2024 */

/* START MDECRM-5629 - MXSZ - 23/08/2024 */
.button-wrapper {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .button-wrapper > * {
        flex: 1 1 100%;
    }
}
/* END MDECRM-5629 - MXSZ - 23/08/2024 */

/* START 5584 - MXSZ - 27/08/2024  */
fieldset[aria-label="HiddenSection"] {
    display: none !important;
}
/* END 5584 - MXSZ - 27/08/2024  */

.error-modal-header {
    margin-bottom: 20px;
    background: none;
}

form[action*="modal-form"] .file-cell {
    flex-wrap: wrap;
}

.file-cell .file-info {
    margin-left: 10px;
}

form[action*="modal-form"] .file-cell .info {
    width: 70%;
}

/* START 5761 - MXSZ - 10/10/2024  */
.table>tbody>tr[data-entity="adx_portalcomment"]>td {
    vertical-align: middle !important;
}
/* END 5761 - MXSZ - 10/10/2024  */
#modification-mail #emailaddress1 {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

#modification-mail #lastname_label:after {
    content: "";
}

#ajout_beneficiaire #new_adresseemail {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

#supprimer-beneficiaire #customerid_label:after {
    content : "";
}

#attestations .bloc-card p {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0;
}