@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");

#sidebar .nav-card-body {
    padding: 0rem;
}

#sidebar .nav-link {
    display: block;
    padding: .3rem .5rem;
}

#PaymentsTable tbody tr td a.print_button {
    display: none;
}

#PaymentsTable tbody tr.selected td a.print_button {
    display: inline;
}

/* Optionally define a fixed width for menus */
.ui-menu {
    width: 220px;
}

.fr_status_1::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-cloud-off%22%3E%3Cpath%20d%3D%22M22.61%2016.95A5%205%200%200%200%2018%2010h-1.26a8%208%200%200%200-7.05-6M5%205a8%208%200%200%200%204%2015h9a5%205%200%200%200%201.7-.3%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%221%22%20y1%3D%221%22%20x2%3D%2223%22%20y2%3D%2223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
}

.fr_status_2::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-printer%22%3E%3Cpolyline%20points%3D%226%209%206%202%2018%202%2018%209%22%3E%3C%2Fpolyline%3E%3Cpath%20d%3D%22M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22%3E%3C%2Fpath%3E%3Crect%20x%3D%226%22%20y%3D%2214%22%20width%3D%2212%22%20height%3D%228%22%3E%3C%2Frect%3E%3C%2Fsvg%3E');
}

.fr_status_3::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-cloud-lightning%22%3E%3Cpath%20d%3D%22M19%2016.9A5%205%200%200%200%2018%207h-1.26a8%208%200%201%200-11.62%209%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2213%2011%209%2017%2015%2017%2011%2023%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E');
}

.fr_status_4::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-cloud%22%3E%3Cpath%20d%3D%22M18%2010h-1.26A8%208%200%201%200%209%2020h9a5%205%200%200%200%200-10z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.pay_tool_2::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-credit-card%22%3E%0D%0A%20%20%20%20%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2222%22%20height%3D%2216%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%3Cline%20x1%3D%221%22%20y1%3D%2210%22%20x2%3D%2223%22%20y2%3D%2210%22%3E%3C%2Fline%3E%0D%0A%3C%2Fsvg%3E');
}

.pay_tool_7::before {
    content: url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23808080%22%20d%3D%22M160%2032H32C14.33%2032%200%2046.33%200%2064v128c0%2017.67%2014.33%2032%2032%2032h128c17.67%200%2032-14.33%2032-32V64C192%2046.33%20177.7%2032%20160%2032zM128%20160H64V96h64V160zM160%20288H32c-17.67%200-32%2014.33-32%2032v128c0%2017.67%2014.33%2032%2032%2032h128c17.67%200%2032-14.33%2032-32v-128C192%20302.3%20177.7%20288%20160%20288zM128%20416H64v-64h64V416zM416%2032h-128c-17.67%200-32%2014.33-32%2032v128c0%2017.67%2014.33%2032%2032%2032h128c17.67%200%2032-14.33%2032-32V64C448%2046.33%20433.7%2032%20416%2032zM384%20160h-64V96h64V160zM352%20480h32v-32h-32V480zM416%20320h-64V288h-96v192h64v-96h32v32h96V288h-32V320zM416%20480h32v-32h-32V480z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.pay_tool_10::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-triangle%22%3E%3Cpath%20d%3D%22M10.29%203.86L1.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.pay_tool_11::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-truck%22%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%2215%22%20height%3D%2213%22%3E%3C%2Frect%3E%3Cpolygon%20points%3D%2216%208%2020%208%2023%2011%2023%2016%2016%2016%2016%208%22%3E%3C%2Fpolygon%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%222.5%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');
}

.feather_book_open::before {
    content: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-book-open%22%3E%3Cpath%20d%3D%22M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.feather_refresh-ccw::before {
	content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItcmVmcmVzaC1jY3ciPjxwb2x5bGluZSBwb2ludHM9IjEgNCAxIDEwIDcgMTAiPjwvcG9seWxpbmU+PHBvbHlsaW5lIHBvaW50cz0iMjMgMjAgMjMgMTQgMTcgMTQiPjwvcG9seWxpbmU+PHBhdGggZD0iTTIwLjQ5IDlBOSA5IDAgMCAwIDUuNjQgNS42NEwxIDEwbTIyIDRsLTQuNjQgNC4zNkE5IDkgMCAwIDEgMy41MSAxNSI+PC9wYXRoPjwvc3ZnPg==');
}

.card-deck .card {
    min-width: 225px;
    max-width: 225px;
    margin-bottom: 1.5rem;
}

tr.card_transaction > td {
    background-color: #e4f9f9;
}

tr.qr_transaction > td {
    background-color: #e4f9f9;
}