/* RIGHT SIDEBAR ERP */

.header .nav-right{
    position:fixed;
    right:0;
    top:0;
    width: 150px;
    height:100vh;
    background:#000;
    z-index:9999;
    box-shadow:-3px 0 10px rgba(0,0,0,.3);
}

/* menu container */

.header .nav-right .menu{
    height:100%;
}

/* menu list */

.header .nav-right .menu ul{
    list-style:none;
    padding:20px 0;
    margin:0;
    display:flex;
    flex-direction:column;
}

/* menu item */

.header .nav-right .menu ul li{
    width:100%;
}

/* link */

.header .nav-right .menu ul li a{
    display:flex;
    align-items:center;
    gap:12px;
    padding: 30px 3px;
    color:#fff;
    font-size: 13px;
    font-weight:600;
    text-decoration:none;
    border-left:4px solid transparent;
    transition:.25s;
}

/* icon */

.header .nav-right .menu ul li a i{
    font-size:18px;
    width:22px;
    text-align:center;
}

/* hover */

.header .nav-right .menu ul li a:hover{
    background:#222;
    border-left:4px solid #e30613;
}

/* active */

.header .nav-right .menu ul li.active a{
    background:#e30613;
}

/* logout */

.header .nav-right .menu ul li:last-child{
    margin-top:auto;
}

.header .nav-right .menu ul li:last-child a{
    background:#000;
}

/* tránh nội dung bị che */

body{
    margin-right:150px;
}
  .fixFooter{position: fixed;bottom: 0;left: 0;z-index: 10;width: calc(100% - 150px);padding: 10px 0px;background: #000;}
.mobi-temp{display: none;}
/* MOBILE MODE */

@media (max-width:844px){

/* ẩn header */

.header{
display:none;
}

/* menu ngang dưới */
.mobi-temp{display:block;}
.mobi-temp .search{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #bfbfbf;
    padding: 0px !important;
}
.mobi-temp .search .search-col
{
    width: 40%;
}
.mobi-temp .search .search-col input[type="text"]{
    padding: 9px 9px;color: #fff !important;
}
.mobi-temp .search .search-btn{
    position: relative;
    width: 20%;background: #000;
    padding: 10px 6px;
}
.search-btn a{color: #fff !important;text-decoration: none;}
.mobile-menu{

position:fixed;

top:0;

left:0;

width:100%;

height:70px;

background:#e21226;

display:flex;

z-index:9999;

box-shadow:0 -3px 10px rgba(0,0,0,.3);

}

/* nút */

.mobile-menu a{

flex:1;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

color:#fff;

font-size:12px;

font-weight:600;

text-decoration:none;
transform: scale(.75);
transition:.2s;

}

/* icon */

.mobile-menu a i{

font-size:22px;

margin-bottom:3px;

}

/* hover */

.mobile-menu a:active{

background:#e30613;

}

/* tránh bị che nội dung */

body{

padding-top:70px;
margin-right: auto;

}
  .fixFooter{ width: 100%;overflow-x: scroll;
  }
#sl_xe{
        padding: 10px 10px;
        margin-bottom: 10px;
        font-size: medium !important;
        font-weight: bold;        
    }

}