/* Version 3 */
/* 3: improved css stack for title/description break */
/* 2: added word-wrap, word-break to title and description containers to fight overflow w/long strings */
.psr-chart-container {}
.psrwnd-container {}
table.psrwnd-table {}
tr.psrwnd-chart-row {
	vertical-align: top;
}
td.psrwnd-chart-cell {}
.psrwnd-chart {}
span.psrwnd-chart-title {}
img.psrwnd-statusball-16 {}
img.psrwnd-statusball-32 {}
tr.psrwnd-info-row {
	vertical-align: top;
}
td.psrwnd-info-cell {}
.psrwnd-info-hd {
	margin: 3px 0px 3px 0px;
	color: graytext;
}
span.psrwnd-date-container {
	white-space: nowrap;
}
span.psrwnd-user-container {

}
.psrwnd-title-container,
.psrwnd-description-container {
	margin: 3px 0px 3px 0px;

	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* css3 */

    overflow-wrap: break-word;
    word-wrap: break-word;

    /*-ms-word-break: break-all;*/
        /*word-break: break-all;*/ /* Does not work correctly in webkit */
        word-break: break-word; /* Instead use this non-standard one: */
    
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
.psrwnd-title-container {
    line-height: 1.4em;
}
.psrwnd-description-container {
	color: #444;
}

/* Title - description separator */

.psrwnd-table {
	width: 100%;
}
.psrwnd-title-container{
	margin-bottom: .5em;
}
.psrwnd-description-container{
	border-top: 1px solid #ccc;
	padding-top: 0.5em;
}
.statusball,
.psrwnd-statusball {
	box-sizing: border-box;
	vertical-align: middle;
	border-width: 2px;
	border-style: solid;
	border-color: #afafaf;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	background-color: #cfcfcf;
	float: none;
	margin: 0;

	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: center center;
	background-image: none;
	background-size: contain;
	background-origin: content-box;
	border:none;
}
.statusball,
.psrwnd-statusball {
	border: none;
	outline: 2px solid rgba(0,0,0,.15);
	outline-offset: -2px;
}
.statusball.statusball-32,
.psrwnd-statusball.statusball-32 {
	width: 32px;
	height: 32px;
}
.statusball.statusball-24,
.psrwnd-statusball.statusball-24 {
	width: 24px;
	height: 24px;
}
.statusball.statusball-16,
.psrwnd-statusball.statusball-16 {
	width: 16px;
	height: 16px;
	/*background-image: none !important; *//* force-suppress for very small balls */
}
/*
	.psrwnd-statusball.trafficlight-greenish,
	.psrwnd-statusball.trafficlight-yellowish,
	.psrwnd-statusball.trafficlight-reddish {
		background-blend-mode: difference;
	}
	.psrwnd-statusball.trafficlight-greenish {
		background-image: url('../../system/assets/graphics/icons/psr/shapes/emoji-noborder.svg');
	}
	.psrwnd-statusball.trafficlight-yellowish {
		background-image: url('../../system/assets/graphics/icons/psr/shapes/emojimeh-noborder.svg');
	}
	.psrwnd-statusball.trafficlight-reddish:after {
		content: '!';
		font-weight: bold;
	}
		.psrwnd-statusball.statusball-16.trafficlight-reddish:after {
			font-size: 10px;
		}
		.psrwnd-statusball.statusball-32.trafficlight-reddish:after {
			font-size: 24px;
		}

*/