.quotecontainer {
    position: relative;
    text-align: center;
    color: black;
    font-size:16px;
    border-radius: 25px;
    background: #f9eaf1;
    width:270px;
    padding: 80px; 
    border: 2px dashed #f9a4bb;
    word-wrap: break-word;
    box-sizing: border-box;
}
.quotecentered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.kultaraita {
	position: relative;
	margin:auto;
	width:1240px;

}

.post-id-10143 .wp-block-video video {
		max-width: 40%;
}	

/* adjust gallery captions | 17704580-hc */
.blocks-gallery-caption {
    text-align: center;
    width: 100%;
    margin-top: -25px;
    margin-bottom: 20px;
    font-size: 14px;
}

/* set background styles for input markers on pirtanauha-generaattori page | #24404087-hc eD */
.page-id-20456 .page-content input[type="color"] {
	background-color: transparent;
	height: 30px;
	padding: 0;
}

/* modify file input field height for Kultaraita*/
.page-id-21272 .page-content input[type="file"] {
	background-color: transparent;
	height: 100 %;
	padding: 0;
	border-color: transparent;
	overflow:hidden;
	font-size:12px;
	font-family: Arial;
	font-style: bold;
}


.page-id-21741 .page-content input[type="file"] {
	background-color: transparent;
	height: 100 %;
	padding: 0;
	border-color: transparent;
	overflow:hidden;
	font-size:12px;
	font-family: Arial;
	font-style: bold;
}

.page-id-21272 .page-content input[type="file"]::-webkit-file-upload-button{
  height:100%;
	overflow:hidden;
  }

.page-id-21741 .page-content input[type="file"]::-webkit-file-upload-button{
  height:100%;
	overflow:hidden;
  }

/* for Kultaraita */
.page-id-21272 .page-content input[type="color"] {
	background-color: white;
	height: 30px;
	padding: 0;
	border-width: 1px;
	border-color: gray;
}

/* for Kultaraita */
.page-id-21741 .page-content input[type="color"] {
	background-color: white;
	height: 30px;
	padding: 0;
	border-width: 1px;
	border-color: gray;
}

/* remove table borders on Kultaraita*/
.page-id-21272 table td {
	border-color: transparent;
	line-height:20px;
	padding:1px 5px;
}

/* remove table borders on Kultaraita*/
.page-id-21741 table td {
	border-color: transparent;
	line-height:20px;
	padding:1px 5px;
}


/* modify number input field height for Kultaraita */
.page-id-21272 .page-content input[type="number"] {
	background-color: white;
	height: 20px;
	width: 60px;
	padding: 0;
	border-width: 1px;
	border-color: gray;
}

/* modify number input field height for Kultaraita */
.page-id-21741 .page-content input[type="number"] {
	background-color: white;
	height: 20px;
	width: 60px;
	padding: 0;
	border-width: 1px;
	border-color: gray;
}

.raitataulukko {
	display: block;
  overflow-x: auto;
	layout:fixed;
  white-space: nowrap;
	max-width: fit-content;
}

.raitabody{border-width:1px;overflow:inherit;display: table;
    width: 100%;}

.tablewrapper {
	float:left;
width:100%;
height:500px;
width=700px;
background-color: navajowhite;
padding:20px;
border:2px solid orange;
white-space:pre;overflow:auto;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}



.page-id-21272 .page-content select {
	border-width: 1px;
	border-color: gray;
} 

.page-id-21741 .page-content select {
	border-width: 1px;
	border-color: gray;
} 

/* make first column span full height of content on pirtanauha-generaattori page | #24404087-hc eD */
.page-id-20456 .page-content #column1{
	height: 100% important;
}

/* remove table borders on pirtanauha-generaattori page | #24404087-hc eD */
.page-id-20456 table td {
	border-color: transparent;
}


/* set background styles for input markers on pirtanauha-generator page | #24404087-hc eD */
.page-id-20607 .page-content input[type="color"] {
	background-color: transparent;
	height: 30px;
	padding: 0;
}
/* make first column span full height of content on pirtanauha-generator page | #24404087-hc eD */
.page-id-20607 .page-content #column1{
	height: 100% important;
}

/* remove table borders on pirtanauha-generator page | #24404087-hc eD */
.page-id-20607 table td {
	border-color: transparent;
}

/*Seuraavat ovat Lautanauhageneraattoria varten 
*/

.page-id-24277 button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #515151;
	display: inline-flex;
	align-items: center;
	line-height: 2.2em;
	height: 22px;
	padding: 0 0.62em;
	border: 1px solid #666;
	border-radius: 0.2em;
	background-color: #EFEFEF;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	color: black;
}

.page-id-24277 button:hover {
	border: 1px solid #515151;
	background-color: #dedede !important;
}

.page-id-24277 .designarea {
	padding: 10px;
	background-color: saddlebrown;
	box-shadow: 2px 2px 5px 5px black;
  position: absolute;
	flex: 1;
	display: -webkit-flex;
	display: flex;	
 left: 50%;
transform: translateX(-50%);
}

.page-id-24277 .colorInput:focus,
.colorInput.clicked {
	outline: 2px solid red !important;
}

/*Seuraavat ovat Lautanauhageneraattorin suomenkielistä sivua varten 
*/

.page-id-25426 button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #515151;
	display: inline-flex;
	align-items: center;
	line-height: 2.2em;
	height: 22px;
	padding: 0 0.62em;
	border: 1px solid #666;
	border-radius: 0.2em;
	background-color: #EFEFEF;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 0.7em;
	color: black;
}

.page-id-25426 button:hover {
	border: 1px solid #515151;
	background-color: #dedede !important;
}

.page-id-25426 .designarea {
	padding: 10px;
	background-color: saddlebrown;
	box-shadow: 2px 2px 5px 5px black;
  position: absolute;
	flex: 1;
	display: -webkit-flex;
	display: flex;	
 left: 50%;
transform: translateX(-50%);
}

.page-id-25426 .colorInput:focus,
.colorInput.clicked {
	outline: 2px solid red !important;
}