body {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Geneva, sans-serif;
}


/*** APP. VERSION ***/
#app-version {
    float: right;
    padding-right: 10px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: .7em;
    color: #aaa;
}


/*** MENU ***/
#menu {
    /*background-color: black;*/
}

#menu ul {
    background-color: #f1f1f1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid white;
}

#menu li {
    float: left;
    border-right: 1px solid white;
}

#menu li a {
    display: block;
    padding: 11px 26px;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 1em;
}

#menu li a.active {
    background-color: #4caf50;  /*init: #4caf50; ok: #7DBF43; #77C23D*/
    color: white;
}

#menu li a:hover:not(.active) {
    background-color: #666;
    color: white;
}

ul li a.factureds, ul li a.overviews {
    margin-left: 37px;
    border-left: 1px solid white;
}
ul li a.factureds {
    background-color: #ceeBf8;  /*#c9e9f7*/
}
ul li a.overviews {
    background-color: #FAECB7;
}


/*** CONTENT ***/
#content {
    /*background-color: red;*/
    margin: 15px;
    font-size: .75em;
}


/* ITEM LIST */
#item-list-header {
    /*background-color: red;*/
    margin-bottom: 15px;
}


#item-list-search-bar {
    /*background-color: #00ff00;*/
    margin-bottom: 20px;

    /*width: 55%;*/
    width: 688px;
    /*border: 1px solid #bbb;*/
}
#item-list-search-bar ul {
    padding: 0 0 0 1px;
    /*margin: 3px 0 2px 7px;*/
    margin: 0;
}
#item-list-search-bar input[type=date] {
    /*padding: 0;*/
    /*margin: 3px 0 2px 7px;*/
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}



.item-list {
    /*background-color: orange;*/
    /*display: table;*/
}

.item-list table, th, td {
    text-align: left;   /* za EDIT i DELETE, override-aj CSS sa class-om ili span-om */
    border: 1px solid #bbb;
    border-collapse: collapse;
}


.item-list table thead {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}
.item-list table tfoot {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


.item-list th, .item-list td {
    padding: 3px 33px;
}

.item-list th {
    background-color: #ccc;
    color: #222;
    border-bottom: 1px solid #bbb;
}


.item-list table tbody tr.countable-rows:nth-child(odd) {
    background-color: #eee;
}
.item-list table tbody tr.countable-rows:nth-child(even) {
    background-color: #ddd;
}

.item-list table tbody tr.countable-rows-js-odd {
    background-color: #eee;
}
.item-list table tbody tr.countable-rows-js-even {
    background-color: #ddd;
}


div.factureds, td.overviews-factureds {
    color: #14688F;
}
th.factureds, td.factureds, form ul li label.factureds, form ul li.factureds, td.overviews-factureds-bold {
    color: #114E6A;
}
form ul li span.factureds {
    font-style: italic;
    margin-left: 7px;
}

div.overviews {
    font-size: .95em;
    color: #4F560B;
}
table thead th.overviews, table tfoot tr td.overviews, form ul li label.overviews, form ul li.overviews {
    color: #464D0A;
}
form ul li span.overviews {
    font-style: italic;
    margin-left: 7px;
}
th.overviews {
    padding: 4px 20px;
}
td.overviews {
    padding: 2px 20px;
}
td.overviews-th-storage {
    font-weight: bold;
    padding: 5px 0 1px 7px;
}
td.overviews-th-storage-value {
    font-weight: bold;
    text-align: right;
    padding: 5px 18px 1px 0;
}


.item-list table tfoot tr.table-summary-tr {
    color: #333;
    font-weight: bold;
}

.item-list table tfoot tr td {
    padding-top: 4px;
}

.item-list table tfoot tr td.table-summary-td {
    background-color: #fff;
    border: 1px solid #fff;
}

.item-list table tfoot tr td.table-summary-td-ok {
    background-color: #fff;
}


td.table_right_align, thead th.table_right_align {
    text-align: right;
}


.item-list table td.action-button-td {
    padding: 0;
    /*border: none;*/             /* TODO ? */
    border: 1px solid #fff;
    background-color: #fff;
}

/*
.item-list table td.action-letter-td {
    padding: 0 9px;
}
.item-list table td a.action-letter {
    color: #ff8500;
    text-decoration: none;
    font-weight: bold;
}
.item-list table td a.action-letter:hover {
    color: #ea7b00;
    text-decoration: underline;
}
*/


.item-list-summary th, .item-list-summary td {
    padding: 3px 53px;
}


/* ITEM DETAIL, ITEM ADD */
#item-detail, #item-add {
    /*background-color: orange;*/

    /*width: 55%;*/
    /*width: 650px;*/
    border: 1px solid #bbb;
}

#item-add {
    /*background-color: orange;*/
    width: 400px;
}



/* LOG-IN */
#login {
    /*background-color: orange;*/
    width: 300px;
    border: 1px solid #bbb;
}