body {
	background-color:		#000000;
	color:					#FFFFFF;
	font-family: 			"Inter", sans-serif;
	font-optical-sizing: 	auto;
	font-weight: 			400;
	font-style: 			normal;
	font-size:				14px;
}

ul {
	list-style-type: 		none;
	padding: 				0;
	margin: 				0;
}

li {
	display: 			block;
}

a {
	text-decoration:		none;
}
a:hover {
	text-decoration:		none;
}

.orange-underline {
	text-decoration:		underline;
	text-decoration-color: 	#FA4616;
}


.orange {
	color:					#FA4616;
}

.orange-border {
	border: 				1px solid #FA4616;
}


.green {
	color:					#66b95d;
}

.green-border {
	border: 				1px solid #66b95d;
}

.verticalAlign {
    height: 				inherit;
    display: 				flex;
    align-items: 			center;
}

.optionHeaderFocus {
    font-weight: 			700;
    font-size:				12px;
    line-height: 			140%;
    letter-spacing: 		0.08em;
    text-transform: 		uppercase;
    padding: 				6px;
    background-color: 		#e33e11;
    float: 					left;
}

.fieldContainer {
	margin:					auto;
	max-width:				400px;
}

.field {
	margin-top:				40px;
	background-color:		#16171f;
	border: 				1px solid #FA4616;
	padding:				15px;
}

.menuBar {
	height:					100vh;
	background-color:		#161616;
	position: 				sticky;
    top: 					0;
    z-index: 				1;
    width: 					170px;
    overflow-y: 			auto;
    scrollbar-color: 		#000000 #444444;
    scrollbar-width: 		thin;
    padding-bottom: 		30px;
	padding: 				5px 15px;
	border-right: 			1px solid #353535;
}

.menuBarHorizontal {
	height:					30px;
    padding-bottom: 		30px;
	padding: 				5px 15px;
}

.menuBarHorizontalItem {
	background-color:		#16171f;
	padding: 				2px 10px;
	margin:					0px 5px;
	border-bottom: 			1px solid #000000;
	float:					left;
}

.menuBarHorizontalItemSelected {
	background-color:		#16171f;
	padding: 				2px 10px;
	margin:					0px 5px;
	border-bottom: 			1px solid #FA4616;
	float:					left;
}

.menuHeader {
	font-weight:			700;
	margin-top:				10px;
	font-size:				0.9em;
	
}

.menuItem {
	line-height:			15px;
	font-size:				0.8em;
}
.menuItem:hover {
	text-decoration:		underline;
}


.menuLogo {
	width:					15px;
}

.fullContainer {
	padding:				10px;
}

.contentContainer {
	padding:				10px;
}

.content {
	background-color:		#161616;
	padding:				10px;
	border: 				0px solid #16171f;
}

.device:hover {
	background-color:		#333333;
}

.highlight:hover {
	background-color:		#1f1f1f;
}

.contentHeader {
	font-weight: 			700;
    font-size: 				14px;
    line-height: 			100%;
    letter-spacing: 		-0.02em;
}

.contentText {
	font-size:				0.9em;
}

.contentDescription {
	font-weight: 600;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #868686;
}

.algorithm {
	padding-left:			2px;
	margin:					0px 10px;
	font-size:				13px;
	font-weight:			400;
	line-height:			1.1;
}

.algorithm:hover {
	background-color:		#454861;
	text-decoration:		none;
}

.inputDescription {
	font-size:				10px;
	line-height:			10px;
}

.inputField {
	font-size:				0.8em;
	line-height:			10px;
}

.raleway-normal {
  font-family: 				"Raleway", serif;
  font-optical-sizing: 		auto;
  font-weight: 				400;
  font-style: 				normal;
}

.raleway-bold {
  font-family: 				"Raleway", serif;
  font-optical-sizing: 		auto;
  font-weight: 				700;
  font-style: 				normal;
}

.roboto-flex-normal {
  font-family: "Roboto Flex", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}