.ui-state-success,
.ui-widget-content .ui-state-success,
.ui-widget-header .ui-state-success {
	border: 1px solid #009739;
	background: #c9ffbd url("images/ui-bg_flat_95_fef1ec_40x100.png") 50% 50% repeat-x;
	color: #009739;
}
.ui-state-success a,
.ui-widget-content .ui-state-success a,
.ui-widget-header .ui-state-success a {
	color: #009739;
}
.ui-state-success-text,
.ui-widget-content .ui-state-success-text,
.ui-widget-header .ui-state-success-text {
	color: #009739;
}

.window-select, .window-combo, .window-spinner  {
	width: 200px;
}

.window-slider {
	display: inline-block;
	width: 215px !important;
	margin-left: 12px;
	margin-right: 5px;
	vertical-align: middle;
}

.window-slider-spinner {
	width: 50px !important;
}

span.window-tooltip {
	width: 16px;
	height: 16px;
	background: url('/images/sprite_16[94].png');
	display: inline-block;
}

.content-area {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}

.content-area:not(.window-no-border) {
	padding: 10px;
}

/* JQuery-dialogin sulkemisrastin piilottamiseen */
.no-close .ui-dialog-titlebar-close {
	display: none
}

.window-item[data-style="borderless"] {
	border: none;
	border-color: transparent;
}

.window[data-style="loginscreen"] {
	background-image: url("/images/background.jpg");
	background-size: cover;
}

.window-content[data-style="loginscreen"] .content-area {
	background: rgba(34, 34, 34, 0.9) !important;
	padding-top: 75px;
	padding-bottom: 75px;
}

.window-element[data-name="loginlogo"] {
	width: 100%;
	height: 100px;
	position: relative;
}

.window-element[data-name="loginlogo"] > img {
	max-width: 200px;
	max-height: 100px;
	width: auto;
	height: auto;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}

.window-checkbox,.window-multichoice-choice {
	vertical-align: middle;
}

.window-content[data-style="loginscreen"] * {
	border: 0px;
	text-align: center;
}

.title-bar {
	padding: 6px;
	border-bottom-style: none;
	margin-bottom: -1px;
}

.window-content:empty {
	visibility: hidden;
	height: 0px;
}

.window-content-title {
	display: table;
	width: 100%;
}

.window-no-border {
	border: 0 !important;
}

.window-content-title-icon {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.window-content-title-text {
	display: table-cell;
	vertical-align: middle;
}

.window-row {
	display: flex;
	gap: 6px;
	align-items: center;
}

.window-row[data-settingrow=true] {
	display: grid;
	grid-template-columns: 1fr 2fr;
	width: 100%;
}

.window-row[data-settingrow=true] > :first-child {
	align-self: center;
	grid-column: 1;
	text-align: right;
	justify-self: end;
}

.window-row[data-settingrow=true] > :is(:last-child, :only-child) {
	align-self: end;
	grid-column: 2;
	text-align: left;
	justify-self: start;
}

.window-row[data-settingtitlerow=true] {
	width: 80%;
	margin: auto;
}

.window-row[data-settingtitlerow=true] > :first-child {
	align-self: flex-start
}

.window-row[data-settingtitlerow=true] > :last-child {
	flex: 1;
}

.window-row[data-sparserow=true] {
	align-items: flex-end;
	justify-content: space-between;
}

.window-row[data-evenlydistributedcenteredrow=true] > * {
	flex: 1;
}

.window-row[data-evenlydistributedtoprow=true] > * {
	flex: 1;
	align-self: flex-start;
}

.window-busy {
	display: none;
	position: absolute;
	margin: 0px 0 0 -16px;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	background: url('/images/waiting.png');
}

.window-text-input[data-style="loginscreen"] {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	width: 240px;
	padding: 15px;
	background: Transparent !important;
	color: #ffffff;
	font-size: 1.4em !important;
	text-align: left;
	opacity: 0.8;
}

.window-text-input[data-style="loginscreen"]:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.window-text-input[size=""] {
	width: 100%;
	box-sizing: border-box;
}

.window-button[data-style="loginscreen"] {
	border: 0px !important;
	padding: 15px 40px 15px 40px;
	background: #207cda !important;
	color: #ffffff  !important;
	font-size: 1.6em !important;
	text-align: center;
	opacity: 1 !important;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 1.2em !important;
}

.window-button[data-style="loginscreen"]:hover {
	border: 0px !important;
	background: #1a8bff !important;
}

.window-text {
	white-space: pre-wrap;
}

.window-text[data-style="loginscreen"] {
	color: #ffffff;
	text-align: center;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	opacity: 0.6;
	font-size: 1.6em !important;
}

.window-text[data-style="title"] {
	font-size: 2.0em;
}

.window-text[data-type="error"][data-style="loginscreen"] {
	height: 50px;
	color: #ffffff;
	text-align: center;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em !important;
}

.window-input[data-style="loginscreen"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
	opacity: 1;
}

.window-input[data-style="loginscreen"]:focus::-webkit-input-placeholder  { /* WebKit browsers */
    color: #ffffff;
	opacity: 0.2;
}

.window-input[data-style="loginscreen"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ffffff;
   opacity: 1;
}

.window-input[data-style="loginscreen"]:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ffffff;
   opacity: 0.2;
}

.window-input[data-style="loginscreen"]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ffffff;
   opacity: 1;
}

.window-input[data-style="loginscreen"]:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ffffff;
   opacity: 0.2;
}

.window-schedule-editor-hour {
	width: 28px;
	margin-left: -1px;
	margin-right: -1px;
	padding-left: 0px;
	padding-right: 0px;
}

.window-schedule-editor-item {
	width: 24px;
	height: 24px;
}

.window-schedule-editor-item[data-selected="true"] {
	background: url('/images/on.png');
}

.window-schedule-editor-item[data-selected="false"] {
	background: url('/images/off.png');
}

.masked-icon, span.window-tooltip {
	filter: brightness(10%);
}

[data-hidden="true"],
.ui-button[data-hidden="true"] {
	display: none;
}

.window-element > textarea {
	width: 100%;
}