.headerlayout {
	background-color: transparent !important;
}

.footerlayout {
	color: silver;
	padding: 8px;
	margin: 0px;
	background-color: #28313d;
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.main {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	color: rgb(96, 96, 96);
	overflow: auto;
  height: calc(100vh - 34px - 126px);
}

.banner {
	background: #fafafa;
  max-height: 56px;
	margin-bottom: 30px;
	padding: 12px 0;
}

.banner>* {
	max-width: 1200px;
	margin: 0 auto;
	font-size: 25px;
	display: block;
}

.menutitle {
  flex-basis: -moz-available;
  color: rgb(6, 147, 227);
}

.blocktext {
	max-width: 1200px;
	margin: 0 auto;
}

.blocktext786 {
  max-width: 786px;
  margin: 0 auto;
}

.darkmode-textcolor {
	color: #787878 !important;
}

.darkmode-textcolor:hover {
  color: rgb(36, 31, 49) !important;
}

.lightmode-textcolor {
  color: #787878 !important;
}

.lightmode-textcolor:hover {
  color: rgb(222, 221, 218) !important;
}

.text-light {
	text-decoration: none;
}

.text-light#HOVER {
	color: rgb(6, 147, 227);
}

.leftimage {
	margin-right: 32px;
}

.rightimage {
	margin-left: 32px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.gray-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(128, 128, 128, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Set the border color to the desired color */
.gray-toggler.navbar-toggler {
    border-color: silver;
}

.dropdown-menu {
  max-height: 480px;
  overflow-y: auto;
}

.darkmodebutton {
	border: 1px solid #4d4d4d;
  border-radius: 4px;
  background-color: #242424;
}

.help {
	text-align: right;
	font-size: small;
}

html {
	overflow-x: hidden;
}

body {
	font-family: Monserrat, sans-serif;
	background-image: url('../images/background.jpg');
}

a {
	color: rgb(6, 147, 227);
}

h1 {
	font-size: 25px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

 .preview-content {
  min-height: 200px;
  max-height: 200px;
  overflow-y: auto;
}

.accordion-collapse:not(.show) {
  height: 200px !important;
}
