@charset "UTF-8";
/* wheat */
/* pomegranate */
/* grape */
body {
  font-family: Courier New;
  margin: 0;
  padding: 0;
}

header {
  height: 2em;
  /* padding: 0 $padding; */
  padding: 0;
}

main {
  display: flex;
  position: absolute;
  top: 2em;
  right: 0;
  bottom: 0;
  left: 0;
  /* padding: 0 0 0 $padding; */
  padding: 0;
}

nav {
  flex: 0 0 10em;
  overflow: auto;
  padding: 0 1em 2em 0;
  order: -1;
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.page-header {
  padding: 0 1em 1em 1em;
}

.page-content {
  /* overflow: auto; */
  padding: 0 1em 2em 1em;
}

@media (min-width: 768px) {
  main {
    display: block;
  }
  .page-header {
    padding-left: 0;
  }
  .page-content {
    padding-left: 0;
  }
}
h1 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #421c52;
}

a:hover {
  text-decoration: underline;
}

.strong {
  font-weight: 700;
}

span.small,
td.small,
li.small,
div.small,
p.small,
a.small {
  font-size: 0.6em;
}

.clear {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.h-center {
  display: table;
  margin: 0 auto;
}

.gap-top {
  margin-top: 0.2em;
}

.gap-bottom {
  margin-bottom: 0.2em;
}

.margin-top {
  margin-top: 1em;
}

.margin-top-x0 {
  margin-top: 0;
}

.margin-top-x2 {
  margin-top: 2em;
}

.margin-bottom {
  margin-bottom: 1em;
}

.margin-bottom-x0 {
  margin-bottom: 0;
}

.margin-bottom-x2 {
  margin-bottom: 2em;
}

.margin-right {
  margin-right: 1em;
}

.margin-right-x0 {
  margin-right: 0;
}

.margin-right-x2 {
  margin-right: 2em;
}

.margin-left {
  margin-left: 1em;
}

.margin-left-x0 {
  margin-left: 0;
}

.margin-left-x2 {
  margin-left: 2em;
}

.highlight, ul.pagination li.active, table.grid .sort.active, table.form .sort.active, table.grid.animate tr.data:hover, table.animate.form tr.data:hover {
  background-color: #f5deb3;
}

.positive-amount {
  color: green;
}

.box {
  padding: 1em;
  border: 1px #ccc dotted;
}

table.grid, table.form {
  border-collapse: collapse;
  margin-bottom: 1em;
}

table.grid tr, table.form tr {
  vertical-align: top;
}

table.grid th, table.form th {
  white-space: nowrap;
}

table.grid td, table.form td, table.grid th, table.form th {
  padding: 1em;
  /* font-weight: normal; */
}

table.grid.border td, table.border.form td, table.grid.border th, table.border.form th {
  border: 1px #ccc dotted;
}

table.grid .info, table.form .info {
  color: black;
}

table.grid .success, table.form .success {
  color: olive;
}

table.grid .error, table.form .error {
  color: #ee3233;
}

table.grid td.indent0, table.form td.indent0 {
  padding-left: 1em;
}

table.grid td.indent1, table.form td.indent1 {
  padding-left: 4em;
}

table.grid td.indent2, table.form td.indent2 {
  padding-left: 6em;
}

table.grid td.indent3, table.form td.indent3 {
  padding-left: 8em;
}

table.grid td.indent4, table.form td.indent4 {
  padding-left: 10em;
}

table.grid td.indent5, table.form td.indent5 {
  padding-left: 12em;
}

table.grid td.indent6, table.form td.indent6 {
  padding-left: 14em;
}

table.grid td.indent7, table.form td.indent7 {
  padding-left: 16em;
}

table.grid td.indent8, table.form td.indent8 {
  padding-left: 18em;
}

table.grid td.indent9, table.form td.indent9 {
  padding-left: 20em;
}

table.grid, table.form {
  border-collapse: collapse;
  margin-bottom: 1em;
}

table.grid tr, table.form tr {
  vertical-align: top;
}

table.grid th, table.form th {
  white-space: nowrap;
}

table.grid td, table.form td, table.grid th, table.form th {
  padding: 1em;
  /* font-weight: normal; */
}

table.grid.border td, table.border.form td, table.grid.border th, table.border.form th {
  border: 1px #ccc dotted;
}

table.grid .info, table.form .info {
  color: black;
}

table.grid .success, table.form .success {
  color: olive;
}

table.grid .error, table.form .error {
  color: #ee3233;
}

table.grid td.indent0, table.form td.indent0 {
  padding-left: 1em;
}

table.grid td.indent1, table.form td.indent1 {
  padding-left: 4em;
}

table.grid td.indent2, table.form td.indent2 {
  padding-left: 6em;
}

table.grid td.indent3, table.form td.indent3 {
  padding-left: 8em;
}

table.grid td.indent4, table.form td.indent4 {
  padding-left: 10em;
}

table.grid td.indent5, table.form td.indent5 {
  padding-left: 12em;
}

table.grid td.indent6, table.form td.indent6 {
  padding-left: 14em;
}

table.grid td.indent7, table.form td.indent7 {
  padding-left: 16em;
}

table.grid td.indent8, table.form td.indent8 {
  padding-left: 18em;
}

table.grid td.indent9, table.form td.indent9 {
  padding-left: 20em;
}

table.form th {
  text-align: right;
}

input[type=text],
input[type=number],
input[type=email],
input[type=date],
input[type=datetime-local],
input[type=password] {
  font-family: Courier New;
  padding: 0.5em;
  width: 20em;
  border: 1px #ccc solid;
}

input.number {
  width: 14em;
  text-align: right;
}

input.small {
  width: 4em;
}

input.small2 {
  width: 6em;
}

input.url,
input.long {
  width: 40em;
}

textarea.size-01 {
  width: 80em;
  height: 4em;
}

input.phone_country_code {
  width: 2em;
}

input.phone_number {
  width: 8em;
}

input.phone_extension {
  width: 4em;
}

select {
  font-family: Courier New;
  padding: 0.5em;
  border: 1px #ccc solid;
}

textarea.json {
  width: 80em;
  height: 20em;
}

textarea.markup {
  width: 80em;
  height: 20em;
}

textarea.text {
  width: 80em;
  height: 20em;
}

button {
  font-family: Courier New;
  font-size: 1em;
  text-transform: uppercase;
}

ul.app-menu {
  margin: 0;
  padding: 0;
}

ul.app-menu ul.level-02 {
  padding: 0 0 0 1em;
}

ul.app-menu ul.level-03 {
  padding: 0 0 0 2em;
}

ul.app-menu ul.level-04 {
  padding: 0 0 0 3em;
}

ul.app-menu li {
  list-style: none;
  padding: 0 0 1em 0;
}

/*
ul.app-menu.level-01 li:first-child
{
    padding-top: 0;
}
ul.app-menu li:last-child
{
    padding-bottom: 0;
}
*/
ul.app-menu li.selected span, ul.app-menu li.selected a {
  /*
  font-weight: 700;
  */
  border-bottom: 1px dotted #ccc;
}

/*
ul.app-menu li.selected::before { 
    content: "·";
    margin-right: -6px;
}
*/
/* wheat */
/* pomegranate */
/* grape */
ul.horizontal, ul.pagination, ul.page-menu, ul.toolbar, ul.bread-crumbs {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

ul.horizontal.h-center, ul.h-center.pagination, ul.h-center.page-menu, ul.h-center.toolbar, ul.h-center.bread-crumbs {
  display: table;
  margin: 0 auto;
}

ul.horizontal li, ul.pagination li, ul.page-menu li, ul.toolbar li, ul.bread-crumbs li {
  list-style: none;
  float: left;
  margin: 0 1em 0 0;
}

ul.horizontal li.margin-right-x2, ul.pagination li.margin-right-x2, ul.page-menu li.margin-right-x2, ul.toolbar li.margin-right-x2, ul.bread-crumbs li.margin-right-x2 {
  margin-right: 2em;
}

ul.horizontal li:last-child, ul.pagination li:last-child, ul.page-menu li:last-child, ul.toolbar li:last-child, ul.bread-crumbs li:last-child {
  margin-right: 0;
}

ul.horizontal li.selected, ul.pagination li.selected, ul.page-menu li.selected, ul.toolbar li.selected, ul.bread-crumbs li.selected, ul.horizontal li.selected a, ul.pagination li.selected a, ul.page-menu li.selected a, ul.toolbar li.selected a, ul.bread-crumbs li.selected a {
  /*
  font-weight: 700;
  */
  border-bottom: 1px dotted #ccc;
}

/*
ul.horizontal li.selected::before {
    content: "·";
    margin-right: -6px;
}
*/
/* wheat */
/* pomegranate */
/* grape */
ul.horizontal, ul.pagination, ul.page-menu, ul.toolbar, ul.bread-crumbs {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

ul.horizontal.h-center, ul.h-center.pagination, ul.h-center.page-menu, ul.h-center.toolbar, ul.h-center.bread-crumbs {
  display: table;
  margin: 0 auto;
}

ul.horizontal li, ul.pagination li, ul.page-menu li, ul.toolbar li, ul.bread-crumbs li {
  list-style: none;
  float: left;
  margin: 0 1em 0 0;
}

ul.horizontal li.margin-right-x2, ul.pagination li.margin-right-x2, ul.page-menu li.margin-right-x2, ul.toolbar li.margin-right-x2, ul.bread-crumbs li.margin-right-x2 {
  margin-right: 2em;
}

ul.horizontal li:last-child, ul.pagination li:last-child, ul.page-menu li:last-child, ul.toolbar li:last-child, ul.bread-crumbs li:last-child {
  margin-right: 0;
}

ul.horizontal li.selected, ul.pagination li.selected, ul.page-menu li.selected, ul.toolbar li.selected, ul.bread-crumbs li.selected, ul.horizontal li.selected a, ul.pagination li.selected a, ul.page-menu li.selected a, ul.toolbar li.selected a, ul.bread-crumbs li.selected a {
  /*
  font-weight: 700;
  */
  border-bottom: 1px dotted #ccc;
}

/*
ul.horizontal li.selected::before {
    content: "·";
    margin-right: -6px;
}
*/
ul.toolbar {
  text-transform: lowercase;
}

ul.toolbar li:first-child {
  margin-left: 4em;
}

/* wheat */
/* pomegranate */
/* grape */
ul.horizontal, ul.pagination, ul.page-menu, ul.bread-crumbs, ul.toolbar {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

ul.horizontal.h-center, ul.h-center.pagination, ul.h-center.page-menu, ul.h-center.bread-crumbs, ul.h-center.toolbar {
  display: table;
  margin: 0 auto;
}

ul.horizontal li, ul.pagination li, ul.page-menu li, ul.bread-crumbs li, ul.toolbar li {
  list-style: none;
  float: left;
  margin: 0 1em 0 0;
}

ul.horizontal li.margin-right-x2, ul.pagination li.margin-right-x2, ul.page-menu li.margin-right-x2, ul.bread-crumbs li.margin-right-x2, ul.toolbar li.margin-right-x2 {
  margin-right: 2em;
}

ul.horizontal li:last-child, ul.pagination li:last-child, ul.page-menu li:last-child, ul.bread-crumbs li:last-child, ul.toolbar li:last-child {
  margin-right: 0;
}

ul.horizontal li.selected, ul.pagination li.selected, ul.page-menu li.selected, ul.bread-crumbs li.selected, ul.toolbar li.selected, ul.horizontal li.selected a, ul.pagination li.selected a, ul.page-menu li.selected a, ul.bread-crumbs li.selected a, ul.toolbar li.selected a {
  /*
  font-weight: 700;
  */
  border-bottom: 1px dotted #ccc;
}

/*
ul.horizontal li.selected::before {
    content: "·";
    margin-right: -6px;
}
*/
.page-menus ul.page-menu {
  margin-top: 1em;
}

.page-menus ul.page-menu:first-child {
  margin-top: 0;
}

.filters {
  padding-right: 1em;
}

.filters tr {
  vertical-align: bottom;
}

.filters input[type=text],
.filters input[type=email],
.filters input[type=password] {
  /* padding: $padding * .2; */
  width: 10em;
  border: 1px #ccc solid;
}

.filters input[type=datetime-local] {
  width: 20em;
  /* padding: ($padding * .2) ($padding * .5); */
  border: 1px #ccc solid;
}

.filters select {
  font-family: Courier New;
  /* padding: $padding * .2; */
  border: 1px #ccc solid;
}

.filters input.long {
  width: 40em;
}

/* wheat */
/* pomegranate */
/* grape */
ul.horizontal, ul.pagination, ul.bread-crumbs, ul.toolbar, ul.page-menu {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

ul.horizontal.h-center, ul.h-center.pagination, ul.h-center.bread-crumbs, ul.h-center.toolbar, ul.h-center.page-menu {
  display: table;
  margin: 0 auto;
}

ul.horizontal li, ul.pagination li, ul.bread-crumbs li, ul.toolbar li, ul.page-menu li {
  list-style: none;
  float: left;
  margin: 0 1em 0 0;
}

ul.horizontal li.margin-right-x2, ul.pagination li.margin-right-x2, ul.bread-crumbs li.margin-right-x2, ul.toolbar li.margin-right-x2, ul.page-menu li.margin-right-x2 {
  margin-right: 2em;
}

ul.horizontal li:last-child, ul.pagination li:last-child, ul.bread-crumbs li:last-child, ul.toolbar li:last-child, ul.page-menu li:last-child {
  margin-right: 0;
}

ul.horizontal li.selected, ul.pagination li.selected, ul.bread-crumbs li.selected, ul.toolbar li.selected, ul.page-menu li.selected, ul.horizontal li.selected a, ul.pagination li.selected a, ul.bread-crumbs li.selected a, ul.toolbar li.selected a, ul.page-menu li.selected a {
  /*
  font-weight: 700;
  */
  border-bottom: 1px dotted #ccc;
}

/*
ul.horizontal li.selected::before {
    content: "·";
    margin-right: -6px;
}
*/
ul.pagination li {
  padding: 0.5em;
  border: 1px dotted #ccc;
}

ul.pagination li.disabled {
  color: #ccc;
}