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

.content {
    flex: 1 0 auto;
}

div.material-table {
  padding: 0;
}

div.material-table .hiddensearch {
  padding: 0 14px 0 24px;
  border-bottom: solid 1px #DDDDDD;
  display: none;
}

div.material-table .hiddensearch input {
  margin: 0;
  border: transparent 0 !important;
  height: 48px;
  color: rgba(0, 0, 0, .84);
}

div.material-table .hiddensearch input:active {
  border: transparent 0 !important;
}

div.material-table table {
  table-layout: fixed;
}

div.material-table .table-header {
  height: 64px;
  padding-left: 12px;
  padding-right: 14px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  -webkit-display: flex;
  border-bottom: solid 1px #DDDDDD;
}

div.material-table .table-header .actions {
  display: -webkit-flex;
  margin-left: auto;
}

div.material-table .table-header .btn-flat {
    min-width: 36px;
    padding: 0 8px;
}

div.material-table .table-header input {
  margin: 0;
  height: auto;
}

div.material-table .table-header i {
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
}

/*div.material-table .table-footer {*/
  /*height: 56px;*/
  /*padding-left: 24px;*/
  /*padding-right: 14px;*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-flex-direction: row;*/
  /*flex-direction: row;*/
  /*-webkit-justify-content: flex-end;*/
  /*justify-content: flex-end;*/
  /*-webkit-align-items: center;*/
  /*align-items: center;*/
  /*font-size: 12px !important;*/
  /*color: rgba(0, 0, 0, 0.54);*/
/*}*/

/*div.material-table .table-footer .dataTables_length {*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
/*}*/

/*div.material-table .table-footer label {*/
  /*font-size: 12px;*/
  /*color: rgba(0, 0, 0, 0.54);*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-flex-direction: row;*/
  /*!* works with row or column *!*/

  /*flex-direction: row;*/
  /*-webkit-align-items: center;*/
  /*align-items: center;*/
  /*-webkit-justify-content: center;*/
  /*justify-content: center;*/
/*}*/

/*div.material-table .table-footer .select-wrapper {*/
  /*display: -webkit-flex;*/
  /*display: flex;*/
  /*-webkit-flex-direction: row;*/
  /*!* works with row or column *!*/

  /*flex-direction: row;*/
  /*-webkit-align-items: center;*/
  /*align-items: center;*/
  /*-webkit-justify-content: center;*/
  /*justify-content: center;*/
/*}*/

div.material-table .table-footer .dataTables_info,
div.material-table .table-footer .dataTables_length {
  margin-right: 32px;
}

/*div.material-table .table-footer .dataTables_info {*/
  /*margin-bottom: 10px;*/
  /*color: rgba(0, 0, 0, 0.54);*/
  /*font-size: 12px;*/
/*}*/

/*div.material-table .table-footer .material-pagination {*/
  /*display: flex;*/
  /*-webkit-display: flex;*/
  /*margin: 0;*/
/*}*/

/*div.material-table .table-footer .material-pagination li:first-child {*/
  /*margin-right: 24px;*/
/*}*/

/*div.material-table .table-footer .material-pagination li a {*/
  /*color: rgba(0, 0, 0, 0.54);*/
/*}*/

/*div.material-table .table-footer .select-wrapper input.select-dropdown {*/
  /*margin: 0;*/
  /*border-bottom: none;*/
  /*height: auto;*/
  /*line-height: normal;*/
  /*font-size: 12px;*/
  /*width: 40px;*/
  /*text-align: right;*/
/*}*/

/*div.material-table .table-footer select {*/
  /*background-color: transparent;*/
  /*width: auto;*/
  /*padding: 0;*/
  /*border: 0;*/
  /*border-radius: 0;*/
  /*height: auto;*/
  /*margin-left: 20px;*/
/*}*/

div.material-table .table-title {
  font-size: 20px;
  color: #000;
}

div.material-table table tr td {
  padding: 0 0 0 56px;
  /*height: 48px;*/
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: solid 1px #DDDDDD;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*div.material-table table tr td a {*/
  /*color: inherit;*/
/*}*/

/*div.material-table table tr td a i {*/
  /*font-size: 18px;*/
  /*color: rgba(0, 0, 0, 0.54);*/
/*}*/

/*div.material-table table tr {*/
  /*font-size: 12px;*/
/*}*/

/*div.material-table table th {*/
  /*font-size: 12px;*/
  /*font-weight: 500;*/
  /*color: #757575;*/
  /*cursor: pointer;*/
  /*white-space: nowrap;*/
  /*padding: 0;*/
  /*height: 56px;*/
  /*padding-left: 56px;*/
  /*vertical-align: middle;*/
  /*outline: none !important;*/
/*}*/

/*div.material-table table th.sorting_asc,*/
/*div.material-table table th.sorting_desc {*/
  /*color: rgba(0, 0, 0, 0.87);*/
/*}*/

/*div.material-table table th.sorting:after,*/
/*div.material-table table th.sorting_asc:after,*/
/*div.material-table table th.sorting_desc:after {*/
  /*font-family: 'Material Icons';*/
  /*font-weight: normal;*/
  /*font-style: normal;*/
  /*font-size: 16px;*/
  /*line-height: 1;*/
  /*letter-spacing: normal;*/
  /*text-transform: none;*/
  /*display: inline-block;*/
  /*word-wrap: normal;*/
  /*-webkit-font-feature-settings: 'liga';*/
  /*-webkit-font-smoothing: antialiased;*/
  /*content: "arrow_back";*/
  /*-webkit-transform: rotate(90deg);*/
  /*display: none;*/
  /*vertical-align: middle;*/
/*}*/

/*div.material-table table th.sorting:hover:after,*/
/*div.material-table table th.sorting_asc:after,*/
/*div.material-table table th.sorting_desc:after {*/
  /*display: inline-block;*/
/*}*/

/*div.material-table table th.sorting_desc:after {*/
  /*content: "arrow_forward";*/
/*}*/

/*div.material-table table tbody tr:hover {*/
  /*background-color: #EEE;*/
/*}*/

/*div.material-table table th:first-child,*/
/*div.material-table table td:first-child {*/
  /*padding: 0 0 0 24px;*/
/*}*/

/*div.material-table table th:last-child,*/
/*div.material-table table td:last-child {*/
  /*padding: 0 14px 0 0;*/
/*}*/


/*
Icon links
*/

div.icons {
  margin-top: 16px;
  display: inline-block;
  width: 100%;
}

ul.shortcut-links {
  height: 80px;
  margin-top: 0;
  margin-bottom: 0;
}

.shortcut-links li
{
  list-style:none;
  float: left;
  width: 80px;
  height: 80px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-left: 0px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;

}

a.icon-default {
  color: #2B2B2B;
}

a.icon-active {
  color: #4b4b4b;
}

a.icon-info {
  color: rgba(0, 0, 0, 0.54);
}

a.icon-success {
  color: #509B1A;
}

a.icon-edit {
  color: #DB0214;
}

.shortcut-links li:hover
{
  background-color: rgba(154, 214, 214, 0.1);
  cursor: pointer;
}

.shortcut-links a.icon-active li {
    background-color: #E0E0E0;
}

.shortcut-links .fa
{
  display: block;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  font-size: 24px;
}

/*-------------------------------------------------
 *
 * ICON UL
 *
 *------------------------------------------------*/

ul.icon
{
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  width: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: inside;
}

ul.icon li {
  margin-bottom: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 6px;
}

ul.icon li a
{
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
  text-decoration: none;
}


ul.icon li:hover
{
  background-color: #eeeeee;
  color: #2a7daf;
  text-decoration: none;
}

ul.icon li em {
  font-style: italic;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

ul.icon li span.fa
{
  float: left;
  padding-top: 4px;
  font-size: 24px;
  display: inline-block;
  height: 42px;
}

ul.icon li span.title {
  font-size: larger;
}

ul.icon a:hover {
  text-decoration: none;
}


#admin > div > table > thead > tr.footable-filtering {
  display: none;
}

tfoot tr.footable-paging td ul.pagination {
  float: left;
}

#admin > div > table > tfoot > tr > td > div {
  display: none;
}

#admin > div > table > tfoot > tr > td > span {
  display: none;
}

#admin > div > table > tfoot > tr > td > ul > li.footable-page.visible.active > a {
  background-color: rgba(0, 0, 0, 0.54);
  border-color: rgba(138, 138, 138, 0.99);
}

#admin > div > table > tfoot > tr > td > ul > li > a {
  color: rgba(0, 0, 0, 0.54);
}

.pinpad {
  font-size: larger;
  font-weight: bolder;
}

.pinpad .btn-large {
  width: 100px;
}

.pinprogress {
  font-size: 75px;
  font-weight: bolder;
}