/* styling for main doc page*/

.docWrapper {
	display: grid;
	grid-template-rows: 80px auto 30px;
	grid-template-columns: 250px auto;
	height: 100vh;
	grid-template-areas:
		'top-fixed-nav-bar top-fixed-nav-bar'
		'doc-sidebar doc-main'
		'doc-footer doc-footer';
}

.sideClose {
	display: none;
	margin: 10px 0;
	float: right;
	margin-top: -7%;
}
.sideOpen {
	display: none;
}
@media (max-width: 900px) {
	.docWrapper {
		grid-template-rows: 50px auto 30px;
		grid-template-columns: 1fr;
		grid-template-areas:
			'top-fixed-nav-bar'
			'doc-main'
			'doc-footer';
		margin-top: 10%;
	}

	.navGroups {
		width: 100%;
		display: none;
	}
	.sideClose {
		display: block;
	}

	.sideOpen {
		display: block;
		margin-top: 50%;
	}
}

.app-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.image {
	margin: auto;
}

.app_image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 400px;
	width: 600px;
}

.assertion_image {
	margin: 10px 20px;
	margin-left: 150px;
	width: 600px;
	height: 250px;
}

.image_api_response {
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#image_response {
	width: 600px;
	height: 400px;
}

.auth_img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.environment {
	width: 600px;
	height: 500px;
}

.auth_table tr th,
.auth_table tr td {
	padding: 8px 16px;
}

.local_project {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.doc-sidebar {
	grid-area: doc-sidebar;
}

.doc-main {
	grid-area: doc-main;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 10px;
}

.doc-footer {
	grid-area: doc-footer;
	background-color: gray;
	height: 190%;
}
.footerIcon {
	height: 15%;
	width: 3%;
}

#stickySidebar {
	overflow-y: scroll;
	position: fixed;
}

#stickySidebar ul {
	padding: 0;
	margin: 0;
}

#stickySidebar ul li {
	list-style: none;
}

#stickySidebar > ul > li {
	padding-left: 8px;
	padding-top: 5px;
}

#stickySidebar > ul > ul > li {
	padding-left: 16px;
	padding-top: 5px;
	color: black;
}

#stickySidebar > ul > ul > ul > li {
	padding-left: 38px;
	padding-top: 5px;
	color: rgba(24, 20, 20, 0.767);
}

#stickySidebar li {
	cursor: pointer;
}

.navGroups {
	display: block;
	grid-area: navGroups;
	margin: 5px;
	padding: 10px 5px 60px 15px;
}

.navGroup {
	padding-bottom: 20px;
}

.navItem {
	padding-left: 10px;
}

#stickySidebar h5 {
	font-size: 16px;
	word-break: break-all;
	max-width: 220px;
	word-break: normal;
	white-space: normal;
	background-color: #012690;
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 10px;
}

.navListItem {
	padding-top: 5px;
	font-size: 14px;
}

.navListItem:hover {
	color: #012690;
	font-size: 15px;
}

.div_img {
	width: 75%;
}

p,
h5 {
	margin-left: 10px;
}

body {
	font-family: Roboto, Tahoma, sans-serif;
}

.navGroupCategoryTitle {
	font-weight: normal;
	font-size: 20px;
}

h1,
h2,
h3 {
	margin-left: 9px;
	margin-bottom: 0.5rem;
	letter-spacing: 0.1em;
}

#macos-installation,
#windows-installation,
#macos,
#windows,
#native-app-macos-windows-and-linux {
	font-size: 18px;
	font-weight: 500;
	margin-top: 50px;
}

#updating-apiBench {
	margin-top: 2rem;
	font-weight: 600;
}

blockquote {
	background-color: #020202c2;
	padding: 15px 30px 15px 15px;
}

blockquote p {
	color: white;
	font-family: Open Sans, Segoe UI, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1em;
}

.mb-4:hover {
	opacity: 0.8;
}

h4 {
	letter-spacing: 0.1em;
}

.main_div {
	font-size: 17px;
	font-family: Medium, Tahoma, sans-serif;
	padding-left: 15px;
}

p,
ul {
	color: #666;
}

.alert-div {
	margin: 30px 0;
}

.docs-prevnext {
	margin: 80px 0;
}

.creatingHeading {
	color: #282828;
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: 8px;
}

h1 {
	font-size: 48px;
	line-height: 1.1666666667;
	margin: 0.67em 0;
	font-family: Roboto, Franklin Gothic, Tahoma, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.8px;
}

.main_div {
	max-width: 960px;
}

h2 {
	font-size: 26px;
	line-height: 1.2222222222;
	font-family: Roboto, Franklin Gothic Medium, Tahoma, sans-serif;
	letter-spacing: 0.8px;
}

.border_img {
	border: 1px solid black;
	margin-left: 10px;
}

.assertionUL {
	color: white;
}

#userTypeDownload {
	font-weight: bolder;
	font-size: 16px;
}
.DownloadForMacOs {
	float: left;
	padding-left: 10%;
}
.DownloadForWinOs {
	float: right;
	padding-right: 25%;
}
.navigating_app_sidebar_image {
	float: right;
}