html {
    font-family: Tahoma, Verdana, sans-serif;
    max-width: 1280px;
    margin: 10px auto;
}

.messages div {
    border-left: 1em solid #ddd;
    padding: 0.3em 0.5em;
    border-radius: 0.5em;
    margin: 0px 1%;
}

.messages .info {
    border-color: #99f;
    background-color: #ddf;
}

.messages .error {
    border-color: #f99;
    background-color: #fdd;
}

p .icon {
    margin-bottom: -0.6em;
}

.iconCol {
    padding: 0px;
}

.iconCol .icon {
    padding: 3px;
    margin: 0px;
    border-radius: 0px;
}

body {
    padding: 0px 10px;
    margin: 20px auto;
}

div.ribbon {
    overflow: hidden;
}

menu, ul.tileList {
    display: block;
    clear: both;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

menu li a {
    padding: 1em 32px;
    height: 2.5em;
    display: block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    line-height: 1.25em;
    color: #000;
    background-image: url('/img/icons/Gear.png');
    background-position: 0.5em center;
    background-repeat: no-repeat;
}

menu li.debtor a {
    background-image: url('/img/icons/Users.png');
}

menu li.debt a {
    background-image: url('/img/icons/Donate.png');
}

.clickable:hover .inner, tr.clickable:hover td, .expandable:hover, tr.expandable:hover td, .editable .inner:hover, menu a:hover, .paidList .inner div:hover {
    background-color: #aad;
}

.paidList .inner:hover {
    background-color: #ccf;
}

.tile {
    display: block;
    list-style: none;
    float: left;
    list-style: none;
    /*
    min-width: 23%;
    max-width: 98%;
    margin: 0.7em 1%;
    */
    padding: 7px 0px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    word-wrap: break-word;
    word-break: break-word;
    color: #000;
}

.inner {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0.2em;
    padding: 1em;
    overflow: hidden;
}

.active {
    background-color: #cfc;
}

.inactive {
    background-color: #fcc;
}

.clear {
    clear: both;
}

.paidList .inner {
    text-align: left;
    font-size: small;
}

.tile.double {
    min-width: 48%;
    max-width: 48%;
}

.fullWidth {
    width: 100%;
}

.tile.fullWidth {
    width: 98%;
}

.threeQuarters, ul.tileList.threeQuarters {
    width: 75%;
    clear: none;
}

.lastQuarter {
    width: 21%;
    float: right;
}

.collapsed {
    overflow: auto;
    height: 100px;
}

li.editable, .clickable, .expandable, .submitAjax, .pointer {
    cursor: pointer;
}

.unclickable {
    cursor: auto;
}

.icons {
    display: block;
    padding: 0px;
    overflow: hidden;
}

.paidList .inner div {
    border-bottom: 1px solid #33F;
    padding: 5px 3px;
}

.paidList .inner div:last-child {
    border: none;
}

.icon {
    height: 36px;
    width: 36px;
    border-radius: 18px;
    padding: 0px;
    margin: 3px 0px;
    display: inline-block;
    clear: right;
    text-decoration: none;
    color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    background-color: transparent;
}

.iconLiner .icon, .icon.small {
    height: 16px;
    width: 16px;
    border-radius: 8px;
}

.icon:hover {

}

.icon.accept {
    background-image: url('/img/icons/ClearGreenButton.png');
}
.icon.accept:hover {
    background-color: #cfc;
}

.icon.cancel {
    background-image: url('/img/icons/CancelRedButton.png');
}
.icon.cancel:hover {
    background-color: #ccf;
}

.icon.delete {
    background-image: url('/img/icons/TrashFull.png');
}
.iconLiner .icon.delete, .icon.small.delete {
    background-image: url('/img/icons/tiny/Remove.png');
}
.icon.delete:hover {
    background-color: #fcc;
}

.icon.edit {
    background-image: url('/img/icons/WriteDocument.png');
}
.iconLiner .icon.edit {
    background-image: url('/img/icons/tiny/WriteDocument.png');
}
.icon.edit:hover {
    background-color: #cfc;
}

.icon.detail {
    background-image: url('/img/icons/GetInfoBlueButton.png');
}

.icon.detail:hover {
    background-color: #ccf;
}

.icon.pay {
    background-image: url('/img/icons/Donate.png');
}
.iconLiner .icon.pay {
    background-image: url('/img/icons/tiny/Donate.png');
}

.icon.pay:hover {
    background-color: #cfc;
}

.icon.retry {
    background-image: url('/img/icons/PluginGreenButton.png');
}

.icon.retry:hover {
    background-color: #cfc;
}

.icon.switch {
    background-image: url('/img/icons/Transfer.png');
}

.icon.switch:hover {
    background-color: #cfc;
}

.icon.leave {
    background-image: url('/img/icons/RemoveDocument.png');
}

.icon.leave:hover {
    background-color: #fcc;
}

.icon.import {
    background-image: url('/img/icons/ImportDocument.png');
}

.icon.import:hover {
    background-color: #cfc;
}

.icon.unmatch {
    background-image: url('/img/icons/tiny/BackupGreenButton.png');
}
.icon.unmatch:hover {
    background-color: #dcc;
}

table {
    border-spacing: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    font-size: x-small;
    background-color: #eee;
}

table td, table th {
    padding: 5px 10px;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

tr.multiline-2:nth-child(4n), tr.multiline-2:nth-child(4n-1) {
    background-color: #f9f9f9;
}

table tr.minus {
    background-color: #fcc;
}
table tr.plus {
    background-color: #cfc;
}

table.addDebt {
    width: 100%;
}

table.addDebt form input, table.addDebt form select {
    width: 100%;
}

table.debtlist, table.debtlist td, table.debtlist th {
    /* border: none; */
    text-align: left;
    background-color: transparent;
}

table.debtlist .odd .even {
    background-color: rgba(128, 128, 128, 0.1);
}
table.debtlist .even .even {
    background-color: rgba(128, 128, 128, 0.1);
}

table.debtlist .odd .minus, table.debtlist .even .minus {
    background-color: rgba(255, 100, 100, 0.3);
}

table.debtlist thead tr {
    background-color: rgba(0, 0, 0, 0.3);
}

table.debtlist span {
    float: right;
}

.hidden { display: none; }

.overlay {
    position: absolute;
    background-color: #eee;
    top: 30%;
    left: 25%;
    width: 50%;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px;
}

ul li.status_ok, .inner.status_ok, .status_ok {
    background-color: #ccf;
    border-color: #33f;
}

ul li.status_failed, .inner.status_failed, status_failed {
    background-color: #fcc;
    border-color: #f33;
}

ul li.status_done, .inner.status_done, status_done {
    background-color: #cfc;
    border-color: #3f3;
}

.tileList form {
    text-align: left;
}
.tileList form label {
    display: inline-block;
}

.tileList form input, .tileList form label, .tileList form select, .tileList form textarea {
    /* width: 100%;
    overflow: hidden; */
}

.double form input, .double form label, .double form select, .double form textarea {
    /* width: 49%; */
}

.fullWidth form input, .fullWidth form label, .fullWidth form select, .fullWidth form textarea {
    /* width: 25%; */
}

input[type='text'], input[type='password'], input:not([type]), textarea {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.4);
    color: #000;
    margin: 3px 0px;
}

.alignLeft {
    text-align: left;
}

.transferInfo {
    clear: both;
    display: inline-block;
    width: 100%;
}

.leftPart {
    float: left;
    width: 50%;
}

.rightPart {
    float: right;
    width: 50%;
}

.tymyImageField {
    line-height: 25px;
    margin: 0px auto;
}

.tymyImageField img {
    float: left;
    padding-right: 5px;
}

.wrong {
    background-color: #fd8;
    color: #420;
}

.ok {
    background-color: #cfc;
    color: #494;
}

.inherited {
    background-color: #ccf;
    color: #449;
}

.ko {
    background-color: #fcc;
    color: #944;
}

.debtInfo {
    font-size: 1.3em;
}

table.debtlist .info {
    color: #888;
    float: right;
}

table.debtlist tbody tr:nth-child(1) {
    display: table-row;
}

table.debtlist tbody tr:nth-child(1) td {
    border-top: 1px solid #000;
}

table.debtlist .offset {
    width: 10px;
    padding-right: 0px;
    padding-left: 15px;
}

table.debtlist .money {
    text-align: right;
}

.debtInfo.payment, .debtInfo.total {
    font-size: 1em;
}

.debtInfo.total span {
    border-top: 1px solid #000;
    display: inline-block;
    width: 100px;
}

.one.columns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

.two.columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.three.columns {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.four.columns {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

.five.columns {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
}

.six.columns {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
}

.columns .tile {
    width: 100%;
    display: block; /* Display inline-block, and absolutely NO FLOATS! */
    float: none;
    -webkit-column-break-inside: avoid;
}

.noPadding {
    padding: 0px;
}

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

#debtorsList {
    table-layout:fixed;
}

#debtorsList .fullWidth {
    width: 100%;
}