input, button, select, div, p, fieldset, table, tr, th, td  {
    border-radius:3px;
}

input {
    padding:1px 3px 1px 3px;
}

select {
    padding-left:2px;
}

p {
    margin:0px 0px 5px 0px;
}

div {
    margin:0px;
}

.flex {
    display:flex;
}

.padding-none {
    padding:0px;
}

.padding-s {
    padding:5px;
}

.padding-m {
    padding:10px;
}

.padding-l {
    padding:15px;
}

.padding-top-l {
    padding-top:15px;
}

.padding-top-none {
    padding-top:0px;
}
.padding-bottom-none {
    padding-top:0px;
}

.padding-bottom-s {
    padding-bottom:10px;
}

.padding-bottom-l {
    padding-bottom:15px;
}

.padding-bottom-m {
    padding-bottom:10px;
}

.padding-right-10 {
    padding-right:10px;
}

.padding-left-5 {
    padding-left:5px;
}

.margin-left-s {
    margin-left:10px;
}

.margin-left-m {
    margin-left:20px;
}

.margin-left-l {
    margin-left:30px;
}

.margin-right-s {
    margin-right:10px;
}

.margin-right-m {
    margin-right:20px;
}

.margin-right-l {
    margin-right:30px;
}

.margin-top-l {
    margin-top:10px;
}

.margin-bottom-s {
    margin-bottom:10px;
}

.margin-bottom-m {
    margin-bottom:20px;
}

.margin-bottom-l {
    margin-bottom:30px;
}

.border-black {
    border:1px solid black;
}

.border-gray {
    border:1px solid gray;
}

.border-lightgray {
    border:1px solid lightgray;
}

.border-none {
    border:none;
}

.width-100-Prozent {
    width:100%;
}

.width-20 {
    width:20px;
}

.width-30 {
    width:30px;
}

.width-50 {
    width:50px;
}

.width-57 {
    width:57px;
}

.width-60 {
    width:60px;
}

.width-80 {
    width:80px;
}

.width-100 {
    width:100px;
}

.width-150 {
    width:150px;
}

.width-200 {
    width:200px;
}

.width-300 {
    width:300px;
}

.width-400 {
    width:400px;
}

.width-450 {
    width:450px;
}

.width-500 {
    width:500px;
}

.width-550 {
    width:550px;
}

.width-650 {
    width:650px;
}

.width-700 {
    width:700px;
}

.width-800 {
    width:800px;
}

.width-1000 {
    width:1000px;
}

.width-100 {
    width:100px;
}

.align-right {
    text-align:right;
}

.align-center {
    text-align:center;
}

.align-left {
    text-align:left;
}

.no-line-breaks {
    white-space: nowrap;
}

ul.sortable {
    list-style: none;
    margin: 0; 
    padding: 0;
}

ul.sortable span.ui-icon-arrowthick-2-n-s {
    position: absolute; 
    margin-left: -16px;
}

ul.sortable li { 
    padding-left: 16px; 
}

fieldset {
    padding:10px 20px 10px 10px;
    border:1px solid gray;
    display:inline-block;
    vertical-align:top;
}

fieldset label {
    float:left;
    text-align:right;
    margin-right:10px;
}

fieldset p {
    margin-bottom:8px;
}

.fieldset-50 label {
  width:50px;
}

.fieldset-100 label {
  width:100px;
}

.fieldset-120 label {
  width:120px;
}

.fieldset-150 label {
  width:150px;
}

.fieldset-200 label {
  width:200px;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}


.clear-both {
    clear:both;
}

.validation-summary-errors {
    color:red;
    font-weight:bold;
    border:2px solid red;
    margin-bottom: 20px;
}

.input-validation-error {
    border:2px solid red;
}

.confirm {
    /* dummy, damit Autovervollständigen funktioniert */
}

.disabled-input-container {
    /* marker class */
}

.ui-autocomplete-input {
    border-right:3px solid darkblue !important;
}

#page-head {
    margin:0px;
    padding:0px;
}

#print-header {
    display:none;
}

#top {
    margin:0px; 
    padding:5px 30px 5px 5px;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
    border-left:1px solid gray;
    background-color:#1C8035; 
    text-align:right;
}

#top-login, #top-login a, #top-login a:hover, #top-version, #top-info {
    color:white;
}

#top-login form {
    display:inline-block;
}

#debug-message {
    padding:10px;
    color:red;
    font-weight:bold;
}

#top-login a:hover {
    text-decoration:underline;
}

#logoutForm {
    margin:0px;
}

#logo {
    margin:0px;
    padding:0px 0px 0px 20px;
    border-bottom:1px solid #1C8035;
    vertical-align:top;
}

#logo table, #logo td, #logo img {
    border:none;
}

#logo h1 {
    margin:5px 0px 0px 0px;
}

#page-content {
    margin-top:20px;
    margin-left:115px;
    margin-right:20px;
}

#page-content h1 {
    margin-bottom:5px;
}

body {
    padding:0px 0px 30px 0px;
    margin:0px 0px 30px 0px;
    font-family:Calibri, Arial, sans-serif;
    font-size:14px;
}

h1, h2, h3, .lk-green {
    color:#1C8035; 
}

h2 {
    font-size:large;
    margin-bottom:5px;
}

h3 {
    margin-top:2px;
    margin-bottom:5px;
}

table.login, table.login th, table.login td {
    border:none;
}

ul.no-indent, ul.no-indent-and-bullet {
    padding-left:0px;
    margin-left:0px;
}

ul.no-bullet, ul.no-indent-and-bullet {
    list-style-type:none;
}

li {
    margin:0px 0px 8px 0px;
}

a, a:visited {
    text-decoration:none;
    color:#081B63;
}

a:hover {
    text-decoration:underline;
}

a.toggler:hover {
    text-decoration:none;
}

table {
    border-collapse:collapse;
}

table, th, td {
    border:1px solid gray;
}

th {
    background-color:lightgray;
    text-align:left;
}

th, td {
    padding:3px 5px 3px 5px;
}

td {
    vertical-align:top;
}

input.datepicker-input {
    width:80px;
    text-align:center;
}


.ui-datepicker {
    font-size:smaller;
}

.exception {
    border:1px solid red;
    padding:20px;
    width:600px;
}

.submit-pending {
    border-color:green;
}

.submit-failed {
    border-color:green;
}

table.borderless {
    border:none;
}

table.borderless td {
    border:none;
}

.field-validation-error {
    color:red;
}

input[type=date] {
    width:70px;
}

.background-grey{
    background-color: lightgray;
}

td.fatal{
    background-color:#ff6a82;
}
td.error{
    background-color:#ff6a82;
}
td.warn{
    background-color:#ffae6a;
}
td.hint{
    background-color:#66a6ff;
}
td.ok, td.info{
    background-color:#CDEB8B;
}

/* für tablesorter*/
.tablesorter-header {
   white-space:nowrap;
   padding: 0px;
   background-color:lightgrey;
   background-image: url(Icons/sort_bg.gif);
   background-repeat: no-repeat;
   background-position: right 20px center;
  
}

.sortFilterContainer { 
    cursor: pointer;
    display:flex;
}

.tablesorter-header-inner{
    padding:3px 5px 3px 5px;
    width:100%;
    padding-right:10px;
}

.tablesorter-headerAsc {
    background-image: url(Icons/sort_asc.gif);
}

.tablesorter-headerDesc {
    background-image: url(Icons/sort_desc.gif);
}

.tablesorter-headerDesc, .tablesorter-headerAsc {
    background-color: #008C00;
    color: white;
}

.tablegroup-header{
    background-color:#a4a4a4;
    background-image:url(Icons/group_bg.gif);
    width:30px;
    background-repeat: no-repeat;
    background-position: center;
}
.no-tablegroup-header{
    cursor: auto;
    background-color:#c8c8c8;
    width:30px;
    visibility: hidden;
}

.group-header {
    font-weight: bold;
    font-size: 14px;
    background-color: #CDEB8B;
}

/* tablefilter -> result col */
td.alt{
    background-color:#C3D9FF;
}
button img {
    margin:2px 5px -1px 0px;
    width:14px;
    height:14px;
}

label.highlighted {
    text-decoration:underline;
}

.storno{
   color:#b2b2b2;
}

.nok{
    background-color:#ff715b;
}

.k-button{
    padding: 3px;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:0px;
    border: 1px solid #D8D8D8;
    background-color:#F8F8F8;
    cursor:pointer;
}
.k-button:hover{
    background-color:#d4f1c7;
}
.k-button:active{
    background-color:#BED9B2;
}
k-dropdown filter{
    border: 0px;
}

.k-button-disabled{
    padding: 3px;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:0px;
    border: 1px solid #D8D8D8;
    background-color:#F8F8F8;
    color:lightgray;
}

k-dropdown option:checked, option:hover {
    color: black;
    background: #d4f1c7 repeat;
}


 /* Style the list */
ul.tab {
    clear:both;
    list-style-type: none;
    margin: 0;
    padding-left: 0px;
    height: 30px;
    background-image: linear-gradient(0deg, lightgrey 7%, white 0%);
    margin-left:-115px;
    padding-left:115px;
    margin-right:-20px;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:5px;
    padding-top: 5px;
    border: solid 1px lightgrey;
    border-bottom: solid 2px lightgrey;
    background-color: #f8f8f8;
    margin-right: 3px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
     background-color:#d4f1c7;
}

/* Create an active/current tablink class */
ul.tab li a:focus, ul.tab .active {
    border-bottom: #1C8035 solid 2px !important ;
}

/* Style the tab content */
.tabcontent {
    clear:both;
    padding: 6px 12px;
    border-top: none;
}

input.fake-date-input {
    width:55pt;
}

.kLink, .kLink:visited {
    display: inline-block;
    color: black;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:5px;
    padding-top: 5px;
    border: solid 1px lightgrey;
    background-color: #f8f8f8;
}
.kLink:hover {
     text-decoration: none;
     background-color:#d4f1c7;
}

/*
 *  k-menu
*/

.k-menu {
    width:100%;
    margin-top:-20px;
    margin-left:-115px;
    margin-right:-20px;
    list-style-type: none;
    height: 29px;
    padding-left:115px;
    padding-right:80px;
    background-color:#ebeaea;
    border-bottom: 1px solid #1C8035;
}

.k-menu button {
    text-align: center;
    border:none;
    border-right: solid 1px lightgrey;
    background-color: #f8f8f8;
    height:29px;
    margin:0px;
    vertical-align:top;
}

.k-menu button img {
    vertical-align:sub;
    padding-right:3px;
}

.k-menu button * {
    vertical-align:middle;
}

.k-menu button .material-icons {
    margin-right:5px
}

.k-menu button span {
    padding:0px;
    margin-top:-1px;
}

.k-menu .k-menu-link {
    display: inline-block;
    text-align: center;
    border:none;
    border-right: solid 1px lightgrey;
    background-color: #f8f8f8;
    height: 29px;
    text-decoration: none;
    color: black;
    padding: 0px 5px 0px 5px;
    font-size: 15px;
}

.k-menu .k-menu-link i {
    vertical-align:middle;
    padding: 3px 3px 0px 0px;
}

.k-menu .k-menu-link * {
    vertical-align: middle;
}

.k-menu .k-menu-link span {
    padding: 0px;
    margin-top: -1px;
}

.k-menu .k-menu-tabs {
    display: inline-block;
    float:right;
}

.k-menu .k-menu-navigation {
    float: right;
    display: inline-block;
    margin-top: -6px;
}

.k-menu .k-menu-tab {
    float:left;
    padding: 2px 20px 0px 20px;
    cursor: pointer;
    border:none;
    border-left: 1px solid #1C8035;
}

.k-menu .k-menu-tab:last-of-type {
    border-right: 1px solid #1C8035;
}

.k-menu .k-menu-tab:hover {
    background-color: #e5fbdd;
}

.k-menu .k-menu-tab.active {
    background-color: white;
    border-bottom:1px solid white;
    height:30px;
}

.k-menu .vspace-s {
    display:inline-block;
    width:30px;
}

.k-menu .vspace-m {
    display:inline-block;
    width:30px;
}

.k-menu .vspace-l {
    display:inline-block;
    width:50px;
}

.k-menu.k-menu-fixed {
    position:fixed;
    top:20px;
    width:100%;
}

.k-menu.k-menu-fixed .k-menu-tabs {
    padding-right:135px; /* keine Ahnung, warum's das braucht */
}

.k-menu.k-menu-fixed .k-menu-navigation {
    padding-right:135px;
}

.k-menu .k-menu-span {
    display:inline-block;
    height: 21px;
    padding: 6px 8px 0px 8px;
}

.k-menu .k-menu-span * {
    vertical-align:top;
}

#page-content.k-menu-fixed {
    margin-top:29px;
    width:100%;
}


/*
 *  Tabellenspalten
 */

td.item-link {
    width:0px;
    white-space:nowrap;
}

td.item-link * {
    vertical-align:top;
}

td.item-link .material-icons {
    font-size:20px;
    color:gray;
}

td.actions {
    width:0px;
    white-space:nowrap;
}

td.actions * {
    vertical-align:top;
}

/*
 *  Buttons
 */

.k-action-button {
    border:1px solid gray;
    padding:0px 3px 0px 3px;
    background-color:white;
    vertical-align:top;
}

.k-action-button .material-icons {
    font-size:16px;
    color: rgba(0, 0, 0, .65);
}