.app-header {
	height:55px;
	position: fixed;
	z-index: 1020;
	width: 100%;
	background-color: #ffffff;
}

.navbar-nav {
	flex-direction: row;
  	display: inline-block;
  	font-size: 80%;
}

.navbar-nav li {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

.main-wrapper {
    display: flex;
    align-items: stretch;
    padding-top: 55px;
}

.main-wrapper #content {
	width: 100%;
}

.main-wrapper #sidebar {
    height: calc(100vh - 55px);
    position: fixed;
    top: 55px;
    left: 0;
	position: sticky;
    min-width: 250px;
    max-width: 250px;
    transition: all 0.3s;
    background-color: #333333;
    color: #ffffff;
    overflow-y: auto;
}

.main-wrapper #sidebar.active {
    margin-left: -250px;
}

.main-wrapper #sidebar ul.components {
    padding: 20px 0;
}
.main-wrapper #sidebar ul.components > li {
	padding: 5px 10px;
}

.main-wrapper #sidebar ul.components > li a {
	color: #ffffff;
}

.app-body{
    padding-top:55px;
}

table.sortable thead th{
	cursor: pointer;
}

.table thead th.sorting::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dc";
	color:#cccccc;
}

.table thead th.sorting_asc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0de";
}

.table thead th.sorting_desc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
}

.table tbody tr.deleted_user {
	background-color: #777777!important;
}

.table tbody tr.selected {
	background-color: #acbad4!important;
}

h1 .deleted {
	font-size: 50%;
}

.mail-group {
	max-height:100px;
	overflow-y: auto;
}

.list-group-item.narrow{
	padding:0.1rem 1.25rem;
}

.link-block a{
	text-decoration: underline;
	color: #007bff;
}

ul.pagination {
	padding-bottom: 0;
}


#loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1999;
}
#spinner {
  display: none;
  color: #fff;
  z-index: 2000;
}