:root {
    --behaviour: #293c5a; /* Bleu foncé, presque marine */
    --rendering: #0a9396; /* Bleu-vert foncé */
    --icons: #f0a500; /* Jaune orangé */
    --security: #d40000; /* Rouge vif */
    --sobriety: #80ed99; /* Vert clair */
    --logo: #00b4d8; /* Bleu turquoise */
    --colors: #e9d8a6; /* Jaune crème */
    --subtitles: #ee9b00; /* Orange */
    --chapters: #94d2bd; /* Vert d'eau */
    --metadata: #a8dadc; /* Bleu-gris clair */
    --live: #e63946; /* Rouge brique */
    --various: #1d3557; /* Bleu marine */
}

#tools-event-log {
    overflow: auto;
}

.tools-event-log-timecode {
    background: lightgray;;
}

.tools-event-log-status {
    background: lightskyblue;
}

.tools-event-log-command {
    background: lightgreen;
}

#collapse-log{
    transition: none !important;
}

.tools-log{
    font-size: 0.8em;
}

.tools-list-options{
    overflow: auto;
}
#div-video-player {
    max-width: 800px;
    max-height: 800px;
}

.tools-options{
    border-bottom: 1px solid #293c5a;
}
.tools-input-color{
    width: 100px;
}

/* Styles pour le checkbox "behaviour" */
.form-check-input:checked {
    background-color: var(--behaviour) !important;
    border-color: var(--behaviour) !important;
}
.form-check-input:focus {
    border-color: var(--behaviour) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(41, 60, 90, .25) !important;
}

/* Styles pour le checkbox "behaviour" */
.form-check-input.categorie-behaviour:checked, .badge-categorie-behaviour {
    background-color: var(--behaviour) !important;
    border-color: var(--behaviour) !important;
}
.form-check-input.categorie-behaviour:focus {
    border-color: var(--behaviour) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(41, 60, 90, .25) !important;
}

/* Styles pour le checkbox "icons" */
.form-check-input.categorie-icons:checked, .badge-categorie-icons {
    background-color: var(--icons) !important;
    border-color: var(--icons) !important;
}
.form-check-input.categorie-icons:focus {
    border-color: var(--icons) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(240, 165, 0, .25) !important;
}

/* Styles pour le checkbox "number" */
.form-check-input.categorie-security:checked, .badge-categorie-security {
    background-color: var(--security) !important;
    border-color: var(--security) !important;
}
.form-check-input.categorie-security:focus {
    border-color: var(--security) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(212, 0, 0, .25) !important;
}

/* Styles pour le checkbox "various" */
.form-check-input.categorie-sobriety:checked, .badge-categorie-sobriety {
    background-color: var(--sobriety) !important;
    border-color: var(--sobriety) !important;
}
.form-check-input.categorie-various:focus {
    border-color: var(--sobriety) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(128, 237, 153, .25) !important;
}

/* Styles pour le checkbox "logo" */
.form-check-input.categorie-logo:checked, .badge-categorie-logo {
    background-color: var(--logo) !important;
    border-color: var(--logo) !important;
}
.form-check-input.categorie-logo:focus {
    border-color: var(--logo) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 180, 216, .25) !important;
}

/* Styles pour le checkbox "colors" */
.form-check-input.categorie-colors:checked, .badge-categorie-colors {
    background-color: var(--colors) !important;
    border-color: var(--colors) !important;
}
.form-check-input.categorie-colors:focus {
    border-color: var(--colors) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(233, 216, 166, .25) !important;
}

/* Styles pour le checkbox "subtitles" */
.form-check-input.categorie-subtitles:checked, .badge-categorie-subtitles {
    background-color: var(--subtitles) !important;
    border-color: var(--subtitles) !important;
}
.form-check-input.categorie-subtitles:focus {
    border-color: var(--subtitles) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(238, 155, 0, .25) !important;
}

/* Styles pour le checkbox "chapters" */
.form-check-input.categorie-chapters:checked, .badge-categorie-chapters {
    background-color: var(--chapters) !important;
    border-color: var(--chapters) !important;
}
.form-check-input.categorie-chapters:focus {
    border-color: var(--chapters) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(148, 210, 189, .25) !important;
}

/* Styles pour le checkbox "rendering" */
.form-check-input.categorie-rendering:checked, .badge-categorie-rendering {
    background-color: var(--rendering) !important;
    border-color: var(--rendering) !important;
}
.form-check-input.categorie-rendering:focus {
    border-color: var(--rendering) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(10, 147, 150, .25) !important;
}

/* Styles pour le checkbox "metadata" */
.form-check-input.categorie-metadata:checked, .badge-categorie-metadata {
    background-color: var(--metadata) !important;
    border-color: var(--metadata) !important;
}
.form-check-input.categorie-metadata:focus {
    border-color: var(--metadata) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(168, 218, 220, .25) !important;
}

/* Styles pour le checkbox "live" */
.form-check-input.categorie-live:checked, .badge-categorie-live {
    background-color: var(--live) !important;
    border-color: var(--live) !important;
}
.form-check-input.categorie-live:focus {
    border-color: var(--live) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(230, 57, 70, .25) !important;
}

/* Styles pour le checkbox "metaplayer" */
.form-check-input.categorie-various:checked, .badge-categorie-various {
    background-color: var(--various) !important;
    border-color: var(--various) !important;
}
.form-check-input.categorie-security:focus {
    border-color: var(--various) !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(29, 53, 87, .25) !important;
}

#tools-words span.active {
    color: #293c5a;
    text-decoration: underline;

}

#tools-words span {
    cursor: pointer;
    color: #898a8c;
}


@media (max-width: 575.98px) {
    #tools-ws-content {
        font-size: x-small;
    }
}