/*@import 'primereact/resources/themes/lara-light-green/theme.css';*/
@import "gepafin/gepafin-theme.scss";
@import 'primeicons/primeicons.css';

:root {
  --menu-borderColor: #EAB308;
  --horizontalMenu-background: #F9FAFB;
  --menuitem-color: #4B5563;
  --menuitem-active-color: #FFF;
  --menuitem-active-background: #3B7C43;
  --Black: #000;
  --card-borderColor-color: #EEC137;
  --button-secondary-borderColor: #C79807;
  --button-secondary-background: var(--menu-borderColor);

  --card-full-background-color-2: #EEC137;
  --card-full-background-color-3: #FA8E42;
  --card-full-background-color-4: #75BD7D;
  --card-full-background-color-1: #3B7C43;
}

html {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0;
  font-family: 'Montserrat';

  p, span, input, label, textarea, a, li, h1, h2, h3, h4, h5, h6, div, th, td, button {
    font-family: 'Montserrat';
  }
}

#root, .wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.inner {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-grow: 1;

  > aside {
    flex: 0 0 320px;
    border-right: 1px solid var(--menu-borderColor);

    ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: 0;

      li a, li button {
        display: flex;
        padding: 10.5px 17.5px;
        align-items: center;
        gap: 7px;
        width: 100%;
        border: 0;
        border-bottom: 1px solid var(--menu-borderColor);
        color: var(--menuitem-color);
        background-color: transparent;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        text-decoration: none;

        &:hover {
          cursor: pointer;
        }

        i {
          color: var(--text-color-secondary);
        }

        &.active {
          color: var(--menuitem-active-color);
          background-color: var(--menuitem-active-background);

          i {
            color: white;
          }
        }
      }
    }
  }

  > main {
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 0 24px 50px;
  }
}

@import "./components/topBar.scss";
@import "./components/appPage.scss";
@import "./components/statsBigBadges.scss";
@import "./components/bandoStatusTag.scss";
@import "./components/appForm.scss";
@import "./components/pageBando.scss";
@import "./components/formBuilder.scss";