@charset "utf-8";
table {
	font-size:11px;
}
modal-backdrop {
	width:100%;
	height:100%;
}
@media only screen and (max-width: 767px) {
    body {
        // transform: scale(0.8);
        // transform-origin: top left;
		zoom : 1;
    }
}

.swal-button
{
	padding: 4px 24px;
}
.forfait-box {
	border: 2px solid #ccc;
	cursor: pointer;
	transition: border-color 0.3s;
}

.forfait-box:hover, .forfait-box.selected {
	border-color: #39b248;
    background: #f3fff5;
}
.iti-flag {
       background-size: auto!important;
	   height: 15px!important;
}
.intl-tel-input {
    width: 100%;
}
header.header-mobile.header-light {
    background: #fff;
    position: fixed;
}
.hide { display:none; }
.form-control.error {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
       border: solid 1px red;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.clignottement {
    color: red; /* Couleur du texte (modifiable) */
    animation: clignotement 1s infinite; /* Animation de clignotement */
}

@keyframes clignotement {
    0% { opacity: 1; }   /* Visible */
    50% { opacity: 0; }  /* Invisible */
    100% { opacity: 1; } /* Visible */
}
.hidden-data {
    color: #e74c3c; /* Rouge élégant */
    font-weight: bold;
    font-style: italic;
    text-decoration: underline dotted; /* Ligne en pointillés pour indiquer une censure */
    cursor: help; /* Curseur d'aide */
	margin: 0px 5px;
}
.hidden-data:hover {
    text-decoration: none;
    color: #c0392b; /* Couleur plus sombre au survol */
}

.modal-backdrop {
	width:100%;
	height:100%;
}
@media only screen and (max-width: 767px) {
    html {
        // transform: scale(0.8);
        // transform-origin: top left;
		zoom : 0.75;
    }
}

.swal-button
{
	padding: 4px 24px;
}
.forfait-box {
	border: 2px solid #ccc;
	cursor: pointer;
	transition: border-color 0.3s;
}

.forfait-box:hover, .forfait-box.selected {
	border-color: #39b248;
    background: #f3fff5;
}
.iti-flag {
       background-size: auto!important;
}
@media (max-width: 768px) {
    .iti-flag {
        display:none!important;
        // background-size: contain !important;

    }
}

.intl-tel-input {
    width: 100%;
}
header.header-mobile.header-light {
    background: #fff;
    position: fixed;
}
.hide { display:none; }
.form-control.error {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
       border: solid 1px red;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.clignottement {
    color: red; /* Couleur du texte (modifiable) */
    animation: clignotement 1s infinite; /* Animation de clignotement */
}

@keyframes clignotement {
    0% { opacity: 1; }   /* Visible */
    50% { opacity: 0; }  /* Invisible */
    100% { opacity: 1; } /* Visible */
}