html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

html,
body {
  height: 100%; }

.uk-logo img {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 514px; }
  @media (min-width: 768px) {
    .uk-logo img {
      min-width: 464px;
      margin-top: 7px; } }

.uk-navbar-container {
  background-color: #000 !important; }

.uk-button-primary {
  background-color: #000 !important; }

.uk-button-primary:hover {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.content-background {
  min-height: calc(100% - 80px);
  background-color: #F0F0F0; }

@media (max-width: 767px) {
  .admin-navbar {
    flex-direction: column; }
    .admin-navbar a.uk-logo {
      height: 80px;
      width: 100%; }
    .admin-navbar a.logout {
      height: 60px;
      margin-top: -20px; } }

.heading-actions {
  margin-top: 30px;
  margin-bottom: 30px;
  flex-direction: column; }
  .heading-actions h3.heading {
    margin-bottom: 0; }
  .heading-actions ul.actions {
    margin: 0;
    padding: 0;
    list-style: none; }
    .heading-actions ul.actions li {
      position: relative;
      overflow: hidden;
      margin-top: 1rem; }
      .heading-actions ul.actions li a {
        display: block;
        transition: .1s ease-in-out, .1s ease-in-out, .1s ease-in-out, .5s;
        transition-property: color, background-color, border-color, opacity; }
        .heading-actions ul.actions li a.save-order, .heading-actions ul.actions li a.cancel-order {
          color: #fff;
          border: 1px solid transparent;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transition: .1s ease-in-out, .1s ease-in-out, .1s ease-in-out, .5s;
          transition-property: color, background-color, border-color, opacity; }
        .heading-actions ul.actions li a.save-order {
          background-color: #32d296; }
          .heading-actions ul.actions li a.save-order:hover {
            background-color: #2dbd87;
            color: #fff; }
        .heading-actions ul.actions li a.cancel-order {
          background-color: #f0506e; }
          .heading-actions ul.actions li a.cancel-order:hover {
            background-color: #d84863;
            color: #fff; }
    .heading-actions ul.actions.sortable-active .new-item,
    .heading-actions ul.actions.sortable-active .update-order {
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }
    .heading-actions ul.actions.sortable-active .cancel-order,
    .heading-actions ul.actions.sortable-active .save-order {
      visibility: visible;
      opacity: 1;
      pointer-events: unset; }
  @media (min-width: 480px) {
    .heading-actions {
      flex-direction: row; }
      .heading-actions ul.actions {
        display: flex;
        align-items: center;
        margin-left: auto; }
        .heading-actions ul.actions li {
          margin-top: 0rem;
          margin-left: 1rem; }
          .heading-actions ul.actions li:first-of-type {
            margin-left: auto; } }

.table-header {
  border-bottom: 1px solid #e5e5e5; }
  .table-header > * {
    padding: 16px 12px; }
    .table-header > *.uk-first-column {
      padding: 16px 16px; }
  .table-header div h5 {
    text-align: left;
    vertical-align: bottom;
    font-size: .875rem;
    font-weight: 400;
    color: #999;
    text-transform: uppercase; }

.table-body .table-item:not(:first-of-type) {
  border-top: 1px solid #e5e5e5; }

.table-body .table-item {
  margin-top: 0; }
  .table-body .table-item .options {
    position: relative; }

.table-item {
  margin-top: 0; }
  .table-item > * {
    padding: 16px 12px; }
    .table-item > *.uk-first-column {
      padding: 16px 16px; }
  .table-item img {
    width: 100%;
    max-width: 80px; }

#sortable {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(80px, 1fr));
  padding-bottom: 40px;
  border-bottom: 2px solid #000; }

#upload {
  background-color: #f0506e;
  color: #fff; }
  #upload:hover {
    background-color: #d84863;
    color: #fff; }
  #upload.uk-disabled {
    background: transparent;
    color: #999;
    border: 1px #e5e5e5 solid; }

#save, #update {
  display: block; }

.item-form .uk-input, .item-form .uk-button, .item-form img {
  margin-top: 20px; }

/*# sourceMappingURL=style.css.map */