body {
	/* background-color : #555560; */
	color : #888888;
	font-family : Helvetica;
	padding : 25px;
    -ms-overflow-style: none; 
    scrollbar-width: none;  
}
.no-scroll::-webkit-scrollbar {
  display: none;
}
.no-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
h1, h2, h3, h4 {
	margin : 5px;
	padding : 5px;
}
h1 {
	
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
body::-webkit-scrollbar {
  display: none;
}
#modules {
	
}
#settings {
    margin : 0 0 10px 0;
}
#upload-button {
    position : fixed;
    top : 30px;
    right : 30px;
    font-size : 25px;
    border-radius : 5px;
    box-shadow : 0 0 5px rgba(0, 0, 0, 1);
    background-color : #444450;
    padding : 10px;
    transition : background-color 0.25s, color 0.25s;
}
#upload-button:hover {
    background-color : #777780;
    color : #444450;
}
.expand-icon {
    font-size : 25px;
    font-weight : bold;
}
.hidden {
    display : none;
}
.inline-title {
    display : inline-block;
}
.control-icon {
    background-color : white;
    height : 25px;
    width : 25px;
    display : inline-block;
}
.module {
	border-radius : 5px;
	background-color : #444450;
	padding : 25px;
	box-shadow : 0 0 5px rgba(0, 0, 0, 1);
	margin : 0 0 10px 0;
	position : relative;
}
.threads {
	
}
.h3size {
    font-size : 20px;
}
.h4size {
    font-size : 15px;
}
.thread {
	background-color : #555560;
	border-radius : 5px;
	padding : 10px;
	margin : 0 0 10px 0;
	position : relative;
}
.nodes {
	
}
.node {
	background-color : #444450;
	border-radius : 5px;
	padding : 10px;
	position : relative;
	margin : 0 0 10px 0;
	position : relative;
}
.image-dock {
	margin-left : 10px;
}
.dock-icon {
	position : inline-block;
	height : 25px;
	width : 25px;
	background-color : #222230;
	border : none;
	margin : 0;
	padding : 0;
}
.dock-button {
    display : inline-block;
    height : 25px;
    width : 25px;
    background-color : #222230;
    border : none;
    margin : 0;
    padding : 0;
    text-align : center;
    font-size : 20px;
    font-weight : bold;
    font-family : Serif;
    transition : background-color 0.25s, color 0.25s;
}
.dock-button:hover {
    background-color : #555560;
    color : #222230;
}
.checkbox {
	user-select : none;
	display : inline-block;
	position : relative;
	top : 7.5px;
	left : 5px;
}
.box {
	width : 20px;
	height : 20px;
	border-style : solid;
	border-color : #333340;
	border-width : 2.5px;
	display : inline-block;
}
.inner-box {
	width : 15px;
	height : 15px;
	margin : 2.5px;
	transition : background-color 0.25s;
}
.checked {
	background-color : #222230;
}
.label {
	display : inline-block;
	font-size : 25px;
	padding : 5px;
	margin : 0;
	font-family : Helvetica;
	color : #222230;
	position : relative;
	top : -2.5px;
}
.component-input {
	border-radius : 5px;
	border : none;
	outline : none;
	background-color : #333340;
	font-size : 15px;
	width : 200px;
	color : #555560;
	padding : 5px;
	margin : 5px;
}
.small-input {
	width : 50px;
	text-align : center;
}
.light-input {
    background-color : #444450;
}
.component-list {
	position : relative;
}
.component {
	position : relative;
	padding-bottom : 2.5px;
	border-style : solid;
	border-color : rgba(0, 0, 0, 0);
}
.exit {
	position : absolute;
	right : 5px;
	width : 20px;
	height : 20px;
	background-color : #333340;
	top : 7.5px;
	font-size : 20px;
	font-weight : bold;
	text-align : center;
	padding : 5px;
	border-radius : 5px;
	transition : background-color 0.25s, color 0.25s;
}
.exit:hover {
	background-color : #555560;
	color : #333344;
}
.movement-icon {
    position : absolute;
    right : 40px;
    width : 20px;
    height : 20px;
    padding : 5px;
    background-color : #333340;
    top : 7.5px;
    border-radius : 5px;
}
.raise {
    right : 75px;
}
.module:first-child > .raise {
    display : none;
}
.module:last-child > .lower {
    display : none;
}
.module:last-child > .raise {
    right : 40px;
}
.thread:first-child > .raise {
    display : none;
}
.thread:last-child > .lower {
    display : none;
}
.thread:last-child > .raise {
    right : 40px;
}
.node:first-child > .raise {
    display : none;
}
.node:last-child > .lower {
    display : none;
}
.node:last-child > .raise {
    right : 40px;
}
.component:first-child > .raise {
    display : none;
}
.component:last-child > .lower {
    display : none;
}
.component:last-child > .raise {
    right : 40px;
}
.inset-icon {
    height : 15px;
    width : 15px;
    position : relative;
    top : 2.5px;
    left : 2.5px;
}
.component:hover {
	border-style : solid;
	border-radius : 5px;
	border-color : #555560;
}
.keyword-div {
    display : inline-block;
    padding : 5px;
}
.keyword-span {
    padding : 5px;
}
.keyword-x {
    padding : 5px;
}
.options-list > .input-option:only-child > .input-option-exit {
    visibility : hidden;
}
.input-option:not(:last-child) > .input-option-add {
    visibility : hidden;
}