/* ratio of fontsize to size */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  background: url("./user/background.jpg") center center no-repeat;
  background-size: cover;
  font-family: "Roboto", sans-serif;
}

.rounded-top-right {
  border-top-right-radius: 5px;
}

.rounded-bottom-right {
  border-bottom-right-radius: 5px;
}

#navigation, #navigation > .menu, #navigation > .menu nav {
  overflow: visible;
}

.box-shadow, .card {
  box-shadow: none;
}

.page-heading {
  padding-left: 0;
}

h1, .h1 {
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 300;
}

body #app {
  padding-top: 20px;
}
@media (max-width: 768px) {
  body #app {
    padding-top: 0px;
  }
}
body #app > * {
  max-width: 1280px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  body #app > * {
    margin-right: 0px;
  }
}
body #app.bigger-content > * {
  max-width: 1480px;
}
body #app .app-notifications {
  padding-left: 1rem;
}
@media (max-width: 768px) {
  body #app .app-notifications {
    padding-left: 0px;
  }
}
body #app #app-body {
  padding-top: 20px;
}
@media print {
  body #app #app-body {
    padding-top: 0;
    background-image: none !important;
  }
}
body #app #app-body .header-menu.only-one-menu {
  padding-right: 0;
}
body #app #app-body > main {
  background-color: #ffffff;
}
body #app #app-body > main .card.highlited {
  background-color: rgb(242.25, 242.25, 242.25);
}
body #app #app-body > main .footer {
  height: 40px;
  bottom: -40px;
  left: 0;
  right: 0;
}
body #app #app-body > main .footer a {
  color: #1b2129;
  font-size: 6rem;
  margin-bottom: -28px;
}
body #app #app-body > main .footer a .pi {
  line-height: 1;
}
@media (max-width: 768px) {
  body #app #app-body > main.rounded {
    border-radius: 0 !important;
  }
}
body .card .table-container > .table > .row.collapse .row:first-child {
  border-top: none;
}
body header .wrapper .identity a:hover {
  text-decoration: none;
}
@media (min-width: 769px) {
  body.whole-menu #app #app-body .header-menu {
    overflow-x: inherit;
    flex-shrink: 0;
  }
  body.whole-menu #app #app-body .header-menu {
    padding-right: 20px;
    display: flex;
    flex-direction: column;
  }
  body.whole-menu #app #app-body .header-menu header {
    height: auto;
    box-shadow: none;
  }
  body.whole-menu #app #app-body .header-menu header .wrapper {
    position: static;
    background-color: transparent;
    max-width: 182px;
  }
}
@media (min-width: 769px) and (min-width: 769px) and (max-width: 992px) {
  body.whole-menu #app #app-body .header-menu header .wrapper {
    max-width: 152px;
  }
}
@media (min-width: 769px) {
  body.whole-menu #app #app-body .header-menu header .wrapper.rounded {
    border-radius: 0;
  }
  body.whole-menu #app #app-body .header-menu header .wrapper .identity a {
    display: block;
    max-height: none;
    text-align: center;
  }
  body.whole-menu #app #app-body .header-menu header .wrapper .identity a .logo img.desktop {
    max-height: none;
    margin: 0;
    display: block !important;
    max-width: 100%;
  }
  body.whole-menu #app #app-body .header-menu header .wrapper .identity a .logo, body.whole-menu #app #app-body .header-menu header .wrapper .identity a .title {
    width: 100%;
    display: block;
  }
  body.whole-menu #app #app-body .header-menu header .wrapper .identity a .title {
    color: #ffffff;
    line-height: 30px;
    padding-left: 0;
    white-space: normal;
  }
  body.whole-menu #app #app-body .header-menu header .wrapper .identity a:hover {
    text-decoration: none;
  }
  body.whole-menu #app #app-body .header-menu .logo-marbes {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: center;
  }
  body.whole-menu #app #app-body .header-menu .logo-marbes i {
    overflow: hidden;
    margin-top: -5px;
    font-size: 9rem;
    line-height: 40px;
  }
}

#navigation {
  width: 230px;
  height: auto;
  z-index: 950;
}
#navigation, #navigation > .menu nav {
  transition: none !important;
}
#navigation .user-item {
  background-color: #252c36;
  padding-left: 40px;
}
#navigation .user-item button:focus {
  outline: none !important;
}
#navigation .user-item .user-icon {
  background-color: #DA2127;
}
#navigation .user-item .user-icon i {
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  #navigation .user-item.big-box {
    margin: 0 !important;
  }
}
#navigation .user-item.big-box .user-icon i {
  font-size: 6rem;
}
@media (max-width: 768px) {
  #navigation > .menu {
    overflow: auto;
  }
}
@media (min-width: 769px) {
  #navigation > .menu > nav > ul.rounded-top-right {
    border-top-right-radius: 0;
  }
  #navigation > .menu > nav > ul.rounded-bottom-right > .nav-item:nth-last-child(1) a {
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }
}
#navigation > .menu > nav > ul li {
  width: 230px;
  position: relative;
}
@media (min-width: 769px) and (max-width: 992px) {
  #navigation > .menu > nav > ul li {
    width: 200px;
  }
}
#navigation > .menu > nav > ul li a {
  height: auto;
  min-height: 60px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 35px;
  font-size: 0.75rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  overflow: hidden;
}
#navigation > .menu > nav > ul li a i {
  font-size: 1.5rem;
  padding: 0;
  color: #bdbdbd;
  height: 24px;
}
#navigation > .menu > nav > ul li a .label {
  margin-left: 15px;
}
#navigation > .menu > nav > ul li.active > a, #navigation > .menu > nav > ul li a:hover, #navigation > .menu > nav > ul li a:focus {
  background: linear-gradient(180deg, #17579f 0%, rgba(23, 87, 159, 0.5) 100%) !important;
}
#navigation > .menu > nav > ul li.active > a:before, #navigation > .menu > nav > ul li a:hover:before, #navigation > .menu > nav > ul li a:focus:before {
  font-family: "Font Awesome 5 Pro", serif;
  content: "\f054";
  position: absolute;
  left: 15px;
  color: #bdbdbd;
  border: none;
  width: auto;
  height: auto;
}
@media (min-width: 769px) {
  #navigation > .menu > nav > ul li .menu {
    left: 230px;
    background-color: transparent;
    height: auto;
    top: 0;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  #navigation > .menu > nav > ul li .menu {
    left: 200px;
  }
}
#navigation > .menu > nav > ul li .menu.too-large {
  top: auto;
  bottom: 0;
  position: fixed;
}
@media (max-width: 768px) {
  #navigation > .menu > nav > ul li .menu.too-large {
    position: static;
  }
}
#navigation > .menu > nav > ul li .menu > nav {
  border-right: none;
}
#navigation > .menu > nav > ul li .menu > nav > ul {
  background-color: #475971;
  padding-right: 0;
}
#navigation > .menu > nav > ul li .menu > nav > ul li a {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  color: #ffffff;
}
#navigation > .menu > nav > ul li .menu > nav > ul li a i {
  display: inherit;
}
#navigation > .menu > nav > ul li .menu > nav > ul li a:after {
  content: none;
}
@media (min-width: 769px) and (max-width: 992px) {
  #navigation {
    width: 200px;
  }
}

@media (max-width: 768px) {
  body.only-one-menu #navigation .user-item {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  #navigation {
    padding-top: 0;
    margin-top: 73px;
  }
  #navigation > .menu > nav .rounded {
    border-radius: 0 !important;
  }
  #navigation > .menu > nav .rounded-bottom-right {
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }
  body.whole-menu #app #app-body {
    flex-direction: column;
    padding-top: 0;
  }
  body.whole-menu #app #app-body > .header-menu header .wrapper.rounded {
    border-radius: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  body.whole-menu #app #app-body .header-menu {
    padding-right: 0;
  }
  #navigation.opened > .menu {
    background: none;
  }
}
body.only-one-menu {
  background: none;
}
body.only-one-menu #app #app-body {
  flex-direction: column;
}
body.only-one-menu #app #app-body > .header-menu {
  padding-right: 0;
}
body.only-one-menu #app #app-body > .header-menu header .wrapper.rounded {
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
body.only-one-menu #app #app-body > .header-menu header .wrapper .header-item a {
  min-width: 0;
}
body.only-one-menu #app #app-body main {
  padding-bottom: 40px;
}
body.only-one-menu #app #app-body main.rounded {
  border-radius: 0 !important;
}

@media (width: 768px) {
  .d-md-none {
    display: block !important;
  }
  .d-md-none.d-inline-block {
    display: inline-block !important;
  }
  .d-md-none.d-flex {
    display: flex !important;
  }
  .d-md-block, .d-md-flex {
    display: none !important;
  }
  .mr-md-1 {
    margin-right: 0 !important;
  }
}
.card .card-header {
  border-bottom: none;
}

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