* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* These should be self explanatory
 */
th, strong, dt, b {
  font-weight: bold;
}


body {
/*    background: url("../img/bg-main-gradient.png") repeat-x scroll 0 0 #DCECF3;
*/
    font-family: Arial,Helvetica;
    position: static !important;
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;
}

body.wait-cursor * {
	cursor: wait !important;
}

h1, h2, h3, h4, h5, h6, .header p {
	padding: 0 1em;
}
h3.ui-corner-top,
h4.ui-corner-top
{
	border-top: none;
	border-left: none;
	border-right: none;
}

.header p
{
	text-align: center;
	font-size: 15px;
	padding: 5px;
}

.sidebar ul {margin-top:0;}
.sidebar ul ul,
.sidebar h3, .sidebar li {margin-bottom:0; margin-left:0;}
.sidebar a, .sidebar label
{
	display: block;
	text-decoration: none;
	padding: 3px 6px;
	font-size: 14px;

}

.sidebar a:after, .sidebar label:after
{
	content: "v";
	float: right;
}

.sidebar a[href]:after
{
	content: "";
}

.sidebar input
{
	display: none;
}

a span.ui-icon, button span.ui-icon
{
	display: inline-block;
}

/* Experimental css menu *
.sidebar label:after
{
	content: ">";
	float: right;
}

.sidebar input
{
	display: none;
}

.sidebar a:after, .sidebar input:checked + label:after
{
	content: "v";
	float: right;
}

.sidebar input + label + ul
{
	display: none;
}

.sidebar input:checked + label + ul
{
	display: block;
}

.sidebar a[href]:after
{
	content: "";
}
* Eend of the experimental css menu */


.sidebar li ul a
{
	margin-right: 6px;
}
.sidebar li ul li
{
	padding-left: 6px;
}
nav>ul
{
	position: relative;
	margin-bottom:12px;
}

/* body */
.articles
{
	padding: 0 10px 10px;
}
.article
{
	margin: 0 10px 10px;
}

th,td
{
	padding: 3px;
	vertical-align: top;
	text-align:left;
	font-size: small;
}
table form,
table input,
table select,
table button,
table a.button
{
	margin-bottom: 0 !important;
}
td label
{
	font-weight: normal;
}
input[type="number"]
{
	text-align: right;
}

/* horizontal forms*/
.hfrom
{
	margin-top: 20px;
}
.hfrom label
{
	width: 210px;
}
.hfrom label, .hfrom input, .hfrom select, .hfrom textarea
{
	display: inline-block;
}

td input[type="text"], td input[type="number"] , td input[type="password"], td input[type="email"], td textarea, td select
{
	display: inline-block;
}

sup {color: red;}

.row label {
	display: inline;
}

/* The footer */
.footer p
{
	margin-top: 1em;
	margin-bottom: 0;
	text-align: center;
	font-weight: bold;
/*	text-shadow: #fff 0px 0px 2px; */

	text-shadow:
	-1px -1px 0 #FFF,
	1px -1px 0 #FFF,
	-1px 1px 0 #FFF,
	1px 1px 0 #FFF;
}

/*
Za sortirane na tablicite
*/
.orderable .ui-icon
{
	float: right;
	
}
.orderable .sorter {
	cursor: pointer;
}

.tiniform
{
	margin-bottom: 0;
}

/* UI fixes */
.ui-spinner input
{
	margin: 0;
	padding-right: 16px;
}

.ui-spinner {
	margin: 0 0 20px;
}

.ui-widget-content.only-border-bottom
{
	border-top: none;
	border-left: none;
	border-right: none;
}

.ui-tabs-nav .ui-icon { display: inline-block; height: 1em; margin-right: 5px;}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; margin-left: 5px; }
.ui-timepicker-div dl dd { margin: .5em 1em 1em 70px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.ui-timepicker-div .ui_tpicker_time { margin-top: 0; }

/* css for color codes for payments*/
.paied-2m {background-color: #000; color: #DDD !important;}
.paied {background-color: #0f0; color: #222 !important;}
.late-1m {background-color: #fa0; color: #222 !important;}
.late-2m {background-color: #19f; color: #DDD !important;}
.late-m2m {background-color: #ade; color: #222 !important;}
.alwayson {background-color: #fff; color: #222 !important;}
.alwaysoff {background-color: #faa; color: #222 !important;}