html, body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
}

body .main:first-of-type {
  flex-grow: 1;
}

[state="success"], [state="approved"] {
    color: #16a519;
}
[state="error"], [state="cancelled"] {
    color: #d61915;
}
[state="warning"], [state="created"] {
    color: #ffa300;
}

section {
    position:relative;
}

.table.table-small > thead > tr > td{
    padding: 4px;
    text-align:center;
}
.table.table-small > tbody > tr > td, 
.table.table-small > tfoot > tr > td {
    padding: 2px 4px;
}
.table.table-small > thead > tr > td,
.table.table-small > tbody > tr > td, 
.table.table-small > tfoot > tr > td {
    line-height: normal !important;
    vertical-align: middle !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
}

footer {
    position: fixed !important;
    background: #fff;
    padding: 15px 0px;
    text-align:center;
    border-top: 4px solid #eeeeee;
    left:0;
    right:0;
    bottom: 0;
}
[state="success"], [state="approved"], [state="COMPLETED"], [state="Completed"] {
    color: #16a519;
}

[state="error"], [state="cancelled"], [state="DENIED"] {
    color: #d61915;
}

[state="warning"], [state="REVERSED"] {
    color: #ffa300;
}