@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;
	}
	
}