@media(max-width:576px){
#topnav{
display:none;
}
#navbar-wrapper{
padding: .3rem 0;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;	
}	
#navbar-wrapper .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}	
#therealnavbar.right-to-left{
position: fixed;
top: 0;
right: 0;
z-index: 999999;
overflow-y: auto;
visibility: hidden;
width: 280px;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
background: #fff;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(280px, 0, 0);
-ms-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
}
#therealnavbar.right-to-left.show{
visibility: visible;
overflow: visible;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#therealnavbar-btn-close{
position: fixed;
top: 0%;
left: 4%;
z-index: 999999;
display:none;
width: 24px;
font-size:2rem;
color: #fff;
cursor: pointer;
}	
#therealnavbar-overlay{
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.79);
width: 100%;
height: 100%;
z-index: 99999;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
#navbar-wrapper li.menu-item{
border-bottom:1px solid #ddd;
color: #000;
}	
#navbar-wrapper li.menu-item .nav-link{
padding: .7rem 1rem;
}	
#navbar-wrapper li.menu-item a{
color: #000;
}
#navbar-wrapper li.menu-item .dropdown-toggle::after {
float: right;
margin-top:10px;
}	
#navbar-wrapper li.dropdown .dropdown-menu{
margin:0 0 1rem 0;
border:none;
border-radius:0;
}	
#navbar-wrapper li.menu-item.active,
#navbar-wrapper li.dropdown.current-menu-parent,
#navbar-wrapper li.current_page_parent{
background:#ccc;
}
#navbar-wrapper li.menu-item.active a,
#navbar-wrapper li.dropdown.current-menu-parent a,
#navbar-wrapper li.current_page_parent a{
color:#fff;
}	
#navbar-wrapper li.dropdown.current-menu-parent .dropdown-menu a.active{
width:auto;
margin-left:2px;
padding-left: 1rem;
background:#fff;
border-left: 5px solid #ddd;
}
body.dark.app #navbar-wrapper .navbar-brand {
position: absolute;
left: 50%;
margin-left: -73.8px;
}
body.dark.app .main .container-fluid {
padding: 0 15px;
}	
body.dark.app table.dataTable > tbody > tr.child ul.dtr-details {
display: block;
}
body.dark.app table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid rgba( 0, 0, 0, .3 );
}
body.dark.app table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none;
}	
body.dark.app #employee-bp-table_paginate{
margin-top:1rem;
}
body.dark.app div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center;
}
}