﻿/* main colors */
.k-block,
.k-widget
{
	background-color: #ffffff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header-wrap,
.k-grid-header,
.k-grid td,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-dropdown-wrap,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-tiles,
.k-toolbar,
.k-dropdown-wrap,
.k-tooltip,
.k-progress
{
	border-color: #888888;
}

	.k-group,
	.k-toolbar,
	.k-grouping-header,
	.k-pager-wrap,
	.k-group-footer td,
	.k-grid-footer,
	.k-footer-template td,
	.k-widget .k-status,
	.k-grouping-row td,
	td.k-group-cell,
	.k-calendar th,
	.k-dropzone-hovered,
	.k-upload-files
	{
		background-color: #ffffff;
	}

.k-list-container
{
	border-color: #888888;
	background-color: #e9e9e9;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles
{
	background-color: #ffffff;
}

.k-alt,
.k-separator
{
	background-color: #f5f5f5;
}

.k-widget .k-dropdown-wrap,
.k-widget .k-picker-wrap,
.k-widget .k-numeric-wrap,
.k-textbox,
.k-autocomplete.k-header,
.k-autocomplete.k-state-focused,
div.k-dropdown-wrap.k-state-active,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused:hover,
div.k-picker-wrap.k-state-active,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-focused:hover,
span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover
{
	border-color: #888888;
	background-color: #e9e9e9;
}

	.k-textbox > input,
	.k-autocomplete .k-input,
	.k-dropdown-wrap .k-input,
	.k-autocomplete.k-state-focused .k-input,
	.k-dropdown-wrap.k-state-focused .k-input,
	.k-picker-wrap.k-state-focused .k-input,
	.k-numeric-wrap.k-state-focused .k-input
	{
		border-color: #888888;
	}

	.k-input,
	input.k-textbox,
	textarea.k-textbox,
	input.k-textbox:hover,
	textarea.k-textbox:hover,
	.k-textbox > input
	{
		background-color: #ffffff;
		color: #2e2e2e;
	}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input
{
	color: #2e2e2e;
}

.k-link:link,
.k-link:visited
{
	color: #2e2e2e;
}

.k-header
{
	color: #2e2e2e;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-tile,
.k-textbox,
.k-autocomplete,
.k-state-hover,
.k-state-selected,
.k-state-focused,
.k-tabstrip-items .k-item {
  background-image: url(textures/glass.png);
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-button,
.k-draghandle
{
	background-color: #F3F3F4;
}
/* icons */
.k-icon,
.k-column-menu .k-sprite
{
	opacity: .8;
}

	.k-icon:hover,
	.k-state-hover .k-icon,
	.k-state-selected .k-icon,
	.k-state-focused .k-icon,
	.k-column-menu .k-state-hover .k-sprite,
	.k-column-menu .k-state-active .k-sprite
	{
		opacity: 1;
	}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-callout,
.k-progress-status,
.k-column-menu .k-sprite
{
	background-image: url('Default/sprite.png');
}

.k-button-group .k-tool {
	border-style: solid;
	border-width: 1px;
	margin-right: -1px;
	border-color: #888;
	background-color: #e9e9e9;
}

.k-tool.k-group-start {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.k-tool.k-group-end {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

table.k-editor {
	border-style: none;
}

.k-tool {
  text-align: center;
  vertical-align: middle;
}

.k-loading
{
	background-image: url('Default/loading.gif');
}

.k-loading-image
{
	background-image: url('Default/loading-image.gif');
}

.k-loading-color
{
	background-color: #ffffff;
}

.k-button
{
	color: #2e2e2e;
}

	.k-button,
	.k-button.k-state-disabled:hover,
	.k-state-disabled .k-button:hover,
	.k-draghandle
	{
		border-color: #888888;
		background-color: #F3F3F4;
	}

		.k-button:hover,
		.k-draghandle:hover
		{
			border-color: #888888;
			background-color: #e3e3e3;
		}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter
{
	background-color: #ffffff;
	border-color: #888888;
	color: #2e2e2e;
}

.k-state-focused
{
	color: #2e2e2e;
	background-color: #f2f2f2;
	border-color: #888888;
}

.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-panelbar > .k-state-selected,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover
{
	color: #FFF;
	background-color: #054a94;
}

	.k-state-selected.k-state-focused
	{
		background-color: #054a94;
	}

	.k-state-selected > .k-link
	{
		color: #000000;
	}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-marquee,
.k-pager-wrap .k-link:hover
{
	color: #2e2e2e;
	background-color: #e3e3e3;
	border-color: #888888;
}

	.k-state-hover > .k-link,
	.k-other-month.k-state-hover .k-link
	{
		color: #2e2e2e;
	}

.k-textbox:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover
{
	background-color: #a99f9a;
	border-color: #888888;
}

.k-calendar .k-state-selected.k-state-focused > .k-link
{
	background-color: transparent;
}

.k-dropdown .k-state-hover .k-input
{
	color: #2e2e2e;
}

.k-dropdown .k-state-focused .k-input
{
	color: #2e2e2e;
}

.k-state-error
{
	border-color: #e20000;
	background-color: #ff5252;
	color: #ffffff;
}

.k-state-disabled
{
	opacity: .7;
}

	.k-state-disabled,
	.k-state-disabled .k-link,
	.k-state-disabled .k-button,
	.k-other-month .k-link,
	.k-dropzone em,
	.k-tile-empty strong,
	.k-slider .k-draghandle
	{
		color: #9f9e9e;
	}
/* Slider */
.k-slider-track
{
	background-color: #F3F3F4;
}

.k-slider-selection
{
	background-color: #d8d8d8;
}

.k-slider-horizontal .k-tick
{
	background-image: url('Default/slider-h.gif');
}

.k-slider-vertical .k-tick
{
	background-image: url('Default/slider-v.gif');
}
/* Tooltip */
.k-tooltip
{
	border-color: #888888;
	background-color: #ffffff;
	color: #2e2e2e;
}

.k-tooltip-validation
{
	border-color: #888888;
	background-color: #fff4c9;
	color: #635145;
}
/* Splitter */
.k-splitbar
{
	background-color: #F3F3F4;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal
{
	background-color: #ffffff;
}
/* Upload */
.k-progress-status
{
	border-color: #888888 transparent;
}
/* ImageBrowser */
.k-tile
{
	border-color: #ffffff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover
{
	border-color: #888888;
}

.k-tiles li.k-state-selected
{
	border-color: #888888;
}

.k-tile .k-folder
{
	background-image: url('Default/imagebrowser.png');
}
/* Shadows */
.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-imagebrowser .k-image {
	box-shadow: 0 2px 2px 0 #000000;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.296875);
	-webkit-box-shadow: 0 2px 2px 0 #000000;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.296875);
}

.k-window {
	border-color: #b0b0b0;
	border-color: rgba(0, 0, 0, 0.296875);
	box-shadow: 1px 1px 7px 1px #b0b0b0;
	box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.296875);
	-webkit-box-shadow: 1px 1px 7px 1px #b0b0b0;
	-webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.296875);
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-combobox .k-input,
.k-picker-wrap .k-input
{
	box-shadow: inset 0 0 1px 1px #dddddd;
	-webkit-box-shadow: inset 0 0 1px 1px #dddddd;
}

.k-shadow {
	box-shadow: 0 1px 2px 0 #b0b0b0;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.296875);
	-webkit-box-shadow: 0 1px 2px 0 #b0b0b0;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.296875);
}

.k-inset {
	box-shadow: inset 0 1px 1px #b0b0b0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.296875);
	-webkit-box-shadow: inset 0 1px 1px #b0b0b0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.296875);
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-state-hover,
.k-treeview .k-state-selected,
.k-editor-button .k-state-hover,
.k-editor-button .k-state-active,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

	.k-calendar-container.k-state-border-up,
	.k-list-container.k-state-border-up,
	.k-autocomplete.k-state-border-up,
	.k-dropdown-wrap.k-state-border-up,
	.k-picker-wrap.k-state-border-up,
	.k-numeric-wrap.k-state-border-up,
	.k-window-content,
	.k-filter-menu
	{
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
	}

	.k-window-titlebar,
	.k-block > .k-header,
	/*.k-tabstrip-items .k-item,*/
	.k-panelbar .k-tabstrip-items .k-item,
	/*.k-tabstrip-items .k-link,*/
	.k-calendar-container.k-state-border-down,
	.k-list-container.k-state-border-down,
	.k-autocomplete.k-state-border-down,
	.k-dropdown-wrap.k-state-border-down,
	.k-picker-wrap.k-state-border-down,
	.k-numeric-wrap.k-state-border-down
	{
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}

	.k-dropdown-wrap .k-select,
	.k-picker-wrap .k-select,
	.k-numeric-wrap .k-select,
	.k-datetimepicker .k-select + .k-select,
	.k-animation-container .k-calendar-container,
	.k-list-container.k-state-border-right
	{
		-moz-border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}

	.k-textbox > input,
	.k-autocomplete .k-input,
	.k-dropdown-wrap .k-input,
	.k-picker-wrap .k-input,
	.k-numeric-wrap .k-input,
	.k-numeric-wrap .k-link,
	.k-colorpicker .k-selected-color,
	.k-progress,
	.k-progress-status
	{
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-selected,
.k-dropzone,
.k-upload-files
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.k-upload-status {
	top: 0.6em;
	position: relative;
}

.k-slider .k-button,
.k-grid .k-slider .k-button
{
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
}

.k-draghandle
{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.k-widget,
.k-content,
.k-window-titlebar .k-window-actions,
.k-tabstrip-items
{
	border: none;
	background: none;
}


.k-tabstrip-items
{
	font-size: 0;
}


	.k-tabstrip-items .k-item
	{
		/*text-align: center;*/
		/*min-width: 120px;*/
		font-size: 12px;
		padding: 12px;
		border: none;
		color: #BAC8E3;
		background: #206bad; /* Old browsers */
		background: -moz-linear-gradient(top, #206bad 0, #004a94 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#206bad), color-stop(100%,#004a94)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #206bad 0,#004a94 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #206bad 0,#004a94 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom, #206bad 0,#004a94 100%); /* W3C */
	}

		.k-tabstrip-items .k-item:hover
		{
			color: #FFF;
			background: #004a94; /* Old browsers */
			background: -moz-linear-gradient(top, #004a94 0, #206bad 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#004a94), color-stop(100%,#206bad)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #004a94 0,#206bad 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #004a94 0,#206bad 100%); /* Opera 11.10+ */
			background: linear-gradient(to bottom, #004a94 0,#206bad 100%); /* W3C */
		}

		.k-tabstrip-items .k-item .k-link
		{
			color: #BAC8E3;
		}

	.k-tabstrip-items .k-state-active,
	.k-tabstrip-items .k-state-active:hover
	{
		border: none;
		color: #FFF;
		background: #5bbdeb; /* Old browsers */
		background: -moz-linear-gradient(top, #5bbdeb 0, #007ac2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#5bbdeb), color-stop(100%,#007ac2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #5bbdeb 0,#007ac2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #5bbdeb 0,#007ac2 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom, #5bbdeb 0,#007ac2 100%); /* W3C */
	}

		.k-tabstrip-items .k-state-active:after
		{
			content: '';
			position: absolute;
			text-align: center;
			width: 0;
			height: 0;
			border-left: 24px solid transparent;
			border-right: 24px solid transparent;
			border-top: 14px solid #007ac2;
			top: 50px;
			left: 50%;
			margin-left: -24px;
		}

		.k-tabstrip-items .k-state-active .k-link
		{
			color: #FFF;
			font-weight: bold;
		}


.k-tabstrip > .k-content
{
	border: 1px dotted #b7ceda;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0, #f7f9fb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#f7f9fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0,#f7f9fb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0,#f7f9fb 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #ffffff 0,#f7f9fb 100%); /* W3C */
}

.k-grid .k-header
{
	background: #0094dd;
	color: #FFF;
	border: none;
	/* Versuch mit border im Header wg. größerer Übersichtlichkeit (CF)*/
	border-right: 1px dotted #B8CEDB; 
}

.k-grid-content table,
.k-grid td,
.k-grid-header,
.k-grid-pager,
.k-grid tr:last-child td,
div.k-grid-header, div.k-grid-footer,
.k-window-titlebar .k-window-actions
{
	border: none;
}

.k-grid table
{
	border: 1px solid #B8CEDB;
}

.k-grid-pager
{
	background: none;
}

.k-grid td
{
	text-align: center;
	border-bottom: 1px dashed #D3D3D5;
	color: #034694;
}

.k-grid-content-true:before
{
	font-family: icons;
	font-size: 13px;
	color: green;
	content: attr(data-icon-true);
	speak: none;
}

.k-grid-content-false:before
{
	font-family: icons;
	font-size: 13px;
	color: red;
	content: attr(data-icon-false);
	speak: none;
}

.k-window
{
	text-align: left;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0, #f5f9fa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#f5f9fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0,#f5f9fa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0,#f5f9fa 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #ffffff 0,#f5f9fa 100%); /* W3C */
}

.k-window-titlebar
{
	color: #FFF;
	background: #01a3e3; /* Old browsers */
	background: -moz-linear-gradient(top, #01a3e3 0, #0080bf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#01a3e3), color-stop(100%,#0080bf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #01a3e3 0,#0080bf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #01a3e3 0,#0080bf 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #01a3e3 0,#0080bf 100%); /* W3C */
}

	.k-window-titlebar span
	{
		font-weight: bold;
	}

div.k-window-content
{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0, #f5f9fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#f5f9fa));
	background: -webkit-linear-gradient(top, #ffffff 0,#f5f9fa 100%);
	background: -o-linear-gradient(top, #ffffff 0,#f5f9fa 100%);
	background: linear-gradient(to bottom, #ffffff 0,#f5f9fa 100%);
	padding: 0 25px 25px 25px;
}

.k-upload-button {
	width: 100px;
}

.k-complete {
	display: none;
}

.k-loading-hidden {
	display: none;
}

.k-multiselect .k-delete {
	background-position: -32px -16px;
}

