html {
  font-family: Montserrat !important; }

.base-layout {
  box-shadow: inset 0px 3px 0px 0px var(--base-color);
  display: grid;
  grid-template-columns: 0 auto;
  grid-template-rows: 50px 1fr auto;
  grid-template-areas: "header  header" "sidebar main" "footer  footer"; }
  .base-layout__header {
    grid-area: header;
    padding: 0 25px;
    border-bottom: 1px solid #f8f8f8; }
    .base-layout__header img {
      max-height: 80%; }
  .base-layout__sidebar {
    grid-area: sidebar;
    min-width: 250px;
    top: 50px !important; }
  .base-layout__main {
    grid-area: main; }
  .base-layout__footer {
    grid-area: footer; }
  .base-layout__empty-main {
    grid-column-start: sidebar;
    grid-column-end: main; }
  .base-layout__main, .base-layout__empty-main, .base-layout__sidebar {
    padding: 15px; }
  @media (min-width: 640px) {
    .base-layout {
      grid-template-columns: 250px auto; }
      .base-layout__sidebar {
        min-width: unset;
        display: flex !important;
        flex-direction: column;
        position: unset !important; }
      .base-layout__main, .base-layout__empty-main, .base-layout__sidebar {
        padding: 30px; } }

.sidebar-element {
  padding: 8px 0 8px 25px; }
  .sidebar-element.active {
    box-shadow: inset 3px 0px 0px 0px var(--base-color);
    background: #EBEBEB;
    color: inherit !important; }
    .sidebar-element.active > span[uk-icon] {
      color: var(--base-color); }

.badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  min-width: 35px;
  height: 20px;
  padding: 3px 5px;
  border-radius: 50px;
  color: white;
  background: var(--base-color); }

.order-status {
  display: inline-flex;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--base-color); }

.cursor-pointer {
  cursor: pointer; }

.border {
  border: 1px solid; }
  .border__default {
    border-color: var(--base-color); }
  .border__grey {
    border-color: #E5E5E5; }

@media (max-width: 639px) {
  .mobile-table thead {
    display: none; }
  .mobile-table tbody {
    display: flex;
    flex-direction: column; }
    .mobile-table tbody > tr {
      display: grid;
      border: 1px solid #E5E5E5;
      border-radius: 6px; }
      .mobile-table tbody > tr:not(:first-child) {
        margin-top: 10px; }

  .order-table tbody > tr {
    grid-template-areas: "number status" "date amount"; }
    .order-table tbody > tr > td:nth-child(1) {
      grid-area: number; }
    .order-table tbody > tr > td:nth-child(2) {
      grid-area: date; }
    .order-table tbody > tr > td:nth-child(3) {
      grid-area: amount; }
    .order-table tbody > tr > td:nth-child(4) {
      grid-area: status; }

  .products-table tbody > tr {
    grid-template-areas: "title title" "date amount" "actions actions"; }
    .products-table tbody > tr > td:nth-child(1) {
      grid-area: title; }
    .products-table tbody > tr > td:nth-child(2) {
      grid-area: date; }
    .products-table tbody > tr > td:nth-child(3) {
      grid-area: amount; }
    .products-table tbody > tr > td:nth-child(4) {
      grid-area: actions; } }
@font-face {
  font-family: 'Montserrat';
  src: url(/assets/Montserrat/Montserrat-Regular-949efd65ba9a02a120d693ba6606767d990ee821c30fb59a1cb9a95d2c7882ff.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url(/assets/Montserrat/Montserrat-Bold-1ccf938fb9495bf2f2a8b1eb1df2c1ebedfa0741a10141888eca7130abb3efc1.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }