/* Tableau de bord */

.table-bordered th {
    border: none !important;;
    border-bottom: 2px solid #3e6883 !important;
    font-weight: 400;
    font-size: 15px;
    background-color: white;
    vertical-align: middle;
}

.table-bordered td {
    border: none !important;
    border-bottom: 1px solid #dee2e6 !important;
    font-weight: 400;
    font-size: 15px;
    background-color: white;
    vertical-align: middle;
}

.table .thead-dark th {
    color: black;
    background-color: white;
    border-color: none !important;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    padding: 20px 30px 15px 30px;
}

.status_center {
    text-align: center;
}

.badge.badge-pill.Terminé, .badge.badge-pill.terminé {
    background-color: rgba(103, 177, 115, 0.3);
    color: #67B173;
    font-size: 12px;
    border-radius: 30px;
    padding: 5px 17px;
    font-weight: 400;
}

.rouge {
    color: red !important;
}

.hide_desktop_assistance {
    display: none;
}

<<<<<<< HEAD
.badge.badge-pill.Cours, .badge.badge-pill.cours, .badge.badge-pill.Haut  {
=======
.badge.badge-pill.Cours, .badge.badge-pill.cours {
>>>>>>> 2087a7f80bf489891341811cba9fb559dfbb645b
    background-color: rgba(255, 200, 75, 0.3);
    color: rgba(255, 200, 75, 0.9);
    font-size: 12px;
    border-radius: 30px;
    padding: 5px 17px;
    font-weight: 400;
}

.badge.badge-pill.Client, .badge.badge-pill.client {
    background-color: #F5E1FF;
    color: #640064;
    font-size: 12px;
    border-radius: 30px;
    padding: 5px 17px;
    font-weight: 400;
}

.badge.badge-pill.Youdemus, .badge.badge-pill.youdemus {
    background-color: #E0FFFF;
    color: #008080;
    font-size: 12px;
    border-radius: 30px;
    padding: 5px 17px;
    font-weight: 400;
}

<<<<<<< HEAD
.badge.badge-pill.Attente, .badge.badge-pill.attente {
    background-color: #E0FFFF;
    color: #008080;
    font-size: 12px;
    border-radius: 30px;
    padding: 5px 17px;
    font-weight: 400;
}

.badge.badge-pill.Urgent, .badge.badge-pill.urgent {
    background-color: #FFCCCC; /* Fond rouge clair */
    color: #FF0000; /* Texte rouge */
    font-size: 12px;
    border-radius: 30px;
    padding: 5px 17px;
    font-weight: 400;
}


=======
>>>>>>> 2087a7f80bf489891341811cba9fb559dfbb645b
/* Actions btn */
.actions-content {
    display: none;
    position: absolute;
    z-index: 1;
}

/* Style CSS pour ajouter un curseur pointer au survol du select et de son contenu */
.actions-content select,
.actions-content select option,
.clickable-dots span {
    cursor: pointer;
}



@media screen and (max-width: 1300px) {
    .ticket {
        border-bottom: 1px solid #e7e7e7;
        background-color: white;
        padding: 10px;
    }

    .hide_mobile_assistance {
        display: none !important;
    }

    .hide_desktop_assistance {
        display: block;
    }

    .content_subitem {
        max-height: 0;
        opacity: 0;
        transition: all 0.3s;
        overflow: hidden;
        display: grid;
    }

    .style_header_subitem.appli_open + .content_subitem {
        max-height: 100%;
        opacity: 1;
        padding: 15px 0px;
    }

    .style_header_subitem.appli_open::after {
        transform: rotate(90deg);
        transform-origin: center;
    }

    .style_header_subitem {
<<<<<<< HEAD
        display: block;
=======
        display: flex;
>>>>>>> 2087a7f80bf489891341811cba9fb559dfbb645b
        gap: 5px;
        position: relative;
        cursor: pointer;  
        padding-right: 25px;    
    }

    .status_resp {
        display: flex;
        gap: 15px;
    }

    .status_resp p {
        margin: 0;
    }

    .actions_button {
        cursor: pointer;
        width: 100px;
        border: none;
        background-color: red;
        color: white;
    }

    .style_header_subitem::after {
        content: "";
        background-image: url(/wp-content/uploads/2023/09/arrow-blue.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 35%;
        height: 10px;
        width: 10px;
        display: block;
        transition: 0.17s;
    }
}

@media screen and (max-width:480px){
    .style_header_subitem {
        line-height: 1.2;
    }
}