/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input::-webkit-color-swatch {
	border: none;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

*:focus {
	outline: none;
}

.ct-dom-tree-tab {
	position: relative;
}

#grid-layout-ui-buttons {
	width: 120px;
	height: 100%;
	background-color: #434d55;
	display: flex;
	flex-flow: row wrap;
	color: #ffffff;
	font-size: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: inherit;
	position: relative;
}

.grid-layout-ui-column {
	width: 100%;
	height: 50%;
	display: flex;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.grid-layout-ui-column:nth-child(2) {
	border-top: none;
}

.grid-layout-ui-box {
	border-right: 1px solid #313a40;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.grid-layout-ui-box:hover,
.grid-layout-ui-long:hover {
	background-color: #323b42;
}

.grid-layout-ui-box:nth-child(3) {
	border-right: none;
}

#grid-layout-ui-box-1 {
	border-bottom: 1px solid #313a40;
}

.grid-layout-ui-long {
	border: none;
	max-width: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #313a40;
	padding: 0;
}

input {
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	background-color: inherit;
	color: #ffffff;
	border: none;
}

#grid-layout-ui-color {
	border: none;
	width: 100%;
	height: 100%;
}

select {
	text-align: center;
	background-color: inherit;
	border: unset;
	color: #ffffff;
}