html {
	/* font-size: 100%; */
	/* height: 100%; */
}

body {
	/* font-size: 100%; */
	/* height: 100%; */
	background-color: transparent; }
	body.no-scroll {
		overflow: hidden; }

body main {
	min-height: calc(100vh - 103px);
}

body::-webkit-scrollbar,
body *::-webkit-scrollbar {
	width: 5px;
}
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #fff;
	border-radius: 10px;
}
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover {
	background: #ccc;
}

html,
body,
body * {
	scrollbar-width: thin;
	scrollbar-color: #ccc #fff;
}

.page-container {
  position: relative; }

.wrapper {
  margin: 0 auto;
  padding: 0 30px; }
  .wrapper.big {
    padding: 0 20px; }
  .wrapper.small {
    padding: 0 10px; }

header {
  margin-bottom: 20px;
  position: relative; }
  header.floating-topbar {
		margin-bottom: 0;
  }
  header.floating-topbar + main {
		padding-top: 86px;
		margin-top: 0px; /*100px*/
  }
  header.floating-topbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 4px rgba(33, 51, 67, .12); }

header #position_menu {
	align-self: center;
}
header #position_profile {
	display: flex;
	align-self: center;
	align-items: center;
	justify-content: end;
}

main .content {
  position: relative; }

footer {
	margin-top: 40px;
	padding-top: 10px;
	/* margin-bottom: 10px; */
	/* border-top: 1px solid #b6c7d6; */
}

footer section[id^="position_"][class^="position-"] {
	margin-bottom: 5px;
}

#offcanvasLeftPosition {
  position: sticky;
  top: 100px;
  height: calc(100vh - 130px);
  overflow: auto;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
#offcanvasLeftPosition .offcanvas-body .module {
	margin-bottom: 1rem;
	padding: 1rem;
	padding-top: 0;
	/*background: #fff;*/
}
#offcanvasLeftPosition .offcanvas-body .module .module-header {
	padding-bottom: .25rem;
	border-bottom: 1px solid #ccc;
}