/* Couleur des boutons .btn-brand */

/* .btn-brand {
    background-color: #0081af!important;
    border-color: #0081af!important;
}

.kt-bg-brand {
    background-color: #016b93 !important;
} */

/* #kt_header {
    background-color: rgba(254, 254, 254, 0.2)!important;
    position:inherit!important;
} */

/* hire by me*/

@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}

/*scroll bar*/
.compte_scroll {
  scrollbar-width: thin;          /* "auto" or "thin" */
  scrollbar-color: blue orange;   /* scroll thumb and track */
}
.compte_scroll::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.compte_scroll::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}

.compte_scroll::-webkit-scrollbar-thumb {
  background-color: #00A2CC;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}


/**/

span.kt-header__topbar-welcome {
    white-space: nowrap;
}


.kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon, .kt-header--fixed.kt-header--minimize .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon {
    background-color: #fff !important;
}

 h5, h6 {
    line-height: 0.9 !important;
}

.h5, h5 {
    font-size: 15px;
}

.kt-header__topbar-item:hover{
    background-color: #fff;

}

/* Un mot trop long pour la colonne passe à la ligne ; les autres ne sont plus coupés au
   milieu (« break-all » coupait tous les titres, 06/10/2026). */
h3.kt-font-brand {
    overflow-wrap: anywhere;
}
a.kt-widget4__username {
    overflow-wrap: anywhere;
}



/*
.kt-widget4__info {
    width: 200px;
}*/

.row.list-likes {
    margin-bottom: 8px;
    line-height: 30px;
}


@media (min-width: 481px) and (max-width: 767px) {

   .list-likes .kt-media.kt-media--sm img{
      height: 30px !important;
      margin-top: 2px;
   }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    .list-likes .kt-media.kt-media--sm img{
      height: 30px !important;
      margin-top: 2px;
   }

}
/*
.kt-widget4 {
    overflow: hidden;
}*/
/**/
.col-xl-4 .kt-widget19__wrapper .kt-widget19__text p img, .col-xl-4 .kt-widget19 .kt-widget19__wrapper .kt-widget19__text iframe, .syn_home_posts .kt-widget__text img, :not(.kt-widget--user-profile-2) img, .syn_home_posts .kt-widget__text iframe, .syn_single_post iframe{max-width:100%;}

.syn_home_posts .kt-widget.kt-widget--project-1 .kt-widget__head{padding:10px;}
.syn_home_posts .kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__label .kt-widget__media .kt-media img{width:60px;height:60px;}

.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media{width: 90px;height: 90px;}
.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img{width:60px;height:60px;object-fit: cover;object-position: top;}
.formation .loops .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img, .emploi .loops .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img{width:90px;height:90px;object-fit: contain;object-position: center;border-radius:10px;}
.syn_separator{border-top: dashed 1px #e3e3e3;}

.syn_files_list > li.syn_files_item{list-style: none;}

.kt-switch.kt-switch--outline.kt-switch--success input:empty~span:before{background-color: #e5e9f5;}
.kt-switch input:empty~span:after{background-color: #ffad00;}
.business .kt-widget4 .kt-widget4__item .kt-widget4__number{width:inherit;}
i.syn_online{position: absolute;top: 0;right: 0;font-size: 20px;}
.kt-chat .kt-chat__messages .kt-chat__message{min-width:230px;}
.kt_chat__tools > input {display: none;}
.kt-portlet__body .kt-scroll.kt-scroll--pull{min-height: 150px;}
.kt-chat .kt-portlet .kt-portlet__foot{box-shadow: 0px -5px 20px 1px rgba(223, 226, 236, .8);}

.kt-chat .kt-portlet.kt-portlet--head-lg .kt-portlet__head, .kt-chat .kt-portlet__head{box-shadow: 0px 5px 10px 1px rgba(223, 226, 236, .8);}
.kt-chat .kt-chat__input .kt-chat__toolbar{flex-direction:column;align-items: flex-end;}
#kt_chat_aside .syn_contact_header .kt-portlet__head{flex-direction: column;justify-content: center;}
#kt_chat_aside .syn_contact_header .kt-portlet__head h3{color:#7b839d}
#kt_chat_aside .syn_contact_header .kt-portlet__body{padding-top:0px;}
#kt_chat_modal .kt-chat .kt-portlet .kt-portlet__body, #kt_chat_content .kt-chat .kt-portlet .kt-portlet__body{padding:0px 25px;}
.kt-pulse.kt-pulse--light .kt-pulse__ring{border-color: var(--warning);}
.home i.flaticon-edit{font-size: 25px;background-color: #ffad00!important;border-radius: 100px;padding: 0px 8px;color: #ffffff;}
.home i.flaticon-like, .home i.flaticon2-talk{border: 1px solid;padding: 0 6px;border-radius: 50px;}
i.flaticon-favorite{font-size: 1.3rem; color: #d2d8e8;}
.home .sidebar_left_home .kt-portlet__head{box-shadow: 0 0 27px rgba(166, 166, 183, 0.3);}
.syn_post_title_link i{font-size:20px;color:#ffad00;}
#kt_header{border-bottom:2px solid #ffad00;}
#syn_lat_footer{color:#9da6c0;font-size: 13px;font-weight: 400;line-height: 18px;}
#syn_lat_footer img{margin-right: 10px;}
.syn_menu_footer{padding-left:0px;list-style: none;}
.syn_menu_footer > li > a{color:#9da6c0;}
.syn_menu_footer > li:before{content:">";margin-right: 5px;}
#syn_lat_footer_cp{display:flex;flex-direction: row;justify-content: center;}
#syn_add_post{right:30%;border-radius: 50%;top:10%;background-color: #ffad00;}
.syn_no_border, .kt-portlet .kt-portlet__foot.syn_no_border{border:none;}
.sidebar_left_home .kt-portlet .kt-portlet__foot.syn_no_border{padding-top: 0px;}
.sidebar_left_home .kt-widget4 .kt-widget4__item:last-child{border-bottom: 1px dashed #ebeaf3;padding-bottom: 1rem;}
.kt-portlet, .kt-portlet .kt-portlet__head:not(.kt-portlet__head--noborder){box-shadow: 0 0 10px rgba(120, 120, 192, 0.32);}
.business .kt-radio>input:checked~span{border-color: #2a3c52;}
.business .kt-radio>input:checked~span:after{border: solid #2a3c52;background: #2a3c52;}
.kt-widget__footer .syn_dropzone .syn_dropzone_title{color:#2a3c52;font-size: 18px;font-weight: 400;}
.kt-widget__footer .syn_dropzone #syn_propal_submit{width:inherit;padding: 1.1rem;}
.kt-form{margin-bottom: 0px;}
.syn_list_blue{padding-left: 5px;list-style: none;}
.syn_list_blue > li{margin-bottom:6px;}
.syn_list_blue > li:before{color:#2a3c52;font-size: 6px;margin-right:5px;font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111";vertical-align: middle;}
.syn_single_mission .kt-widget.kt-widget--user-profile-2 .kt-widget__head{margin-top:0px!important;}
.syn_single_mission .kt-portlet__head.kt-portlet__head--noborder, .syn_single .kt-portlet__head.kt-portlet__head--noborder{padding-top:20px;}
.syn_single_mission .kt-widget.kt-widget--user-profile-2 .kt-widget__head .info_user_mission h5, .syn_single_mission .kt-widget.kt-widget--user-profile-2 .kt-widget__head .info_user_mission span{margin:0px;padding-top:0px;}
.syn_single_mission .kt-widget.kt-widget--user-profile-2 .kt-widget__media .kt-widget__pic img{border-radius: 50%;width: 60px;height: 60px;object-fit: cover;}
.syn_single_mission .kt-widget.kt-widget--user-profile-2 .kt-widget__media .kt-widget__pic, .syn_single_mission .kt-widget.kt-widget--user-profile-2 .kt-widget__media{width: 60px;height: 60px;}
.syn_single .kt-widget.kt-widget--user-profile-2 .kt-widget__head{margin-top:0px;}
.loops .kt-widget.kt-widget--user-profile-2 .kt-widget__footer{margin-top: 0px;;}
.loops .kt-widget.kt-widget--user-profile-2 .kt-widget__footer .btn{width:inherit;padding:0.5rem 1rem;}
.loops_users.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media{width:60px;height: 60px;}
.loops_users.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__desc{padding-top: 0px;}
.loops_users.kt-widget.kt-widget--user-profile-2 .kt-widget__head{margin-top:0px;}
/* .loops .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img{border-radius:10px;} */
.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username{color:#343546;}
.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-wrapper img{border-radius: 50%;}
.syn_custom_chat{border: solid 1px #2a3c52;border-radius: 10px;padding: 10px;}
.kt-chat .kt-chat__messages .kt-chat__message .kt-chat__user .kt-chat__username{color:#2a3c52;}
span.kt-media.kt-media--circle.kt-media--sm{vertical-align: middle; padding-bottom: 8px;}
.kt-chat .kt-chat__messages .kt-chat__text.syn_comment_user_bg{background-color: #E9E9F3;border-radius: 5px;}
.kt-chat .kt-chat__messages .kt-chat__message.kt-chat__message--right .kt-chat__text{/*background-color:#ffad00;*/color:#ffffff;background-color:#059bd3} /* by najib */
.kt-chat .kt-chat__messages .kt-chat__message .kt-chat__text{padding: 1rem 3.5rem 1rem 1.6rem;}
.kt-chat .kt-chat__messages .kt-chat__message.kt-chat__message--right .kt-chat__text{padding: 1rem 1.6rem 1rem 3.5rem;}
#syn_user_portlet .kt-portlet__body{position: relative;}
#syn_user_portlet .kt-portlet__body > .kt-portlet__head-toolbar{position: absolute;left:0;right:0;padding-right:15px;}
.preferences .kt-widget4 .kt-widget4__item .kt-widget4__icon img{max-width: inherit!important;}
.kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__img{width: 90px;height: 90px;object-fit: cover;object-position: top;}

.kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__label .kt-widget__info .kt-widget__desc{padding-top:0px;}
.kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__label .kt-widget__info .kt-widget__title{line-height: 1;}
.syn_home_posts .kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__label .kt-widget__media .kt-media img{object-fit: cover;object-position: top;}
#kt_header_mobile .kt-header-mobile__logo img{max-height: 60px;}
.apercu_url_image{margin: 20px auto;}
/*.apercu_url{border-left: 5px solid #2a3c52;padding-left:20px;}*/
.notif_container{max-height: 400px;overflow: auto;}
.loops .kt-widget.kt-widget--user-profile-2{height:inherit!important;}
#syn_panneau_lateral_toggle{display:none;}
.create_profil #kt_header{display: none;}
#syn_lat_footer_cp .syn_lflogo img{vertical-align: baseline;margin-right:10px;}
.ap-input-icon.ap-icon-pin{right:30px;}
.kt-widget__body{overflow-wrap: anywhere;}
@media (min-width: 1024px){
    .syn_sticky{position: sticky;}
    .syn_sticky.sticky1{top:100px;}
    .loops .kt-portlet{max-height: 330px;}
}
@media (max-width: 1024px){

    #kt_header_mobile .kt-header-mobile__toolbar{width:100%;justify-content: space-between;}
    #kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler{margin:0px;}
    #kt_header_mobile .kt-header-mobile__toolbar .kt-header__topbar-item--user .kt-header__topbar-wrapper .kt-header__topbar-icon img{border-radius:50%;}
    .syn_icon_mobile i::before{font-size: 20px;}
    .kt-widget.kt-widget--project-1{height: inherit!important;}
    .kt-widget.kt-widget--project-1 .kt-widget__body{height: inherit!important;}
    #syn_panneau_lateral_toggle{display: inline-block;}
    .messagerie #syn_panneau_lateral_toggle{display: none;}
    .messagerie #kt_chat_aside_mobile_toggle{background-color: #2a3c52;}
    .messagerie #kt_chat_aside_mobile_toggle i{color: #fff;}
    .syn_icon_mobile{position: relative;}
    .syn_icon_mobile .kt-badge{position: absolute;left: 10px;top: -7;}
    .kt-subheader #syn_panneau_lateral_toggle i{color:#fff;font-size:1.8rem!important;background-color: #ffad00;padding: 0 5px;border-radius: 5px;}
    .kt-subheader #syn_panneau_lateral_toggle i::before{vertical-align: middle;}
    .create_profil .kt-subheader__main{display:none;}
    .create_profil #kt_header_mobile{display:none;}
    .create_profil .kt-header-mobile--fixed .kt-wrapper{padding-top: 0px;;}
}


.list-likes .kt-media.kt-media--sm img {
    width: 100%;
    max-width: 30px;
    height: 22px;
}


.btn-group-sm>.btn.btn-icon.share-post, .btn.btn-icon.btn-sm.share-post {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 30px;
    background: #febe4b;
    color: white !important;
    margin-right: 5px;
}


.apercu_url_link{
    display:block;
    margin:10px 0;
}

.apercu_url_img{
    display:block;
    max-width: 800px;
    max-height: 800px;
}


@media (max-width: 768px){
    .mobile-hide{display:none!important;}
    .notif_container{max-height: 300px;}
    .smartbanner {position:fixed;bottom: 60px;z-index:10000;}
    #syn_menu_bar_mobile{display: flex;flex-direction: row;flex-wrap: nowrap;position:fixed;bottom: 0px;background-color: #ffffff;z-index:10000;width: 100%;box-shadow: -2px 1px 21px 2px rgba(120, 120, 192, 0.5);height:60px;}
    #syn_menu_bar_mobile > div{width:20%;padding:10px 0px;}
    #syn_menu_bar_mobile > div:not(:first-child){border-left: 2px solid #9da6c0;}
    a.menu_bar_link{display: flex;flex-direction: column;align-items: center;}
    img.menu_bar_icon{max-width: 30px;}
    #syn_menu_bar_mobile .menu_bar_text{color: #3e4455;}
    .kt-scrolltop{bottom: 75px;}
    .kt-container.kt-grid__item.kt-grid__item--fluid.kt-app{padding-bottom: 60px;}
    .modal.modal-sticky-bottom-right, #kt_chat_modal{bottom:80px!important;}
}
 @media (min-width: 769px) {
    /*.kt-header--fixed.kt-header--minimize .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link>.kt-menu__link-text{color:#ffffff;}
    .kt-header--fixed.kt-header--minimize .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--hover>.kt-menu__link, .kt-header--fixed.kt-header--minimize .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--open>.kt-menu__link, .kt-header--fixed.kt-header--minimize .kt-header-menu-wrapper .kt-header-menu .kt-menu__nav>.kt-menu__item:hover>.kt-menu__link{background-color:rgba(255, 255, 255, 0.1);}
    */
    .desktop-hide{
        display:none!important;
    }
    #syn_menu_bar_mobile{display:none;}
    #syn_banner_mobile{display:none;}
}
