@import url("/assets/admin/_reset-006fb9a7.css");
@import url("/assets/admin/account-9a0be522.css");
@import url("/assets/admin/action-bar-f764365a.css");
@import url("/assets/admin/actiontext-e646701d.css");
@import url("/assets/admin/animation-ee9d5211.css");
@import url("/assets/admin/articles-bf85ab31.css");
@import url("/assets/admin/blocks-c76dcd04.css");
@import url("/assets/admin/breadcrumbs-27f8e030.css");
@import url("/assets/admin/buttons-8323aba9.css");
@import url("/assets/admin/cards-276c3bae.css");
@import url("/assets/admin/columns-15f418be.css");
@import url("/assets/admin/courses-9431d814.css");
@import url("/assets/admin/details-f10ccf35.css");
@import url("/assets/admin/dialog-a69778cd.css");
@import url("/assets/admin/drag_and_drop-932f0537.css");
@import url("/assets/admin/dropdown-5efee65e.css");
@import url("/assets/admin/editions-3e5fc5fc.css");
@import url("/assets/admin/flash-2914ae08.css");
@import url("/assets/admin/form_fields-5e6339b6.css");
@import url("/assets/admin/forms-1b0999a9.css");
@import url("/assets/admin/legal-documents-6a5be3b8.css");
@import url("/assets/admin/lexxy-overrides-bd300203.css");
@import url("/assets/admin/menu-icon-ca573ae5.css");
@import url("/assets/admin/offerings-2dd0b756.css");
@import url("/assets/admin/pages-25ec45d8.css");
@import url("/assets/admin/pagination-a7d066a3.css");
@import url("/assets/admin/popover-0270feae.css");
@import url("/assets/admin/simply-dropdown-f2b62bc8.css");
@import url("/assets/admin/spinner-773b6082.css");
@import url("/assets/admin/students-c9ba34d2.css");
@import url("/assets/admin/tables-20aefe58.css");
@import url("/assets/admin/tabs-c476f0e0.css");
@import url("/assets/admin/tags-09b3794e.css");
@import url("/assets/admin/users-86a3bedf.css");
@import url("/assets/admin/utils-56fa5bd1.css");
@import url("/assets/admin/variables-14ba5b6a.css");
@import url("/assets/vendor/slimselect-0bb2cf73.css");
@import url("/assets/vendor/slimselect-overrides-72835563.css");
@import url("/assets/admin/widgets-89eed58e.css");

@import url("/assets/admin/responsiveness-865600d6.css");

:root {
  --aside-width: 240px;
}


/* --------------------------- */
/*     Basic HTML elements     */
/* --------------------------- */

html, body {
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;     /* Safari, Chrome */
  -moz-osx-font-smoothing: grayscale;      /* Firefox */
  margin: 0;
  padding: 0;
  background-color: var(--color-grey-lightest);
  height: 100%;
  font-size: 14px;
}

h1, h2, h3, h4, h5 {
  font-weight: 500;
}

h2 {
  margin-top: 25px;
  font-size: 18px;
  .fa, .fa-solid {
    font-size: 0.8em;
    position: relative;
    top: -1px;
  }
}

h3 {
  font-size: 16px;
}

a {
  text-decoration: none;
  color: var(--color-link);
}

table {
  border-collapse: collapse;
}

button, input[type="submit"], input[type="button"] {
  font-size: inherit;
}

hr {
  border-top: 0;
  margin: 10px -10px;
}

.error-list {
  color: var(--color-error);
  font-weight: bold;
}

/* --------------------------- */
/*            Sidebar          */
/* --------------------------- */

aside {
  display: block;
  position: fixed;
  border-right: solid 1px var(--color-grey-light);
  width: var(--aside-width);
  min-width: 180px;
  height: 100%;
  margin-top: 50px;
  nav {
    font-weight: 500;
    margin: 15px 10px;
    a {
      color: #303030;
      display: block;
      padding: 6px 18px;
    }
    a.selected, a:hover {
      border-radius: 4px;
    }
    a:hover {
      background-color: #fff;
    }
    a.selected {
      background-color: #fff;
    }
    .fa, .fa-solid {
      display: inline-block;
      width: 20px;
    }
    .submenu {
      font-weight: normal;
      padding-left: 25px;
      a {
        color: #555;
      }
    }
  }
}


/* --------------------------- */
/*            Content          */
/* --------------------------- */

main {
  width: calc(100% - 40px - var(--aside-width));
  margin: 0 20px 20px calc(20px + var(--aside-width));
  padding-top: 50px;
  padding-bottom: 20px;
}


/* --------------------------- */
/*        Responsiveness       */
/* --------------------------- */

@media screen and (max-width: 870px) {
  aside {
    display: none !important;
  }
  main, .no-menu-container main {
    margin-left: 20px !important;
    width: calc(100% - 40px) !important;
  }
  .main-header {
    .banner-account-name, .caixa-logo, .telefonica-logo {
      display: none !important;
    }
  }
}


/* ------------------------ */
/*          Banner          */
/* ------------------------ */

.main-header {
  position: fixed;
  justify-content: space-between;
  z-index: 100;
  width: 100%;
  display: flex;
  background-color: #fff;
  height: 52px;
  padding: 0 15px;
  border-bottom: solid 1px #eee;
  display: flex;
  align-items: center;
  .profuturo-logo {
    height: 25px;
    min-width: 100px;
  }
  .telefonica-logo {
    font-size: 9px;
    color: #000;
    white-space: nowrap;
    img {
      height: 18px;
    }
  }
  .banner-account-name {
    color: var(--color-grey-profuturo);
    font-size: 12px;
    margin-left: 100px;
  }
  .profile-container {
    display: flex;
    align-items: center;
    a {
      color: var(--color-grey-profuturo);
      &:hover {
        color: var(--color-link);
      }
    }
    .caixa-logo {
      height: 33px;
      margin: 0 40px 0 10px;
    }
    .dropdown-name {
      margin: 0 5px;
    }
  }
}

.back-link a {
  color: var(--color-grey-medium);
  &:hover {
    color: #000;
  }
}

.no-menu-container {
  height: 100%;
  padding-top: 40px;
  aside {
    margin-top: 75px;
  }
}