/************** IDENTIFICATION **************/
._back ._fmkapplicationback_bloccentral ._2ifmk_fmkapplicationback_logo{height:95px;background-image: url("../image/logo_blanc_moyen.png");}
BODY._authentification {
    background-image : url("../image/fond.jpg");
    background-position: center;
}

/************** LOGO APPLICATION **************/
._tec3h #fmkapplicationback_page_haut .logo>A{background-image: url("../image/logo_blanc_petit.png");}

/* ================================================================
   BO MODERN THEME — tec3h overrides
   ================================================================ */

/* ── Body — exclure la page de connexion ── */
._tec3h._back:not(._authentification) { background: #f0f2f7 !important; }

/* ── Top navbar — fond plat, plus de dégradé ── */
._tec3h .navbar-inverse .navbar-inner.black-gradient,
._tec3h .black-gradient {
    background: #1a1b2e !important;
    filter: none !important;
    margin-bottom: 0 !important;
    border: none !important;
}
._tec3h .navbar.navbar-inverse {
    border: none !important;
    margin-bottom: 0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.28) !important;
}
._tec3h .navbar-inner { border: none !important; }

/* ── Page haut : flex multi-lignes ── */
._tec3h #fmkapplicationback_page_haut {
    height: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    padding: 0 !important;
    gap: 0 !important;
}
/* Contient navbar-header Bootstrap qui perturbe sinon */
._tec3h #fmkapplicationback_page_haut .navbar-header {
    display: contents !important;
}

/* ── Logo ── */
._tec3h #fmkapplicationback_page_haut .logo {
    float: none !important;
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    padding: 0 9px !important;
}
._tec3h #fmkapplicationback_page_haut .logo > a {
    height: 38px !important;
    width: 38px !important;
    background-size: contain !important;
    background-position: center !important;
    background-image: url("../image/logo_blanc_petit.png") !important;
}

/* ── Menu principal : flex inline, hauteur 56px ── */
._tec3h #fmkapplicationback_menuprincipal {
    float: none !important;
    height: 56px !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    gap: 1px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    flex: 1;
}
._tec3h #fmkapplicationback_menuprincipal::-webkit-scrollbar { display: none; }

._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background-image: none !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    border-bottom: none !important;
    transition: background .14s !important;
}
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem:hover {
    background: rgba(255,255,255,.1) !important;
}
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne {
    background: rgba(255,255,255,.13) !important;
}

/* ── Lien dans chaque item ── */
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem A,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne A {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: auto !important;
    padding: 8px 13px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.7) !important;
    text-decoration: none !important;
    transition: color .13s !important;
    white-space: nowrap;
    border-bottom: 2px solid transparent !important;
}
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem:hover A > span,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem:hover A > i { color: #fff !important; }
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne A,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne A:visited,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne SPAN._2ifmk_fmkmenuitem_libelle,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne A > i { color: #fff !important; }
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne A {
    border-bottom-color: var(--couleurPerso) !important;
    color: #fff !important;
}

/* ── Icône dans les items du menu principal ── */
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem I,
._tec3h #fmkapplicationback_menuprincipal ._2ifmk_fmkmenuitem_selectionne I {
    display: inline-block !important;
    font-size: 15px !important;
    width: auto !important;
}

/* ── Neutraliser Bootstrap sur les divs .navbar embarquées ── */
._tec3h #fmkapplicationback_page_haut .navbar,
._tec3h #fmkapplicationback_page_haut .navbar-inner {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    filter: none !important;
}
._tec3h #fmkapplicationback_page_haut .navbar-header {
    display: contents !important;
}

/* ── Barre droite (user, menu application) ── */
._tec3h #fmkapplicationback_page_haut .fmkapplicationback_barreicone {
    float: none !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    height: 56px !important;
    gap: 6px;
    padding: 0 12px !important;
}
._tec3h #fmkapplicationback_page_haut .fmkapplicationback_barreicone .btn {
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 9px !important;
    color: rgba(255,255,255,.88) !important;
    padding: 6px 13px !important;
    box-shadow: none !important;
    transition: background .14s !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}
._tec3h #fmkapplicationback_page_haut .fmkapplicationback_barreicone .btn:hover {
    background: rgba(255,255,255,.17) !important;
    color: #fff !important;
}
._tec3h #fmkapplicationback_page_haut .dropdown-menu {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.18) !important;
    padding: 6px !important;
    margin-top: 8px !important;
    min-width: 210px !important;
    background: #fff !important;
}
._tec3h #fmkapplicationback_page_haut .dropdown-menu > li > a {
    border-radius: 7px !important;
    padding: 8px 13px !important;
    font-size: 12px !important;
    color: #333 !important;
    transition: background .12s !important;
}
._tec3h #fmkapplicationback_page_haut .dropdown-menu > li > a:hover {
    background: #f4f5f8 !important;
    color: var(--couleurPerso) !important;
}
._tec3h #fmkapplicationback_page_haut .dropdown-menu > li > a i {
    width: 16px; margin-right: 6px; opacity: .65;
}
._tec3h #fmkapplicationback_page_haut .dropdown-menu .divider {
    margin: 5px 8px !important;
    background: #eee !important;
}

/* ── Menu application (côté droit) — mêmes icones que main menu ── */
._tec3h #fmkapplicationback_menuapplication ._2ifmk_fmkmenuitem {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background-image: none !important;
    transition: background .14s !important;
}
._tec3h #fmkapplicationback_menuapplication ._2ifmk_fmkmenuitem A {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 10px !important;
    height: auto !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.7) !important;
}
._tec3h #fmkapplicationback_menuapplication ._2ifmk_fmkmenuitem:hover { background: rgba(255,255,255,.1) !important; }
._tec3h #fmkapplicationback_menuapplication ._2ifmk_fmkmenuitem:hover A,
._tec3h #fmkapplicationback_menuapplication ._2ifmk_fmkmenuitem:hover A > i { color: #fff !important; }
._tec3h #fmkapplicationback_menuapplication ._2ifmk_fmkmenuitem I {
    display: inline-block !important;
    font-size: 15px !important;
    width: auto !important;
}

/* ── Sous-menu du header — 2e ligne intégrée ── */
._tec3h #fmkapplicationback_page_menu2 {
    flex-basis: 100% !important;
    width: 100% !important;
    flex-shrink: 0;
    order: 99;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 4px 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: rgba(0,0,0,.12);
}
/* Aplatir le .navbar/.container-fluid bootstrap à l'intérieur */
._tec3h #fmkapplicationback_page_menu2 > .navbar,
._tec3h #fmkapplicationback_page_menu2 > .navbar > .container-fluid {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Formulaire de recherche globale */
._tec3h #fmkapplicationback_page_menu2 .form-search {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 0 auto !important;
    float: none !important;
}
/* Liens d'accès rapide */
._tec3h #fmkapplicationback_page_menu2 a.t3-link {
    color: rgba(255,255,255,.55) !important;
    font-size: 11px !important;
    text-decoration: none !important;
    white-space: nowrap;
}
._tec3h #fmkapplicationback_page_menu2 a.t3-link:hover { color: #fff !important; }
._tec3h #fmkapplicationback_page_menu2 .icone-connexion-rapide { color: rgba(255,255,255,.4) !important; }
._tec3h #fmkapplicationback_page_menu2 span { color: rgba(255,255,255,.2) !important; }
/* Input recherche */
._tec3h #fmkapplicationback_page_menu2 input.search-query,
._tec3h #fmkapplicationback_page_menu2 input.form-control {
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: #fff !important;
    border-radius: 7px !important;
    padding: 4px 10px !important;
    height: 30px !important;
    box-shadow: none !important;
}
._tec3h #fmkapplicationback_page_menu2 input.search-query::placeholder,
._tec3h #fmkapplicationback_page_menu2 input.form-control::placeholder {
    color: rgba(255,255,255,.35) !important;
}
._tec3h #fmkapplicationback_page_menu2 input.search-query:focus,
._tec3h #fmkapplicationback_page_menu2 input.form-control:focus {
    background: rgba(255,255,255,.15) !important;
    border-color: rgba(255,255,255,.3) !important;
    outline: none !important;
}
/* Select dans la recherche */
._tec3h #fmkapplicationback_page_menu2 select.form-control {
    height: 30px !important;
    padding: 0 8px !important;
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: rgba(255,255,255,.8) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}
._tec3h #fmkapplicationback_page_menu2 select.form-control option {
    background: rgb(47 48 62) !important;
}
/* Boutons dans le sous-menu */
._tec3h #fmkapplicationback_page_menu2 .btn,
._tec3h #fmkapplicationback_page_menu2 .input-group-btn .btn {
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: rgba(255,255,255,.8) !important;
    border-radius: 7px !important;
    height: 30px !important;
    padding: 0 10px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 30px !important;
}
._tec3h #fmkapplicationback_page_menu2 .btn:hover {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
}
/* Conteneur flex interne du formulaire */
._tec3h #fmkapplicationback_page_menu2 .form-search > div {
    gap: 6px !important;
    flex-wrap: nowrap;
}
/* Input-group collé */
._tec3h #fmkapplicationback_page_menu2 .input-group {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0;
}
._tec3h #fmkapplicationback_page_menu2 .input-group .form-control {
    border-radius: 7px 0 0 7px !important;
}
._tec3h #fmkapplicationback_page_menu2 .input-group-btn {
    position: static !important;
}
._tec3h #fmkapplicationback_page_menu2 .input-group-btn .btn {
    border-radius: 0 7px 7px 0 !important;
    border-left: none !important;
    margin-left: 0 !important;
    position: static !important;
}
/* Bouton dropdown-toggle (icône type de recherche) séparé du groupe */
._tec3h #fmkapplicationback_page_menu2 .form-search .btn.dropdown-toggle {
    margin-left: 30px !important;
    flex-shrink: 0;
}
/* Dropdown dans le sous-menu */
._tec3h #fmkapplicationback_page_menu2 .dropdown-menu {
    background: #fff !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
    padding: 4px !important;
}

/* ── Container principal — décaler pour la navbar 56px ── */
._tec3h .container-fluid.main-container {
    margin-top: 56px !important;
    padding: 0 !important;
}

/* ── Sidebar ── */
._tec3h div.sidebar-nav {
    background: #fff !important;
    border-right: 1px solid #e6e8f0 !important;
    min-height: calc(100vh - 56px) !important;
    padding-top: 10px !important;
}

/* ── Content wrapper : surface card ── */
._tec3h div.container-fluid.content-wrapper {
    background: transparent !important;
    padding: 18px 20px !important;
}
._tec3h #fmkapplicationback_page_corps { margin: 0 !important; padding: 0 !important; }
._tec3h #fmkapplicationback_page_corps_contenu {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.06), 0 6px 20px rgba(0,0,0,.05) !important;
    overflow: hidden;
    border: 1px solid #eaecf4;
}

/* ── Entête de section (bandeau coloré) ── */
._tec3h .fmkapplicationback_bloc_entetev2 {
    background-color: var(--couleurPerso) !important;
    border-radius: 0 !important;
    padding: 12px 20px !important;
}

/* ── Onglets Bootstrap ── */
._tec3h .nav-tabs {
    border-bottom: 2px solid #eaecf4 !important;
    background: #fff;
    padding: 0 16px;
    margin-bottom: 0 !important;
    border-radius: 12px 12px 0 0;
}
._tec3h .nav-tabs > li > a {
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    color: #888 !important;
    font-size: 12px !important;
    padding: 10px 15px !important;
    margin-bottom: -2px !important;
    background: transparent !important;
    transition: color .13s, border-color .13s;
}
._tec3h .nav-tabs > li > a:hover {
    background: transparent !important;
    color: var(--couleurPerso) !important;
    border-bottom-color: var(--couleurPerso) !important;
}
._tec3h .nav-tabs > li.active > a,
._tec3h .nav-tabs > li.active > a:focus,
._tec3h .nav-tabs > li.active > a:hover {
    border: none !important;
    border-bottom: 2px solid var(--couleurPerso) !important;
    color: var(--couleurPerso) !important;
    font-weight: 600 !important;
    background: transparent !important;
    box-shadow: none !important;
}
._tec3h .container-fluid.content-wrapper._fmkapplicationback_avec_onglet {
    border-radius: 0 0 12px 12px !important;
}
._tec3h .container-fluid.content-wrapper._fmkapplicationback_sans_onglet {
    border-radius: 12px !important;
    height: calc(100vh - 56px - 36px) !important;
}
._tec3h .tab-content { border-top: none !important; }

/* ── Footer ── */
._tec3h footer.black-gradient {
    background: #1a1b2e !important;
    padding: 10px 20px !important;
    font-size: 11px !important;
    color: rgba(255,255,255,.35) !important;
    margin-top: 0 !important;
}

/* ── Bloc entete v2 badges ── */
._tec3h .fmkapplicationback_bloc_entetev2 .bloc_info {
    border-color: var(--couleurPersoClair) !important;
    background: var(--couleurPersoFonce) !important;
}

/************** MENU LATERAL (sidebar — conservé des overrides précédents) *******/


/************** BLOC ENTETE *****************/
._tec3h .fmkapplicationback_bloc_entetev2 {background-color :var(--couleurPerso);}/* pour tec3h */

._tec3h .fmkapplicationback_bloc_entetev2 .bloc_info {border:1px inset var(--couleurPerso);background-color:#00A83D;color:#fff}
._tec3h .fmkapplicationback_bloc_entetev2 .cellule_id{color:#fff;}
._tec3h .fmkapplicationback_bloc_entetev2 .cellule_libelle{color:#fff;}

/*************** HELPERS *********************/
.fmkapplicationback_cachemoi { height: 0; border: none; width: 0; padding: 0; margin: 0; overflow: hidden;}

/*************** barres statut *********************/
.generebarrestatut I{font-size: 18px;}

/*************** GESTION DE LA LISTE CLIENT **************/
._tec3h .fmkapplicationback_tableau .type_1:before {content: "\f007";}
._tec3h .fmkapplicationback_tableau .type_2:before {content: "\f0f7";}
/*************** GESTION DU SELECT CHAMPS DATE/SEMAINE DANS LE FORMULAIRE COMMANDE**************/
._tec3h .fmkapplicationback_bootstrapselect .bootstrap-select .caret {display: inline-block;}
/*************** BARRE STATUT LISTE COMMANDE / CRM / FACTURE***************/
._tec3h .objcommande.generebarrestatut .generebarrestatut_complement, ._tec3h .objcrm.generebarrestatut .generebarrestatut_complement, ._tec3h .objfacture.generebarrestatut .generebarrestatut_complement{color:#000;}
._tec3h .objcommande.generebarrestatut .generebarrestatut_complement:hover, ._tec3h .objcrm.generebarrestatut .generebarrestatut_complement:hover, ._tec3h .objfacture.generebarrestatut .generebarrestatut_complement:hover{color:#999999;}
._tec3h .objcommande.generebarrestatut .flag_statut.statut_1 I:before, ._tec3h .objcrm.generebarrestatut .flag_statut.statut_1 I:before,  ._tec3h .objfacture.generebarrestatut .flag_statut.statut_1 I:before{content: "\f013";color:#999999;}  /* brouillon */
._tec3h .objcommande.generebarrestatut .flag_statut.statut_2 I:before, ._tec3h .objcrm.generebarrestatut .flag_statut.statut_2 I:before, ._tec3h .objfacture.generebarrestatut .flag_statut.statut_3 I:before{content: "\f023";color:#468847;}  /* cloture */
._tec3h .objfacture.generebarrestatut .flag_statut.statut_2 I:before{content: "\f00c";color:#468847;}/*validée*/
/*************** ENTETE ADRESSE DETAILS COMMANDE***************/
._tec3h .fmkapplicationback_bloc_gestion .label-success, .badge-success { background-color: #00A83D !important; }
._tec3h .fmkapplicationback_bloc_gestion .label-danger, .badge-danger { background-color: #d9534f !important; }
/*************** GRAPH CAMEMBERT***************/
._tec3h .chart svg{height: 400px;}

._tec3h .nv-legendWrap{transform : translate(0,28em);}
/*************** RIEN A AFFICHER***************/
._tec3h .rien_a_afficher {
    background-image: url("../../../../2ifmk/lib/fmkapplication/image/fmkapplicationback/icone/moyenne/dossier_vide.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    color: #F06C0A;
    font-weight: bold;
    min-height: 20px;
    padding: 10px 0 10px 35px;
}
/***************PAGE TOURNEE***************/
._tec3h #tournee #map .gm-style img{
	max-width: none;
}

._tec3h #tournee label{
	display:inline;
}

._tec3h #tournee #titre .nav label.btn{
	display:inherit;
	 margin-top: 2px;
}

._tec3h #tournee table{
	border-collapse: inherit;
	border-spacing: 3px;
}

._tec3h #tournee table td>input{
	width:auto;
}

._tec3h #tournee table label.btn{
	padding: 2px 6px;
}
._tec3h #tournee #titre .nav select#type_transport{
	margin: 2px 20px;
}
/***************FORMAT POIDS***************/
._tec3h .formatepoids .entierpoids{
    font-size: 16px;
}
/***************BADGE NON GRAS***************/
._tec3h .badge-non-gras{
    font-weight: normal;
}
/***************** entete documents de la section recherche de véhicules ***********/

._tec3h .entete-documents{
    text-align: right;
}