body {
    background-color: white !important;
}
#nav {
    padding: 20px;
    text-align: right;
    height: 70px;
}
#nav button {
    position: relative;
}
#nav button:last-child {
    margin-right: 50px;
}
#nav button {
    margin-left: 10px;
}
#undo {
    background-color: orangered;
    color: white;
}
.deleted {
    display: none;
}
.form-inline {
    margin-top: 20px;
    padding-left: 100px;
    float: left;
    position: relative;
    top: -20px;
}
.form-group {
    margin-right: 20px;
}
#year {
    width: 75px;
}
.expenses {
    width: 100%;
}
.expenses th.expense, .expenses th.child, .expenses th.amount{
    background-color: #748185;
    font-size: x-large;
    font-weight: bolder;
    padding: 10px 20px;
}
.expenses .expense {
    width: 50px;
}
.expenses .child {
    width: calc(35% - 38px);
}
.expenses input {
    width: 100% !important;
    font-weight: bold;
}
.expenses td {
    height: 44px;
}
.expenses .value {
    font-size: medium;
}
.expenses .amount {
    width: 20%;
    text-align: right;
}
.expenses .option, .expenses .suboption{
    width: 188px;
    text-align: right;
}
.expenses .suboption .delete, .expenses .option .cancel, .expenses .suboption .cancel {
    left: -76px;
}
.expenses td.expense, .expenses td.amount, .expenses td.child, .expenses td.option, .expenses td.suboption {
    padding: 5px 20px 5px 20px;
    font-weight: bold;
}
.expenses tr:nth-last-child(3) td {
    padding-bottom: 10px;
}
.expenses .add-btn {
    text-align: right;
}
.expenses .delete, .expenses .cancel {
    background-color: red;
    color: white;
    position: relative;
}
.expenses .sub {
    position: relative;
    background-color: green;
    color: white;
}
.expenses .view {
    position: relative;
    background-color: orange;
    color: white;
}
.expenses .view:disabled {
    position: relative;
    background-color: grey;
    color: white;
    cursor: pointer;
}
.expenses .add, .expenses .addsub {
    background-color: green;
    color: white;
}
.expenses .add, .expenses .addsub, .expenses .save, .expenses .edit {
    float: left !important;
}
.expenses .total th {
    background-color: green;
    color: white;
}
.expenses .heading th {
    color: white;
}
[data-parent] {
    display: none;
}
[data-name] td{
    border-top: 1px solid grey;
}
[data-name] td:last-child{
    border-top: none;
}
.expenses .total {
    padding-top: 20px;
}
* { margin:0;
    padding:0;
}
.hidn {
    display: none;
}
.value {
    max-height: 50px !important;
    height: 20px !important;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.laptopin_date {
    width: 73px !important;
}
.companyJobNo {
    width: 60px;
}
.laptopMake {
    width: 80px;
}
.buttons {
    width: 100px;
}
textarea {
    height: auto;
    padding-top: 1px;
    padding-bottom: 1px;
    max-width: 100px !important;
}
.dataDisplay th {
    text-align: center;
}
.dataDisplay td {
    vertical-align: top;
    padding-top: 6px;
}
body {
    background:#0395bb;
}
div#menu {
    margin:0 auto;
}
.data-row td {
    padding-left: 5px;
    padding-right: 5px;
}
.data-row input {
    width: 100% !important;
}