section {
	height: 100%;
}

.form-control {
	font-size: var(--hwa-fs-body);
}

.fixed-top {
	/* 	position: sticky; */
	left: inherit;
	right: inherit;
	left: inherit;
}

/* .header divs in ad/create, ad/common/contact and travel_finance (the title bar is site-header.css) */
.header {
	height: 50px;
	display: flex;
	justify-content: space-between;
}

.navbar {
	padding: 0px;
}

/* Sidebar navigation */
.nav-sidebar {
	padding-top: 10px;
}

.sidebar .nav>li {
	width: 100%;
}

.sidebar .nav>li>a {
	align-items: center;
	display: flex;
}

.nav-sidebar span:nth-child(2) {
	padding-left: 12px;
}

.nav-sidebar>li>a.active,
.nav-sidebar>li>a.active:hover,
.nav-sidebar>li>a.active:focus {
	color: inherit;
	text-decoration: none;
	background-color: #ccd9ed !important;
}

.nav-sidebar>li>a:focus {
	background-color: inherit;
	color: inherit;
}

.nav-sidebar>li>a:hover {
	color: inherit;
	text-decoration: none;
	background-color: #d3ddeb;
}

.navside-btn {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 10px 0px 10px 15px;
}

/* icon column below 992px (admin/sidebar.html): one centred icon per entry, as high as above */
.navside-bt {
	color: inherit;
	text-decoration: none;
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

/*
 * Sidebar
 */
.sidebar {
	font-size: 14px;
	background-color: #e3eaf4;
	border-right: 1px solid #eee;
	position: fixed;
	height: 100%;
	z-index: 1;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px;
	top: var(--hwa-header-height);
	width: 80px;
	/* 	display: block; */
}

/* screen */
.wrapper {
	overflow: hidden;
	max-width: 1440px;
	margin: 0 auto;
	box-shadow: 0 0 15px 5px rgb(0 0 0/ 20%);
	display: flex;
	flex-direction: column;
	background-color: whitesmoke;
	height: 100dvh;
	text-size-adjust: auto !important;
	-webkit-text-size-adjust: auto;
	-moz-text-size-adjust: auto;
	-ms-text-size-adjust: auto;	
	/* 	max-height: -webkit-fill-available; */
	/* 	position: relative; */
}

.main-content {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex: 1;
}

.brdr {
	width: 0;
}

.brdr.ai {
	min-width: 193px;
}

.brdr.nav {
	min-width: 80px;
}

.brdr.search {
	min-width: 333px;
	border-right: 1px solid #eee;
	background-color: whitesmoke;
}

.main {
	position: relative;
	overflow-y: auto;
	display: flex;
	flex: 1;
	padding: 0;
}

.view,
.view-np,
.view-npt {
	display: flex;
	flex-direction: column;
	padding: 1rem 1rem 0 1rem;
	/* 	min-height: 100%; */
}

.view-np {
	padding: 0;
}

.view-npt {
	padding-top: 0;
}

.view-body {
	position: relative;
	flex-grow: 1;
}

.view-footer {
	flex-shrink: 0;
	margin-top: 0.5rem;
}

html {
	height: 100dvh;
}

body {
	-webkit-overflow-scrolling: touch;
}

body>.container-fluid {
	/* 	height: 100% !important; */
	padding-left: 0px;
	padding-right: 0px;
	/* 	overflow: hidden; */
}

@media (min-width : 768px) {

	.sidebar,
	.brdr.nav {
		width: 80px;
		min-width: 80px;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}

	.wizard-inner {
		left: auto !important;
	}
}

@media (min-width : 992px) {

	.sidebar,
	.brdr.nav {
		min-width: 180px;
	}
}