/**


	* @author:		Design Point (dpoint.cz) & Web7 (web7.cz)
	* @contact:		info@dpoint.cz
	* @created:		2013-10-10 14:22
	* @file:		Style sheet
	* @copyright:	(c) 2012 Design Point & Web7


	//////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	STYLE SHEET									*/


	/**
	 * Page control.
	*/
	html, body {
		color: #333;
		background: #fff;
	}


	/* Each heading */
	h3 { border-color: #F58021; }


	a, a:link, a:visited { color: #ff9f40; }
	a:hover, a:active, a:focus { color: #F58021; }


	hr { background: #999;  }


	/**
	 * Text selection color.
	**/
	*::selection { color: #fff; background: #ff9f40; }
	*::-moz-selection { color: #fff; background: #ff9f40; }


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	INPUT STYLES								*/


	/**
	 * Global inputs.
	*/
	input,
	select,
	textarea {
		color: #333;
		border-color: #ddd;
		background: #ddd;
	}

	input[required="required"]:invalid { border-color: #F58021; }
	input[required="required"]:valid { border-color: #60a917; }

	input:hover,
	select:hover,
	textarea:hover {
		border-color: #eee;
		background: #eee;
	}

	input:focus,
	select:focus,
	textarea:focus {
		border-color: #999;
		background: #eee;
	}


	/**
	 * Buttons
	*/
	input[type=button],
	input[type=reset],
	input[type=submit],
	a.ui-button,
	button {
		color: #fff;
		background: #999;
	}


	/* Submit button */
	button.ui-submit,
	a.ui-button.ui-submit,
	input[type=submit] { background: #ff9f40; }


	/**
	 * Button styles
	*/
	input[type=button].ux-create,
	input[type=reset].ux-create,
	input[type=submit].ux-create,
	a.ui-button.ux-create,
	button.ux-create { background: #60a917; }

	input[type=button].ux-delete,
	input[type=reset].ux-delete,
	input[type=submit].ux-delete,
	a.ui-button.ux-delete,
	button.ux-delete { background: #e51400; }

	input[type=button].ux-function,
	input[type=reset].ux-function,
	input[type=submit].ux-function,
	a.ui-button.ux-function,
	button.ux-function { background: #1ba1e2; }


	/**
	 * Button states
	*/
	input[type=button]:hover,
	input[type=reset]:hover,
	input[type=submit]:hover,
	a.ui-button:hover,
	button:hover { background: #666; }


	/* Buttons focus */
	input[type=button]:focus,
	input[type=reset]:focus,
	input[type=submit]:focus,
	a.ui-button:focus,
	button:focus {
		background: #333;
	}


	/**
	 * Select input control.
	**/
	select optgroup[disabled="disabled"] option,
	select option[disabled="disabled"] { color: #900; }


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	GLOBBAL STYLES								*/


	.ux-red { color: red; }
	.ux-green { color: green; }
	.time { white-space: nowrap; }


	/**
	 * Table view
	**/
	.ui-table.ux-zebra { border-bottom: 1px solid #e0e0e0; }

	.ui-table.ux-sortable th { border-color: #ccc; }
	.ui-table.ux-sortable .tablesorter-headerAsc a::after {
		color: #777;
	}

	.ui-table.ux-zebra tbody tr:nth-child(even) td { background: #f0f0f0; }
	.ui-table.ux-hoverable tbody tr:hover td,
	.ui-table.ux-hoverable tbody tr:hover td a,
	.ui-table.ux-zebra tbody tr:hover td a,
	.ui-table.ux-zebra tbody tr:hover td { color: #fff; background: #ff9f40 !important; }

	.ui-table thead tr.ui-controls td:last-child {
		background: #fff;
	}

	.ui-table tbody tr.active td { color: #fff; background: #bbb; }


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	NOTIFICATION STYLES							*/


	.ui-notify { background: #f0f0f0; }

	/* Success */
	.ui-notify .ui-icon { background: #60a917; }

	/* Warning */
	.ui-notify.warning .ui-icon,
	.ui-notify.war .ui-icon { background: #d8c100; }

	/* Error */
	.ui-notify.error .ui-icon,
	.ui-notify.err .ui-icon { background: #e51400; }

	/* Info */
	.ui-notify.info .ui-icon,
	.ui-notify.tip .ui-icon { background: #1ba1e2; }


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	HEADER STYLES								*/


	.ui-header {
		color: #fff;
		background: #000;
	}

	.ui-header a { color: #fff; }
	.ui-header a:hover { background: #262626; }


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	CONTENT STYLES								*/


	.ui-content .ui-title { color: #444; }
	.ui-content .ui-title small { color: #777; }


	.ui-legend li span span,
	.ui-content td.state span:not(.label) { display: none; }


	.label.label-accounted { background: #428bca; }
	.label.label-resolved { background: #428bca; }
	.label.label-active { background: #5cb85c; }
	.label.label-waiting { background: #f0ad4e; }
	.label {
		background: #999;
		display: block;
		padding: .2em .6em .3em;
		font-size: 75%;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: .25em;
	}


	/**
	 * Menu control
	**/
	.ui-menu { background: #F58021; width: 220px; }

	.ui-menu a span:nth-child(2) {
		width: 146px;
	}

	.ui-menu .ui-active a:hover,
	.ui-menu .ui-active a { color: #333; background: #fff; border-top-color: #ff9f40; border-bottom-color: #ffec99; }
	.ui-menu a .ui-icon { background-position: center right; }
	.ui-menu a:hover { background: #ff9f40; }
	.ui-menu a {
		color: #333;
		border-color: transparent;
	}


	.ui-menu .ui-item#web { margin-top: 24px }


	/**
	 * Submenu control
	**/
	.ui-submenu .ui-active a { color: #000; }
	.ui-submenu a { color: #777; }


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	MESSAGE STYLES								*/


	.ui-message { background: #f0f0f0; }
	.ui-message .ui-author { color: #fff; background: #ff9f40; }
	.ui-message .ui-author a { color: #fff; }
	.ui-message .ui-author a:hover { color: #ff9f40; }
	.ui-message .ui-foot.accent { background: #ff9f40; }
	.ui-message .ui-foot {
		color: #fff;
		padding: 5px 10px;
		background: #ccc;
		font-style: italic;
	}


	.ui-message.ux-insert .ui-author { background: #999; }
	.ui-message.ux-insert .ui-text tr:nth-child(odd) td { background: #fefefe; }
	.ui-message.ux-insert .ui-text td { padding: 5px; }
	.ui-message.ux-insert .ui-text .name { width: 20%; }
	.ui-message.ux-insert .ui-text .time { width: 10%; }
	.ui-message.ux-insert .ui-text .bar { width: 70%; }

	.progress {
		color: #fff;
		line-height: 24px;
		text-align: center;
		background: #F58021;
		display: block;
	}

	.ui-message.ux-insert input[type="date"] { padding: 4.5px 10px; }
	.ui-message.ux-insert input.ux-minput {
		margin-left: 10px;
		background: #ddd;
		border-color: #aaa;
	}


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	FOOTER STYLES								*/


	.ui-footer {
		color: #fff;
		background: #000;
	}


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	AUTOCOMPLETE								*/


	.autocomplete-suggestions {
		background: #eee;
		border-color: #999;
	}

	.autocomplete-suggestions
	.autocomplete-suggestion:hover {
		color: #fff;
		background: #ffb908;
	}


	/*////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////	RWD STYLES									*/


@media screen and (max-width: 1000px)
{

	/**
	 * Menu control
	**/
	.ui-menu { width: 54px; }
	.ui-menu a span:nth-child(2)
	{
		background: #ff974c;
		border-top: 1px solid #ff974c;
		border-right: 1px solid #ff974c;
		border-bottom: 1px solid #ff974c;
	}

	.ui-menu li.ui-active a span:nth-child(2)
	{
		background: #fff;
		border-top: 1px solid #ff974c;
		border-right: 1px solid #F58021;
		border-bottom: 1px solid #ffec99;
	}

}


	/*//////////////////////////////	END OF CODE
	////////////////////////////////////////////////////////////////////////////////*/

