/* -------------------------------
Root
--------------------------------- */
:Root {
    --color-degarde-rose-violet : linear-gradient(#e66465, #9198e5);
    --color-degrade_rouge  : rgb(255, 0, 0);
    --color-fond-header    : rgb(234, 237, 242);
    --color-fond-nav-header: rgb(255, 255, 255);
    --color-fond-card-user : rgb(255, 255, 255);
    --color-fond-footer    : rgb(232, 235, 240);
    --color-fond-bar-footer: rgb(255, 255, 255);
}
body{
    font-family: "Montserrat", sans-serif;
}
/* -------------------------------
    Page Login
 --------------------------------- */
.login_page{
    max-height: 100vh !important;
    /*height:100% !important;*/
    /*width:100% !important;*/
    object-fit: cover !important;
}
/* -------------------------------
    Couleur de texte
 --------------------------------- */
.color-white{
    color: #ffffff !important;
}

.color-clients{
    color: #96e543 !important;
}
.color-gbus{
    color: #3c65f5 !important;
}
.color-bls{
    color: #ffc400 !important;
}
.color-services{
    color: #f57d7d !important;
}
.color-highlight{
    color: #ffff62 !important;
}
.color-organigram{
    color: #9c7c51 !important;
}
.color-contacts{
    color: #ff02cc !important;
}

/* -------------------------------
    Logo
 --------------------------------- */
.login-logo{
    position: relative;
    height: 100% !important;
    width:450px;
}

.logo{
    align-items: center;
    width: 140px;
}
.navbar{
    border-radius:15px;
}
.btn-rouge{
    background : var(--color-degarde-rose-violet);
}
.logo_partenaire_datable{
    height :25px !important;
}

.logo_partenaire_edit{
    height :35px !important;
}

.logo_solution_datable{
    height :25px !important;
}


.image_datable{
    height :35px !important;
}
.image_labels{
    height :20px !important;
}
.image_produit{
    height :50px !important;
}

.image_edit{
    height :35px !important;
}
.image_produit_edit{
    height :250px !important;
}
/* -------------------------------
    Post
 --------------------------------- */
.post_card{
    font-family: "Poppins", sans-serif;
}

.titre_post{
    background-image: linear-gradient(160deg, rgba(13, 56, 202, 0.72), rgba(28, 136, 179, 0.72)), url("/img/fond/bg-acc-actualites.jpg");
    background-size: 100%;
    font-size: 15px;
    color: whitesmoke !important;
}
.titre_post h4{
    font-size: 15px;
    color: whitesmoke !important;
}
.image_categorie{
    position: absolute;
    top:-15px;
    right : 20px;
    height: 60px;
}
.post-soustitre{
    font-size: 12px !important;
    font-style: italic !important;
}
/* -------------------------------
    Avatar
 --------------------------------- */
.rounded-circle {
    border-radius: 50% !important;
}
.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}
.small_img {
    width:40px;
    height:40px;
}
.tiny_img{
    width:32px;
    height:32px;
}
.avatar_profil{
    width:150px;
    height:150px;
    border-radius:50%;
    margin-right:25px;
    padding: 20px;
}
.avatar_admin_profil{
    width:50px;
    height:50px;
    float:left;
    border-radius:50%;
    margin-right:25px;
}
.avatar{
    background-color: rgba(255, 255, 255, 0);
}
/* -------------------------------
    Fond écran
 --------------------------------- */
.fond_modal_famille{
    background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url('/img/hero-bg.jpg');
    background-size: 100%;
}
.font_item{
    font-family: "Poppins", sans-serif;
    font-size: 16px !important;
}
.nb_item{
    font-family: 'Ethnocentric Rg', sans-serif !important;
    font-size: 30px !important;
}
.taille-caroussel{
    width: 350px;
}
/* -------------------------------
    swiper
 --------------------------------- */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    position: absolute;
    top:2px;
    right : 20px;
    height: 75px;
    border-radius: 50px;
}

.pos-swiper{
    height: 350px;
    padding: 15px;
}
/* -----------------------------------------------------
    aligner icone et texte dans un bouton bootstrap
 ------------------------------------------------------ */
.centrer{
    text-align: center;
    align-content: center;
}