:root {
    --bleu-fonce: #9b5ad2;
    --bleu-light: #ba8be3;
    --secondary: #809acf;
    --vert-light: #82f2c1;
    --vert-fonce: #5ad2a0;
    --bleu-medium: #061a41;
    --gris-fonce: #606060;
    --gris-claire: #b2b2b2;
    --rouge: #ba290c;
    /*Couleurs de présentation */
    --gris-pri:#606060;
    --bleu-pri:#061a41;
    --violet-pri:#ba8be3;
    --vert-pri:#82f2c1;
    --gris-sec:#b2b2b2;
    --violet-sec:#9b5ad2;
    --vert-sec:#5ad2a0;
    --bleu-ter:#7c9ff4;
    --vert-ter:#37b6af;
}

#dashboardTitle {
    text-align: center;
    font-weight: bold;
}

.lienTheme {
    text-decoration: none;
}

.modal-header {
    background-color: var(--bleu-fonce);
    color: white;
}

.themeTitle {
    font-weight: bolder;
    /* padding-top: 4vw; */
    text-align: center;
}

video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

#playlistItems_processing {
    background: linear-gradient(
        to right,
        rgb(227 227 244) 0%,
        rgb(24 76 149) 25%,
        rgb(24 76 149) 75%,
        rgba(255, 255, 255, 0) 100%
    );
    line-height: 0px;
    height: 71px;
    color: white;
    position: fixed;
    z-index: 999;
}

#playlistItems {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    /* margin: 25px 0; */
    font-size: 0.9em;
    /* font-family: "SamsungOne", Helvetica, Arial, sans-serif; */
    min-width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

#playlistItems thead tr {
    background-color: var(--bleu-fonce);
    color: #ffffff;
}

#playlistItems th,
#playlistItems td {
    padding: 12px 15px;
    text-align: center;
}

#playlistItems tbody tr {
    border-bottom: 1px solid #dddddd;
}

#playlistItems tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

#playlistItems tbody tr:last-of-type {
    border-bottom: 2px solid var(--bleu-fonce);
}

#playlistItems tbody tr.active-row {
    font-weight: bold;
    color: var(--bleu-fonce);
}

.card-cursor {
    cursor: pointer;
}

.card-header {
    background-color: var(--bleu-fonce);
    color: white;
}

.newFlag {
    position: absolute;
    color: white;
    font-size: 15.5px;
    background: red;
    padding: 2px 8px;
    border-radius: 10px;
    align-items: end;
    right: 10px;
    top: 3px;
    display: none;
}

body.modal-open {
    overflow: hidden !important;
}

.btn-toggle {
    width: 100%;
    /* font-family: "SamsungOne", Helvetica, Arial, sans-serif; */
    font-size: 0.9em !important;
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    color: rgb(255, 255, 255);
    background-color: transparent;
    border: 0;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: 0.5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgb(255, 255, 255);
}
.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: #1abc9c !important;
    background-color: #3d566e;
}

.itemId {
    cursor: grab;
}

.myNavbar {
    max-height: 100%;
    /* overflow: auto; */
    border-radius: 0px 16px 16px 0px;
    direction: rtl;
}

.dbheader {
    min-height: 117px !important;
}

/* max-width: 40vw; */
/* #playlistModal .modal-dialog {
    width: 40vw!important;
} */

.phidiasTable {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    /* margin: 25px 0; */
    font-size: 0.9em;
    /* font-family: "SamsungOne", Helvetica, Arial, sans-serif; */
    min-width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.phidiasTable thead tr {
    background-color: var(--bleu-fonce);
    color: #ffffff;
}

.phidiasTable th,
.phidiasTable td {
    padding: 12px 15px;
    text-align: center;
}

.phidiasTable tbody tr {
    border-bottom: 1px solid #dddddd;
}

.phidiasTable tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.phidiasTable tbody tr:last-of-type {
    border-bottom: 2px solid var(--bleu-fonce);
}

.phidiasTable tbody tr.active-row {
    font-weight: bold;
    color: var(--bleu-fonce);
}

input[readonly] {
    /* background-color: #fff!important; */
    opacity: 1 !important;
    color: black !important;
}

.pagination {
    display: table;
    width: 100%;
}
.pager li,
.pagination > li {
    display: inline;
    display: table-cell;
}
.pagination > li > a,
.pagination > li > span {
    width: 100%;
    text-align: center;
}

::-webkit-scrollbar {
    background: 0 0;
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--bleu-fonce);
}
/*
::-webkit-scrollbar-thumb:hover {
    background-color:var(--bleu-fonce)
}
*/

.btn-toggle-nav a {
    display: inline-flex;
    font-size: smaller;
    padding: 0.1875rem 0.5rem;
    margin-top: 0.125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

#playlistItems_length {
    margin-bottom: 10px;
}

#playlistItems_length select {
    padding-top: 0px;
    padding-bottom: 0px;
}

.positionHijack {
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px;
}

.returnButton {
    background: white;
    color: var(--bleu-fonce);
    cursor: pointer;
}
.returnButton:hover {
    background: var(--bleu-light);
    color: white;
}

.containerEmploye .row {
    place-items: flex-end;
}

.employeCard {
    margin-top: 20px;
}

.trophy,
.actionButton {
    color: var(--bleu-fonce);
}
/* .action {
    transition: transform 250ms;
} */
.action:hover {
    cursor: pointer;
    transform: translateY(-4px);
}

.actioncard a {
    color: var(--bleu-fonce) !important;
}

.admindash h4 {
    color: var(--bleu-light) !important;
}

a[disabled] {
    pointer-events: none;
}
.statut1 {
    color: green;
}

.statut2 {
    color: orange;
}

.statut3 {
    color: red;
}

.cartouche {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 8px;
    margin: 5px;
}

.labelStatus {
    margin-right: auto;
    margin-left: auto;
}

a:hover {
    color: var(--bleu-fonce) !important;
}

.navbar-fixed-bottom {
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
    min-height: 60px;
    padding-top: 17px;
    /* height: 60px;
    line-height: 60px; */
    color: white;
    background-color: black !important;
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}

.min-h-screen {
    min-height: calc(100vh - 60px);
}

/* _________________________________________________________________PRESENTATION_____________________________________________________________________ */

/* input {
    color:var(--bleu-pri) !important;
} */  /* dé/commenter pour passer tous les input en bleu/noir */

/* LOGO : modification du fichier image et du favicon et du image header, renommé respectivement accueil-logo.png et favicon.ico et Certificate_header.png */
/* Ajout de classe spécifique à la modification des éléments choisis. Les class contiennent toutes le suffixe -pres */
/* Modif du <title> dans guest.blade.php et app.blade.php */
/* Modifications de certificate.blade.php : ajout des class necessaires */
/* Modifications de certificate.css, ajouts en ligne 128 */
/* Modifications de mail-tpl.blade.php entre les balises {{-- -pres --}} l 18->28 et l 61*/

.btn:hover {
    color:black !important;
}
a:hover {
    color:black !important;
}

.modal-header {
    background-color: var(--bleu-pri);
}
/* BACKGROUND */

.img-pres {
    width: 60%;
    height: 60%;
    margin:auto;
}

.login-inputbg-pres {
    background-color: rgba(6, 26, 65, 0.2);
}

.btn-confirm-pres {
    background-color: var(--gris-pri);
    color: white;

}

.btn-confirm-pres:hover {
    background-color: var(--gris-sec);
    color: white;

}

.entete-form-pres {
    background-color: var(--bleu-pri);
}

.btn-pres {
    background-color: var(--bleu-pri) !important;
}

.btn-pres:hover {
    background-color: var(--bleu-ter) !important;
}

::-webkit-scrollbar-thumb{
    background-color: var(--bleu-pri);
}

.btn-add-pres
{
    background-color: var(--bleu-pri) !important;
}

.btn-add-pres:hover {
    background-color: var(--bleu-ter) !important;
}

/* Gestion des tableaux */
#playlistItems thead tr {
    background-color: var(--bleu-pri);
} /* couleur de fond des entêtes de tableau */

#playlistItems tbody tr:last-of-type {
    border-bottom: 2px solid var(--bleu-pri);
}

.btn-modif-pres,
.btn-export-pres {
    background-color: var(--vert-sec) !important;
}

.btn-modif-pres:hover,
.btn-export-pres:hover {
    background-color: var(--vert-pri) !important;
    color:black !important;
}

.btn-return-pres:hover {
    background-color:rgba(256, 256, 256, 0.9);
}

.btn-modif-pres,
.btn-export-pres{
    background-color: var(--vert-pri);
}

.Btn-docrefused-pres,
.Btn-docwait-pres,
.Btn-docmiss-pres {
    background-color: var(--violet-sec) !important;
}

.Btn-docrefused-pres:hover,
.Btn-docwait-pres:hover,
.Btn-docmiss-pres:hover {
    background-color: var(--violet-pri) !important;
}

.Btn-expire-pres {
    background-color: var(--gris-pri) !important;
}

.Btn-expire-pres:hover {
    background-color: var(--gris-sec) !important;
}

.Btn-noreal-pres{
    background-color: var(--bleu-ter) !important;
}

.Btn-noreal-pres:hover{
    opacity:0.9;
}
.Btn-real-pres {
    background-color: var(--vert-sec) !important;
}

.Btn-real-pres:hover {
    background-color: var(--vert-pri) !important;
}
/* ____________________ */

/* TEXTES */

.text-blue-pres {
    color:var(--bleu-pri);
}

.actioncard-pres a {
    color: var(--bleu-pri) !important;
} /*remplace actioncard */

.actioncard-pres a:hover {
    color: var(--bleu-ter) !important;
} /*remplace actioncard */

.entete-form-pres {
    color:white;
}

.btn-return-pres {
    color:var(--bleu-pri);
}

/* Modal close white button */
.btn-close {
    opacity: 1;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

/* Some modal style changes to align title */
.modal-title {
    margin-top: 0;
}

.home-text {
    width: calc(100% - 400px);
}

.home-illustration {
    width: 400px;
}

.home-illustration-manager {
    width: 200px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.home-text-manager {
    width: calc(100% - 200px);
}

.home-banner {
    height: fit-content!important;
    margin-left: calc(var(--bs-gutter-x) * 0.5);
}

@media (max-width: 520px) {
    .home-illustration-manager {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.25rem;
    }

    .home-banner {
        flex-direction: column!important;
    }
}

@media (max-width: 500px) {

    .home-text-manager {
        width: 100%;
    }


}


@media (max-width: 992px) {
    .home-text {
        width: 100%;
    }

    .home-illustration {
        width: 100%;
    }

    .home-banner {
        width: calc(100% - var(--bs-gutter-x));
        margin-bottom: 1rem;
    }
}