/* ------------------------------ STYLISATION D'ELEMENTS SELON L'ETAT ---------------------------- */

/* --- --- Boutons / liens --- --- */

/* Global */

a:not(.nav-link):hover,
.custom-btn-base:hover {
    color: #f9f9f9;
    text-decoration: none;
    transform: scale(1.02);
}

/* Texte gris */
.custom-btn-base.custom-btn-white-bkg-txt-grey:hover {
    color: #6f6f6f;
}

/* bouton fermeture de modals */

.simple-text-btn:hover {
    color: #1e5385;
    text-decoration: underline;
}

label {
    color: #21384e;
    font-size: 13px;
    margin-bottom: 0;
}

label.size12 {
    font-size: 12px;
}

/* --- --- Formulaires et Labels flottants --- --- */

label.floating-label {
    position: absolute;
    top: 8px;
    left: 11px;
    transition: all 0.3s;
    font-size: 13px;
}

.has-float-label .form-control {
    width: 100%;
}

label.floating-label.date {
    background-color: #fff;
}

.form-group {
    position: relative;
}

.form-control {
    width: auto;
    font-size: 13px;
}

.form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.form-control:optional,
.form-control:optional + label.floating-label.date {
    background-color: #f8f8f8;
}

select.form-control.has-error {
    border-color: red;
}

.drag-docs.complete {
    border: 1px dashed green !important;
    border-radius: 15px;
}

.drag-docs.complete .text-muted {
    color: green !important;
}

.form-control:focus + label.floating-label,
.form-control.is_not_empty + label.floating-label,
.form-control.date + label.floating-label {
    position: absolute;
    top: -6px;
    font-size: 9px;
    background: #fff;
    padding: 0 5px;
    border-radius: 25px;
}

/* Header collapse */

.x-scroll.bigger {
    height: 80vh;
}

.x-scroll.search.bigger {
    height: 73vh;
}

.header-right.clip-change {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 3% 100%);
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 3% 100%);
}

/* Aide active */

.aide.aide-active:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 25px;
    display: block;
    background: linear-gradient(
        180deg,
        rgba(141, 198, 63, 0.67) 0%,
        #8dc63f 32.81%,
        #699629 100%
    );
    margin-left: 5px;
}

.aide.aide-inactive:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 25px;
    display: block;
    background: #be1f38;
    margin-left: 5px;
}

/* Assuré désactivé */

.a-inactive {
    color: #bdbdbd !important;
}

.custom-nav-link.a-inactive .assure-icon:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/tarification/assure-vide.png) no-repeat;
    background-size: contain;
}

.btn.btn-lauchAssistant {
    max-height: 33px;
}