.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-text,.window-image {
	display: inline-block;
}

.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/help_passive.png');
	margin-left: 10px;
	display: inline-block;
}

span.window-tooltip:hover {
	background: url('/images/help_active.png');
}

.ui-tabs ul li a:focus {
	outline:none
}

.ui-tabs .ui-tabs-panel {
    padding: 15px 15px 0px 15px !important;
}

.ui-tabs .ui-tabs-panel > .window-content {
	padding: 0px 0px 0px 0px !important;
}

.page-content {
	margin-bottom: 10px;
}

.content-area {
	padding: 15px;
}

.content-area ul {
	margin: 0;
	padding: 0;
}

.content-area ul li {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	list-style-type: none;
}

/* 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-multichoice > ul li {
	margin: 0;
	padding: 0;
}

.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-list {
	list-style-type: none;
}

.window-row {
	display: table;
}

.window-row > * {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}

.window-row[data-buttonrow=true]  {
	display: block;
    position: absolute;
    bottom: 0;
    right: 0;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: right;
}

.window-row[data-optionrow=true] {
	width: 100%;
}

.window-row[data-optionrow=true]:last-child {
	text-align: right;
}

li .window-content {
	margin: 0px !important;
	padding: 0px !important;
}

.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-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[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"] {
	text-align: center;
	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 {
	filter: brightness(10%);
}