section {
	height: 100%;
}

.form-control {
	font-size: 15px;
}

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

/* navbar */
.our-logo {
    height: 48px;
}

.header {
	height: 50px;
	display: flex;
	justify-content: space-between;
}

.navbar {
	padding: 0px;
}

.nav-header {
	display: flex;
	align-items: center;
}

.nav-brand {
	color: #9d9d9d;
	font-size: 18px;
	display: flex;
	align-items: center;
	padding-right: 20px;
}

.nav-brand .demo {
	color: white;
}

.nav-brand:hover,
.nav-brand:active,
.nav-brand:focus {
	color: white;
}

.nav-brand[disabled]:hover,
.nav-brand[disabled]:active,
.nav-brand[disabled]:focus {
	color: #9d9d9d;
	cursor: default;
}

.nav-brand:visited,
.nav-brand:active,
.nav-brand:link {
	text-decoration: none;
}

.nav-brand img {
	padding: 7px 0px;
	margin: 0px 10px;
	width: 28px;
}

.nav-brand i {
	font-size: 28px;
	padding: 10px 8px;
}

.header li>a>i {
	font-size: 25px;
	padding-right: 15px;
}

.header .caret {
	margin-left: 6px;
	border-top: 8px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	color: #428bca;
}

/* 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;
}

/*
 * 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: 50px;
	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 {
	font-family: 'Roboto', sans-serif;
	-webkit-overflow-scrolling: touch;
	background-color: floralwhite;
}

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

@media (max-width : 440px) {
	.search-panel {
		max-width: 340px;
		min-height: 400px;
	}

	.bg-img,
	.bg-img-exchange,
	.bg-img-services,
	.bg-img-travel {
		min-height: 470px;
	}
}

@media (min-width : 440px) {
	.search-panel {
		max-width: 400px;
		min-height: 400px;
	}

	.bg-img,
	.bg-img-exchange,
	.bg-img-services,
	.bg-img-travel {
		min-height: 470px;
	}
}

@media (max-width : 576px) {
	.overview-col>span {
		font-size: 12px !important;
	}

	.overview-col>span:first-of-type {
		width: 100%;
	}

	.overview-col button {
		margin-top: 10px;
		width: 60px !important;
		height: 60px !important;
		line-height: 60px !important;
	}

	.nav-brand {
		padding-right: 10px;
	}
}

@media (min-width : 576px) {
	.search-panel {
		max-width: 500px;
		min-height: 290px;
	}

	.bg-img,
	.bg-img-exchange,
	.bg-img-services,
	.bg-img-travel {
		min-height: 340px;
	}

	.overview-col>span {
		font-size: 14px !important;
	}
}

@media (min-width : 768px) {
	.search-panel {
		max-width: 500px;
	}

	.nav-brand img {
		width: 220px;
	}

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