modularity-front/dist/modules/Module.css

.InputMarker, .OutputMarker, .RemoveMarker {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: blue;
	padding-left: 10px;
	display: inline-block;
}
.OutputMarker {
	background: red;
}
.RemoveMarker {
	background: orange;
}
.OutputMarker.selected, .InputMarker.selected{
	width: 20px;
	height: 20px;
	margin: -5px -5px;
	background: green;
}
.InputMarker.selected {
	background: yellow;
}
/*.AdminModule span{
	color:black !important;
}*/
.AdminModule {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	min-width: 100px;
	max-width: 340px;
	min-height: 20px;
	background: gray;
	border: 1px solid black;
	text-align: left;
	z-index: 9999;
	font-size: 12px;
	cursor: default;
	line-height: 18px;
	color: black !important;
	height: fit-content;
}
.AdminModule.top {
	z-index: 99999;
}
.AdminModule .card-content {
	padding: 11px;
}

.AdminModule .form-group label, .AdminModule .form-group .form-control, .AdminModule .form-group {
	margin-bottom: 0
}
.AdminModule .form-group label, .AdminModule .form-control{
	font-size: 12px;
	height: 2rem;
}

.AdminModule.Position-center {
	top: 50%;
	left: 50%;
}
.AdminModule.Position-top-center {
	top: 1%;
	left: 50%;
}
.AdminModule.Position-top-right {
	top: 1%;
	left: auto;
	right: 10%;
}
.AdminModule.Position-bottom-right {
	bottom: 1%;
	left: auto;
	right: 10%;
}
.AdminModule.Position-bottom-left {
	bottom: 1%;
	left: 10%;
}
.AdminModule.Position-bottom {
	bottom: 1%;
	left: 45%;
}





.AdminModule .ArrayInput {
	border-radius: 3px;
}


.semi {
    background-color: rgba(1,1,1,0.1);
	z-index: 1100;
}

div {
	position: relative;
}




.clearLinks {
    font-size: 14px;
    padding: 0px 10px;
}
.clearLinks i {
	font-size: 1rem;
}
.clearLinks span {
	color: white !important;
}

.Output {
	line-height: 40px;
	min-height: 40px;
}
.Input {
	font-size: 14px;
	min-height: 40px;
	line-height: 40px;
}
.Input, .Output { 
	min-width: 160px;
}
.TextInput .row {
	margin-top: 0;
	margin-bottom: 0;
}
.TextInput {
	margin: 0;
}

.bars { 
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

.pasteField {
	width: 10px !important;
	height: 10px !important;
	padding: 1px !important;
	margin: 0 !important;
	background: white;
}