/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html,
body {
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	/*  touch-action:pan-down;*/
}

body.bg {
	overflow: hidden;
}

h1 {
	text-align: center;
}

.h1 {
	margin-top: 20px 0 60px 0;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: sans-serif;
	will-change: auto;
}

:root {
	--nowork: #d9d9d9;
	--undone: #fff;
	--tomeasure: #64b400;
	--saumatok: #cde01e;
	--materiaalitok: #7ce01e;
	--levytok: #f2ed67;
	--measured: #ff9900;
	--rangatok: #ac4597;
	--prob: #fa7670;
	--problemo: repeating-linear-gradient(45deg,
			#fa7670,
			#fa7670 10px,
			#ffcccc 10px,
			#ffcccc 20px);
	--problem: #eb1010;
	--grande_problemo: repeating-linear-gradient(45deg,
			#eb1010,
			#eb1010 10px,
			#ffcccc 10px,
			#ffcccc 20px);
	--done: #3994ff;

	--s10_a: #a0cdc6;
	--s10_b: #60b4a7;
	--s10_c: #329f8f;
	--s10_d: #158c7b;

	--s10_e: repeating-linear-gradient(45deg,
			#158c7b,
			#158c7b 10px,
			#d4fff9 10px,
			#d4fff9 20px);

	--s10_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--s10_d) 10px,
			var(--s10_d) 20px);
	--s10_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--s10_d) 10px,
			var(--s10_d) 20px);

	--s9_a: #dffffd;
	--s9_b: #aafffb;
	--s9_c: #56fff7;
	--s9_d: #07fff1;

	--s9_e: repeating-linear-gradient(45deg,
			#07fff1,
			#07fff1 10px,
			#dffffd 10px,
			#dffffd 20px);

	--s9_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--s9_d) 10px,
			var(--s9_d) 20px);
	--s9_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--s9_d) 10px,
			var(--s9_d) 20px);

	--s8_a: #bdbef1;
	--s8_b: #a0a3f1;
	--s8_c: #797eff;
	--s8_d: #3c3f90;

	--s8_e: repeating-linear-gradient(45deg,
			#3c3f90,
			#3c3f90 10px,
			#bdbef1 10px,
			#bdbef1 20px);
	--s8_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--s8_d) 10px,
			var(--s8_d) 20px);
	--s8_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--s8_d) 10px,
			var(--s8_d) 20px);

	--s7_a: #ffcdf7;
	--s7_b: #ffb3f4;
	--s7_c: #ff5fe7;
	--s7_d: #ff00d7;

	--s7_e: repeating-linear-gradient(45deg,
			#ff00d7,
			#ff00d7 10px,
			#ffcdf7 10px,
			#ffcdf7 20px);
	--s7_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--s7_d) 10px,
			var(--s7_d) 20px);
	--s7_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--s7_d) 10px,
			var(--s7_d) 20px);

	--s6_a: #ffcec4;
	--s6_b: #ffa895;
	--s6_c: #ff6a49;
	--s6_d: #e94d29;

	--s6_e: repeating-linear-gradient(45deg,
			#e94d29,
			#e94d29 10px,
			#ffcec4 10px,
			#ffcec4 20px);
	--s6_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--s6_d) 10px,
			var(--s6_d) 20px);
	--s6_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--s6_d) 10px,
			var(--s6_d) 20px);

	--l5_a: #fff2e9;
	--l5_b: #ffede0;
	--l5_c: #ffcb87;
	--l5_d: #e99928;

	--l5_e: repeating-linear-gradient(45deg,
			#d17a00,
			#d17a00 10px,
			#fff2e9 10px,
			#fff2e9 20px);
	--l5_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--l5_d) 10px,
			var(--l5_d) 20px);
	--l5_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--l5_d) 10px,
			var(--l5_d) 20px);

	--l4_a: #fffff0;
	--l4_b: #ffffe0;
	--l4_c: #ffff87;
	--l4_d: #e9e928;

	--l4_e: repeating-linear-gradient(45deg,
			#d7d700,
			#d7d700 10px,
			#ffffa5 10px,
			#ffffa5 20px);
	--l4_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--l4_d) 10px,
			var(--l4_d) 20px);
	--l4_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--l4_d) 10px,
			var(--l4_d) 20px);

	--l3_a: #ecddcd;
	--l3_b: #d2b89c;
	--l3_c: #b18658;
	--l3_d: #7e5020;

	--l3_e: repeating-linear-gradient(45deg,
			#53300a,
			#53300a 10px,
			#ffe0cc 10px,
			#ffe0cc 20px);

	--l3_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--l3_d) 10px,
			var(--l3_d) 20px);
	--l3_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--l3_d) 10px,
			var(--l3_d) 20px);

	--l2_a: #eaf1ff;
	--l2_b: #dfeaff;
	--l2_c: #8eb5ff;
	--l2_d: #2973ff;

	--l2_e: repeating-linear-gradient(45deg,
			#004ad4,
			#004ad4 10px,
			#cccfff 10px,
			#cccfff 20px);
	--l2_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--l2_d) 10px,
			var(--l2_d) 20px);
	--l2_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--l2_d) 10px,
			var(--l2_d) 20px);

	--l1_a: #e9fbed;
	--l1_b: #caffd6;
	--l1_c: #71ff91;
	--l1_d: #29d750;

	--l1_e: repeating-linear-gradient(45deg,
			#00ac25,
			#00ac25 10px,
			#ccffdc 10px,
			#ccffd3 20px);

	--l1_f: repeating-linear-gradient(0deg,
			var(--prob),
			var(--prob) 10px,
			var(--l1_d) 10px,
			var(--l1_d) 20px);
	--l1_f_critical: repeating-linear-gradient(0deg,
			var(--problem),
			var(--problem) 10px,
			var(--l1_d) 10px,
			var(--l1_d) 20px);
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	max-width: 1170px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.wide-container {
	padding-right: 15px;
	padding-left: 15px;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.preloader {
	display: none;
	z-index: -1;
}

.preloader_bg {
	height: 100%;
	width: 100%;
	-webkit-filter: blur(40px);
	filter: blur(40px);
	background-color: rgba(255, 255, 255, 1);
}

.preloader.active {
	position: absolute;
	z-index: 99999;
	top: -60px;
	left: -60px;
	display: block;
	width: calc(100vw + 60px);
	height: calc(100vw + 60px);
}

.preloader__img {
	position: absolute;
	top: 30vh;
	width: 200px;
	left: 0;
	display: block;
	right: 0;
	margin: auto;
}

.preloader__img img {
	width: 100%;
}

.preloader .preloader__heading {
	font-size: 38px;
	position: absolute;
	top: 70vh;
	margin: auto;
	display: block;
	left: 0;
	right: 0;
	text-align: center;
}

.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.status__elab_problem .col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 49%;
	flex: 0 0 49%;
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24%;
	flex: 0 0 24%;
}

.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16%;
	flex: 0 0 16%;
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

/* .col-1 {
	flex: 0 0 8%;
} */

.statuses_main_container {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}

.popup__statuses_statuscol {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 2px;
}

.statuscol_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
}

.statuscol_body {
	display: flex;
	flex-direction: column;
	gap: 4px;
}


.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

button {
	background: unset;
	border: unset;
	color: unset;
	cursor: pointer;
}

form,
#login__form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#login__form form,
#new_project form {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#new_project main {
	display: none;
}

#new_project ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	overflow-x: scroll;
	width: 100%;
}

#new_project ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 200px;
	background: #fafafa;
	padding: 10px 24px;
	border-radius: 30px;

	margin: 0 10px;
}

form input,
.commentbox input,
.kommentti_comment_to,
.roomconfig_second_prefixes input,
.first__container input,
#new_project textarea,
#roomconfig_third select,
.dialog select,
.dialog input,
.dialog textarea {
	background: #fefefe;
	-webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	max-width: 222px;
	border: unset;
	margin-bottom: 10px;
	padding: 11px 17px 10px 16px;
	margin-right: auto;
	margin-left: auto;
}

.commentbox input {
	width: 100%;
}

.commentbox__new .kommentti_comment_to {
	width: 100px;
}

#send_reclamation_dialog .commentbox__new .kommentti_comment_to {
	width: auto;
}

.kommentti_comment {
	resize: none;
}

form input[type="submit"] {
	background: #4dc739;
	border-radius: 1px;
	color: #fff;
	cursor: pointer;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus {
	background: rgba(0, 121, 5, 0.8);
}

.comment__preview_files {
	line-height: 2;
	overflow: hidden;
	display: block;
}

#submit_ {
	margin: 0 auto;
	width: 100%;
	padding: 1px;
	height: 40px;
}

.asiakirja_first {
	/* flex: 0 0 20%; */
	position: relative;
	width: 35%;
	display: block;
}

.asiakirja_first img {
	max-width: 140px;
}

.asiakirja_second {
	width: 80%;
}

.asiakirja_first .preview_delete {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.asiakirja_first .preview_delete:before,
.asiakirja_first .preview_delete:after {
	position: absolute;
	left: 10px;
	content: " ";
	height: 20px;
	width: 1px;
	background-color: #fff;
}

.asiakirja_first .preview_delete:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.asiakirja_first .preview_delete:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btn {
	font-size: 14px;
	width: 210px;
	background: #18ab00;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 9px 0;
	border: unset;
}

.show_project_files_btn {
	width: 100%;
	background: lightgray;
	padding: 9px 0;
}

.get_excel_btn {
	display: block;
	text-align: center;
	width: 333px;
	height: 50px;
	margin: 0 5px;
	background: #18ab00;
	border-radius: 5px;
	margin-top: 20px;
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-bottom: 50px;
}

.yellowbtn {
	font-size: 14px;
	width: 210px;
	background: #ffc80a;
	/* border-radius: 1px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 9px 0;
	border: unset;
}

.toggle_customer_modal {
	font-size: 14px;
	width: 100%;
	background: #51dcff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 9px 0;
	border: unset;
	border: 3px solid transparent;
}

.toggle_customer_modal:hover {
	background: #4ac6e4;
}

.toggle_customer_modal.active {
	border-color: #000;
}

.redbtn {
	font-size: 14px;
	width: 210px;
	background: #ff0a0a;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 9px 0;
	border: unset;
}

.finalization_downloadbtn {
	position: fixed;
	bottom: 5px;
	right: 0;
	text-align: center;
	top: unset;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: block;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

/*GRID*/

.grid-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	z-index: -1;
	/*    transform: rotate(180deg);*/
	left: 0px;
	bottom: 0;
}

.canvas tbody *,
.preview_canvas tbody * {
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.canvas tbody,
.preview_canvas tbody {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow: hidden;
}

/* .w-100 {
	width: 100%;
	flex: 0 0 100%;
	display: block;
} */

.preview_canvas .grid-row {
	width: 100px !important;
}

.preview_canvas .grid-row .grid-item {
	width: 100px !important;
	height: 100px !important;
}

.grid-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100px;
	padding: 0;
}

td.grid-item {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 30px;
	text-align: center;
	width: 100%;
	height: 100px;
}

#welcome {
	padding-top: 15vh;
}

#welcome h1 b {
	text-transform: capitalize;
}

.welcome__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#welcome h1,
#new_project h1 {
	margin-bottom: 3rem;
	font-size: 2.5rem;
	text-align: center;
}

#new_project {
	width: 85%;
	position: absolute;
	top: 0;
}

.row h1 {
	text-align: left;
	font-size: 40px;
}

.popup__statuses {
	height: auto;
	position: fixed;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.3);
	width: 100%;
	bottom: 0;

	opacity: 0;
	pointer-events: none;
	z-index: -1;
	padding-bottom: 2%;
}

.popup__statuses.active {
	opacity: 1;
	pointer-events: all;
	z-index: 999;
	display: block;
	width: 100vw;
}

.popup__statuses .c_meaning {
	cursor: pointer;
	/* line-height: 1.4; */
	margin: 5px 0;
	z-index: 999;
	height: 37px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}

.popup__statuses .col-6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup__statuses {
	display: none;
}

.p_active.popup__statuses {
	display: block;
}

.popup__statuses .c_meaning i {
	padding-left: 40px;
}

#project_start .tablepreview h2 {
	position: absolute;
	top: -40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	z-index: 9;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
}

#project_start .container {
	max-width: unset;
}

#project_start .tablepreview h2 .projectbtn {
	display: block;
	margin: 0 5px;
	top: -5px;
	position: relative;
	color: transparent;
	width: 15px;
	height: 15px;
	font-size: 0;
	cursor: pointer;
}

#project_start .tablepreview h2 .projectbtn__addmore {
	background: url("/img/addmore.svg") no-repeat;
	background-size: 100%;
}

#project_start .tablepreview h2 .projectbtn__settings {
	background: url("/img/settings.svg") no-repeat;
	background-size: 100%;
}

#project_start h2,
#project_start h3 {
	color: #222;
}

#project_start .tablepreview {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	width: 100%;

	margin-top: auto;
	/* added 110424 */
	/* margin-bottom: 80px; */
}

.tablepreview h2,
.tablepreview h5 {
	margin-top: 40px;
}

.roomconfig_second_prefixes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;
	width: 100vw;
}

.roomconfig__titlerow {
	margin-top: 15px;
}

.roomconfig__titlerow h5 {
	margin: 0 5px;
}

.roomconfig_second_prefixes input.prefixnum {
	width: 65px;
}

.roomconfig_second_prefixes input.prefixnum_second {
	width: 190px;
}

.roomconfig_second_prefixes input {
	max-width: 140px;
}

.five_popup.cus-container .modal-background .modal {
	height: 80vh;
}

.five_popup .btnrow div {
	-webkit-box-flex: 30%;
	-ms-flex: 30%;
	flex: 30%;
}

.zero_popup .hidden,
.zero_popup .hidden.drawarea__controls_btn {
	display: none;
}

.prefixnum.closed {
	opacity: 0.3 !important;
	pointer-events: none !important;
	background-color: gray !important;
	cursor: not-allowed !important;
}

.coderdy {
	margin-left: 30px;
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.coderdy .prob:before,
.coderdy .problem:before,
.coderdy .problemo:before,
.coderdy .grande_problemo:before {
	height: 100%;
	width: 100%;
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
}

.coderdy .prob:before,
.coderdy .problemo:before,
.coderdy .problem:before,
.coderdy .grande_problemo:before {
	content: '!';
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: var(--prob);
	font-size: 25px;
	font-weight: bold;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;

}
.coderdy .problem:before,
.coderdy .grande_problemo:before {
	color: #ff0000;
	content: '!!';
}


.rappus .lineinput {
	width: 120px;
	font-size: 23px;
}

.project__settings_coolbtn {}

.rappus__plusbtn {
	background-color: #008000;
	border-radius: 50%;
	color: #fff;
	min-width: 50px;
	maxa-width: 50px;
	font-weight: bold;
	min-height: 50px;
	maxa-height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: auto;

	cursor: pointer;
}

.modal .project__settings_coolbtn,
.settings__henkilolisays_button {
	-webkit-box-shadow: 0 0 0 0 #34b920;
	box-shadow: 0 0 0 0 #34b920;
	-webkit-animation: pulse 2.5s infinite;
	text-align: center;
}

.modal .project__settings_coolbtn.yellow {
	-webkit-box-shadow: 0 0 0 0 #f5d508;
	box-shadow: 0 0 0 0 #f5d508;
	background-color: #f5d508;
}

.settings__henkilolisays_button {
	color: #fff;
	text-align: center !important;
	padding: 12px;
	background-color: #34b920;
}

@-webkit-keyframes pulse {
	0% {
		@include transform(scale(0.9));
	}

	70% {
		@include transform(scale(1));
		-webkit-box-shadow: 0 0 0 10px rgba(52, 185, 32, 0.05);
		box-shadow: 0 0 0 10px rgba(52, 185, 32, 0.05);
	}

	100% {
		@include transform(scale(0.95));
		-webkit-box-shadow: 0 0 0 0 rgba(52, 185, 32, 0);
		box-shadow: 0 0 0 0 rgba(52, 185, 32, 0);
	}
}

.first_popup .modal section {
	padding-bottom: 16px;
}

.modal .project__settings_contactadding {
	display: block;
	color: #fff;
	background-color: gray;
	cursor: pointer;
	text-align: center;
	margin-bottom: 14px;

	width: 80%;
	min-width: 300px;
	border: 0;
	padding: 12px 10px 11px 10px;
	margin: 0 auto;
}

.modal input[type="text"] {
	background: #fefefe;
	-webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	max-width: 222px;
	border: unset;
	margin-bottom: 10px;
	padding: 11px 17px 10px 16px;
	margin-right: auto;
	margin-left: auto;
}

.project__settings_contactadding.active {
	background-color: lightgray;
}

#settings__henkilolisays_inputs {
	margin-top: 10px;
}

.modal .project__settings_name {
	display: block;
	color: #000;
	/* background-color: gray; */
	cursor: text;
	text-align: center;
	margin-bottom: 14px;
	width: 80%;
	min-width: 300px;
	border: 0;
	padding: 12px 10px 11px 10px;
	margin: 0 auto;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#new_project fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 90%;

	margin-top: 5vh;
}

#new_project fieldset .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;
}

.f_contactadding_btn {
	display: block;
	color: #fff;
	background-color: gray;
	width: 100%;
	cursor: pointer;
	padding: 10px 5px 8px 5px;
	text-align: center;
	margin-bottom: 14px;
}

.f_contactadding_btn:hover,
.f_contactadding_btn:focus {
	background-color: lightgray;
}

input[type="radio"].standard_checkbox,
input[type="checkbox"].standard_checkbox {
	display: block;
	opacity: 1;
	position: relative;
	z-index: inherit;
}

.row-reversed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.align_center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#new_project .row-reversed {
	margin-top: 9px;
}

#new_project .form-group {
	margin: 20px 0 10px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.form-subgroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.project__building_grid {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #eaeaea;
	padding: 0;
	overflow: hidden;
	z-index: -1;
	width: inherit;
	background-image:
		linear-gradient(0deg, transparent 0%, #eaeaea 0px, #eaeaea 2px, transparent 2px, transparent 100%),
		linear-gradient(90deg, transparent 0%, #eaeaea 0px, #eaeaea 2px, transparent 2px, transparent 100%);
	background-size: 80px 80px;
	background-position: -2px 0px;
}

/*.project__building_grid > div:first-child {
  height: 100%;
  width: 60px;
}*/

.project__building_grid>div,
.project__room_lifting {
	width: 80px;
	height: 80px;
	border: 1px solid #eaeaea;
}

.project__room_lifting {
	width: 80px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	position: absolute;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.project__room_lifting input.lineinput {
	width: 80%;
	text-align: center;
	font-size: 20px;
}

.project__building_liftingplaces {
	width: 100%;
	background: -o-repeating-linear-gradient(45deg,
			rgba(255, 221, 4, 0.1),
			rgba(255, 221, 4, 0.1),
			rgba(0, 0, 0, 0.1) 20px,
			rgba(0, 0, 0, 0.1) 20px);
	background: repeating-linear-gradient(45deg,
			rgba(255, 221, 4, 0.1),
			rgba(255, 221, 4, 0.1),
			rgba(0, 0, 0, 0.1) 20px,
			rgba(0, 0, 0, 0.1) 20px);
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	overflow: hidden;
}

.form-subgroup label {
	margin-bottom: 4px;
	text-align: center;
}

.form-subgroup.main label {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}

.form-subgroup.main input {
	max-width: 70%;
	width: 800px;
	padding: 10px 20px;
	font-size: 40px;
	background: #ffe2e2;
	border: 3px solid #aaa;
}

.project__linkrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form-subgroup.main .project__linkrow input {
	font-size: 14px;
	padding: 1px 2px;
	margin: 0;
}

.btn {
	text-align: center;
}

/*
.table_size_chooser {
  transform: rotate(180deg);
}*/

.table_size_chooser tr td:first-child label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

td.hidden {
	opacity: 0;
}

#welcome .btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out,
		background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
}

#welcome .btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

#welcome .btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

#room_qty {
	margin: 20px auto;
	display: block;
}

.settings_btn {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 15px;
	text-align: center;
	color: #444444;
	text-decoration: none;
	vertical-align: middle;
	margin: auto 0;
	position: relative;
}

.post__form {
	margin-top: 0;
}

.settings_btn:after {
	display: block;
	content: "";
	position: absolute;
	top: -25px;
	font-size: 16px;
	background-repeat: no-repeat;
	background: url("../img/settings.svg");
	width: 20px;
	height: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.drawarea__section {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	/* 150524 FIX */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.drawarea__section_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

/*.drawscreen_section, #box-wrapper, */
/*.drawarea__section, .drawarea__controls  {
  display: none;
}*/

.drawarea__section {
	display: none;
}

.drawarea {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.drawarea__controls.drawarea__controls_zero {
	display: block;
}

.drawscreen_section section {
	border-bottom: 0 solid #000;
}

.drawarea {
	position: relative;
	/*  margin: 50px auto 100px 100px;
*/
	top: 10px;
	/*  max-width: 80% !important;*/
	margin-left: auto;
	margin-right: auto;
}

.drawarea__control {
	height: 42px;
	position: absolute;
	z-index: 3;
	color: #252525;
}

.drawarea__left {
	background: #e8e8e8;
	width: 42px;
	height: 100%;
	margin-left: -43px;
	/*  margin-top: 14px;
*/
}

.drawarea__top {
	height: 55px;
	margin-top: -55px;
	width: 100%;
	background: #55c739;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-x: visible;
}

.drawarea__top::-webkit-scrollbar {
	height: 6px;
}

.drawarea__top::-webkit-scrollbar-thumb {
	background: #888;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.drawarea__top::-webkit-scrollbar-track {
	background: transparent;
}

.drawarea__control.disabled,
.drawarea__control.disabled {
	background: unset;
}

.drawarea__control.disabled.drawarea__right,
.drawarea__control.disabled.drawarea__right {
	border-left: unset;
	right: -3px;
	border-right: unset;
	width: 46px;
}

.drawarea__control.disabled.drawarea__top,
.drawarea__control.disabled.drawarea__top {
	border-top: unset;
	top: -20px;
	border-bottom: unset;
	height: 25px;
	z-index: 2;
}

.drawarea__navigation {
	position: absolute;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: -100px;
	width: 100%;
	margin-top: 30px;
	margin: 30px auto 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	opacity: 1;
	left: 0;
	z-index: 1;

	display: none !important;
}

.drawarea__navigation div {
	height: 30px;
	width: 30px;
	margin: 15px;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	position: relative;
	border: 1px solid #000;
	vertical-align: middle;
	border-radius: 50%;
}

/*.drawarea__navigation div:before {
  position: absolute;
  content: '';
  display: block;

  height: 100%;
  width: 100%;
  border: 1px solid;
}*/
.drawarea__top_item {
	color: #141414;
	position: relative;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 50px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 115px;
	flex: 0 0 115px;
	height: 100%;
	/*background: #eee;*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
}

.drawarea__top_item:before {
	display: block;
	content: "";
	position: absolute;
	left: -20px;
	z-index: 2;
	font-size: 16px;
	background-repeat: no-repeat;
	margin-bottom: 6px;
}

.drawarea__top_ovi {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px;
	margin-left: 50px;
}

.drawarea__top_palkki,
.drawarea__top_pilari {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
}

.drawarea__top_ovi:before {
	background: url("../img/ovi.svg");
	width: 12px;
	height: 18px;
}

.drawarea__top_ikkuna:before {
	background: url("../img/ikkuna.svg");
	height: 18px;
	width: 19px;
}

.drawarea__top_palkki:before {
	background: url("../img/palkki.svg");
	width: 54px;
	height: 8px;
	/*  left: -62px;*/
}

.drawarea__top_pilari:before {
	background: url("../img/pilari.svg");
	width: 16px;
	height: 18px;
}

.zeroscreen_settings {
	display: none;
	width: 100%;
	margin-top: 20px;
}

.drawarea_two_zero {
	background: #fefefe;
	border: 1px solid rgba(153, 153, 153, 0.99);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.drawarea_two_zero h2 {
	text-align: left;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	line-height: 78px;
	letter-spacing: 0.03em;
	color: #000000;
	width: 100%;
	border-top: 1px solid #000;

	padding-left: 33px;
}

.drawarea_two_zero h2 .o_btn {
	color: #feb700;
	text-align: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	background: unset;
	border: unset;
	text-align: inherit;
	letter-spacing: inherit;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}

body.step_screen .drawarea__control.disabled {
	cursor: auto;
}

.step_screen h3 {
	margin-top: 40px;
}

.drawarea__top_itemtwo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0;
	left: 0;
	margin-right: 0;
}

.drawarea__top_itemtwo:before {
	right: 0;
	left: 0;
	position: relative;
}

.drawarea__top.disabled {
	height: 15px;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: unset;
	-ms-flex-pack: unset;
	justify-content: unset;
	-webkit-box-align: unset;
	-ms-flex-align: unset;
	align-items: unset;
	margin-top: -15px;
	overflow: initial;
	z-index: -1;
}

.drawarea__house {
	width: 200px;
	margin-top: 30px;
	margin-right: 1px;
	float: right;

	/* Add 170324 */
	position: relative;
	z-index: 9;
}

.drawarea__house div.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	float: right;
	width: 100%;
}

.drawarea__house .house__wall_status {
	position: absolute;
	/* top: auto; */
	/* left: 0; */
	background: #fff;
	padding: 0;
	text-transform: uppercase;
	color: black;
	/* right: 0; */
	bottom: auto;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.drawarea__house .house__wall {
	border: 2px solid #fff;
}

.drawarea__house .house__wall.current__housewall {
	border: 3px solid rgba(0, 0, 0, 0.8);
}

#house,
#house .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
}

#house .wall_width_2,
#house .wall_width {
	margin: auto;
	position: absolute;
	bottom: -27px;
	left: 0;
	right: 0;

	text-align: center;
}

.house__wallspecial {
	width: 100%;
	position: absolute;
	top: -20px;
	left: 0px;
	right: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 10px;
}

.house__inputrow input {
	margin-right: 4px;
	padding: 13px 6px 10px 6px;
	width: unset;
	max-width: unset;
}

.house__parentrow {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.house__types {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	max-width: 300px;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;
}

.house__types h2 {
	width: 100%;
	text-align: center;
}

.house__types_type {
	padding: 7px 16px 5px 16px;
	border: 1px solid black;
	margin-right: 10px;
	cursor: pointer;

	-webkit-transition: all 0.15s ease-in-out;

	-o-transition: all 0.15s ease-in-out;

	transition: all 0.15s ease-in-out;
}

.house__types_type:hover,
.house__types_type.active {
	color: white;
	background-color: #008d0e;
	border: 1px solid white;
}

.house__types_type.active {
	background-color: #78b960;
	border: 3px solid #008d0e;
}

.house__types_button {
	background-color: #008d0e;
	color: #fff;

	width: 100%;
	margin-top: 10px;
	padding: 12px 12px 11px 12px;

	border: 3px solid #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.house__types_button:hover,
.house__types_button:focus,
.house__types_button:active {
	border: 3px solid #008d0e;
}

.levy.levytext_inverted b {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 20px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	/* width: auto; */
	overflow: visible;
}

.levy.levytext_inverted b .levy_name {
	margin-right: 6px;
}

.drawarea__right.disabled {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: unset;
	-ms-flex-pack: unset;
	justify-content: unset;
	-webkit-box-align: unset;
	-ms-flex-align: unset;
	align-items: unset;
	opacity: 1;
	z-index: -1;
}

.drawarea__right .sauma__controls_del,
.sauma__horizontal_ctrl .sauma__controls_type {
	margin-left: 5px;
}

.sauma__horizontal_ctrl .sauma__controls_type {
	width: 30px;
}

.sauma__horizontal .sauma__controls,
.fakesauma_h .sauma__controls {
	width: 100%;
}

.sauma__horizontal_ctrl-righted {
	right: 0;
}

/*.sauma__horizontal .sauma__controls .sauma__horizontal_ctrl-righted {
  display: none;
}*/
.drawarea__top_item.step_four,
.drawarea__right_item.step_four {
	font-size: 10px;
	line-height: 10px;
	/* or 100% */
	text-align: center;
	letter-spacing: 0.01em;
	color: #171717;
	border: 2px solid #eb1010;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20px;
	height: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	vertical-align: middle;
	background: unset;
	padding-top: 1px;
	position: absolute;
	cursor: pointer;
}

.drawarea__right_item.step_four {
	position: absolute;
	left: 10px;
}

.drawarea__bottom {
	background: #e8e8e8;
	width: 100%;
	height: 42px;
	margin-bottom: -43px;
	bottom: 0;
}

.drawarea__right {
	height: 100%;
	margin-right: -55px;
	width: 55px;
	background: #c73939;
	right: -5px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	cursor: pointer;
}

.drawarea__right span {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	width: 200px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

.box__right_rightdecor {
	float: right;
	margin-left: auto;
}

.drawarea__mm {
	position: absolute;
	color: #252525;
	font-size: 14px;
	z-index: 2;
	width: 39px;
}

.drawarea__mm input {
	width: 100%;
	padding: 0;

	position: relative;
	bottom: -49px;
	font-weight: bold;
	text-align: center;
	color: #f00;
}

.drawarea__height {
	margin-left: -45px;
	margin-top: -44px;
}

.drawarea__height .lineinput {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: -15px;
	bottom: 0;
}

.drawarea__lenght {
	bottom: 0;
	right: 0;
	margin-right: -53px;
	margin-bottom: -10px;
}

.havainnekuva {
	width: 1090px;
}

.havainnekuva img {
	width: 100%;
}

.drawarea__things {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 252px;
	overflow-y: scroll;
	padding: 0 15px 0 25px;
}

div.drawarea__controls_elementsone {
	height: calc(228px - 160px);
}

div.drawarea__controls_elementstwo {
	height: calc(248px - 160px);
}

div.drawarea__controls_elementsthree {
	height: calc(292px - 160px);
}

ol.drawarea__controls_four-vaaka {
	margin-bottom: 59px;
}

div.drawarea__controls_five .drawarea__controls_settingsbtn {
	margin-top: 1px;
}

div.drawarea__controls_tyostot .drawarea__things {
	height: 10px;
}

.drawarea__controls.drawarea__controls_tyostot {
	margin-left: 35px;
}

.drawarea__controls_esikatselu .aukko_settingsbtn {
	margin-top: 10px;
}

.drawarea__controls_btns.taso__btns {
	margin-top: 55px;
}

.drawarea__controls_seven .drawarea__controls_btns {
	margin-top: 20px;
}

.drawarea__things span {
	font-weight: 500;
	font-size: 16px;
	line-height: 31px;
	/* or 207% */

	letter-spacing: 0.01em;

	color: #171717;
}

.drawarea__boxdecor_mm {
	width: 40px;
	padding: 0;
}

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

.saumoitus__inputs input[type="radio"]+label,
.saumoitus__inputs input[type="checkbox"]+label {
	margin: 12px 0;
}

main {
	height: 100%;
	width: 100%;
	position: absolute;
	/*  background: url("/img/gridbg-ver2.svg") repeat;*/
	background-size: 20%;
	background-position: left bottom;
}

#defaultCanvas0 {
	top: 0;
	left: 0;
	z-index: -1;
	border: 1px solid #cadcc7;
	border-left: unset;
}

canvas#canvas_elements {
	position: absolute;
	z-index: 1;
}

.house__intro .f_btn,
.house__intro .o_btn {
	color: #feb700;
}

.house__intro h1 {
	text-align: left;
	/* max-width: 565px; */
	margin-bottom: 50px;
}

.house__intro h1 input {
	font-size: 55px;
	width: 100%;
	max-width: 100%;
}

.house__intro h2 {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
}

table {
	overflow-x: scroll;
}

#house .house__wall {
	margin: 45px 45px 45px 0;
}

.house__intro .house__wall_roof,
.house__intro .house__wall_floor {
	left: 0;
	margin: 0;
}

td {
	outline: 1px solid #e9e9e9;
	padding: 2px 4px;
	height: 25px;
	/*   width: 50px; */
}

.tabs__target_table td {
	min-width: unset;
	width: unset;
	overflow-x: visible;
}

.tabs__target_statuses>section>div .row {
	margin: 20px 0;
}

.tabs__target_statuses>section>div .c_meaning {
	top: -10px;
	position: relative;
}

.tabs__target_statuses .align_center {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.listat__tbody input {
	padding: 13px 4px;
}

table,
td input {
	width: 100%;
}

#rooms td {
	height: unset;
	width: unset;
}

#rooms h3 {
	font-style: italic;
	font-weight: lighter;
	font-size: 14px;
	margin-top: 30px;
	width: 100%;
}

#rooms td input.lineinput {
	border: unset;
	margin: 0;
	width: 100%;
	height: 100%;

	padding-left: 5px;
}

#rooms td:first-child input.lineinput {
	width: 40px;
	padding: 5px;
}

#rooms tr>td:nth-child(1) {
	padding: 5px;
}

#rooms h1 input {
	font-size: 24px;
	max-width: unset;
}

.house__intro td {
	padding: 5px 0;
}

.house__intro tr {
	position: relative;
}

#house {
	position: relative;
	margin-top: 66px;
	padding-left: 35px;
	flex-direction: column;
	/* padding: 20px;
  padding-right: 200px; */
}

#house .row {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	flex-direction: row;
}

.house__wall {
	position: relative;
	background: #d7d7d7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid;
}

.house__wall.hidden {
	background: transparent !important;
	border: 0;
}

.house__wall.hidden input,
.house__wall.hidden .house__wall_asjarj,
.house__wall.hidden .house__wall_status {
	opacity: 0;
	cursor: not-allowed;
}

.house__wall.hidden .house__wall_hide {
	opacity: 1;
}

.statuses__hide {
	display: flex;
	/* float: right;
	margin-left: auto;
	padding-right: 50px;
	margin-bottom: 10px; */
}

.statuses__hide>* {
	pointer-events: none;
}

.p_active.p_transparent .c_meaning {
	visibility: hidden;
}

.p_active.p_transparent .statuscol_body {
	visibility: hidden;
}

.p_active.p_transparent h6 {
	/* color: transparent; */
}

.house__wall_status {
	position: absolute;
	/* top: auto; */
	left: 0;
	background: #fff;
	padding: 11px 4px;
	text-transform: uppercase;
	color: black;
	right: 0;
	bottom: auto;
	width: 60%;
	height: auto;
	margin: auto;
	text-align: center;
}

.project__building_room.active {
	outline: 6px solid #0082ff;
	outline-offset: -6px;
}

/* 1 */

/*.house__wall_one {
  width: 298.48px;
  height: 182.06px;

}

.house__wall_two {
  width: 197.25px;
  height: 182.06px;
  top: 0px;
}


.house__wall_three {
  width: 298.48px;
  height: 182.06px;
  top: 0px;
}


.house__wall_four {
  width: 182.06px;
  height: 182.06px;
}

.house__wall_roof {
  width: 298.48px;
  height: 182.06px;
  right: calc(-259.48px * 2);
}


.house__wall_floor {
   width: 298.48px;
  height: 182.06px;
  right: calc(-259.48px * 2);
}*/

.house__wall_four {
	position: relative;
}

.project__start_elaborate {
	text-align: center;
	padding: 6px 0;
	background: #bdff76;
	cursor: pointer;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;
}

.elab__statuses {
	display: none;
}

.elab__statuses.active {
	display: block;
}

.elab__status_hidden {
	display: none;
}

.project__start_elaborate:hover,
.project__start_elaborate:focus,
.project__start_elaborate:active {
	background: #6cc210;
}

.lineinput,
.allowed_teams,
.allowed_teams_2,
.b_lineinput {
	border: 0;
	border-bottom: 1px solid #000;
	font-style: normal;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: left;
	border-radius: 0;
	background: unset;
	display: inline-block;
}

.house__wall input {
	margin-left: 7px;
	margin-top: 0;
	position: static;
	height: 19px;
	display: block;
	width: 88px;
}

input.wall_height,
input.wall_tochange_2 {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin: auto;
	left: -65px;
	position: absolute;
	text-align: center;
}

.columnrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.house__intro_comments .commentbox {
	display: block;
	width: 100%;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #fff;

	-webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.24);
	margin-top: -2px;

	cursor: pointer;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	height: 40px;
	overflow: hidden;
}

.house__intro_comments .commentbox.open {
	height: initial;
}

.house__intro_comments .commentbox:hover,
.house__intro_comments .commentbox:focus {
	-webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.35);
}

.commentbox__new_modal {
	background-color: #ffca24;
}

.commentbox__row {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.commentbox__secondrow {
	margin-top: 20px;
}

.comment__status {
	margin-top: -8px;
	padding: 4px 7px;
	border: 2px solid #eb1010;
	background-color: var(--undone);
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.6);
}

#rooms .prev_btn {
	margin: 0;
	width: auto;
	min-width: unset;
	max-width: unset;
}

.commentbox__name {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	height: 23px;
	text-align: center;
}

/* .commentbox__row .commentbox__name {
  width: 70%;
}

.commentbox__row .commentbox__name span {
  width: 30%;
} */
.commentbox__row .col-4 {
	text-align: center;
}

.commentbox .commentbox {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 1px;
}

.commentbox.commentbox__helpticket {
	display: block;
	height: auto;
}

.commentbox__from,
.commentbox__to {
	text-transform: capitalize;
}

.house__intro_comments .commentbox__help.commentbox {
	display: none;
}

.house__intro_comments .commentbox__helpticket.commentbox,
.house__intro_comments .commentbox__help.commentbox.visible {
	display: block;
	height: auto;
}

.commentbox__help h2,
.house__intro .commentbox__help .lineinput {
	width: 100%;
	pointer-events: all;
	max-width: unset;
}

.house__intro .commentbox__help .row {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.house__intro .commentbox__help .col-6 {
	width: 47%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 47%;
	flex: 0 0 47%;
}

.comment__deadline,
.vko_estimate,
.time_estimate {
	margin-bottom: 13px;
}

.commentbox__help h6 {
	font-size: 16px;
}

.comment__files,
.commentbox__help input {
	max-width: 100%;
	border: 1px solid;
}

#newcomment__deadline {
	width: 100%;
	max-width: unset;
}

.commentbox__new h2 {
	margin-top: 9px;
	margin-bottom: 0;
}

.commentbox__new h2 input {
	width: 100%;
}

.commentbox__help textarea,
.commentbox__new textarea {
	resize: none;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 5px;
	padding: 6px 8px;
}

.kommentti_comment_from {
	text-transform: capitalize;
}

.commentbox_btn.ready_btn,
.commentbox_btn.commentreadyready_btn {
	padding-bottom: 15px;
	width: 100%;
}

.time__stamps input {
	max-width: 222px;
	width: 80%;
	margin-top: 4px;
	padding: 2px 1px;
}

/* .p_active.popup__statuses_g,
.p_active.popup__statuses_h,
.p_active.popup__statuses_i,
.p_active.popup__statuses_j,
.p_active.popup__statuses_k {
	margin-top: 10px;
} */

.p_active * {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.p_active.popup__statuses_g h6,
.p_active.popup__statuses_h h6,
.p_active.popup__statuses_i h6,
.p_active.popup__statuses_j h6,
.p_active.popup__statuses_k h6 {
	top: 25px;
}

.colormeanings .p_active.popup__statuses_g h6,
.colormeanings .p_active.popup__statuses_h h6,
.colormeanings .p_active.popup__statuses_i h6,
.colormeanings .p_active.popup__statuses_j h6,
.colormeanings .p_active.popup__statuses_k h6 {
	/* top: 15px; */
}

.colormeanings h6 {
	font-size: 12px;
	align-content: center;
	text-align: center;
	flex: 1;
	/* top: 10px;
	position: relative; */
}

.commentbox .col-3 {
	overflow-x: hidden;
}

.commentasking__section h3,
.commentasking__section h6 {
	font-size: 23px;
	text-align: center;
}

.commentasking__section h3 {
	text-align: left;
}

.commentbox .time__stamps h4,
.commentasking__section h6 {
	font-size: 15px;
}

.commentasking__section .modal-no,
.commentasking__section .modal-yes {
	margin: 0 5%;
}

.fourth_popup .row {
	-ms-flex-pack: distribute;
	justify-content: space-around;

	margin-top: 22px;
	margin-bottom: 14px;
}

.fourth_popup input {
	text-align: center;
	margin: 0 auto;
	display: block;
	padding: 4px 7px;
}

.house__wall input:last-child {
	right: 0;
	left: 0;
	bottom: 7px;
	margin-left: 0;
	position: absolute;
	display: block;
	margin: 0 auto;
	margin-top: 0;
}

td input.lineinput {
	border: unset;
	width: auto;
}

/* .tabs__target_table td input.lineinput {
  display: block;
  width: auto;
} */
.house__intro .col-6 {
	width: 50%;
	overflow: visible;
}

#commentasking__readiness_value {
	text-align: center;
	display: block;
}

#mydiv {
	position: absolute;
	z-index: 1;
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	text-align: center;
	height: 200%;
	width: 200%;
}

#mydivheader {
	padding: 10px;
	cursor: move;
	z-index: -1;
	background-color: #2196f3;
	color: #fff;
	height: 200%;
	width: 200%;
}

.drawarea__controls {
	/* border: 1px solid #999999; */
	padding: 9px 0;
	margin-top: 10px;
	position: relative;
	max-height: 70vh;
	width: 14%;
	left: auto;
	right: 0;
	background: #fff;
}

.drawarea__controls.drawarea__controls_zero {
	width: 18%;
	margin-top: 27px;
}

.drawarea__controls.drawarea__controls_zero .drawarea__controls_btn {
	width: 100%;
	background: #18ab00;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	padding: 19px 0;
	border: unset;
}

.drawarea__controls .drawarea__controls_btn,
.modal_close_btn.drawarea__controls_btn,
.drawarea__controls_btn_ {
	font-size: 14px;
	width: 100%;
	background: #18ab00;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 19px 0;
	border: unset;
	text-align: center;
}

.modal_close_btn.hidden {
	display: none;
}

.drawarea__controls .drawarea__controls_settingsbtn,
.drawarea__controls.drawarea__controls_zero .drawarea__controls_settingsbtn {
	background: #feb700;
}

.asetustaulu input[type="radio"]+label,
.asetustaulu input[type="checkbox"]+label {
	width: 100%;

	margin: 0;
	display: block;
	height: 100%;
}

.asetustaulu .modal input[type="text"] {
	padding: 2px 3px;
}

.drawarea__controls_btns {
	position: relative;
	width: 100%;
	margin-top: 10px;
}

.drawarea__controls_settingsbtn,
.drawarea__controls .aukko_settingsbtn {
	background: #feb700;
	font-size: 14px;
	width: 100%;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 19px 0;
	border: unset;
}

.drawarea__controls p {
	padding-left: 5px;
	padding-right: 5px;
}

body.step_screen .drawarea__control {
	cursor: pointer;
}

.drawarea__controls h1,
.drawarea__controls h2 {
	font-size: 19px;
	text-align: center;
	margin-bottom: 10px;
}

.drawarea__controls h2 {
	font-size: 17px;
	margin-top: 30px;
}

.drawarea__controls input {
	max-width: 45px;
	background: #fefefe;
	-webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.12);
	border-radius: 3px;
	border: unset;
	padding: 8px 5px;
}

.st_question {
	text-align: center;
	display: none;
}

.st_question input[type="checkbox"],
.st_question input[type="radio"] {
	opacity: 1;
	position: relative;
}

.st_question label {
	border: unset;
}

.aukko_container table,
.ladonta_container table {
	overflow-x: scroll;
	width: 100%;
}

.aukko_container .modal-background .modal,
.ladonta_container .modal-background .modal {
	padding: 20px;
}

.aukko_container input,
.ladonta_container input {
	padding: 6px 2px 5px 2px;
}

#drawarea_h,
#drawarea_w {
	position: relative;
}

.drawarea_hlabel,
.drawarea_wlabel {
	color: #141414;
	display: block;
	font-size: 13px;
	width: 50%;
	opacity: 0.5;
	text-transform: lowercase;
	position: relative;
}

.drawarea_hlabel {
	left: 28px;
}

.drawarea_wlabel {
	padding-left: 3px;
	left: -6px;
}

.drawarea__controls .row span {
	margin: auto 2px;
	font-size: 11px;
}

.drawarea__origo {
	position: absolute;
	width: 30px;
	height: 30px;
	outline: 1px solid #1a1a1a;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 3;
	bottom: -10px;
	left: 1px;
	margin: auto;
	overflow: visible;
	border-radius: 50%;
	opacity: 0.8;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
}

.drawarea__controls_origoset {
	color: #fff;
	text-align: center;

	background: lightgray;
	width: 100%;
	padding: 11px 8px;
	margin-bottom: 0;
}

.kumoa {
	color: #fff;
	text-align: center;

	background: lightcoral;
	width: 100%;
	padding: 11px 8px;
	margin-bottom: 0;
}

/*
.drawarea__controls_one .drawarea__controls_origoset {
  margin-bottom: 45px;
}*/

.drawarea__controls_one .row input {
	max-width: 55px;
	width: 55px;
}

.da_controls_commenting .drawarea__house {
	margin-top: 15px;
}

.drawarea__origo:before,
.drawarea__origo:after {
	position: absolute;
	content: "";
	display: block;
	z-index: 3;
	background: #1a1a1a;
	width: 15px;
	height: 15px;
}

.setting__canvas .drawarea__origo:before,
.setting__canvas .drawarea__origo:after {
	width: 50%;
	height: 50%;
}

.drawarea__origo:before {
	top: 0;
	left: 0;
	border-top-left-radius: 1000px;
}

.drawarea__origo:after {
	bottom: 0;
	right: 0;
	border-bottom-right-radius: 1000px;
}

.box {
	background-color: #818181;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 2;
	min-height: 10px;
}

.box-wrapper {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	right: auto;
	left: 0;
}

.drawarea__left_container {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: relative;
	/* bottom: -80%;*/
}

.drawarea__bottom_container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: unset;
	-ms-flex-pack: unset;
	justify-content: unset;
}

.box__upper_upperdecor,
.box__lower_lowerdecor {
	display: block;
	text-align: center;
	border-bottom: 1px solid #000;
	position: absolute;
	top: -4px;
}

.box__lower_lowerdecor {
	left: -220px;
}

.box__lower_leftdecor,
.box__upper_rightdecor {
	display: block;
	text-align: center;
	border-bottom: 1px solid #000;
	position: absolute;
	bottom: -4px;
}

.drawarea__bottom_container .box__decor {
	position: relative;
}

.drawarea__bottom_container .box__decor {
	border-top: 1px solid #000;
	top: 5px;
	text-align: center;
}

.drawarea__bottom_container .box__decor:before,
.drawarea__bottom_container .box__decor:after {
	top: -5px;
	bottom: unset;
}

.drawarea__house .house__wall input {
	padding: 0;
	font-size: 11px;
	max-width: 39px;
	text-align: center;
	bottom: 1px;
	text-align: center;
	height: 17px;
	margin-left: auto;
	left: 0;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	right: 0;
	background: transparent;
}

.drawarea__house .house__wall input.wall_height,
.drawarea__house .house__wall input.wall_tochange_2 {
	margin-left: 0;
	left: -10px;
	right: unset;
	position: relative;
	top: -10px;
	bottom: 0;
}

.drawarea__house .house__wall input.wall_width,
.drawarea__house .house__wall input.wall_width_2 {
	left: 11px;
}

.drawarea__house .house__wall.tohide__room_k {
	right: unset;
	left: unset;
}

.box__decor:before,
.box__decor:after {
	content: "";
	display: block;
	background: #000;
	width: 1px;
	height: 4px;
	position: absolute;
}

.box__decor:before {
	left: 0;
	bottom: -5px;
}

.box__decor:after {
	right: 0;
	bottom: -5px;
}

.newDiv__height,
.newDiv__width {
	position: absolute;
	width: 34px;
	height: 16px;
	font-size: 14px;
	display: block;
	font-weight: normal;
}

.newDiv__height {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 0;
	bottom: 0;
	left: -4px;
	vertical-align: middle;
	margin: auto 0;
}

.newDiv__width {
	bottom: 4px;
	left: 0;
	display: block;
	margin: 0 auto;
	right: 0;
}

.dot {
	height: 10px;
	width: 10px;
	background-color: #1e88e5;
	position: absolute;
	border-radius: 100px;
	border: 1px solid white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: s-resize;
}

.dot:hover {
	background-color: #0d47a1;
}

.dot.left-top {
	top: -5px;
	left: -5px;
	/* cursor: nw-resize; */
}

.dot.left-bottom {
	bottom: -5px;
	left: -5px;
	/* cursor: sw-resize; */
}

.dot.right-top {
	top: -5px;
	right: -5px;
	/* cursor: ne-resize; */
}

.dot.right-bottom {
	bottom: -5px;
	right: -5px;
	/* cursor: se-resize; */
}

.dot.top-mid {
	top: -5px;
	left: calc(50% - 5px);
	/* cursor: n-resize; */
}

.dot.left-mid {
	left: -5px;
	top: calc(50% - 5px);
	/* cursor: w-resize; */
}

.dot.right-mid {
	right: -5px;
	top: calc(50% - 5px);
	/* cursor: e-resize; */
}

.dot.bottom-mid {
	bottom: -5px;
	left: calc(50% - 5px);
	/* cursor: s-resize; */
}

.dot.left-mid {
	cursor: w-resize;
}

.dot.right-mid {
	cursor: e-resize;
}

.rotate-link {
	position: absolute;
	width: 1px;
	height: 15px;
	background-color: #1e88e5;
	top: -20px;
	left: calc(50% + 0.5px);
	z-index: -1;
}

.drawarea__top_customize {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: 10%;
}

.drawarea__top-reijat {
	position: relative;
}

.drawarea__top_circle,
.drawarea__top_rect {
	text-align: center;
	display: none;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	border-radius: 50%;
	height: 40px;
	margin-right: 10px;
}

.drawarea__top_rect {
	border-radius: 0%;
}

.drawarea__top-reijat .drawarea__top_circle,
.drawarea__top-reijat .drawarea__top_rect {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.drawarea__top_circle:after {
	border-radius: 50%;
	background: #c4c4c4;
	height: 21px;
	width: 21px;
	left: 0;
	right: 0;
	z-index: -1;
	margin: auto;
}

/* .drawarea__top_circle:nth-child(2):after {
  width: 44px;
  height: 44px;
}

.drawarea__top_circle:nth-child(3):after {
  width: 66px;
  height: 66px;
  left: -10px;
}

.drawarea__top_circle.drawarea__top_custom {
  margin-left: 10%;
}

.drawarea__top_circle.drawarea__top_custom:after {
  width: 47px;
  height: 47px;
  left: -18px;
} */

div.drawarea__control.drawarea__top.drawarea__top-reijat>div:nth-child(5) {
	margin-left: 0;
	border-radius: 0;
}

div.drawarea__control.drawarea__top.drawarea__top-reijat>div:nth-child(5):after {
	width: 47px;
	height: 47px;
	left: -18px;
	border-radius: 0;
}

section.nav {
	padding: 0;
}

nav {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	max-width: 80%;
	/* flex-direction: row; */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.2;

	/*  justify-content: center;flex-wrap: nowrap;
*/
}

nav ul li {
	border: 1px solid #999999;
	display: block;
}

nav ul li div {
	font-size: 15px;
	color: #252525;
	text-decoration: none;
	padding: 7px 12px 6px 12px;
}

nav ul li:nth-child(1) {
	background: #c73939;
}

nav ul li:last-child {
	background: darkgray;
}

nav ul li:nth-child(1) *,
nav ul li:last-child * {
	color: #fefefe;
}

.nav__comleted {
	background: #999999;
	color: #fff;
}

.nav_current {
	background: #ccffdd;
}

.nav__comleted * {
	color: #fff;
}

.nav li div {
	cursor: pointer;
}

.project_types .row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.product__types_type {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 31%;
	flex: 0 0 31%;
	height: 94px;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 20px 1%;
	color: #252525;
}

.status__report_b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.status__report_from {
	margin-left: 9px;
	padding: 6px 7px;
	margin-right: 5px;
}

/*Marko asetukset
*/

.adminlist {
	margin-top: 15px;
}

.adminlist td {
	padding: 8px 5px;
}

.headingrow {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

.rankatable table {
	margin-top: 23px;
}

.saumatable h4 {
	margin-bottom: 11px;
}

.marko__settings h1,
.marko__settings h2 {
	font-size: 44px;
	text-align: center;
}

.marko__settings h2 {
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 25px;
}

section,
.form__butsection {
	padding-top: 3%;
	position: relative;
}

.step_screen {
	/*  display: none;*/
	padding-left: 15px;
	padding-top: 0;
	top: 40px;
}

.a_projectslist .start_btn {
	background-color: #ffc80a;
}

/*section.step_screen:target {
  display: block;
  width: 100%;
  padding-top: 80px;
}*/
/*section#drawscreen_section_four {
  margin-top: 40px;
}*/

.levytysreunat__tbody:before {
	content: "Minimietäisyydet reunoista";
	font-size: 11px;
	display: block;
	position: absolute;
	right: 0px;
	top: 10px;
}

fieldset {
	border: 0;
	max-width: 500px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
	border-radius: 0px;
	font-size: 12px;
	border: 2px solid #d5d5d5;
	margin: 20px 0;
	/*  padding: 9px 28px;*/
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #111010;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	text-align: center;
	line-height: 3;
}

input[type="radio"]+label:focus,
input[type="radio"]+label:active,
input[type="radio"]:checked+label,
input[type="checkbox"]+label:focus,
input[type="checkbox"]+label:active,
input[type="checkbox"]:checked+label {
	border: 2px solid #4dc739;
}

.aukko__types input[type="radio"]:checked+label {
	background: #4dc739;
	color: #fff;
}

.aukko_lcord {
	left: 0;
}

.aukko_rcord {
	right: 0;
}

.aukko_tcord {
	top: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.aukko_bcord {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.aukko__cord {
	display: block;
	position: absolute;
	color: #f00;
	font-size: 13px;
	font-weight: bolder;
}

.aukko__cord_small {
	font-size: 7px;
	top: -20px;
	padding: 0px;
	width: 21px;
	height: 10px;
	text-align: center;
}

.aukko__cord_lower {
	top: 20px;
}

.drawarea__left .aukko__cord_small {
	font-size: 7px;
	top: unset;
	margin: 0;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 40px;
}

.drawarea__left .aukko__cord_lower {
	left: -5px;
}

.lv__cord {
	position: absolute;
}

.lv_bcord {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.lv_lcord {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.drawarea__bottom .start_measure,
.drawarea__bottom .end_measure {
	top: -3px;
	color: #51aaff;
}

.drawarea__bottom .aukko__cord {
	margin-top: 0;
	font-size: 13px;
	font-weight: bold;

	right: -49px;
	top: 35px;
}

.drawarea__bottom .start_measure {
	left: -5px;
}

.drawarea__left .start_measure,
.drawarea__left .end_measure {
	left: 14px;
	font-weight: normal;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	color: #51aaff;
}

.drawarea__left .start_measure {
	top: 100%;
	margin-top: -25px;
}

.drawarea__left .end_measure {
	top: -3%;
	font-size: 13px;
	font-weight: bold;
}

input[type="radio"],
input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

#morehole_set input[type="checkbox"]+label,
#morehole_set input[type="radio"]+label {
	width: 100%;
	height: 100%;
	display: block;
	background: #eb1010;
	cursor: pointer;
}

#morehole_set input[type="checkbox"]+label:active,
#morehole_set input[type="checkbox"]:checked+label,
#morehole_set input[type="radio"]+label:active,
#morehole_set input[type="radio"]:checked+label {
	background: #4dc739;
}

#morehole_set h2 {
	margin-top: 14px;
}

#hole_set {
	position: relative;
	margin-top: 30px;
	padding-top: 0;
}

#hole_set h4 {
	margin: 6px 0 4px 0;
}

.myinfo {
	border-collapse: collapse;
	position: relative;

	display: none;
}

tr.bottom-border {
	border-bottom: 3px dashed black;
}

.myinfo:before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: block;
	content: "";
	font-size: 13px;
	color: #f00;
	position: absolute;
	width: 100px;
	height: 20px;
	left: -72px;
	top: 40%;
	right: auto;
	float: left;
	text-align: center;
	font-weight: 600;
}

/* .group-0:before {
	content: "LEVYT";
}

.group-1:before {
	content: "IKKUNAN AUKOT";
}

.group-2:before {
	content: "ALUE";
} */

.admin__j_heading {
	margin-bottom: 40px;
	width: 100%;
}

.myinfo .hiddenrow td {
	height: 0;
	font-size: 12px;
}

.myinfo tr {
	width: 1170px;
	font-size: 10px;
}

.myinfo td {
	padding: 2px 1px;
}

/*.myinfo td:nth-child(1) {
  width: 12%;
  min-width: 96px;
}
.myinfo td:nth-child(2) {
  width: 7%;
  min-width: 66px;
}
.myinfo td:nth-child(3) {
  width: 9%;
  min-width: 100px;
}
.myinfo td:nth-child(4) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(5) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(6) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(7) {
  width: 7%;
  min-width: 66px;
}
.myinfo td:nth-child(8) {
  width: 7%;
  min-width: 66px;
}
.myinfo td:nth-child(9) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(10) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(11) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(12) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(13) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(14) {
  width: 6%;
  min-width: 50px;
}
.myinfo td:nth-child(15) {
  width: 4%;
}*/

.levy_types {
	position: absolute;
	left: -10px;
	top: -30px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.adminpreset_settings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 78%;
	overflow-x: scroll;
	overflow-y: visible;
	padding: 20px 5px;
	max-width: unset;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}

.adminpreset_settings input[type="radio"]:checked+label,
.adminpreset_settings input[type="radio"]+label {
	padding: 10px 20px;
	outline: 1px solid black;
	border-radius: 5px;
	margin: 0 5px;
	cursor: pointer;
	font-size: 16px;
	-webkit-box-flex: unset;
	-ms-flex: unset;
	flex: unset;
}

.admin_setting {
	padding: 10px 15px;
	border: 1px solid black;
	border-radius: 5px;
	margin: auto;
	cursor: pointer;
	width: 20%;
	height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}

.admin_setting:first-child {
	background: #000;
	color: #fff;
}

.admin__nollausbtn {
	background-color: #f00;
	color: white;
	width: 100%;
	font-size: 12px;
}

.hole_setting,
.levy_type,
.levy_preset {
	padding: 10px 15px;
	border: 1px solid black;
	border-radius: 5px;
	margin: 0 5px;
	cursor: pointer;
}

.levy_presets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: static;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.hole_setting:first-child {
	background: #000;
	color: #fff;
}

.levy_types {
	position: static;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.direction input[type="radio"]+label,
.direction input[type="checkbox"]+label {
	width: 100%;
	height: 100%;
	display: block;
}

.morehole__setup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.more__settings {
	width: 15%;
	border: 1px solid black;
	float: left;
	height: 100%;
}

.material__customcol_item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	margin: 20px 0;
	cursor: pointer;
}

.material__customcol_item label {
	padding: 14px;
}

#selection .tabs {
	width: 100%;
}

#selection .tabs ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
}

#selection ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	display: block;
	padding: 9px 10px;
	display: block;
	text-align: center;
	outline: 1px solid rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

#selection ul li.tabs__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* display: block;
    padding: 9px 10px;
    width: 100%;
    text-align: center;
    outline: 1px solid rgba(0,0,0,.2);
    cursor: pointer; */
}

#selection .adminlist ul li {
	text-align: left;
}

#selection .adminlist li b {
	text-align: right;
	float: right;
	color: red;
}

.preset_delete {
	width: 100%;
	color: red;
	font-weight: bold;
}

.tabs__btn:hover,
.tabs__btn:focus,
.tabs__btn_indent:focus,
.tabs__btn_indent:focus {
	background-color: rgb(195, 255, 0);
}

.tabs__btn.active,
.tabs__btn_indent.active,
.tabs__btn_subindent.active {
	background-color: #55c739;
	color: #fff;
}

.tabs__target,
.tabs__target_indent,
.tabs__target_subindent {
	opacity: 0;
	position: absolute;
	z-index: -1;
	pointer-events: none;
	/* padding: 0 30px; */
}

.tabs__target_indent * {
	pointer-events: none;
}

.tabs__target_indent.active * {
	pointer-events: all;
}

.tabs__target.active,
.tabs__target_indent.active,
.tabs__target_subindent.active {
	opacity: 1;
	position: relative;
	z-index: 1;
	pointer-events: all;
}

.tabs__target_indent.active {
	width: 75%;
}

.messagepresets__tbody textarea {
	resize: both;
}

.tabs__target_receipents,
.tabs__target_subject,
.tabs__target_textarea {
	margin-top: 19px;
}

.tabs__target_subject {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.tabs__target_indentrow {
	width: 25%;

	padding: 0;
}

#selection ul li.tabs__btn_indent {
	padding: 10px 0;
	position: relative;
	margin-top: 10px;
	width: 60%;
}

.tabs__target.active {
	padding-top: 30px;
}

#selection .tabs__target:not(.active) input {
	pointer-events: none;
	z-index: -1;
}

#selection .tabs__target.active input {
	pointer-events: all;
}

/* .tabs__btn.active.tabs__target_materials {
  padding-top: 30px;
} */
.material__customcol_item input[type="radio"]+label:hover,
.material__customcol_item input[type="radio"]+label:focus,
.material__customcol_item input[type="radio"]+label:active,
.material__customcol_item input[type="radio"]:checked+label {
	border: 2px solid #4dc739;
	color: #18ab00;
}

.tabs__target_table input[type="checkbox"]+label,
.tabs__target_table input[type="radio"]+label {
	width: 100%;
	height: 100%;
	display: block;
	background: #eb1010;
	cursor: pointer;
}

.tabs__target_table input[type="checkbox"],
.tabs__target_table input[type="radio"] {
	pointer-events: none;
	width: 0;
	height: 0;
}

.tabs__target_table input[type="checkbox"]+label:active,
.tabs__target_table input[type="checkbox"]:checked+label,
.tabs__target_table input[type="radio"]+label:active,
.tabs__target_table input[type="radio"]:checked+label {
	background: #4dc739;
}

.tabs__target_table .fileinput {
	width: 100%;
	font-size: 10px;
}

.tabs__target_table .send_material_btn {
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 2px 4px;
	background-color: #00ac25;
	color: white;
	cursor: pointer;
}

.tabs__target_table tr td:nth-child(3),
.tabs__target_table tr td:nth-child(4),
.tabs__target_table tr td:nth-child(5),
.tabs__target_table tr td:nth-child(6) {
	width: 45px;
}

.ready_btn,
.commentreadyready_btn,
.project__settings_coolbtn,
.prev_btn,
.start_btn {
	font-size: 15px;
	text-align: center;
	color: #ffffff;
	background-color: #fff;
	background: #18ab00;
	border-radius: 1px;
	width: 80%;
	min-width: 300px;
	border: 0;
	padding: 12px 10px 11px 10px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	cursor: pointer;
}

.ready_btn:hover,
.ready_btn:focus,
.commentreadyready_btn:hover,
.commentreadyready_btn:focus,
.project__settings_coolbtn:hover,
.project__settings_coolbtn:focus,
.start_btn:hover,
.start_btn:focus {
	background: #4dc739;
}

#selection .start_btn {
	margin-top: 35px;
}

.finish_btn {
	margin-top: 45px;
}

.prev_btn {
	background: #c73939;
}

.prev_btn:hover,
.prev_btn:focus {
	background: #b40909;
}

.projects_list button {
	margin-top: 49px;
	float: right;
}

#projects tr:nth-child(1) td {
	font-size: 18px;
	font-weight: bold;
}

#projects td {
	padding: 4px 8px;
}

#project__roomcount .SizeChooser td {
	height: 29px;
	width: 29px;
	cursor: pointer;
}

#project__roomcount .SizeChooser td:hover,
#project__roomcount .SizeChooser td:focus {
	/* background: #e5fbdd;
  border: 2px solid #a9ffb2; */
}

#rowcount span,
#colcount span {
	display: none;
}

/*.project__roomcount tr td:nth-child(5),
.project__roomcount tr td:nth-child(4),
.project__roomcount tr td:nth-child(6),
.project__roomcount tr td:nth-child(7),
.project__roomcount tr td:nth-child(8),
.project__roomcount tr td:nth-child(9),
.project__roomcount tr td:nth-child(10),
.project__roomcount tr td:nth-child(11),
.project__roomcount tr td:nth-child(12),
.project__roomcount tr td:nth-child(13),
.project__roomcount tr td:nth-child(14),
.project__roomcount tr td:nth-child(15) {
  display: none;
}
*/

.SizeChooser-clicked {
	background: #78b960;
	outline: 1px solid #e9e9e9;
	border: none;
}

.topbar form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: block;
	margin: 30px auto;
	text-align: center;
}

#project__roomcount h1 {
	margin-bottom: 30px;
}

.project__roomselect table {
	width: 300px;
	margin: 20px auto;
}

.project__roomselect td {
	width: 80px;
	height: 55px;
}

.colormeanings {
	overflow-x: hidden;
}

.colormeanings b {
	font-weight: lighter;
	font-style: italic;
}

.colormeanings input {
	width: 100%;
	border-color: #3d3d3d;
	font-size: 12px;
}

div.p_meaning.c_meaning {
	gap: 4px;
	/* margin: 10px 0;
	position: relative;
	padding-left: 25px; */
}

.colormeanings .c_meaning {
	position: relative;
	font-size: 12px;
	max-height: 70px;
	display: flex;
	flex-direction: row;
	gap: 6px;
}

div.c_meaning>.status_square {
	display: block;
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
	border: 1px solid #000;
	/* margin-right: 5px; */
	/* position: absolute; */
	/* left: 0; */
	/* top: 15px; */
}

div.p_meaning {
	padding-top: 0;
	/* height: 30px; */
	/* margin-bottom: 5px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.p_meaning {
	cursor: pointer;
	font-style: normal;
}

.p_meaning.active {
	border-bottom: 3px solid rgb(195, 255, 0);
}

.t_users h2,
.t_projects h2 {
	font-size: 1.5rem;
}

.t_users ul,
.t_projects ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	/* justify-content: space-around; */
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-x: scroll;
	padding-left: 5px;
}

.t_users li,
.t_projects li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 19%;
	flex: 0 0 19%;
	margin-top: 6px;
	margin-bottom: 3px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	padding: 15px 15px 10px 15px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.t_users li.active,
.t_projects li.active {
	background: #fff;
}

#project_start .t_users li {
	background-color: #fafafa;
	margin-right: 5px;
	cursor: pointer;
}

#project_start .t_users li:hover,
#project_start .t_users li:focus,
#project_start .t_users li.active_user {
	background-color: #008000;
	color: #fefefe;
}

.p_meaning_end {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.canvas,
.preview_canvas {
	overflow: visible;
	position: relative;
	/* outline: 1px solid rgba(0, 0, 0, 0.3); */
	background-image:
		linear-gradient(0deg, transparent 0%, #eaeaea 0px, #eaeaea 2px, transparent 2px, transparent 100%),
		linear-gradient(90deg, transparent 0%, #eaeaea 0px, #eaeaea 2px, transparent 2px, transparent 100%);
	background-size: 100px 100px;
	background-position: var(left - 1px) var(bottom - 1px);
}

main.canvas:before,
article.preview_canvas:before {
	/* background: #fff;
	width: 100%;
	height: 1078px;
	bottom: 100.3%;
	position: absolute;
	content: "";
	z-index: 0; */
}

.canvas span,
.preview_canvas span {
	position: absolute;
	bottom: 0;
	overflow: visible;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	z-index: 4;
	cursor: move;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
}

.preview_canvas span {
	outline: 1px solid #1a1a1a;
}

.canvas span:before,
.canvas span:after,
.preview_canvas span:before,
.preview_canvas span:after {
	position: absolute;
	content: "";
	display: block;
	z-index: 5;
	background: #1a1a1a;
	width: 7.5px;
	height: 7.5px;
}

.canvas span.mp,
.preview_canvas span.mp {
	margin-left: -7.5px;
	margin-bottom: -7.5px;
}

.canvas span:before,
.preview_canvas span:before {
	top: 0;
	left: 0;

	border-top-right-radius: 0;
	border-top-left-radius: 100%;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.canvas span:after,
.preview_canvas span:after {
	bottom: 0;
	right: 0;

	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 100%;
	border-bottom-left-radius: 0;
}

.canvas span.aukko,
.preview_canvas span.aukko {
	border-radius: 0;
	background: #fff;
	margin-left: 0;
	margin-top: 0;
	opacity: 0.65;
	z-index: 12;
	outline-offset: -1px;
	outline: 1px solid rgba(0, 0, 0, 0.25);
}

.canvas span.aukko:before,
.canvas span.aukko:after,
.canvas span.settings__aukko:before,
.canvas span.settings__aukko:after,
.canvas span.settings__lv:before,
.canvas span.settings__lv:after,
.canvas span.lapivienti:before,
.canvas span.lapivienti:after,
.preview_canvas span.aukko:before,
.preview_canvas span.aukko:after,
.preview_canvas span.settings__aukko:before,
.preview_canvas span.settings__aukko:after,
.preview_canvas span.settings__lv:before,
.preview_canvas span.settings__lv:after,
.preview_canvas span.lapivienti:before,
.preview_canvas span.lapivienti:after {
	display: none;
}

.canvas span.settings__aukko,
.canvas span.settings__lv,
.canvas span.lapivienti,
.preview_canvas span.settings__aukko,
.preview_canvas span.settings__lv,
.preview_canvas span.lapivienti {
	background: #fff;
}

.canvas span.lapivienti,
.preview_canvas span.lapivienti {
	font-size: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 11;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.canvas span.settings__aukko,
.preview_canvas span.settings__aukko {
	border-radius: 0;
}

.comment__container {
	position: absolute;
	width: 203px;
	background: #fafafa;
	padding: 7px 9px;
	z-index: 10;
	-webkit-filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.12));
	bottom: 200%;
	left: -94.5px;
	display: none;
}

.modal-background .canvas,
#setting__canvas_mitta,
#setting__canvas_aukot,
#setting__canvas_lapiviennit {
	display: none;
}

.aukko__types {
	background: #18ab00;
}

.aukko__types input[type="radio"]+label,
.aukko__types input[type="checkbox"]+label,
.aukko__asiat input[type="radio"]+label,
.aukko__asiat input[type="checkbox"]+label {
	margin: 2px;
	line-height: 2.4;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14%;
	flex: 0 0 14%;
}

.aukko__types input[type="radio"]+label,
.aukko__types input[type="checkbox"]+label {
	color: #fff;
	border-color-: #fff;
}

.aukko_inner__cord {
	font-size: 8px;
	position: absolute;
}

.modal-container .modal-background .modal h2,
.as-container .modal-background .modal h2 {
	margin-top: 10px;
}

.comment__visible .comment__container {
	display: block;
}

.aukko .comment__container {
	bottom: 100%;
	left: -50%;
}

.newDiv__x,
.newDiv__y {
	width: 100%;
	display: block;
	opacity: 0;
}

.comment__container:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;

	border-top: 11px solid #fff;

	bottom: -11px;

	left: 0;
	right: 0;
	margin: 0 auto;
}

.comment__container p {
	margin-bottom: 20px;
}

.comment__from {
	float: left;
	position: relative;
}

.comment__from,
.comment__to {
	text-transform: capitalize;
}

.pohjakierros {
	width: 400px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
	margin: 0 auto 30px auto;
}

.pohjakierros label {
	padding-left: 25px;
	font-size: 25px;
}

.pohjakierros input {
	z-index: 1;
	opacity: 1;
	position: auto;
	float: right;

	height: 20px;
	width: 20px;
}

.plus_btn {
	display: none;
	/* flex*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	right: 0;
	top: 30vh;
	/* padding: 25px 30px; */
	color: white;
	background: #008d0e;
	border-radius: 50%;
	cursor: pointer;
	width: 70px;
	height: 70px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.modal__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.modal__row label,
.modal__row input {
	width: 24%;
}

.trow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/*  margin: 5px 0;*/
}

.poraukset .trow {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.modal__row_kvali label {
	width: 100px;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.levy_settings fieldset {
	width: 100%;
	max-width: unset;
}

.levy_settings label {
	vertical-align: middle;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 113px;
}

.poraukset input {
	width: 93px;
}

.rappu_more {
	padding: 15px 50px;
	right: 30px;
	background-color: #feb700;
	width: 80%;
	margin: 0 auto 40px auto;
	color: #fff;
	text-align: center;
}

.rappus {
	overflow-y: scroll;
}

#project_start .rappus {
	overflow-y: hidden;
	overflow-x: visible;
	margin-top: 5vh;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#project_start .coderdy {
	padding-top: 80px;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

#project_start .coderdy:before {
	content: "";
	display: block;
	height: 80px;
	position: absolute;
	width: 100%;
	top: 0;
	background-color: white;
	z-index: 1;
}

.comment__from:after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;

	border-left: 5px solid #000;
	top: 4px;
	right: -70px;
}

.comment__to {
	float: right;
}

.newDiv__comment_settings {
	float: left;
	margin: auto 5px auto 0;
	cursor: pointer;
}

.newDiv__comment_del {
	margin: auto 0 auto 5px;
	cursor: pointer;
}

/*Excel table*/

.excel {
	padding-top: 0;
	width: 100%;
	top: 50px;
	overflow-x: scroll;
	max-width: 100vw;
	/* Prev value 150vw */
}

.ranka_as_excel,
.ranka_tuo_excel {
	top: 50px;
	padding-top: 0;
}

.ranka_tuo_excel {
	top: 85px;
}

section.excel tr>td:nth-child(10) {
	width: 160px;
}

.excel td {
	/*  display: flex;*/
	overflow-x: auto;
	/*scroll */
}

.levyexcel__btn {
	padding: 16px 25px;
	max-width: 330px;
	text-align: center;
	margin: 12px 0;
	border-radius: 5px;
}

/*modal*/
.modal {
	max-height: 90vh;
	overflow-y: scroll;
}

.modal * {
	text-align: left;
}

.modal fieldset {
	max-width: unset;
}

.modal textarea {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	border: 1px solid #9b9b9b;
	padding: 11px 17px 10px 16px;
	height: 39px;
}

.modal h6 {
	font-size: 18px;
	margin-bottom: 5px;
}

.modal .canvas,
.modal .preview_canvas {
	width: 400px;
}

.cord label {
	margin-right: 8px;
}

.cord__item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.cord__item {
	margin-bottom: 14px;
	width: 240px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
}

.lv_modal section {
	padding-top: 10px;
}

.lv_modal .lvcord__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
}

.lvcord__item input {
	margin-left: 0;
}

.modal__lvtypes {
	margin: 0;
}

.modal__lvtypes input[type="radio"]+label,
.modal__lvtypes input[type="checkbox"]+label {
	margin: 0;
	margin-top: 5px;
}

#lapiviennit__sade_muucord {
	/* display: inline-block; */
	padding: 0 10px;
	/* display: block; */
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	margin: 0;
	width: 33%;
	margin-top: 5px;
}

.widths .cord__item {
	width: 140px;
}

.cord__item input {
	width: 110px;
}

.widths .cord__item input {
	margin-left: 0;
}

.cord__item label {
	text-align: right;
	vertical-align: middle;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.comment__section input {
	border: 1px solid #9b9b9b;
	padding: 4px 17px 4px 16px;
	width: 95%;
}

.comment__section .col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24%;
	flex: 0 0 24%;
	width: 24%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* justify-content: space-around; */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.setting__canvas {
	position: relative;
}

.setting__canvas .drawarea__origo {
	opacity: 0.5;
	height: 9%;
	width: 4%;
	margin-top: -4.5%;
}

.settings__mittapiste {
	z-index: 8;
	margin-bottom: -7.5px;
}

/* 2.4 saumat*/
.drawarea__controls_fouritems {
	max-height: 75px;
	overflow-y: scroll;
	padding: 0 35px;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	height: 75px;
}

.drawarea__controls_fouritems .sauma__controls_del {
	display: inline-block !important;
}

.newrow_horizontal,
.newrow_vertical {
	height: inherit;
	width: inherit;
	position: absolute;
}

.seina_patka,
.seina_patka_x,
.seina_patka_y {
	position: relative;
	float: left;
}

.parentnewrow_vertical {
	/*display: flex;
    flex-direction: row-reverse;*/
	height: 100%;
	/*    width:5px;*/
}

.parentnewrow_horizontal .newrow_horizontal {
	height: 5px;
	width: 100%;
}

.parentnewrow_vertical .newrow_vertical,
.parentnewrow_horizontal .newrow_horizontal {
	float: left;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
}

.horizontalrow_saumat {
	width: 100%;
	position: absolute;
	height: 100%;
}

.drawarea__controls_four-vaaka {
	margin-bottom: 70px;
}

.drawarea__controls_four-vaaka li {
	list-style-type: lower-latin;
}

.newrow_vertical {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
}

.newrow_horizontal {
	max-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*.sauma {
  position: relative;
  background: transparent;
  display: inline-block;
  opacity: 1;
  z-index: 3;
  border-left: 1.5px solid red;
  height: 100%;
  width: 100%;
}*/

.sauma,
.fakesauma {
	position: absolute;
	background: red;
	display: inline-block;
	opacity: 1;
	z-index: 3;
}

.fakesauma_v {
	height: 100%;
	width: 1px;
}

.fakesauma_h {
	width: 100%;
	height: 1px;
}

.fakesauma {
	z-index: 0;
}

.sauma.sauma__horizontal {
	height: 5px;
	width: 100%;
	display: block;
	border-bottom: 1px solid red;
	padding-bottom: 2px;
	background: unset;
	max-height: 100%;
	position: absolute;
}

.sauma.sauma__vertical {
	height: 100%;
	width: 5px;
	background: unset;
	border-left: 1px solid red;
	padding-right: 2px;
	max-width: 100%;
	z-index: 1;
}

.sauma.sauma__vertical.sauma__vertical_added {
	z-index: 3;
}

.sauma__controls {
	position: absolute;
	/*  top: -7px;*/
}

.sauma__vertical .sauma__controls,
.fakesauma_v .sauma__controls {
	top: -20px;
	height: 100%;
}

.sauma__controls-left {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	left: 7px;
}

.sauma__controls input {
	font-weight: 500;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	/* letter-spacing: 0.01em; */
	position: absolute;
	top: -130%;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	right: 0;
	/*  width: 25px;*/
	padding: 0;
	height: 16px;
	/*  margin: 0 auto;*/

	border: unset;
}

.sauma__controls input.sauma__control {
	top: unset;
	background: transparent;
	z-index: 1;
}

.sauma__controls input.sauma__control {
	font-weight: 900;
	color: #f00;
	font-size: 9px;
}

.sauma__vertical_ctrl,
.sauma__vertical_ctrldown {
	display: block;
	border-bottom: 1px solid #000;
	text-align: center;
	position: absolute;
	left: 0px;
	cursor: pointer;
	height: 15px;
	font-size: 12px;
}

.sauma_ensi__vertical {
	left: 0% !important;
	margin-left: 0% !important;
}

.sauma_viim__vertical {
	/*  left: 100% !important;*/
	margin-left: 0 !important;
}

.sauma_viim__vertical.sauma__vertical .sauma__controls {
	width: 1px;
}

/*.sauma__vertical_ctrldown,
.sauma__horizontal_ctrldown,
.sauma__vertical_ctrl-lefted {
  display: none !important;
}
*/
.sauma__vertical_ctrl {
	/*  top: 50%;*/
	/*  left: 50%;*/
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	z-index: -1;
}

.sauma__setting_row .col-4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.horizontalrow_saumat .sauma__vertical_ctrl,
.horizontalrow_saumat .sauma__vertical_ctrldown {
	display: none;
}

.sauma__vertical_ctrl-lefted {
	top: -20px;
	left: 0%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.sauma__vertical_hanta .sauma__vertical_ctrldown {
	bottom: -40px;
}

.sauma__vertical_ctrldown {
	bottom: -40px;
}

.saumat__grandrow,
.rangat__grandrow,
.listat__grandrow {
	width: 100%;
	height: 100%;
	position: relative;
}

.verticalrow_saumat,
.horizontalrow_saumat {
	width: 100%;
	position: relative;
	height: 100%;
}

.saumat__grandrow>.verticalrow_saumat {
	top: -100%;
}

/*.sauma.non-existent {
  box-shadow:unset !important;
  background: unset !important;
}*/

/*.sauma__vertical_ctrldown:first-child,
.sauma__controls:first-child > b  {
  display: none;
}*/

.sauma__vertical_ctrldown:before,
.sauma__vertical_ctrldown:after {
	top: 9px;
	bottom: unset;
	content: "";
	display: block;
	background: #000;
	width: 1px;
	height: 4px;
	position: absolute;
	bottom: unset;
}

.sauma__vertical_ctrl:before,
.sauma__vertical_ctrl:after {
	top: unset;
	bottom: -5px;
	content: "";
	display: block;
	background: #000;
	width: 1px;
	height: 4px;
	position: absolute;
}

.sauma__vertical_ctrldown:before,
.sauma__vertical_ctrl:before {
	left: 0;
	bottom: -5px;
}

.sauma__vertical_ctrldown:after,
.sauma__vertical_ctrl:after {
	right: 0;
	bottom: -5px;
}

.sauma__vertical .sauma__controls:before,
.fakesauma_v .sauma__controls:before {
	top: 15px;
	content: "";
	display: block;
	background: #000;
	width: 1px;
	height: 4px;
	position: absolute;
}

.sauma__vertical .sauma__controls:before {
	left: 0;
}

.sauma__horizontal .sauma__controls_del:before,
.fakesauma_h .sauma__controls_del:before {
	top: 5px;
	left: -15px;
	content: "";
	display: block;
	background: #000;
	height: 0.5px;
	width: 20px;
	position: absolute;
}

.sauma__vertical .sauma__controls_del:before,
.fakesauma_v .sauma__controls_del:before {
	display: block;
	content: "";
	position: absolute;
	background: black;
	left: 0;
	width: 0.5px;
	height: 20px;
	top: 12px;
	left: 4.5px;
}

.fakesauma_v .sauma__controls_del {}

.sauma__downctrl_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: -22px;
	width: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.sauma__rightctrl_container {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 20%;
	height: 55px;
}

.sauma__rightctrl_innercontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 240px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: -25px;
}

.sauma__downctrl_container.disabled,
.sauma__rightctrl_container.disabled {
	display: none;
}

.sauma__controls_del,
.house__wall_asjarj {
	font-weight: 900;
	font-size: 9px;
	line-height: 10px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #171717;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	justify-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	border: 2px solid red;
	width: 14px;
	height: 14px;
	margin-bottom: 1px;
	background: #fff;
	cursor: default;
}

.sauma__vertical_ctrl .sauma__controls {
	top: -16px;
	left: -8px;
}

.sauma__vertical .sauma__controls_del,
.fakesauma_v .sauma__controls_del {
	left: -7px;
	position: relative;
	z-index: 99;
	top: -15px;
}

.sauma__horizontal .sauma__controls_del,
.fakesauma_h .sauma__controls_del {
	margin-left: auto;
	right: -30px;
	position: relative;
	/*  top: 7px;*/
	z-index: 99;
}

.sauma__horizontal .sauma__controls input {
	border-left: 1px solid #000;
	width: 26px;
}

/*.sauma__horizontal .sauma__controls input div {
  transform: rotate(90deg);
}*/

.sauma__vertical .sauma__controls input {
	border-bottom: 1px solid #000;
}

.combined__levy {
	background: #fff;
}

.sauma__horizontal_ctrldown:before,
.sauma__horizontal_ctrldown:after,
.sauma__horizontal_ctrl:before,
.sauma__horizontal_ctrl:after {
	content: "";
	display: block;
	background: #000;
	width: 1px;
	height: 4px;
	position: absolute;
}

.sauma__horizontal_ctrldown:before,
.sauma__horizontal_ctrl:before {
	top: -1px;
	-webkit-transform: rotate(91deg);
	-ms-transform: rotate(91deg);
	transform: rotate(91deg);
	right: -3px;
}

.sauma__horizontal_ctrldown:after,
.sauma__horizontal_ctrl:after {
	right: -3px;
	bottom: -1px;
	-webkit-transform: rotate(91deg);
	-ms-transform: rotate(91deg);
	transform: rotate(91deg);
}

.sauma__horizontal_ctrldown,
.sauma__horizontal_ctrl {
	border-bottom: 1px solid #000;
	position: absolute;
	text-align: right;
	display: block;
	padding-right: 5px;
	font-size: 12px;
}

.sauma__horizontal_ctrldown {
	text-align: left;
	left: -40px;

	border-bottom: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-right: 1px solid #000;
	position: absolute;
	cursor: not-allowed;
	height: 16px;

	color: #000;
	z-index: -1;
}

.sauma__horizontal_ctrldown div {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	right: -7.5px;
	position: relative;
}

.sauma__horizontal_ctrldown,
.sauma__vertical_ctrldown {
	color: #51aaff;
}

.sauma__horizontal_ctrl:before {
	top: -1px;
	-webkit-transform: rotate(91deg);
	-ms-transform: rotate(91deg);
	transform: rotate(91deg);
	left: -3px;
}

.sauma__horizontal_ctrl:after {
	bottom: -1px;
	-webkit-transform: rotate(91deg);
	-ms-transform: rotate(91deg);
	transform: rotate(91deg);
	left: -3px;
}

.sauma__horizontal_ctrl {
	border-bottom: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-left: 1px solid #000;
	left: 50%;
	padding-left: 5px;
	padding-right: 0;
	position: absolute;
	cursor: pointer;
	height: 16px;
	margin-left: -25px;
	color: #000;
	z-index: -1;
}

.delmeasure {
	position: absolute;
	cursor: not-allowed;
	z-index: 0;
	color: #008d0e;
	font-weight: normal;
	font-size: 10px;
}

.delmeasure_vertical {
	right: -6px;
	top: -14px;
}

.fakesauma .delmeasure_vertical {
	right: 2px;
}

.fakesauma .delmeasure_horizontal {
	top: 2px;
}

.delmeasure_horizontal {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: -22px;
	top: -2px;
}

.sauma__horizontal .sauma__horizontal_ctrl {
	border-bottom: none;
	/*  border-left: 1px solid #000;*/
	/*  left: 50%;*/
	/*left: unset;
  bottom: 0;*/
	position: absolute;
	cursor: pointer;
	height: 16px;
	margin-left: 5px;
	color: #000;
	border: unset;
	left: unset;
	right: -38px;
}

.sauma__horizontal_last .sauma__horizontal_ctrl {
	/*  right: -82px;*/
	margin: 0;
}

.sauma__horizontal_last .sauma__horizontal_ctrldown {
	left: -40px;
	margin: 0;
	margin-top: 4px;
}

.sauma_viim__vertical_ctrldown,
.sauma_viim__horizontal_ctrldown {
	display: none;
}

/*.sauma__horizontal_ctrl,
.drawarea__left .sauma__control_down,
.drawarea__left .sauma__horizontal_ctrldown {
  display: none !important;
}*/

.vertical_module,
.horizontal_module {
	position: absolute;
	font-size: 13px;
	font-weight: bolder;
	color: #51aaff;
	text-transform: uppercase;
}

.saumat__grandrow>div>div .vertical_module {
	top: 100%;
	margin-top: 0px;
	margin-left: -5px;
}

.saumat__grandrow>div>div .horizontal_module {
	right: 100%;
	margin-right: 17px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: -5px;
}

.db_saumatable .horizontal_module {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: -30px;
}

.db_saumatable .vertical_module {
	margin-left: 15px;
}

.db_saumatable {
	margin-left: -50px;
	margin-top: 10px;
}

.saumat__grandrow>div>div.sauma__vertical_last .vertical_module,
.saumat__grandrow>div>div.fakesauma_v .vertical_module {
	color: #f00;
	margin-left: -10px;
	margin-top: 40px;
}

.saumat__grandrow>div>div.sauma__horizontal_last .horizontal_module,
.saumat__grandrow>div>div.fakesauma_h .horizontal_module {
	margin-right: 36px;
	color: #f00;
}

/* 2.5 levyt */

.levyt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	height: 100%;
	overflow: visible;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	top: -100%;
}

.levyt .external_meta_area {
	position: absolute;
	bottom: calc(100% + 60px);
	left: 20px;
}

/*.levyt {
  display: flex;
  width: 100%;*/
/*  position: relative;*/
/*  height: 100%;
  overflow: visible;
  justify-content: space-around;
}*/

.levyt .levy_tyostot_x,
.levyt .levy_tyostot_y {
	/*  overflow: hidden;*/
}

.levyrow_vertical,
.levyrow_horizontal {
	height: auto;
	width: auto;
	position: absolute;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	z-index: 3;
}

.levyrow_vertical {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.levysarake {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.levy,
#drawscreen_section_tyostot .visible,
.lt_levy_vis {
	position: relative;
	background: #f1f1f1;
	display: inline-block;
	/* border: 0.75px solid #fff; */

	height: 100%;
	width: 100%;
	/*  padding: 5% 2%;*/
	/*  overflow: hidden;*/

	background-size: cover;
}

.levy.dir_y:before,
#drawscreen_section_tyostot .visible.dir_y:before {
	height: 100%;
	width: 100%;
	background: url("/img/wood-structure_pysty.png") no-repeat;
	content: "";
	display: block;
	position: absolute;
	background-size: cover;
	opacity: 0.8;
}

.levy.dir_x:before,
#drawscreen_section_tyostot .visible.dir_x:before {
	height: 100%;
	width: 100%;
	background: url("/img/wood-structure_vaaka.png") no-repeat;
	content: "";
	display: block;
	position: absolute;
	background-size: cover;
	opacity: 0.8;
}

div.levy_transparent,
.dir_y.levy_transparent:before,
.dir_x.levy_transparent:before {
	background-color: transparent;
}

.levy_kp {
	position: absolute;
	width: 9px;
	height: 0;
	left: 0;
	bottom: 0;
	top: 0;
	/* margin-left: -8px; */
	display: block;
	margin: auto;
	font-size: 8px;
	text-align: center;
	/* margin-bottom: -8px; */
	display: block;
	right: 0;
}

.levy_kp:after {
	background-color: black;
	border-radius: 50%;
	content: "";
	display: block;
	margin: 0 auto;
	width: 2px;
	height: 2px;
}

.levy_transparent b {
	color: transparent !important;
}

.levy_tyostot_x,
.levy_tyostot_y {
	height: 100%;
	width: 100%;
	position: absolute;
}

.levy {
	z-index: 7;
	/* overflow: scroll; */
}

.levy.levy_disabled {
	background: unset !important;
}

#drawscreen_section_tyostot .lt_levy_vis {
	margin: 50px auto;
	display: block;
}

.lt_levy_vis,
.levytyosto__maincol_x {
	margin-left: 40px;
}

.lt_levy_vis.visible.levy_vis>b {
	position: absolute;
	margin: 12px;
}

.lt_levy_vis .tyostot__tyosto_vaaka .thirdcord {
	margin-left: -40px;
}

.levytyosto_container {
	/*  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/
}

.levytyosto_container .modal {
	padding: 15px;
}

.levytyosto_container h1 {
	text-align: center;
}

.levytyosto_container h1 i {
	font-style: normal;
}

.korjaus_secondrow {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.alku__tyosto_pysty {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tyostot_keskitys {
	position: absolute;
	background: rgba(255, 255, 255, 0.95);
	right: 40px;
	bottom: 40px;
	padding: 40px;
	border-radius: 50px;

	max-width: 320px;
	z-index: -1;
	max-height: 320px;

	opacity: 0;
	pointer-events: none;
	z-index: -1;

	-webkit-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;
}

/*.tyostot_keskitys.two {
  opacity: 1;
  pointer-events: all;
   z-index: unset;
  z-index: 9;
}*/

.tyostot_keskitys .spontanous__kiinniketys {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tyostot_keskitys .spontanous__kiinniketys label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 45%;
	flex: 0 0 45%;
}

/*.alku__tyosto_pysty .event_a {
  top: -28px;
  position: relative;
}

.levy_tyostot_x .alku__tyosto_pysty.tyostot__tyosto_pysty .x_cord_mki.event_a {
  margin-top: 6px;
  opacity: 1;
  height: 15px;
}

.viim__tyosto_pysty  .event_a {
  margin-left: -7px;
}*/

.temp_input_last {
	margin-top: 0;
}

div.alku__tyosto_vaaka input.event_e,
div.alku__tyosto_vaaka input.event_g,
div.alku__tyosto_vaaka input.event_h,
div.alku__tyosto_vaaka input.event_f {
	margin-top: -30px;
}

.levy b:not(.thirdcord b) {
	font-size: 12px;
	font-weight: normal;
	z-index: 99;
	left: 2%;
	top: 5px;
	line-height: 1.5;
	position: absolute;

	max-width: 100%;
	overflow-x: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.levy b .levy_name {
	margin-right: 4px;
}

.levy b .levy_name i {
	font-style: normal;
	font-weight: bold;
}

.levy b i {
	font-style: italic;
	left: 2%;
}

.levy .closer {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #f00;
	font-size: 12px;
	padding: 5px 4px;
	border: 2px solid #f00;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 5;
	font-stretch: ultra-expanded;
}

.levy .levy_h,
.levy .levy_w,
.levy_vis .levy_h,
.levy_vis .levy_w {
	position: absolute;
	z-index: 1;
	opacity: 0.75;
	font-size: 10px;
	color: white;
}

.levy .levy_h,
.levy_vis .levy_h {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 3px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 15px;
	text-align: center;
}

.levy .levy_w,
.levy_vis .levy_w {
	left: 0;
	right: 0;
	bottom: 4px;
	margin: 0 auto;
	display: block;
	/* width: 30px; */
	text-align: center;
}

.closer_1 {
	top: -11.5px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.closer_2 {
	margin: auto 0;
	right: -11.5px;
	top: 0;
	bottom: 0;
}

.closer_3 {
	bottom: -11.5px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.closer_4 {
	margin: auto 0;
	left: -11.5px;
	top: 0;
	bottom: 0;
}

.levysarake>.levy:first-child>.closer_1,
.levysarake>.levy:last-child>.closer_3,
.levysarake:first-child>.levy>.closer_4,
.levysarake:last-child>.levy>.closer_2 {
	display: none;
}

/*2.5-5 Työstöt*/
#drawscreen_section_tyostot {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#drawscreen_section_tyostot .col-6:first-child {
	padding: 0 10px;
}

#drawscreen_section_tyostot h1 {
	margin: 0 auto 30px auto;
	text-align: center;
	display: block;
}

#drawscreen_section_tyostot .levy {
	margin-left: 50px;
}

#drawscreen_section_tyostot .levy input {
	background-image: unset;
}

#drawscreen_section_tyostot .row {
	width: 100%;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.verticalinputs,
.horizontalinputs {
	position: absolute;
}

.verticalinputs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

/*.horizontalinputs {
  margin-top: 110%;
}*/
.verticalinputs {
	margin-left: 108px !important;
}

/*.tyosto__navigation {
  bottom: 0;
  position: absolute;
}*/
.horizontalinputs-left {
	bottom: -26px;
	top: auto;
	margin: unset;
	position: absolute;
	/*  width: auto;*/
	height: auto;
	left: 0;
	width: 100%;
}

.horizontalinputs-right {
	bottom: -26px;
	top: auto;
	margin: unset;
	position: absolute;
	/*  width: auto;*/
	height: auto;
	right: 0;
	width: 80px;
}

.tyosto_measure label {
	font-size: 13px;
}

.tyostot__tyosto input {
	padding: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	border: unset;
	/* width: 15px; */
	font-size: 8px;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	width: 20px;
	height: 20px;
}

/*}*/
.sauma_ensi__horizontal {
	opacity: 0;
	display: none;
}

.levy_blessedcord input.x_cord {
	margin-top: -29px;
}

.levy_tyostot_x .tyostot__tyosto input {
	background: url(/img/bgpystytyosto.png) no-repeat right;
	background-size: 100%;
	background-color: unset;
	padding: 0px 11px 0px 0px;
	width: 38px;
	margin-top: -20px;
	height: 15px;
}

.levy_tyostot_x .tyostot__tyosto_pysty .x_cord_mki {
	margin-top: -19px;
	height: 15px;
}

.levy_tyostot_x .tyostot__tyosto_pysty .x_cord_mki:not(.x_cord_border) {
	margin-left: -28px;
}

.levy_tyostot_x .viim__tyosto_pysty input.temp_input_last,
.viim__tyosto_pysty .temp_input_last {
	margin-top: -51px;
}

.levy_tyostot_x .alku__tyosto_pysty.tyostot__tyosto_pysty .x_cord_mki {
	/*  margin-top: 9px;*/
	height: 15px;
}

.viim__tyosto_pysty .thirdcord i {
	margin-top: 12px;
	display: block;
}

/*.levy_tyostot_x .alku__tyosto_pysty.tyostot__tyosto_pysty .x_cord_mki.event_c {
  margin-top: -20px;
}*/

input.secondcord {
	font-weight: bold;
	text-align: center;
	color: #f00;
}

.thirdcord {
	background: unset;
	padding: 0px 11px 0px 0px;
	/* width: 38px; */
	margin-top: 0;
	margin-left: -10px;
	font-size: 12px;
	color: #000;
	position: absolute;
	width: 28px;
	text-align: center;
	overflow: visible !important;

	display: none;
}

.thirdcord b {
	color: #51aaff;
}

.no_siirto .thirdcord {
	margin-left: 0;
}

.viim__tyosto_pysty.no_siirto .thirdcord {
	margin-left: -11px;
}

.reika_module,
.valiranka_module {
	margin-top: 20px;
	left: 15px;
	position: relative;
}

.valiranka_module {
	top: 20px;
	margin-top: 0;
}

.levy_tyostot_x .tyostot__tyosto input.secondcord {
	background: unset;
	padding: 0px 11px 0px 0px;
	/* width: 38px; */

	margin-top: 10px;
	margin-left: -13px;
	font-size: 12px;
}

.levy_tyostot_y .tyostot__tyosto input.secondcord,
.levy_tyostot_y .thirdcord {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.levy_tyostot_x .tyostot__tyosto.viim__tyosto_pysty input.secondcord {
	margin-top: -5px;
	position: absolute;
	margin-left: -27px;
	padding: 0;
	border: unset;
}

.levy_tyostot_x .tyostot__tyosto.alku__tyosto_pysty input.secondcord {
	margin-top: -5px;
	position: absolute;
	margin-left: 0;

	border: unset;
}

.levy_tyostot_y .tyostot__tyosto input {
	margin-top: 19px;
	overflow: visible;
	float: right;
	margin-left: auto;
	display: block;
	margin-right: -33px;
	position: relative;
	z-index: 3;
	width: 34px;
	background: url(/img/bgpystytyosto.png) no-repeat;
	background-size: 100%;
	padding: 0px 10px 0px 0px;
	height: 19px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.levy_tyostot_y .tyostot__tyosto input.secondcord {
	margin-top: -6px;
	overflow: visible;
	float: right;
	/* margin-left: -4px; */
	display: block;
	/* margin-right: -61px; */
	position: relative;
	z-index: 3;
	width: 34px;
	background: unset;
	height: 19px;
	/* transform: unset; */
	margin-top: -13px;
	margin-left: -50px;
	font-size: 12px;
	width: auto;
}

.tyostot__tyosto_vaaka input.event_f {
	margin-top: -60px;
}

/*.levy_tyostot_x .tyostot__tyosto.levy_blessedcord:before {
      content: '';
    display: block;
    background: #000;
    height: 1px;
    width: 20px;
    transform: 0;
    right: -10px;
    position: absolute;
    transform: rotate(-45deg);
    z-index: 4;
    top: -13px;
}

.levy_tyostot_x .tyostot__tyosto.no_siirto.levy_blessedcord:before {
        content: '';
    display: block;
    background: #000;
    height: 1px;
    width: 20px;
    transform: 0;
    left: 11px;
    position: absolute;
    transform: rotate(-45deg);
    z-index: 4;
    top: -36px;
}

.levy_tyostot_x .tyostot__tyosto.no_siirto.levy_blessedcord.viim__tyosto_pysty:before {
  left: -8px;
}

.levy_tyostot_x .tyostot__tyosto.no_siirto.levy_blessedcord.viim__tyosto_pysty:after {
      content: '';
    display: block;
    background: #000;
    height: 1px;
    width: 20px;
    transform: 0;
    left: -8px;
    position: absolute;
    transform: rotate(-45deg);
    top: -14px;
}
.levy_tyostot_y .tyostot__tyosto.levy_blessedcord:before {
  content: '';
    display: block;
    background: #000;
    height: 1px;
    width: 20px;
    transform: 0;
    right: -23px;
    position: absolute;
    transform: rotate(-45deg);
    z-index: 4;
}


.levy_tyostot_y .tyostot__tyosto.no_siirto.levy_blessedcord:before {
      content: '';
    display: block;
    background: #000;
    height: 1px;
    width: 20px;
    transform: 0;
    right: -68px;
    position: absolute;
    transform: rotate(-45deg);
    z-index: 4;
    bottom: -9px;
}

.levy_tyostot_y .tyostot__tyosto.no_siirto.levy_blessedcord.viim__tyosto_vaaka:after {
       content: '';
    display: block;
    background: #000;
    height: 1px;
    width: 20px;
    transform: 0;
    right: -23px;
    position: absolute;
    transform: rotate(-45deg);
    bottom: -19px;
    z-index: 4;
}*/

.levy_tyostot_y .tyostot__tyosto input,
.levy_tyostot_x .tyostot__tyosto input {
	border: unset;
}

/*
.levy_tyostot_x .tyostot__tyosto input {
  background: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: unset;
}*/
/*.verticalinputs-levy,.horizontalinputs-levy {
  top: 50px;
}
*/

/*.viim__tyosto_vaaka.no_siirto.levy_blessedcord > input:nth-child(2) {
  background-color: #e0e0e0;
}*/

.viim__tyosto_pysty .x_cord {
	right: 0;
}

.alku__tyosto_pysty .x_cord:nth-child(1) {
	left: 0px;
	margin-left: 34px;
}

/*
.alku__tyosto_vaaka input[type=text]:nth-child(2) {
  display: none;
}*/

.levy_tyostot_y .alku__tyosto_vaaka.tyostot__tyosto input.secondcord {
	margin-top: -26px;
	margin-right: -20px;
}

.levy_tyostot_y .viim__tyosto_vaaka.tyostot__tyosto input.secondcord {
	margin-top: -5px;
	margin-right: -20px;
}

.levy_tyostot_x .tyostot__tyosto input.x_cord_border,
.levy_tyostot_y .tyostot__tyosto input.x_cord_border,
.levy_tyostot_y .alku__tyosto_vaaka .temp_input,
.levy_tyostot_y .viim__tyosto_vaaka .temp_input,
.levy_tyostot_y .alku__tyosto_vaaka .thirdcord,
.levy_tyostot_y .viim__tyosto_vaaka .thirdcord,
.viim__tyosto_vaaka .secondcord,
.alku__tyosto_vaaka .secondcord,
.tyostot__tyosto input.y_cord_border {
	/*    margin-top: -120px !important;*/
	right: 15px;
	margin: 0;
	position: relative;
	width: 22px;

	/* ed 0712 */
	pointer-events: none;
	display: none;
}

.levy_tyostot_x .viim__tyosto_pysty input.x_cord_border,
.levy_tyostot_x .alku__tyosto_pysty input.x_cord_border {
	margin-top: -49px;
}

/*.levy_tyostot_x .viim__tyosto_pysty input.x_cord_border.event_a,
.levy_tyostot_x .alku__tyosto_pysty input.x_cord_border.event_a {
  margin-top: -21px;
}*/
.levy_tyostot_x .alku__tyosto_pysty input.x_cord_border.event_a {
	margin-top: 6px;
	height: 14px;
}

.alku__tyosto_vaaka .event_e {
	margin-top: -10px;
}

.levy_tyostot_x .viim__tyosto_pysty input:nth-child(2) {
	margin-left: -22px;
	/*  border-right: 4px solid #E0E0E3;
  border-left: 4px solid #E0E0E3;
*/
}

.viim__tyosto_pysty input.temp_input_last,
.viim__tyosto_vaaka input.temp_input_last {
	border: 1px dashed #008d0e;
	width: 24px;
	padding: 0;
	background: #fff;
}

.viim__tyosto_vaaka input:nth-child(2) {
	margin-right: -50px;
}

.viim__tyosto_vaaka .y_cord_border {
	margin-top: 9px;
}

.levy_tyostot_x .viim__tyosto_pysty input.event_a:nth-child(2) {
	/* margin-top: 15px; */
	margin-left: -9px;
	float: left;
	right: 59px;
	top: unset;
	position: relative;
	height: 15px;
}

.levy_tyostot_x .alku__tyosto_pysty.tyostot__tyosto_pysty .x_cord_mki.event_a {
	margin-top: -48px;
}

.tyostot__tyosto input.y_cord_border {
	margin-right: -78px;
	top: 0;
}

.levytyosto_container .temp_input.hidden {
	display: none;
}

.show_borders {
	background-color: #f56765;
}

.drawarea__mm.lineinput {
	width: 50px;
	border: unset;
	border-bottom: 1px solid black;
	padding: 2px 5px;
}

.verticalinputs .drawarea__mm.lineinput {
	top: -2px;
	position: relative;
	margin-right: 5px;
}

.horizontalinputs .drawarea__mm.lineinput {
	margin-top: 20px;
	position: relative;
	width: 80px;
	display: inline;
}

.levy_settings h2 {
	text-align: center;
}

.lineinput.drawarea__mm.mod_interval {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	margin-bottom: 0;
}

/*.horizontalinputs div,*/

.verticalinputs-down {
	margin-top: -30px;
}

.verticalinputs div {
	position: relative;
}

.horizontalinputs div {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#k_yrmod+label:before,
#k_armod+label:before {
	position: relative;
	display: block;
	content: "";
	height: 3px;
	width: 80px;
	background: url(/css/pointer.svg) no-repeat left top;
	left: -31px;
	top: -14px;
}

#k_yrlevy+label:before,
#k_arlevy+label:before {
	position: relative;
	display: block;
	content: "";
	height: 3px;
	width: 140px;
	background: url(/css/pointer.svg) no-repeat left top;
	left: -110px;
	top: -14px;
}

.k_ormod:before {
	position: absolute;
	display: block;
	content: "";
	height: 84px;
	width: 3px;
	background: url(/css/pointer_vaaka.svg) no-repeat top;
	right: -1.5px;
	top: -25px;
}

#k_orlevy+label:before {
	position: absolute;
	display: block;
	content: "";
	height: 119px;
	width: 3px;
	background: url(/css/pointer_vaaka.svg) no-repeat top;
	right: -1.5px;
	top: -75px;
}

.k_vrmod:before {
	position: absolute;
	display: block;
	content: "";
	height: 84px;
	width: 3px;
	background: url(/css/pointer_vaaka.svg) no-repeat top;
	left: -1.5px;
	top: -25px;
}

#k_vrlevy+label:before {
	position: absolute;
	display: block;
	content: "";
	height: 119px;
	width: 3px;
	background: url(/css/pointer_vaaka.svg) no-repeat top;
	left: -1.5px;
	top: -75px;
}

.kiinniketys {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.kiinniketys .row {
	width: 100%;
}

.kiinniketys input[type="radio"]+label,
.kiinniketys input[type="checkbox"]+label {
	height: 40px;
	padding: 0;
	width: 70%;
	-webkit-box-flex: unset;
	-ms-flex: unset;
	flex: unset;
}

.tyostot__tyosto_pysty,
.tyostot__tyosto_vaaka {
	position: relative;
	-webkit-box-shadow: 0 0 5px #00ff43, inset 0 0 10px #00ff43;
	box-shadow: 0 0 5px #00ff43, inset 0 0 10px #00ff43;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tyostot__tyosto_pysty.hidden,
.tyostot__tyosto_vaaka.hidden {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tyostot__tyosto_pysty {
	height: 100%;
	width: 1.6px;
	position: absolute;
	opacity: 1;
	display: block;
}

.tyostot__tyosto_vaaka {
	width: 100%;
	height: 1.6px;
	position: absolute;
	opacity: 1;
	display: block;
}

.tyostot__tyosto.erikoisranka {
	-webkit-box-shadow: 0 0 5px magenta, inset 0 0 10px magenta;
	box-shadow: 0 0 5px magenta, inset 0 0 10px magenta;
}

/* .ranka.saumaranka {
  box-shadow: 0 0 2px red, inset 0 0 3px red;
} */

.ranka_pysty:before {
	border-right: 1px solid red;
	border-left: 1px solid red;
	width: 10px;
	background: transparent;
	margin-left: -5px;
	display: block;
	content: "";
	height: 100%;
}

.ranka_vaaka:before {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	height: 10px;
	background: transparent;
	margin-top: -5px;
	display: block;
	content: "";
	width: 100%;
}

.tyostot__tyosto.ikkunaranka {
	-webkit-box-shadow: 0 0 5px orange, inset 0 0 10px orange;
	box-shadow: 0 0 5px orange, inset 0 0 10px orange;
	z-index: 10 !important;
}

.saumat__grandrow .sauma.sauma__horizontal.deformed {
	-webkit-box-shadow: 0 0 1px red, inset 0 0 2px red;
	box-shadow: 0 0 1px red, inset 0 0 2px red;
	margin-bottom: -1px;
	height: 1.5px;
	z-index: 9 !important;
}

.saumat__grandrow .sauma.sauma__vertical.deformed {
	-webkit-box-shadow: 0 0 1px red, inset 0 0 2px red;
	box-shadow: 0 0 1px red, inset 0 0 2px red;
	margin-left: -1px;
	width: 1.5px;
	z-index: 9 !important;
}

/*.sauma.sauma__vertical.deformed {
  border-right: 1px solid #FEB700;
}
*/
.tyostot__tyosto div {
	font-size: 12px;
	/*  width: 40px;*/
	overflow: hidden;
	position: relative;
	top: -15px;

	z-index: 1;
}

.tyostot__tyosto_pysty div {
	float: left;
}

.tyostot__tyosto_pysty.levy_blessedcord div.x_del,
.levytyosto_container .tyostot__tyosto_pysty div.x_del {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #f00;
	bottom: 0px;
	position: absolute;
	left: -8px;
	top: -22px;
	background: #fff;
}

.tyostot__tyosto.levy_blessedcord div.x_del:after,
.levytyosto_container .tyostot__tyosto div.x_del:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "\274c";
	font-size: 6px;
	color: #f00;
	line-height: 13px;
	text-align: center;
}

/* .tyostot__tyosto_vaaka.levy_blessedcord div.x_del,
.levytyosto_container .tyostot__tyosto_vaaka div.x_del {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #f00;

  position: absolute;
  bottom: -8px;
  left: 101%;
  background: #fff;
  margin-left: 48px; */
/* } */

.drawarea__things_kinthings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.drawarea__things_kinthings input+label {
	margin: 3px 0 2px 0;
}

.drawarea__things_kinthings input#kin_toggle_2+label {
	margin-bottom: 100px;
}

div.x_del {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #f00;
	left: unset;
}

.tyostot__tyosto.levy_blessedcord div.x_del.only_self {
	border-color: #fff;
	z-index: 10;
}

div.x_del:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "\274c";
	font-size: 6px;
	color: #f00;
	line-height: 13px;
	text-align: center;
}

.tyostot__tyosto.levy_blessedcord div.x_del.only_self:after {
	background-color: #fff;
}

div.x_del.hidden {
	display: none;
}

.tyostot__tyosto.hidden .x_del {
	display: none;
}

.tyostot__tyosto_vaaka .x_del {
	left: unset;
	margin-right: -40px;
	top: -5px;
	float: right;
	/*  z-index: 1;*/
}

.tyostot__tyosto_vaaka.tyostot__tyosto.levy_blessedcord .x_del.only_self {
	inset: -30px 15px auto auto;
	margin: 0;
}

.tyostot__tyosto_vaaka .recreate_line.recreate_line.recreate_line {
	position: absolute;
	margin: auto;
	width: 0;
	height: 0;
	border-left: none;
	border-top: 8px solid transparent;
	border-right: 12px solid #00ff43;
	border-bottom: 8px solid transparent;
	inset: 0 auto 0 15px;
	border-radius: 0;
}

.tyostot__tyosto_vaaka .recreate_line.recreate_line.recreate_line.opposite {
	inset: 0 15px 0 auto;
	rotate: 180deg;
}

.tyostot__tyosto_pysty .recreate_line.recreate_line.recreate_line {
	position: absolute;
	margin: auto;
	width: 0;
	height: 0;
	border-bottom: none;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 12px solid #00ff43;
	inset: auto 0 15px -7px;
	border-radius: 0;
	background: none;
}

.tyostot__tyosto_pysty .recreate_line.recreate_line.recreate_line.opposite {
	inset: 15px 0 auto -7px;
	rotate: 180deg;
}

.recreate_line::after {
	content: none !important;
}

.tyostot__tyosto_pysty .x_del {
	margin-top: -25px;
}

.tyostot__tyosto_pysty.tyostot__tyosto.levy_blessedcord .x_del.only_self {
	inset: auto auto 15px 20px;
	margin: 0;
}

.levy__adding_arrow {
	width: 32px;
	height: 32px;

	bottom: 0px;

	left: -16px;
	top: -88px;
	/* background: #fff; */
	position: absolute;
}

.levy__adding_label {
	border-radius: 50%;
	border: 2px solid rgb(255, 251, 0);
	position: absolute;

	width: 32px;
	height: 32px;
	background: #fff;
}

.levy__adding_label:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	font-size: 6px;
	color: #000;
	line-height: 13px;
	text-align: center;

	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: scale(0.25);
	-ms-transform: scale(0.25);
	transform: scale(0.25);
}

.levy__adding_arrow_0 {
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 0;
	left: unset;

	margin-right: -40px;
}

.levy__adding_arrow_1 {
	top: 0;
	bottom: unset;
	right: 0;
	left: 0;
	margin: 0 auto;

	margin-top: -40px;
}

.levy__adding_arrow_2 {
	left: 0;
	right: unset;
	margin: auto 0;
	top: 0;
	bottom: 0;

	margin-left: -40px;
}

.levy__adding_arrow_3 {
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	top: unset;
	bottom: 0;

	margin-bottom: -40px;
}

.levy__adding_label_0 {
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
	right: -40px;
}

.levy__adding_label_1 {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	top: -40px;
}

.levy__adding_label_2 {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	left: -40px;
}

.levy__adding_label_3 {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: -40px;
}

.levy__adding_input {
	width: 30px;
	padding: 2px 4px;
	position: absolute;

	border: 1px solid navajowhite;
	background: #fff;
}

.levy__addedarea_0,
.levy__addedarea_2 {
	height: 100%;
	background: -o-repeating-linear-gradient(45deg,
			#18ab00,
			#18ab00 1px,
			#fff 1px,
			#fff 4px);
	background: repeating-linear-gradient(45deg,
			#18ab00,
			#18ab00 1px,
			#fff 1px,
			#fff 4px);
	right: 0;
	position: absolute;
}

.levy__addedarea_2 {
	right: unset;
	left: 0;
}

.levy__addedarea_1,
.levy__addedarea_3 {
	width: 100%;
	background: -o-repeating-linear-gradient(45deg,
			#18ab00,
			#18ab00 1px,
			#fff 1px,
			#fff 4px);
	background: repeating-linear-gradient(45deg,
			#18ab00,
			#18ab00 1px,
			#fff 1px,
			#fff 4px);
	bottom: 0;
	position: absolute;
}

.levy__addedarea_1 {
	bottom: unset;
	top: 0;
}

.selected {
	background: black;
	color: #fff;
}

.no_siirto {
	-webkit-box-shadow: 0 0 5px #18ab00, inset 0 0 10px #18ab00;
	box-shadow: 0 0 5px #18ab00, inset 0 0 10px #18ab00;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.no_siirto .secondcord {
	display: none !important;
	pointer-events: none !important;
}

/*2.6 Rangat*/

/*.taso__btns input[type="checkbox"].taso_btn+label*/

.taso_btn {
	font-size: 14px;
	width: 100%;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 10px 0;
	border: unset;
	background: gray;
	border-bottom: 1px solid #fff !important;
}

/*.taso__btns_one {
  background: #FE2E00;
}

.taso__btns_two {
  background: #3958C7;
}*/

/*.taso__btns_three {
  background: #FE2E00;
}

.taso__btns_four {
  background: #3958C7;
}
*/
#drawscreen_section_six .nav {
	margin-top: 50px;
}

#drawscreen_section_seven .nav {
	margin-top: 105px;
}

.taso__btns fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.taso__btns fieldset label {
	border: 0;
	opacity: 0.7;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	text-align: center;

	color: #ffffff;
}

.taso__btns fieldset label,
.taso__btns fieldset input {
	margin: 0;
}

.taso__btns input[type="checkbox"]+label:hover,
.taso__btns input[type="checkbox"]+label:focus,
.taso__btns input[type="checkbox"]+label:active,
.taso__btns input[type="checkbox"]:checked+label,
.taso__btns input[type="radio"]+label:hover,
.taso__btns input[type="radio"]+label:focus,
.taso__btns input[type="radio"]+label:active,
.taso__btns input[type="radio"]:checked+label {
	border: 0;
}

.taso__btns input[type="checkbox"]:checked+label,
.taso__btns input[type="radio"]:checked+label {
	font-weight: 400;
	opacity: 1;
}

.sauma.ranka__false {
	opacity: 0;
}

.six_hidden {
	opacity: 0.1;
}

/* 2.7 Listat */

.aukko.deformed {
	border: 2px solid dimgray;
}

.lista_type,
.lista_cord,
.lista_secondcord {
	display: none;
}

.canvas span.aukko.deformed:before,
.preview_canvas span.aukko.deformed:before {
	width: 100%;
	height: 100%;
	position: absolute;
	border: 2px solid red;
	padding: 2px;

	display: block;
	content: "";
	border-radius: 0;
	background: unset;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*2.8 Reklamaatiot*/

#copiedcanvases {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*  overflow-x: scroll;*/
	/*  justify-content: space-between;*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 100%;
	background: #fff;
	z-index: 999;
	width: 5500px;
	position: absolute;
}

#copiedcanvases .preview_canvas {
	overflow: visible;
	margin-left: 240px;
}

.preview_canvas .x_cord {
	background-color: transparent;
}

.copiedcanvases__fixednav,
.copiedcanvases__fixednav li {
	display: block;
}

.copiedcanvases__fixednav li input[type="checkbox"]+label {
	margin: 0;
	color: #fff;
	font-size: 15px;
	line-height: normal;
	padding: 7px 12px 6px 12px;
	border: none;
}

.copiedcanvases__fixednav li input[type="checkbox"]:checked+label {
	background: #18ab00;
}

#copiedcanvases .nav.rangatnav,
#copiedcanvases .bottom_nav {
	position: sticky;
	top: 40px;
	left: 10px;
	z-index: 999;
	padding: 0;
}

#copiedcanvases .nav.rangatnav {
	width: 200px;
}

#copiedcanvases .nav.rangatnav nav {
	margin: 0 40px 0 0;
}

#copiedcanvases .nav.rangatnav ul {
	display: block;
	max-width: unset;
	margin-bottom: 20px;
}

#copiedcanvases .nav.rangatnav ul li div {
	width: auto;
}

#copiedcanvases .bottom_nav {
	top: calc(100% + 20px);
	width: 5500px;
	position: absolute;
}

#copiedcanvases .bottom_nav nav {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: sticky;
	left: 10px;
	margin: 0;
}

#copiedcanvases .bottom_nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
}

#copiedcanvases .bottom_nav ul li {
	cursor: pointer;
}

#copiedcanvases .preview_canvas:first-of-type {
	margin-left: 0;
}

#copiedcanvases .tyostot__tyosto_pysty .secondcord {
	margin-top: -18px;
}

/* #copiedcanvases .preview_canvas .grid-container {
  display: none;
} */
/*
.drawarea__eight .drawarea__top {
  overflow-x: visible;
  justify-content: unset;
}*/

/* width */
/*.drawarea__eight .drawarea__top::-webkit-scrollbar {
  height: 5px;
}*/

/* Track */
/*.drawarea__eight .drawarea__top::-webkit-scrollbar-track {
  background: #f1f1f1;
}*/

/* Handle */
/*.drawarea__eight .drawarea__top::-webkit-scrollbar-thumb {
  background: #555;
}*/

/* Handle on hover */
/*.drawarea__eight .drawarea__top::-webkit-scrollbar-thumb:hover {
  background: #888;
}*/
/*
.drawarea__top * {
  display: none;
}*/

.drawarea__top_itemeight {
	font-size: 11px;
	margin-right: 10px;
	display: inline-block;
	cursor: pointer;
	-webkit-box-flex: unset;
	-ms-flex: unset;
	flex: unset;
	margin-right: 40px;
}

.drawarea__top_itemeight:before {
	display: block;
	content: "";
	position: absolute;
	left: -20px;
	z-index: 2;
	font-size: 16px;
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	background: #000;
}

.drawarea__top_itemeight:first-child {
	margin-left: 30px;
}

.settings__reclamation,
.reclamation {
	background: #000;
	border-radius: 0;
	height: 10px;
	width: 10px;
}

.settings__reclamation:before,
.settings__reclamation:after {
	display: none;
}

.reclamation i {
	top: 15px;
	position: relative;
	font-style: normal;
}

.drawarea__h_cord,
.drawarea__w_cord {
	position: relative;
}

/* New Style */

#new_project__form {
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#roomconfig_first,
#roomconfig_second,
#roomconfig_third,
#roomconfig_fourth,
#rooms {
	height: 100vh;
	width: 100vw;
}

#roomconfig_second {
	padding-bottom: 200px;
	overflow-y: scroll;
}

#roomconfig_second h2 {
	margin-bottom: 40px;
	text-align: center;
}

#new_project .tiedot_textareas {
	margin-block: 1rem;
	max-width: unset;
}

#new_project .tiedot_textareas .form-group {
	width: 100%;
	gap: 20px;
}

#new_project .tiedot_textareas .form-subgroup {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#new_project textarea {
	max-width: unset;
	width: 100%;
	resize: none;
}

.start_set {
	margin-bottom: 40px;
}

.first__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px;
}

.first__container .form-group {
	width: 33%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.first__container input[type="file"],
.first__container input[type="button"] {
	z-index: 5;
	cursor: pointer;
}

.modal .first__container h4 {
	margin-top: 8px;
}

#roomconfig_second .container {
	height: 80vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: scroll;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.SizeChooser .table,
.SizeChooser .table_downstairs {
	width: auto;
}

.SizeChooser {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.commentasking__section .SizeChooser {
	-webkit-box-align: unset;
	-ms-flex-align: unset;
	align-items: unset;
}

.topbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	margin-top: 3vh;
}

.table tbody tr td,
.table_downstairs tbody tr td {
	/* height: 6vh; */
	float: left;
	width: 80px;
	height: 80px;
	min-width: 40px;
	position: relative;
	padding: 0;
	margin: 0;
}

.table tbody tr,
.table_downstairs tbody tr {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.rappus .table tbody tr td,
.rappus .table_downstairs tbody tr td {
	height: 80px;
	width: 80px;
	min-width: 80px;
	min-height: 80px;
}

.table_size_chooser label,
.table_size_chooser input {
	/*    padding: 12px;*/
	width: 100%;
	height: 100%;
}

.table_size_chooser input {
	z-index: 1;
}

.table_size_chooser label {
	/*  transform: rotate(180deg);*/
	z-index: 1;
	margin: 0;
}

.table_size_chooser input+label {
	background: unset;
	outline: unset;
	width: 100%;
	margin: 0;
	height: 100%;
	display: block;
}

.table_size_chooser .checked input+label {
	background: #78b960;
	outline: 1px solid #e9e9e9;
	border: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	z-index: 2;

	font-size: 13px;
	color: #fff;
	line-height: 1.3;
}

.table_size_chooser .nowork input+label {
	background: var(--nowork);
	border: 2px solid var(--nowork);
}

.nowork input+label {
	background: var(--nowork);
}

/* .table_size_chooser .AK .checked.nowork input:checked + label,
.K .checked.nowork input + label {
  background: #78b960;
} */

.open_k .col-with-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/* flex: none; */
}

/* .col-with-table h1 {
  width: 30vw;
}

.col-with-table .col-table {
  width: 48vw;
} */

.project__building {
	/* display: grid;
   grid-template-columns: auto auto auto;
    grid-template-columns: repeat(3, 1fr);
    direction: rtl;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
    direction: rtl;*/
	/*    transform: rotate(180deg);*/
	position: relative;
	height: 800px;
	width: 1823px;
}

.project__building>div {
	font-size: 11px;
	outline: 1px solid #4d4d4d;
	outline-offset: -1px;
	position: absolute;
	height: 80px;
	width: 80px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: normal;
	overflow-wrap: anywhere;
	padding: 2px 1px;
	cursor: pointer;

	-webkit-touch-callout: none;
	/* Safari */
	-webkit-user-select: none;
	/* Chrome */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;

	flex-direction: column;
	text-shadow: -0.5px -0.5px 0 #fff,
		0.5px -0.5px 0 #fff,
		-0.5px 0.5px 0 #fff,
		0.5px 0.5px 0 #fff;
}

.project__buildingcoordinates li.additionalfloor__ak,
.project__buildingcoordinates li.additionalfloor__k {
	display: none;
}

.project__building>div:last-child {
	display: none;
}

.project__building>div.project__buildingcoordinates {
	width: 80px;
	height: 100%;
	display: flex;
	justify-content: flex-end;
}

.project__building.active>div.project__building_room {
	cursor: pointer;
}

.project__building_room b {
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 10px;
}

.project__buildingcoordinates>ul {
	width: 100%;
}

.project__buildingcoordinates li {
	line-height: 80px;
	font-size: 16px;
	z-index: 3;
	position: relative;

	display: block;
	opacity: 1;
}

.commentroles {
	max-width: 100%;
	display: block;
	margin: 0;
	padding-top: 15px;
}

.commentroles .commentroles__column {
	display: inline-block;
	width: 10%;
	float: left;
}

.commentroles .form-group input[type="radio"]+label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.commentroles .form-group input[type="radio"]+label img {
	margin-right: 3px;
}

.colormeanings h3 {
	margin: 22px 0 12px 0;
}

.cr_meaning input[type="radio"]+label,
.o_meaning,
#or_main+label {
	display: block;
	margin: 0;
	padding: 0px 18px 0px 15px;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
}

.cr_meaning input[type="radio"]:checked+label,
.cr_meaning input[type="radio"]:checked label {
	border: 1px solid green;
}

.cr_meaning_1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 13px;
	margin-left: 15px;
}

.o_meaning,
#or_main+label {
	color: inherit;
	text-decoration: unset;
	padding: 10px 15px 9px 15px;
	margin-left: 8px;
}

#or_main+label {
	background-color: #008d0e;
	color: #fff;
}

#hours__estimate {
	font-weight: bold;
}

.get_apartment_modal {
	border-radius: 5px;
	margin-top: 20px;
}

.get_excel_btn:after {
	content: "Jos lataat saman Excelin, uusi tallentuu uutena tiedostona";
	position: absolute;
	font-size: 11px;
	top: 50px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 400;
}

.get_apartment_excel {
	margin: 0;
	margin-top: 20px;
}

.get_screenshot {
	display: block;
	text-align: center;
	width: 333px;
	height: 50px;
	margin: 0 5px;
	background: #f6bb23;
	border-radius: 5px;
	margin-top: 20px;
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	color: #222;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.settings__mittapiste {
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.rangat__grandrow,
.listat__grandrow {
	position: absolute;
}

.rangat__grandrow .tyostot__tyosto,
.listat__grandrow .tyostot__tyosto {
	position: absolute;
	z-index: 8;
}

.rangat__grandrow .ranka_vaaka {
	background-color: #feb700;
	height: 2px;
	width: 100%;
}

.rangat__grandrow .ranka {
	position: absolute;
	z-index: 8;
}

.ranka_unconfirmed.ranka {
	display: none;
}

.listat__grandrow .lista {
	position: absolute;
	z-index: 10;

	/* TEMPORARY */
	background-color: darkgray;
}

.lista_unconfirmed.lista {
	display: none;
}

.rangat__grandrow .ranka_pysty {
	background-color: #feb700;
	width: 3px;
	margin-left: -1px;
	height: 100%;
}

.rangat__grandrow .l2a.valiranka {
	background-color: #51aaff;
}

.rangat__grandrow .l2b.valiranka {
	background-color: #51aaff;
}

.rangat__grandrow .tyostot__tyosto.erikoisranka,
.listat__grandrow .tyostot__tyosto.erikoisranka {
	z-index: 4;
}

/*.ranka.saumaranka {
  border-color: #00deff;
}
*/

.listat__grandrow .ranka {
	position: absolute;
}

.listat__grandrow .ranka_vaaka {
	height: 3px;
	margin-bottom: -1px;
	width: 100%;
}

.listat__grandrow .ranka_pysty {
	width: 3px;
	margin-left: -1px;
	height: 100%;
}

.ranka .ranka_cord {
	float: right;
	width: 20px;
	height: 20px;
}

.viimranka_vaaka.ranka .ranka_cord,
.alkuranka_vaaka.ranka .ranka_cord {
	margin-right: -28px;
	margin-top: -17px;
}

.ranka_vaaka .ranka_cord {
	margin-right: -10px;
	/* margin-top: -16px; */
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	/* top: 16px; */
	position: relative;
}

.ranka_vaaka:not(.viimranka_vaaka) .ranka_secondcord {
	top: -20px;
}

.ranka_pysty.ranka .ranka_cord {
	margin-right: -1px;
	margin-top: 28px;
}

.ranka_pysty .ranka_cord {
	margin-left: -16px;
}

.ranka_pysty .ranka_cord.ranka_type {
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
	-webkit-writing-mode: unset;
	-ms-writing-mode: unset;
	writing-mode: unset;
	margin-top: -40px;
	width: 30px;
	font-size: 12px;
	text-align: center;
	background: transparent;
	border: unset;
	border-bottom: 1px solid black;
	margin-left: -25px;
	margin-right: unset;
	position: absolute;
}

.alkuranka_pysty .ranka_cord.ranka_type {
	margin-left: 0;
}

.ranka_vaaka .ranka_cord.ranka_type {
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
	-webkit-writing-mode: unset;
	-ms-writing-mode: unset;
	writing-mode: unset;
	width: 30px;
	text-align: center;
	font-size: 12px;
	background: transparent;
	border: unset;
	border-bottom: 1px solid black;
	/* margin-left: -25px; */
	margin-right: unset;
	right: -37px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: -10px;
}

.alkuranka_vaaka.ranka .ranka_cord {
	margin-top: -50px;
}

.alkuranka_vaaka.ranka .ranka_secondcord {
	margin-top: -45px;
}

.ranka_secondcord {
	width: 20px;
	height: 20px;
	font-weight: bold;
	color: red;
}

.ranka_pysty .ranka_secondcord {
	padding-top: 40px;
	margin-left: -10px;
}

.ranka_vaaka .ranka_secondcord {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	position: relative;
	left: -40px;
}

.alkuranka_vaaka {
	margin-right: -28px;
	margin-top: -17px;
}

.listat__grandrow div,
.listat__grandrow div.sauma {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	min-height: 3px;
	min-width: 3px;
	border: unset;
	padding: unset;
}

.listat__grandrow div.sauma.tyostot__tyosto_pysty {
	margin-left: -1px;
}

#origo_x,
#origo_y {
	z-index: 999;
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.house__wall_one {
	background: rgba(82, 13, 3, 0.5);

	border-right-color: yellow;
	border-left-color: #51aaff;
	border-bottom-color: black;
	border-top-color: darkgray;
}

.house__wall_two {
	background: rgba(254, 183, 0, 0.5);
	border-right-color: brown;
	border-left-color: red;
	border-bottom-color: black;
	border-top-color: darkgray;
}

.house__wall_three {
	background: rgba(255, 0, 0, 0.5);
	border-right-color: #51aaff;
	border-left-color: yellow;
	border-bottom-color: brown;
	border-top-color: darkgray;
}

.house__wall_four {
	border-right-color: red;
	border-left-color: brown;
	border-bottom-color: black;
	border-top-color: darkgray;
	background: rgba(81, 170, 255, 0.5);
}

.house__wall_roof {
	background: rgba(221, 221, 221, 0.5);
	border-right-color: #51aaff;
	border-left-color: yellow;
	border-bottom-color: brown;
	border-top-color: red;
	margin-bottom: 5px;

	left: 380px;
}

.house__wall_floor {
	background: rgba(0, 0, 0, 0.5);
	margin-top: 5px;
	border-right-color: #51aaff;
	border-left-color: yellow;
	border-bottom-color: red;
	border-top-color: black;
	left: 380px;
}

.house__wall_four:before {
	display: block;
	content: "";
	position: absolute;
	background: url(/css/new-ukko.svg);
	height: 120px;
	width: 88px;
	right: -88px;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.house__wall_three:before {
	display: block;
	content: "";
	position: absolute;
	background: url(/css/joke-ukko.svg);
	height: 90px;
	width: 90px;
	right: auto;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.house__wall_roof:after {
	display: none;
	content: "";
	position: absolute;
	background: url(/css/new-ukko.svg) no-repeat;
	height: 180px;
	width: 85px;
	left: -146px;
	top: 120px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.modal-no,
.modal-yes {
	display: inline-block;
	width: 40%;
	padding: 12px 20px;
	background: red;
	color: #fff;
	height: auto;
	text-align: center;
	margin: 0 10px;
}

.modal-yes {
	background: #008d0e;
}

.rangatnav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: auto 10px;
	text-align: center;
}

.rangatnav .taso_btn {
	color: #fff;
	border: unset;
	text-align: center;
	padding: 0;
	border: unset;
}

.rangatnav input[type="radio"]+label,
.rangatnav input[type="checkbox"]+label {
	margin: 0;
}

.myinfo td {
	width: 39px;
}

.levytyosto__maincol {
	margin: 40px 0 35px 0;
	padding: 15px;
}

input[type="radio"]+label.levy__label,
input[type="checkbox"]+label.levy__label {
	margin: 4px 0 3px 0;
	border: 6px solid #fff;
}

.levytyosto__maincol h5 {
	margin-top: 35px;
}

.levytyosto__maincol fieldset {
	max-height: 300px;
	overflow-y: scroll;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: hidden;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.levytyosto__maincol fieldset label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

.levytyosto__maincol_btn {
	display: block;
	position: absolute;
	color: #fff;
	text-align: center;
	color: #0e0e0e;
	background-color: #e9e9e9;
	padding: 15px;
}

.levytyosto__maincol_y {
	width: 45px;
	margin-left: -45px;
	font-weight: normal;
}

.levytyosto__maincol_y b {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	text-align: center;
	height: 100%;
	font-weight: normal;
}

.levytyosto__maincol_x {}

.levy__label {
	color: #111010;
}

.levy__label.wt {
	color: #f1f1f1;
}

input[type="radio"]+label.levy__label:focus,
input[type="radio"]+label.levy__label:active,
input[type="radio"]:checked+label.levy__label,
input[type="checkbox"]+label.levy__label:focus,
input[type="checkbox"]+label.levy__label:active,
input[type="checkbox"]:checked+label.levy__label {
	border: 6px solid #18ab00;
}

.tilalista__btns div.active {
	color: #188038;
	cursor: default;
	background-color: rgba(24, 128, 56, 0.3);
	border-color: #aaa;
	border-top-color: #fff;
	border-width: 0 1px 1px 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	font-weight: 500;
	margin: 0 0 2px 0;
	outline: 3px solid transparent;
}

.tilalista__btns div:not(.active) {
	color: #222;
	cursor: default;
	background-color: #fff;
	border-color: #aaa;
	border-top-color: #fff;
	border-width: 0 1px 1px 1px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	font-weight: 500;
	margin: 0 0 2px 0;
	outline: 3px solid transparent;
}

.tilalista__btns div {
	display: inline-block;
	float: left;
	padding: 9px 14px;
	font-size: 14px;
	letter-spacing: 0;
}

.three_sheet_item.hidden,
.prthree_sheet_item.hidden {
	display: none;
}

.get_project_modal {
	width: 100%;
}

.projecttilaus__tbody tr td:not(.projecttilaus__tbody tr td:nth-child(1)) {
	font-weight: bold;
	font-size: 12px;
	width: 10%;
}

.excel_tilauksetrow {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.excel_tilauksetrow div {
	margin: 6px 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
}

.commentbox {
	display: none;
}

.newcomment__files {
	max-width: 200px;
	margin-right: 43px;
}

.row.elevated_spaces .col-6 {
	padding: unset 3px;
}

.commentmodal_active .commentbox,
.commentbox.commentbox__new {
	margin: 12px 0;
	display: block;
}

.commentbox.commentbox__new {
	-webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.35);
	padding: 15px 20px;
	border-radius: 5px;
}

#send_reclamation_dialog .commentbox.commentbox__new {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	padding: unset;
	border-radius: unset;
}

.house__intro .commentbox__new input.lineinput {
	pointer-events: all;
}

.commentbox.critical {
	background-color: var(--problem);
}

.comment_answer {
	margin-right: 15%;
	margin-left: 15%;
}

.modal .asiakirja_first {
	width: 100%;
}

.commentmodal_active .comment__section,
.commentmodal_active .kommentti__etaisyydet,
.commentmodal_active .cord,
.commentmodal_active .kommentti_nappula,
.commentmodal_active #kommentti__name {
	display: none;
}

.sulkemis_nappula.modal_close_btn.drawarea__controls_btn {
	background-color: darkred;
	/* margin-top:25px; */
}

.kuittaus_nappula.modal_close_btn.drawarea__controls_btn {
	background-color: #008d0e;
	/* margin-top:25px; */
}

.vastaus_nappula.drawarea__controls_btn_ {
	background-color: darkblue;
	/* margin-top:25px; */
	height: 25px;
}

.house__intro_comments {
	margin-top: 17px;
}

.commentbox__text {
	margin-top: 18px;
	width: 100%;
}

.commentbox__text .pohjakierros {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.commentbox__text .pohjakierros label {
	margin: 0;
	border: unset;
	-webkit-box-flex: unset;
	-ms-flex: unset;
	flex: unset;
}

.commentbox__text .pohjakierros input[type="checkbox"]:checked+label {
	border: unset;
}

.commentbox__text .pohjakierros input {
	margin-top: 7px;
	cursor: pointer;
}

.commentbox.comment__hidden {
	display: none;
}

.commentbox__btns {
	width: 100%;
	margin-top: 10px;
}

.commentbox__btns>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.commentbox__btns>div * {
	margin-top: 0;
}

.aloitus_nappula {
	background-color: #feb700;
}

.commentbox__tiedostot img {
	width: 49%;
}

.canvas span.com:before,
.canvas span.com:after,
.preview_canvas span.com:before,
.preview_canvas span.com:after {
	background: #c73939;
}

.lista_tuo_excel {
	padding-top: 0;
	top: 99px;
	position: relative;
}

.commentbox__tiedostot {
	overflow-x: scroll;
	padding: 0 5px;
}

.commentbox .commentbox__content {
	resize: none;
	height: 90%;
	width: 100%;
	border-radius: 5px;
	padding: 3px 5px;
}

.drawarea__controls_fiveitems {
	max-height: 140px;
	overflow-y: scroll;
}

.drawarea__controls_fiveitems div {
	padding: 0;
	padding-right: 10px;
	cursor: pointer;
	margin: 8px auto;
	font-size: 14px;
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#levysivu h1 {
	font-size: 30px;
	margin-top: 5vh;
}

.commentbox__help_order_5.row .col-4 {
	width: 30%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
}

input[type="checkbox"].commentbox__criticality,
input[type="radio"].commentbox__criticality {
	opacity: 1;
	position: inherit;
	z-index: 1;
}

.greenbtn {
	background-color: #18ab00;
	color: #fff;
}

.newproject__addinglvl {
	padding: 12px 36px;
	margin-top: 34px;
	margin-left: 23px;
	width: 30%;
	text-align: center;
	max-width: 440px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	max-height: 70px;
}

#levysivu h1 input {
	font-size: inherit;
	border: unset;
	border-bottom: 1px solid black;
	padding: 10px;
}

#levysivu h1 .levy_sizes {
	margin-top: 2vh;
}

#levysivu h1 .levy_sizes input {
	font-size: 22px;
	border: unset;
	border-bottom: 1px solid black;
	padding: 10px;
	max-width: 100px;
}

#levysivu h1 .levy_sizes span {
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	margin: 10px;
}

#levysivu .greenbtn {
	border-radius: 0px;
	font-size: 12px;
	border: 2px solid #d5d5d5;
	margin: 20px 0;
	/* padding: 9px 28px; */
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	line-height: 3;
	width: 100%;
	text-transform: uppercase;
}

/* • Kommentoijan puolen korjaukset делегирование или сделай */

#reclamation__popup section {
	padding-top: 0;
}

#reclamation__popup .cord__item {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#reclamation__popup .cord__item input {
	margin: 0;
	height: 20px;
}

.laskuta__ostot {
	display: none;

	padding: 30px 50px;
}

.laskuta__ostot h3 {
	text-align: center;
}

.laskuta__ostot.active {
	display: block;
}

.laskuta__ostot .col-6 {
	text-align: center;
	margin: 3px auto;
	display: block;
}

#tyonjohtotable ul {
	width: 90%;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	padding: 15px 40px;
}

input[type="checkbox"].mass__selection_btn,
input[type="radio"].mass__selection_btn {
	opacity: 1;
	position: static;
	z-index: 9;
	margin-top: -11px;
}

.change__work_btn,
.change__worker_btn,
.change__roomname_btn,
.change__pvm_btn {
	font-size: 14px;
	width: 210px;
	background: #f8981e;
	border-radius: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	padding: 9px 0;
	border: unset;
	float: right;
	margin-top: 25px;
	-webkit-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.change__roomname_btn {
	/* float: left; */
	margin-top: 2px;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.tpv.active {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	vertical-align: middle;
}

.tpv h2 {
	text-align: center;
}

.tpvrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	margin: 16px 0 11px 0;
}

.tpvrow b {
	margin: 0 8px;
}

.tpv_search {
	cursor: pointer;

	max-width: 260px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #64b400;
	border-radius: 5px;
	padding: 7px 0;
	width: 90%;
}

.tabs_kiinniket_header {
	margin: 0px 10px 10px 0px;
	text-align: center;
}

.tabs__target_indent .leveyssuunnan label,
.tabs__target_indent .pituussuunnan label {
	min-width: 250px;
	margin: 5px;
}

.tabs__target_indent .leveyssuunnan input,
.tabs__target_indent .pituussuunnan input {
	text-align: center;
}

.tabs__target_indent section h3:not(.admin__statuses_group > h3) {
	text-align: center;
	margin: 0 10px 10px 0;
}

.levy_settings section h3 {
	text-align: left;
	margin: 0 10px 10px 0;
}

.tabs__target_indent .poraukset .col-2 {
	margin-top: 49px;
}

.levy_settings .poraukset .col-2 {
	margin-top: 25px;
}

.tabs__target_indent .poraukset .col-2 {
	margin-top: 49px;
}

.tabs__target_indent .poraukset input {
	text-align: center;
}

.tabs__target_indent .leveyssuunnan,
.tabs__target_indent .pituussuunnan {
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 1326px) {
	#drawscreen_section_zero div.settings_btn.m_btn {
		display: none;
	}

	#drawscreen_section_zero .drawarea {
		margin: 0;
	}

	.drawarea {
		position: relative;
		/*    margin: 60px auto 50px 0;
    max-width: 60%;*/
		/*    top: 10px;
    margin-top: 10px*/
	}

	.drawarea__controls {
		min-height: 230px;
		margin-left: auto;
		margin-bottom: 25px;
		margin-right: 20px;
		margin-left: 20px;
		width: 200px;
		/* width: 20%;
  }


    .drawarea__controls .row {
      padding: 0 15px;
    }

    .drawarea__controls_esikatselu  {
      z-index: 3;
    }

  /*#box_lower,
  #box_right,
  #box_left {
    display: none !important;
  }*/
	}

	.drawarea__controls_four,
	.drawarea__controls_six {
		display: block;
		/* max-height: unset; */
		/* min-height: auto; */
		overflow-y: scroll;
		max-height: 90vh;
	}

	.drawarea__top {
		margin-top: -60px;
	}

	/*  .da__mediumscale {
    display: block;
    margin-left: 50px;
    margin-top: auto;
    margin-right: auto;
  }*/

	section.nav {
		padding-top: 10px;
	}

	/*.drawarea {
    max-width: 70% !important;
  }*/
}

@media screen and (max-width: 999px) {
	.drawarea {
		max-width: 60% !important;
	}

	.house__intro_comments .commentbox {
		height: 90px;
	}

	.house__intro_comments .commentbox .commentbox__row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 900px) {
	.row.house__intro {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.row.house__intro>.col-6 {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.commentbox__name {
		max-width: unset;
		margin: 0;
		width: 40%;
		padding: 5px 6px 4px 6px;
	}

	.m_hid {
		display: none;
	}

	.m_col_6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
	}

	.t_elabstatus .p_active.popup__statuses_g h6,
	.t_elabstatus .p_active.popup__statuses_h h6,
	.t_elabstatus .p_active.popup__statuses_i h6,
	.t_elabstatus .p_active.popup__statuses_j h6,
	.t_elabstatus .p_active.popup__statuses_k h6 {
		top: 0;
	}

	.colormeanings input {
		width: 100%;
	}

	.colormeaningsimps h6 {
		top: 10px;
		position: relative;
	}
}

@media screen and (max-width: 600px) {
	.commentbox.commentbox__new .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.preview_canvas .x_del,
#drawscreen_section_three>div.modal-container.lv_modal.two>div>div>section:nth-child(3)>fieldset>label:nth-child(8),
#drawscreen_section_two>div.modal-container.asetustaulu.uusiaukko.two>div>div>div.row>div:nth-child(2)>fieldset>label:nth-child(8) {
	display: none;
	/* Temprorary */
}

#lv_remove_confirm {
	border: none;
	max-width: unset;
	max-height: unset;
	width: 100%;
	height: 100%;
	background: none;
}

#lv_remove_confirm .content {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#lv_remove_confirm .content .center {
	margin: auto;
	padding: 2rem 1rem;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px #ccc;
	box-shadow: 0 2px 5px #ccc;
}

#lv_remove_confirm .content p {
	margin-bottom: 1rem;
	text-align: center;
}

#lv_remove_confirm .content button {
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	padding: 0.75rem 1.25rem;
}

#lv_remove_confirm .content .drawarea__controls_btn.okay {
	background: #18ab00;
}

#lv_remove_confirm .content .drawarea__controls_btn.cancel {
	background: lightcoral;
}

#lv_remove_confirm::-webkit-backdrop {
	background: rgb(255 255 255 / 0.7);
}

#lv_remove_confirm::backdrop {
	background: rgb(255 255 255 / 0.7);
}

#copiedcanvases .tyostot__tyosto_pysty .x_cord_mki:not(.secondcord) {
	right: 0 !important;
	translate: 0 -10px;
}

#copiedcanvases .tyostot__tyosto_vaaka .x_cord_mki:not(.secondcord) {
	translate: 10px 0;
}

#copiedcanvases .tyostot__tyosto .x_del+.secondcord {
	margin-top: 25px;
	display: block !important;
}

.ranka_cord.ranka_type {
	top: 0;
}

#roomconfig_third .customer_contacts {
	padding-inline: 1rem;
	margin-left: 1rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#roomconfig_third .customer_contacts .contact {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, 150px);
}

#roomconfig_third .customer_contacts .contact label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1rem;
}

#roomconfig_third .customer_contacts .contact label input,
#roomconfig_third .customer_contacts .contact label select {
	margin: 0;
}

#roomconfig_third .customer_contacts .add_contact {
	padding: 1rem 2rem;
}

@media screen and (max-width: 1600px) {
	#roomconfig_third .newproject__addinglvl {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	#roomconfig_third .customer_contacts {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
}

#rooms .add_new_customer_contact_button,
#send_email,
#show_send_email_dialog {
	background: #00ac25;
	color: #fff;
	padding: 0.5rem 1rem;
	text-decoration: none;
	text-align: center;
}

.dialog {
	width: 100%;
	height: 100%;
	margin: auto;
	background: transparent;
	border: none;
}

.dialog_container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.form {
	margin: auto;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 1rem;
	-webkit-box-shadow: 0 2px 5px #aaa;
	box-shadow: 0 2px 5px #aaa;
	gap: 0.75rem;
	position: relative;
}

.dialog textarea,
.dialog input,
#add_customer_dialog .form select {
	margin: 0;
	max-width: 100%;
}

.close_dialog {
	position: absolute;
	font-size: 1.5rem;
	/* top: -3rem;
  right: -3rem; */
	top: 0rem;
	right: 0rem;
	color: #fff;
	background: #c73939;
	padding: 0.25rem 1rem;
	z-index: 99;
}

.dialog_firstrow {
	max-width: 95%;
	margin-right: 1%;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#send_email_dialog h2 {
	display: inline-block;
}

.dialog .title {
	width: 90%;
}

.dialog .message {
	width: 100%;
	min-height: 400px;
}

#add_customer_dialog .form label,
#send_email_dialog .form label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.5rem;
}

#add_customer_dialog::-webkit-backdrop {
	background: rgba(255, 255, 255, 0.5);
}

#add_customer_dialog::backdrop {
	background: rgba(255, 255, 255, 0.5);
}

#add_new_customer_contact[disabled],
#send_email[disabled] {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: not-allowed;
}

#send_email_dialog .tables {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1rem;
	max-height: 30vh;
	overflow: auto;
}

#send_email_dialog .tables table .owner_checked {
	background: rgba(0, 172, 37, 0.1);
}

#send_email_dialog .project_contacts {
	display: none;
}

#send_email_dialog textarea {
	resize: vertical;
}

#email_presets,
#email_type_presets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	max-width: 80vw;
	overflow-x: scroll;
}

#email_presets .preset:not(.active) {
	display: none;
}

#email_presets .preset.active,
#email_type_presets .toggling_preset {
	padding: 0.5rem 1rem;
	border: 1px solid #000;
	cursor: pointer;
	white-space: pre;
}

#email_presets .preset:hover,
#email_type_presets .toggling_preset:hover {
	color: #fff;
	background: #000;
}

#send_email_popup {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 1rem;
	height: 20dvh;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#send_email_popup.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

#send_email_dialog .type_select,
.secondtype_select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
}

#send_email_dialog .type_select .type,
.secondtype_select .type {
	border: 2px solid #eee;
	padding: 0.5rem 1rem;
	cursor: pointer;
}

#send_email_dialog .type_select .type.checked,
.secondtype_select .type.checked {
	border-color: #00ac25;
}

.preset_is_ok:not(.active) {
	display: none;
}

.preset_is_ok.active {
	background-color: #00ac25;
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding: 12px;
	width: 100%;
	cursor: pointer;
}

.preview_files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 4px;
	text-align: center;
}

.preview_item {
	position: relative;
	width: 150px;
	border: 1px solid gray;
	padding: 6px;
	overflow-wrap: break-word;
}

.preview_item a {
	color: black;
	text-decoration: none;
}

.preview_item img {
	height: 150px;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.preview_delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: rgba(255, 0, 0, 0.7);
	color: white;
}

.project_files_empty {
	width: 150px;
	line-height: 150px;
	text-align: center;
}

.tag_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 4px;
}

.tag,
.tag_add {
	border: 1px solid gray;
	padding: 6px;
}

.tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4px;
}

input.tag_name {
	width: 100%;
	border-bottom: 1px solid;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.tag_delete {
	width: 20px;
	height: 20px;
	background: red;
	color: white;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

/* Styling for the group titles */
.group_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.group_title input[type="text"] {
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

/* Styling for the color squares */
.color_square {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid black;
}

.align_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.status_meaning {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

/* Styling for the update form headings */
.update_form h4 {
	margin: 5px 0;
}

.update_form input[type="text"],
.group_title input[type="text"] {
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
}

.status-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.status-table th,
.status-table td {
	padding: 8px;
	text-align: left;
	border: 1px solid #ddd;
}

.status-table th.order-column,
.status-table td input[type="number"] {
	width: 50px;
}

.status-table th.name-column,
.status-table td input[type="text"] {
	width: 300px;
}

.status-table th.disabled-column {
	width: 100px;
}

.status-table th,
.status-table td {
	background-color: #f9f9f9;
}

.status-table th {
	background-color: #f2f2f2;
}

.status-table td input[type="number"].error {
	border: 2px solid red;
}

.status-table td input[type="number"].success {
	border: 2px solid green;
}

.status-table tr {
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.status-table tr.reordering {
	background-color: greenyellow;
}

.status-table input[type="color"] {
	width: 30px;
	height: 30px;
	border: none;
	padding: 0;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.status-table input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

.status-table input[type="color"]::-webkit-color-swatch {
	border: none;
}

.status-table tr:nth-child(2) input[type="color"] {
	border: 2px solid var(--group-color);
	background-color: white;
}

.status-table tr:nth-child(3) input[type="color"] {
	background: var(--group-color);
	position: relative;
}

.status-table tr:nth-child(3) input[type="color"]::before {
	content: "";
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	background-color: white;
}

.status-table tr:nth-child(4) input[type="color"] {
	background: var(--group-color);
	background-image: linear-gradient(45deg,
			green 25%,
			transparent 25%,
			transparent 50%,
			green 50%,
			green 75%,
			transparent 75%,
			transparent);
	background-size: 10px 10px;
}

.status-table tr:nth-child(5) input[type="color"] {
	background-color: rgba(var(--group-color-r),
			var(--group-color-g),
			var(--group-color-b),
			0.5);
}

.status-table tr:nth-child(6) input[type="color"] {
	background-color: rgba(var(--group-color-r),
			var(--group-color-g),
			var(--group-color-b),
			0.2);
}

.status-table tr:nth-child(7) input[type="color"] {
	background: none;
	position: relative;
}

.status-table tr:nth-child(7) input[type="color"]::before {
	content: "!!";
	position: absolute;
	top: 25%;
	left: 25%;
	color: var(--group-color);
	font-size: 20px;
}

.admin__statuses_heading {
	margin-top: 20px;
	margin-bottom: 10px;
}

.admin__statuses_group {
	margin-bottom: 15px;
	margin-left: 20px;
	/* Added spacing to the left */
}

.admin__statuses_group-title {
	margin-bottom: 5px;
}

.admin__statuses_group-color {
	margin-bottom: 5px;
	text-align: left;
	/* Align text to the left */
}

.admin__statuses_group-color input {
	margin-left: 10px;
}


.admin__projectstages_table {
	width: 100%;
	border-collapse: collapse;
	margin: 25px 0;
	font-size: 0.9em;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.admin__typetable,
.admin__typetable_2 {
	color: #ffffff;
	text-align: left;
}



th.admin__typetable_style-a {
	background-color: rgba(255, 235, 59, 0.4);
	color: #0e0e0e;
}

th.admin__typetable_style-b {
	background-color: rgba(255, 255, 255, 1);
	color: #000;
}

th.admin__typetable_style-c {
	background-color: rgba(116, 126, 104, .4);
}

th.admin__typetable_style-d {
	background-color: rgba(139, 195, 74, .7);
}

th.admin__typetable_style-e {
	background-color: rgba(139, 195, 74, 1);
}

.admin__projectstages_table input[type="text"].w-auto {
	width: auto;
}

.admin__projectstages_table th,
.admin__projectstages_table td {
	padding: 12px 15px;
}

.admin__projectstages_table tbody tr {
	border-bottom: 1px solid #dddddd;
}

.admin__projectstages_table tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

.admin__projectstages_table tbody tr:last-of-type {
	border-bottom: 2px solid #8bc34a;
}

.admin__projectstages_table tbody tr.active-row {
	font-weight: bold;
	color: #009879;
}

.admin__projectstages_table input[type="text"] {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 4px;
}


.admin__projectstages_delete-btn {
	background-color: red;
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
}

th.admin__projectstages_typetable_style-a {
	background-color: rgba(255, 235, 59, 0.4);
	color: #0e0e0e;
}

th.admin__projectstages_typetable_style-b {
	background-color: rgba(255, 255, 255, 1);
	color: #000;
}

th.admin__projectstages_typetable_style-c {
	background-color: rgba(116, 126, 104, .4);
	color: #fff;
}

th.admin__projectstages_typetable_style-d {
	background-color: rgba(139, 195, 74, .7);
	color: #fff;
}

th.admin__projectstages_typetable_style-e {
	background-color: rgba(139, 195, 74, 1);
	color: #fff;
}

.admin__projectstages_table input[type="text"].admin__projectstages_input {
	width: auto;
}

.admin__projectstages_table th,
.admin__projectstages_table td {
	padding: 12px 15px;
}

.admin__projectstages_table tbody tr {
	border-bottom: 1px solid #dddddd;
}

.admin__projectstages_table tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

.admin__projectstages_table tbody tr:last-of-type {
	border-bottom: 2px solid #8bc34a;
}

.admin__projectstages_table tbody tr.active-row {
	font-weight: bold;
	color: #009879;
}

.admin__projectstages_table input[type="text"] {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 4px;
}

@media screen and (max-width: 768px) {
	.tablet-scroll {
		overflow-x: scroll;
	}
}


.admin__projectstages_typetable_2 th,
.admin__projectstages_cell {
	padding: 10px;
	text-align: left;
	background-color: #f2f2f2;
	border-bottom: 2px solid #ddd;
	font-weight: bold;
	color: #333;
}

.admin__projectstages_typetable_style-b {
	background-color: #e6f7ff;
}

.admin__projectstages_typetable_style-c {
	background-color: #e6ffe6;
}

.admin__projectstages_typetable_style-d {
	background-color: #fff0f0;
}

.admin__projectstages_typetable_style-e {
	background-color: #f9e6ff;
}

.project__building_room {
	display: flex;
	position: relative;
	width: 100px;
	height: 100px;
}

.project__building_room>* {
	pointer-events: none;
}

.project__building_room .micro-status-container {
	position: absolute;
	inset: 6px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	flex-wrap: wrap;
	gap: 1px;
	z-index: 0;
}

.project__building_room .micro-status-container>div {
	overflow: hidden;
}

.project__building_room .name {
	position: absolute;
	inset: 0;
	text-shadow: 1px 1px white, -1px -1px white;
	text-align: center;
	align-content: center;
	/* z-index: 1; */
}

.project__building_room b {
	/* z-index: -1; */
}

.micro-status {}

.project__building_room .micro-status-container .micro-status {
	/* width: 20px;
	height: 20px; */
}

.project__building_room .micro-status-container .micro-status.show {
	border-color: blue;
}