/* ----------------------------------------------
 * Generated by Animista on 2025-12-30 9:39:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-right {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.popup_ticket{
    position: fixed;
    top: 100px;
    left: 400px;
    width: 65%;
    height: 75%;
    z-index: 10000;
    overflow-y: auto;
}

.rdv-card{
    background-color: #f5f5f5;
    border:2px solid #f3b7b7;
    border-radius:12px;
    padding:16px;
    margin-bottom:18px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

.rdv-title{
    font-size:18px;
    font-weight:800;
    color:#7a1f1f;
    margin-bottom:10px;
}
.rdv-title i{
    color: var(--brandDark);
    margin-right:8px;
}

.rdv-content{
    margin-top:10px;
}

.rdv-time{
    border-radius:10px;
    background: linear-gradient(90deg, var(--brand), var(--brandDark));
    color:#fff;
    padding:14px;
    text-align:center;
}

.rdv-date{
    font-size:18px;
    font-weight:700;
}
.rdv-hour{
    font-size:28px;
    font-weight:900;
    line-height:1.1;
    margin-top:3px;
}

.rdv-line{
    font-size:14px;
    margin-bottom:8px;
    color:#333;
}
.rdv-line i{
    width:20px;
    color: var(--brandDark);
    margin-right:6px;
}

.rdv-note{
    margin-top:10px;
    padding:10px 12px;
    border-radius:8px;
    background: #fff7f7;
    border:1px solid #f6c9c9;
    color:#7a1f1f;
    font-size:13px;
}
.rdv-note i{
    margin-right:6px;
}


:root{
    --brand:#d23b3b;
    --brandDark:#b92f2f;
    --brandSoft:#fdecec;
}

.brand-header{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:10px;
    padding:16px;
    margin-bottom:15px;
}

.brand-logo{
    max-height:70px;
    width:auto;
}

.brand-title{
    font-size:22px;
    font-weight:700;
    margin:0;
}

.brand-subtitle{
    margin:4px 0 0;
    color:#6c757d;
    font-size:13px;
}

.trust-pill{
    display:inline-block;
    margin-top:8px;
    background:var(--brandSoft);
    border:1px solid #f6c9c9;
    color:var(--brandDark);
    padding:6px 10px;
    border-radius:20px;
    font-size:12px;
}

/* Panel Levrard */
.panel-levrard{
    border-color: #f3b7b7;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}
.panel-levrard > .panel-heading{
    background: linear-gradient(90deg, var(--brand), var(--brandDark));
    border-color: var(--brandDark);
    color: #fff;
    font-weight: 700;
    font-size:14px;
}
.panel-levrard > .panel-body{
    background: #fff;
}

.btn-brand{
    background:var(--brand);
    border-color:var(--brandDark);
    color:#fff;
    font-weight:600;
}
.btn-brand:hover{
    background:var(--brandDark);
    border-color:var(--brandDark);
    color:#fff;
}

.alert-note{
    background:#fff;
    border:1px dashed #ddd;
}

.official-footer{
    margin-top:20px;
    padding-top:12px;
    border-top:1px solid #e6e6e6;
    color:#6c757d;
    font-size:12px;
    text-align:center;
}

.official-footer a{ color:var(--brandDark); text-decoration:none; }
.official-footer a:hover{ text-decoration:underline; }

.btn-pj-comm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #eeeeee;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-pj-comm:hover {
    background-color: #cccccc; /* couleur au survol */
}

.isActive {
    border: 2px solid #f3b7b7;
    border-right: none;
    background-color: white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;

    /*Pour donner l'impression de fusionner avec la div à droite, on pousse le bloc sur la div et on le met par dessus*/
    z-index: 10;
    margin-right: -17.5px;
    position: relative;
}

/*Permet de mettre un angle arrondi au dessus*/
.isActive::before {
    content: '';
    position: absolute;
    top: calc(15px * -1);
    right: 0;

    width: 15px;
    height: 15px;
    box-shadow: 5px 5px white;

    border-bottom-right-radius: 12px;
    border-bottom: 2px solid #f3b7b7;
    border-right: 2px solid #f3b7b7;

    z-index: 15;
}

/*Permet de mettre un angle arrondi en dessous*/
.isActive::after {
    content: '';
    position: absolute;
    bottom: calc(15px * -1);
    right: 0;

    width: 15px;
    height: 15px;
    box-shadow: 5px -5px white;

    border-top-right-radius: 12px;
    border-top: 2px solid #f3b7b7;
    border-right: 2px solid #f3b7b7;

    z-index: 15;
}

/*Pour retirer les styles de bases de tout ces états*/
.nav-link:hover,
.nav-link:focus,
.nav-link:active,
.nav-link.active {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/*Permet de forcer la navbar et la div des commentaires à faire la même hauteur et éviter qu'en séléctionnant une tâche le bouton soit lié dans le vide*/
.row-eq-height {
    display: flex;
}

.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.drawer-bg-custom{
    background-color: #f7f7f7;
}