@import "theme-@{THEME}.less";

body {
	background-color: #f8f8f8;
	background-image: url('/images/v0/default_light/background.svg');
}

.widgets {
	.action {
		#run-result {
			background-color: #fff !important;
			border: 1px solid #ccc;
		}
	}
}

#menu .entry .label {
	color: @text3 !important;
}

#menu .entry.selected .label {
	color: #fff !important;
}

input[type="text"],
textarea,
select {
	border: 1px solid #ccc;
}

.description {
	border: 1px solid #ccc;
}

button {
	background: @bg3;
	color: #fff;
	border: 1px solid lighten(@bg2, 20%);
	&:focus {
		background: @bg3;
	}
}

#areas {
	.area {
		background: #fff !important;
		border: 1px solid @bg3;
		box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25);

		.name {
			border-top-left-radius: unset;
			border-top-right-radius: unset;
		}

		.section .name {
			font-weight: normal;
		}
	}
}

dialog {
	border-radius: 8px;
}

dialog, #datapoints, #problems-list, #acknowledged-list, #values, #services, #notifications {
	background-color: #fff !important;
	border: 1px solid #ddd;
	box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25);
}