/*
Template Name: Web App Foundation
Author: Synergy Web
Website: https://www.synergyweb.fr
Contact: support@synergyweb.fr
File: Custom Css File
*/


/* Couleurs */
:root {
    --purple-color : #482668; 
}

.custom-blue-border {
  border-color: #299cdb; /* Same blue as .border-info but without !important to avoid conflict with css validation rules */
}


/* Couleur de background */
.bg-purple {
    background-color: var(--purple-color) !important;
}

.bg-blue-light {
    background-color: #d0dcf8 !important;
}

/* Couleur de bordure */
.btn-outline-purple {
    border: 1px solid var(--purple-color);
}

.btn-outline-purple:hover {
    border: 1px solid var(--purple-color);
    background-color: var(--purple-color) !important;
    color: #fff;
}

/* Pagination des tables de liste */

#syn_table_navigation .pagination {
    gap: 8px;
    }

#syn_table_navigation .pagination .page {
    display: block;
    padding: .375rem .75rem;
    color: var(--vz-link-color);
    background-color: var(--vz-card-bg-custom);
    border: 1px solid var(--vz-border-color);
    border-radius: .25rem;
    }

#syn_table_navigation .pagination .current {
    color: #fff;
    background-color: #405189;
    border-color: #405189;
    display: block;
    padding: .375rem .75rem;
    border: 1px solid var(--vz-border-color);
    border-radius: .25rem;
    }

#syn_table_navigation .pagination .next,
#syn_table_navigation .pagination .previous,
#syn_table_navigation .pagination .first,
#syn_table_navigation .pagination .last {
    display: block;
    padding: .375rem .75rem;
    color: var(--vz-link-color);
    background-color: var(--vz-card-bg-custom);
    border: 1px solid var(--vz-border-color);
    border-radius: .25rem;
    }

/* Hauteur minimum card body*/
.syn-card-min-height {
    min-height: 400px;
}

/* Couleurs des badges par état : nouveau, traité, retard, cloture */

.badge.bg-nouveau {
    background-color: #007bffa8 !important ;
}

.badge.bg-traite {
    background-color: #28a745a8 !important ;
}

.badge.bg-retard {
    background-color: #dc3545a8 !important ;
}

.badge.bg-cloture {
    background-color: #6b767fa8 !important ;
}

.badge.bg-abandonne {
    background-color: #838b91a8 !important ;
}

/* REGISTRE : vue New et Edit */
#registre_quiEstConcerne
{
    padding-left: 0;
}

#registre_quiEstConcerne_1,
#registre_quiEstConcerne_2,
#registre_quiEstConcerne_3
{
    margin-left: 20px;
}

#registre_quiEstConcerne_0,
#registre_quiEstConcerne_1, 
#registre_quiEstConcerne_2,
#registre_quiEstConcerne_3
{
    margin-right: 5px!important;
}

#registre_quiEstConcerne #registre_quiEstConcerne_placeholder,
#registre_quiEstConcerne label[for=registre_quiEstConcerne_placeholder]
{
    display: none;
}

/* CK Editor*/
.ck-content{
    color: #000;
}

/* Overlay de soumission de formulaires */
.submission-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #dae6fda8; /* Semi-transparent background */
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it appears on top of everything */
}

/* Spinner container with some padding and background */
.spinner-container {
    background-color: #cee3f4;
    padding: 2rem;
    border-radius: 0.5rem;
    text-align: center;
}

/* CMS Pages */
.cms-content {
    line-height: 1.8;
}

.cms-content h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #333;
}

.cms-content h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #555;
}

.cms-content p {
    margin-bottom: 1rem;
}

.cms-content ul, .cms-content ol {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.cms-content table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}

.cms-content table th,
.cms-content table td {
    padding: 0.75rem;
    border: 1px solid #dee2e6;
}

.cms-content table th {
    background-color: #f8f9fa;
    font-weight: 600;
}

.cms-content blockquote {
    padding: 0.5rem 1rem;
    margin: 0 0 1rem;
    font-size: 1.25rem;
    border-left: 0.25rem solid #eceeef;
    background-color: #f8f9fa;
}