a {
	color: #34d330;
}

#topnav {
    background-color: #34d330;
    color: #ffffff;
}

button.input, .list input[type=button], .list input[type=submit] {
	background-color: #34d330;
	color: white;
}

button.input:hover, .list input[type=button]:hover, .list input[type=submit]:hover {
	background-color: rgb(80, 125, 38);
	transition: background 0.20s linear 0s, color 0.20s linear 0s;
}

.multiple-select input[type=checkbox]:checked + label {
	background-color: #34d330;
	color: white;
}

ul.side-menu li.active a:hover, ul.side-menu li.inactive a:hover {
	background-color: rgb(80, 125, 38); /* rgba(0,0,0,0.2);*/
	color: white;
}

ul.side-menu li.active a {
	background-color: #34d330;
	color: white;
}

ul.side-menu li.inactive a {
	background-color: #f0f0f0;
	color: #666;
}
ul.side-menu.sub li.active {
	border-top: none;
}

.border {
	border: 1px solid #ddd;
	border-radius: 0px;
}

.slidemenu {
	border: 1px solid #ddd;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.list input[type=text], .list input[type=date], .list input[type=time], .list input[type=password], button.input, .list input[type=button], .list input[type=submit], .list select, .list input[type=file] + label, .html-content {
	border: 1px solid #ddd;
	border-radius: 0px;
}

div.multiple-select {
	border: 1px solid #ddd;
	border-radius: 0px;
}

.multiple-select label {
	border: 1px solid white;
	border-radius: 0px;
}

.progress div {
	background-color: #6e6d6d;
}

@media only screen and (max-width: 479px) {
	#topnav img.logo {
		width: 100px;
		height: auto;
		margin-top: 15px;
	}
}


@media only screen and (max-width: 1023px)  {
	.menu-icon {
		display: inline;
	}

	.close-left {
		margin-top: 3px;
		height: 40px;
		width: auto;
		padding: 10px;
		padding-right: 200px;
		cursor: pointer;
	}

	#main-content-plain {
		display: inline-block;
		width: 100%;
	}

	#sidenav {
		display: inline-block;
		z-index: 1000;
		position: fixed;
		top: 0px;
		width: 260px;
		left: -260px;
		margin-top: 0px;
		height: 100%;
		overflow: scroll;
	}

	#sidenav-content {
		position: relative;
		top: 0px;
	}

	table.edit {
		width: 100%;
	}
	input[type=text].list, input[type=date].list, input[type=time].list, input[type=password].list, select.list {
		width: 150px;
	}
}

.darkgreen {
    color: rgb(80, 125, 38);
}

.multiselect__options ul li.multiselect__options--selected {
	background-color: #34d330;
	color: #fff;
}
  
.multiselect__options ul li.multiselect__options--selected:hover {
	background-color: #34d330;
}
  
.editor .title {
	display: inline-block;
}

.editor .container {
	position: relative;
	border: 1px solid #ccc;
	background-color: white;
	border-radius: 8px;
	margin: 10px 0px;
	padding: 0px 10px; 
}

.editor label {
	min-width: 70px;
	margin-top: 10px;
}

.editor .input-line {
	display: flex;
	margin: 5px 0px;
}

.editor label.small {
	min-width: 20px;
}

.editor label.small.second {
	margin-left: 10px;
}

.editor .container .array {
	background-color: #f0f0f0;
	overflow: hidden;
	transition: 300ms ease max-height;
	max-height: 99999px;
}

.editor .container .array.collapsed {
	max-height: 20px;
	overflow: hidden;
}

.editor .container.collapsed {
	max-height: 45px;
	overflow: hidden;
}

.invisible {
	display: none;
}

.transparent {
	opacity: 0;
	pointer-events: none;
}

.editor .actions-button.add, .editor .actions-button.collapse {
	height: 26px;
	min-width: 26px;
	margin-left: 10px;
	padding: 0px 5px;
}

.editor .array-menu .actions-button.collapse {
	height: 33px;
	min-width: 33px;
	margin-left: 10px;
	padding: 0px 5px;
}

.editor .actions-button.show {
	margin-bottom: 10px;
}

.editor input[type=text] {
	border: 1px solid #ddd;
	padding: 8px;
}

.editor textarea {
	border: 1px solid #ddd;
	padding: 8px;
}

.editor .array-menu {
	display: inline;
	position: absolute;
	right: 0;
}

.container > .array-menu {
	margin-top: 5px;
}

.actions-button {
	z-index: 1;
  	position: relative;
}