@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body {background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; line-height: 21px; margin: 0;}

header {position: fixed; top: 0; left: 0; right: 0; height: 20px; padding: 13px; background: #005ca9; color: #fff; border-bottom: 1px solid #0073c8; z-index: 1000;}
header .loggedin {float: right; color: #fff; line-height: 20px;}
a {color: #2e2e2e; text-decoration: none;}
label {line-height: 30px;}

#page-container {background: #fff; position: fixed; left: 200px; right: 0; top: 47px; bottom: 0;}

nav#menu {float: left; width: 200px; padding: 0; margin: 0; position: fixed; top: 47px;}
nav#menu ul {list-style-type: none; padding: 0; margin: 0;}
nav#menu ul li {border-bottom: 1px solid #0073c8; padding: 0; line-height: 40px; background: #005ca9;}
nav#menu ul li a {padding: 0 20px; display: block;}
nav#menu ul li ul {display: none; background: #555;}
nav#menu ul li.active ul {display: block;}
nav#menu ul li ul li {border-top: 1px solid #0073c8; border-bottom: 0; font-size: 11px; padding: 0; line-height: 30px; text-align:left;}
nav#menu ul li.active a {background: #005ca9 url('../img/arrow.png') no-repeat right center;}
nav#menu ul li.active ul li.active a {background: #fff; color: #333; font-weight: 700; border-right: 1px solid #0073c8;}
nav#menu ul li.active ul li a {background: transparent;text-align:left;}
nav#menu ul li ul li a {padding: 0 0 0 47px; }
nav#menu a, header a {color: #fff;}

section#content {position: absolute; top: 47px; left: 200px; right: 0; padding: 20px;}
table {border-collapse: collapse;}
table thead {background: #005ca9; color: #fff;}
table thead a {color: #fff;}
tr.active {color: #009bdf;}
tr.inactive {color: #cecece;}
td {padding: 4px; border: 1px solid #cecece;}
td.name {}
td.description {width: 40%;}
td.category {width: 30%;}
td.action, td.index {width: 10%;}
.sortable tbody tr td.index {cursor: move;}

nav#menu [class^="icon-"], nav#menu [class*=" icon-"] {color: #cecece; margin-right: 10px;}
h1 {color: #000; margin: 0 0 10px 0;}
h3 {color: #000; margin: 0; display: inline-block;}

img.preview {width: 100px; height: 60px;}

ul img.preview {vertical-align: middle; margin: 0 10px 0 0;}

select#filter {float: right; margin-top: 2px;}
input#datefilter {float: right; width: 150px; margin-right: 5px;}
input#textfilter {float: right; width: 150px; margin-right: 5px;}

.mceEditor {display: inline-block;}

label {display: inline-block; width: 20%; vertical-align: top;}
input, textarea, select, button {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px;}
input[type="text"], textarea, input[type="password"], input[type="number"] {width: 70%; padding: 4px; border: 1px solid #cecece;}
textarea {height: 126px;}
select {padding: 4px; border: 1px solid #cecece; margin: 0 0 0px 0; width: 252px;}
input[type="submit"], button {background: #005ca9; border: 1px solid #cecece; color: #fff; padding: 4px 20px; margin: 21px 0 0 0;}
input[type="submit"]#save-order {display: none;}

aside#notificationbar {height: 40px; width: 100%; background: #000; color: #fff; line-height: 40px; border-top: 1px solid #cecece; text-align: center; display: none; position: fixed; bottom: 0;}

form#login {position: absolute; top: 50%; left: 50%; background: #c7e9f5; color: #000; padding: 20px; width: 300px; margin: -206px 0 0 -171px; border: 1px solid #e4e7e4; border-radius: 5px; text-align: center; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.08);} 
form#login label {display: block; width: 100%; text-align: left;}
form#login input[type="text"], form#login input[type="password"] {width: 290px; margin: 0 0 10px 0;}

.checkboxblock {width: 70%; display: inline-block;}

.two-columns {width: 100%; display: block;}
.two-columns .left {float: left; width: 45%;}
.two-columns .right {float: right; width: 45%;}

.save-groups {display: none;}

.group {width: 100%; margin: 0 0 20px 0; }
.group .name {width: 60%;}
.group tbody td {cursor: move;}
.group tbody {padding: 5px;}
.group tfoot td {text-align: center; background: #cecece; color: #fff; font-size: 10px; line-height: 10px; padding: 0;}

.clear {clear: both; height: 0; overflow: none;}

.txtitem .preview {float: left;}
.multiplefield.name,.multiplefield.description {width:150px; margin-right: 10px; float: none;}
.multiplefield.name {float: left;}
.multiplefield.datetime_from, .multiplefield.datetime_until {float: left; width:150px;}
.multiplefield.time, .multiplefield.price {width: 20%;}
.txtitem select {margin-right: 5px;width:150px; border-top-left-radius:0;border-bottom-left-radius:0;}
input[type='file'].multiplefield {width: 150px; vertical-align: middle;}

.items {display: inline-block; width: 70%; margin-bottom:10px;}

#ui-datepicker-div {z-index: 1000 !important;}

input[class*='datetime'] {width: 30%; margin: 0 5px 5px 0;}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color: #fff;}

ul#filecontainer li i {float: right;}

.txtitem {line-height: 66px;}
.txtitem.hidden {display: none;}


#searchfield {width: 154px; margin: 0 0 10px 0; font-size: 14px; padding: 10px 20px;}

.datum {
	width: 175px;
}
.titel {
	width: 275px;
}

.txtitem {
	padding: 20px 0;
	border-bottom: 1px solid #000;
}
.items .txtitem:first-of-type {
	padding: 0 0 20px 0;
}

span.filename {
    white-space: nowrap; 
    width: 530px; 
    overflow: hidden;
    text-overflow: ellipsis; 	
	display: inline-block;
}