body {
	/*background-color: #f4f7f9;*/
	background-color: #DCDCDC;
}

.sivuotsikko
{
	color:black; 
	vertical-align:bottom; 
	font-size:small;
	font-family:Calibri;
}

.checkbox
{	
	padding-left:20px;
}

.checkbox label
{	
	padding-left:0px;
	color: black;
}

.radiobuttonlist label
{	
	font-weight:normal !important;
	padding-left:3px;
	padding-right: 15px;
}

.radiobuttonlist_arvo_puuttuu label
{
	font-weight:normal !important;
	padding-left:3px;
	padding-right: 15px;	
	color: LightCoral;
}

.checkboxlist label
{	
	font-weight:normal !important;
	padding-left:3px;
	padding-right: 15px;	
	color: black;
}

.checkboxlist_arvo_puuttuu label
{	
	font-weight:normal !important;
	padding-left:3px;
	padding-right: 15px;	
	color: LightCoral;
}


.validatorCalloutHighlightCC {
	background-color: LightCoral;
	color: white;
}

.validatorCalloutHighlight_tekstille {

	background-color: LightCoral;
	color: white; /*margin-right: 400px !important;*/
	/*padding-right: 400px !important;*/
}

.perusfontti
{
	 color: black;
}

.nowrappi
{
	white-space: nowrap;
}

.noshow {
	display: none;
}

.ilmoitus {
	font-size: 11px;
	font-family: verdana, helvetica, sans-serif;
	color: green;
}

.order-column th, td {
	vertical-align: top;
}

.odotailmoitus {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: green;
}

.ei_nay {
	display: none;
}

@media screen and (min-width: 992px) {
	.valys {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 991px) {
	.valys {
		margin-bottom: 10px;
		margin-left: 10px;
		width: calc(100% - 10px);
	}
}

@media screen and (min-width: 992px) {
	.asettelu {
		text-align: right;
	}
}

@media screen and (max-width: 991px) {
	.asettelu {
		text-align: left;
	}
}

.gridview-row-divider thead th {
	border-bottom: 1px solid #666 !important; /*Lisää otsikkorivin alapuolelle tummemman viivan*/
}

#dgrd_tyonohjaajat tbody tr:first-child td {
	padding-top: 10px;
}

.gridview-row-divider td {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
	vertical-align: top;
	border-bottom: 1px solid #ccc !important; /*Lisää rivien väliin vaalean harmaan viivan*/
}

.gridview-row-divider-2 td {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 15px;
	vertical-align: top;
	border-bottom: 1px solid #ccc !important; /*Lisää rivien väliin vaalean harmaan viivan*/
	white-space: normal; /* Sallii rivittymisen */
	word-wrap: break-word; /* Katkaisee pitkät sanat tarvittaessa */
	word-break: break-word; /* Katkaisee sanat, jos ne eivät mahdu */
}

.wrap-text {
	white-space: normal !important;
	word-wrap: break-word;
	word-break: break-word;
	max-width: 150px;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2; /* tiivistää riviväliä */
	display: block;
}

.gridview-row-divider tr:nth-child(even) {
	background-color: #f9f9f9;
}

.valysta {
	padding-right: 10px;	
}

.otsikko2 {
	font-size: 12px;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	height: 20px;
}

.gridikehys {
	width: 100%;
	border-collapse:collapse;
	border-top-color: gray !important;
	border-left-color: gray !important;
}


@media screen and (max-width: 768px) {
	.responsive-table {
		display: block;
		overflow-x: auto; /* vaakasuora vierityspalkki */
		white-space: nowrap; /* estää rivinvaihdot */
	}
}

/* Bootstrap 5 korjaus: Älä alleviivaa linkkejä */
a {
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

a.btn {
text-decoration: none;
border: 1px solid #ccc;
}

a.btn:hover {
	text-decoration: none;
	border: 1px solid #ccc;
	background-color: #ccc;
}

a:not([class*="btn"]) {
text-decoration: none;
}

a:not([class*="btn"]):hover {
	text-decoration: underline;
}