@font-face {
    font-family: "lineto-brown-light";
    src: url('lineto-brown-light.ttf');
    }

/*jackson*/
.header,.header_secondary{
    width:100%;
    margin:auto;
    height:56px;
    position:fixed;
    top:0px;
    z-index:99999;
    
}
.header_secondary{
    text-align:center;
    width:100%;
  }
.header_secondary .titlePage{
    display: inline-block;
    padding-top:12px;
  }

.header a{  font-size:15px; font-weight:500; }
.btnCloseMenu,.btnNav{display:none}
.menuBtn,.btnConer,.btnConer_static,.btnGoBack,.btnOption{
    font-size:28px;display: inline-block;
    padding:7px;
     max-height:56px; vertical-align:top;
}
.menuBtn ,.btnGoBack{
    float:left;
}
.optBackSearch{display:none}
.header_secondary .btnOption{float:right}

.cont_appName , .contSearch, .navMenu ,.contConerUser{ display:inline-block;vertical-align:middle;height:50px; }
.cont_appName{ width:30%; text-align:left;  }
/*.navMenu{width:28%; text-align: left;   }*/
.contSearch{width:30%; text-align: right; vertical-align:middle; height:33px ;float:right; margin-top:12px; border-radius:15px}
.contConerUser{min-width:22%;max-width:39%; text-align:right; vertical-align:middle; float:right;}

/*cont app*/
.appName{ margin-top:1px; }
.appName img{ max-width:100px;height:40px;margin-left:5px;margin-top:4px;}
.appName span{vertical-align: middle;font-size:18px; margin-top:4px}


.cont_user {margin-top:5px;display:inline-block;padding-left:10px;padding-right:6px }
.cont_user span{ display:inline-block;text-align:left;vertical-align:middle}
.cont_user img{height:35px;width:35px;border-radius:100%;margin-top:4px;}
.cont_user .p_user_name{}
.cont_user .p_sub_user_name{margin-top:-5px;font-size:11px}

/*Search navbar*/
.divSearch{
    height:32px; 
    border-radius:5px; 
}
.divSearch input{background:transparent; width:80%; height:32px; border: none ;
    box-sizing: unset;   margin:none; vertical-align: top; 
 }
 .divSearch input:focus{
     outline:none;
 }
.btnSearc{
    border:none;background: transparent;
    height:36px;margin-right:0px;
    font-size:20px; border-radius:0px 5px 5px 0px;
 }
 .divResultRech{  
    width:400px;
     background:white;
    position:absolute;top:50px;
    z-index:9999;
    text-align:left;
    box-shadow: rgba(121,121,121,.35) 1px 10px 20px;
 }

/*corner*/


.contCorner { display:inline-block;cursor:pointer;padding:0px; padding-top:2px;text-align: left; }
.corner li{ display:block;font-size: 18px;padding:5px;}
.corner ul{ display:none}
.corner:hover ul{
    display:block;
    position: relative;;
    background:#131A22;
    padding:5px;
   width:180px;
  }


/***/
 /*nav menu*/
 .nav_menu{
    position:fixed; top:56px;
    z-index:99999; 
    width:18%;left:0px; height:100%;
    padding:0px;
   /*overflow-y: scroll;*/
}
.contnav_menu{
    width:100%; min-height:100%; 
    padding:0px; 
}
.contnav{
    padding-top:15px;
}
.cont_user_nav_menu{
  padding-left:35px;
  margin-top:10px;
}
.cont_user_nav_menu span{ display:inline-block;text-align:left;vertical-align:middle}
.cont_user_nav_menu img{height:50px;width:50px;border-radius:100%;margin-top:4px;}
.cont_user_nav_menu .p_user_name{}
.cont_user_nav_menu .p_sub_user_name{margin-top:-5px;font-size:11px}

.contnav li{
    display:inline-block; 
    padding: 12px 0px 12px 5px;
    width:100%; text-transform: uppercase;font-size:14px;
     font-weight:100; border:none;
}
.list-hover ul{display:block}
.list-hover li{display:block;padding-top:5px;padding-bottom:5px;}
.contnav .group_li{
    margin-top:15px;
}
.contnav_menu i{
    padding-right:5px;font-size:24px;
}
.group_li .activedMenu{color:orange}
/**/
.offPC{display: none}
@media screen and (max-width:767px) {
.offPC{display:inline}
.header{
    position:fixed; top:0px;
    width:100%; 
    z-index:9999;height:50px;
    border:none;
    }
.header_secondary{
    text-align:center;
    width:100%;
    height:50px;
}
.header_secondary, .header_detail{
    text-align:center;
    width:100%;
    height:50px;
}
.header_secondary .titlePage, .header_detail .titlePage{
    display: inline-block;
    padding-top:10px;
    vertical-align:top; font-weight:600; font-size:19px;
  }
  .btnGoBack ,.btnOption ,.btnGoBack, .btnConer,.btnConer_static,.optBackSearch{
    font-size:26px;display: inline-block;
    padding:3px 5px 3px 6px;padding-top:6px;
    vertical-align:top;max-height:48px;  
}

.menuBtn, .btnGoBack{
    float:left; 
    padding-left:10px;
}
.menuBtn{
    padding-top:5px;
}
    .cont_appName, .contSearch, .navMenu , .contConerUser{ height:40px; }
    .cont_appName{
        width:64%; 
    } 
    .contConerUser{min-width:40px;max-width:36%; float:right}
    .contSearch{
        width:100%;
        display:none;
        height:45px;padding:0px; margin-top:0px;
        vertical-align: middle;
        position:fixed; top:0px;border-radius: 0px;
        text-align: left; 
    }
    /*app name*/
    .appName{
        width:80%;margin-left:0px;text-align:left;display:inline-block;font-size:22px;font-weight:600;
    }
    .appName img{ max-width:70px;height:30px;margin-top:5px;margin-left:2px;}

     /* Cordenr nav**/
    .header .cont_user{display:none}
    
    /*bar de recherche*/
    .divSearch{ 
        height:32px;  margin-top:9px;width:88%;
        display:inline-block; 
        vertical-align: middle;
        border-bottom:solid 1px;background: transparent; 
    }
    .divSearch input{background:transparent; width:84%; height:30px; border: none ;
        box-sizing: unset;   margin:none; vertical-align: top;
    }
    .optBackSearch{
        margin-right:2px; 
        float:left;height:39px;
    }
    .btnSearc{
        border:none;background: transparent;
        height:35px;margin-right:0px;
        font-size:18px; 
    }
    .divResultRech{  
        width:100%;
        position:fixed;top:45px; left:0; 
        z-index:9999;
        text-align:left;
     }


    /*nav menu*/
    .nav_menu{
        width:100%;height:100%;
       position:fixed; top:0px; display: none;
    }
   
    .contnav_menu{
        width:88%;
        overflow-y:scroll; height:100vh;
        text-align: left; margin-top: 0px;
    }
    .contnav li{
        display:inline-block; 
        padding: 10px 0px 10px 5px;
        width:100%;
        font-weight:100; 
    }
    .contnav .group_li{
       
    }
    .list-hover ul{display:block}
    .list-hover li{display:block;padding-top:5px;padding-bottom:5px;padding-left:0px;}
     
    .cont_user_nav_menu{ padding-left:30px; margin-top:20px; overflow: hidden; width:90% }
    .cont_user_nav_menu span{ display:inline-block;text-align:left;vertical-align:middle;max-width:80%;}
    .cont_user_nav_menu img{height:50px;width:50px;border-radius:100%;margin-top:4px;}
    .cont_user_nav_menu .p_user_name{}
    .cont_user_nav_menu .p_sub_user_name{margin-top:-5px;font-size:11px}


    /***/
    
    .offM{display:none;} 
    .onM{display:block;} 
    .offM li , .offM .contNav{display:none;} 

    

    
}