/* ************* etapes Contrats ************* */
div.modal_popup div.second-content.special button.btnActif {
	background-color: #005BFF !important;
	color: white !important;
}

.active_table div span {
	font-weight: bold;
}

img.drawerArrow {
	height: 6px;
	width: 11px;
}

.active_table.active div#premiereEtapeElectronique {
	border-bottom: solid 1px #999999;
}

div#premiereEtapeElectronique {
	position: relative;
	height: 100%;
	cursor: default;
}

div.showDocuments {
	display: inline;
	margin-left: 25px;
	cursor: pointer;
}

div.showDocuments span {
	text-decoration: underline;
}

html body div.showDocuments img.close,
html body div.showDocuments img.open {
	position: static;
}

html body div.showDocuments img.close,
html body div.showDocuments.open img.open {
	display: inline;
}

html body div.showDocuments img.open,
html body div.showDocuments.open img.close {
	display: none;
}

div.goToDossier {
	margin-right: 40px;
}

div.goToDossier .afaireorange svg {
	right: 15px;
	top: 15px;
}

.non-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ================================================================== */
/* =          STYLE POUR LE CONTENEUR DE LA POPUP ADRESSAGE         = */
/* ================================================================== */

/* ... (les styles pour .popup-content-container, .popup-header, .popup-footer restent les mêmes) ... */

/*
  Rappel du style pour le select personnalisé (si vous l'utilisez)
*/
.select-wrapper {
    position: relative;
    width: 100%;
}

/*
   NOTE: Le bloc .select-wrapper::after a été supprimé.
*/

/* ================================================================== */
/* =      STYLE POUR LE SELECT PERSONNALISÉ (STYLE BOOTSTRAP)       = */
/* ================================================================== */

.custom-select {
    /* --- Apparence générale --- */
    display: block;
    width: 100%;
    padding: 10px 2.25rem 10px 1rem; /* Padding à droite plus grand pour l'icône */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    cursor: pointer;

    /* --- On cache la flèche par défaut du navigateur --- */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* --- LA MAGIE : La flèche SVG de Bootstrap comme image de fond --- */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center; /* Positionne la flèche à droite */
    background-size: 16px 12px; /* Taille de la flèche */
}

/* --- Style au survol --- */
.custom-select:hover {
    border-color: #86b7fe;
}

/* --- Style au focus (très important pour l'accessibilité) --- */
.custom-select:focus {
    border-color: #1057C8; /* On reprend votre couleur bleue */
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(16, 87, 200, 0.25); /* Halo bleu clair */
}

/* --- Style pour l'état désactivé (optionnel mais recommandé) --- */
.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
    cursor: not-allowed;
}

/* ================================================================== */
/* =     STYLE UNIFIÉ POUR LES POPUPS ADRESSAGE ET SUCCÈS          = */
/* ================================================================== */

/*
  Conteneur principal pour les deux popups :
  - Fond blanc
  - Padding intérieur
  - Texte aligné à gauche
*/
.popup-content-container {
    padding: 20px 30px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff; /* Assure un fond blanc */
}

/*
  En-tête pour les deux popups
*/
.popup-header {
    margin-bottom: 25px;
}

.popup-header p {
    word-wrap: break-word;
    font-size: 1.1rem; /* Taille de police cohérente */
}

.popup-header hr {
    margin-bottom: 20px;
}

/*
  Corps du formulaire pour les deux popups
*/
.popup-form .form-group {
    margin-bottom: 40px; /* Espace avant les boutons */
}

/*
  Style spécifique au message de la popup de succès
*/
.popup-form .popup-message {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
}

/*
  Pied de page pour les deux popups :
  - Aligne le bouton à droite
*/
.popup-footer {
    display: flex;
    justify-content: flex-end; /* Aligne le bouton à droite */
    margin-top: 20px;
    border-top: none;
}

.popup-footer .btn {
    width: auto;
    padding: 10px 25px;
}