.form-wrapper label {display: block;}
.form-wrapper .fa {font-family: 'FontAwesome'; margin-left: 12px; color:#5ae; cursor: pointer;}
.form-wrapper .fa:hover {color:#06e;}

#incomes label,#expenses label, #totals label, .headers ul li:nth-child(1) {display: inline-block; width: 40%}

input {text-align: right;}
input[type=text], .headers ul li {width: 15%; min-width: 20px;}
.headers ul li {text-align: center;}
.headers ul li:nth-child(1) {text-align: left;}

input[type=text] {border: #666 solid 1px; line-height: 30px; padding-right: 10px; padding-left: 10px; height: 32px;}
#information input#name {text-align: left; width: 30%;}
#information input[type=text] {width: 30px; text-align: center;}

table {width: 100%; padding: 0; margin: 0;}
table td:first-of-type {width: 50%; text-align: left; padding-left: 0;}
table td {text-align: center; padding-left: 10px; padding-right: 10px;}

form {padding: 20px; border-left: 0; border-right: 0}
form .results {background: #ddd !important;}
form .headers {background: white;}
form .results input, form .headers input {border-color: transparent; outline: 0; background: inherit !important;}
#expenses .even, #incomes .even {background: #f9f9f9;}

form input:disabled {background: #eee;}
form .share-of-expenses input:disabled {color: #000; opacity: 1; border-color: transparent; -webkit-appearance: none; background-color: inherit;}
form .results input:disabled {background: inherit;}

form .form-div {padding: 10px 10px;}

.headers {border-bottom: 1px solid #5ae;}
.headers ul {list-style-type: none; padding-left: 0;}
.headers ul li {display: inline-block;}

label { word-wrap: break-word; }
label.disabled { color: #bbb; }

.float-right { float: right; }

.hidden { display: none !important; }

#info-popup { position: absolute; background: #fff; border-radius: 3px; border: 1px solid #5ae; padding: 6px 10px; max-width: 500px; width: 100%; z-index: 1; }

#total-results { color: #000 !important; }