@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Components/AppBusinessFunctionDetails.razor.rz.scp.css */
/* Limit upper content to 50% of the screen before forcing a vertical scroll bar. */
.appbusfunc-details-upper-content[b-xl4ccou383] {
  max-height: 50%;
}

/* Allows lower content to take up as much space as available depending on the height of the upper content. */
[b-xl4ccou383] .appbusfunc-details-lower-content {
  flex: 1;
  overflow: auto;
}

/* Gives the notes section a left-hand border and displays newlines */
[b-xl4ccou383] .notes {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: rgba(0, 0, 0, 0.125);
  padding-left: 5px;
  white-space: pre-wrap;
}

/* Gives the dev/stage/prod tabpage a properly styled bottom border */
[b-xl4ccou383] .tabpage {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: rgba(0, 0, 0, 0.125);
}

/* Hides footer to prevent edit/delete buttons from stacking at small screen widths */
/* 941px was tested to be the screen width at which this occured */
@media only screen and (max-width: 941px) {
  .modal-footer[b-xl4ccou383] {
    display: none;
  }
}

/* Hides footer at small screen heights */
/* 600px was a semi-arbitrary choice. It can be increased or decreased if need be. */
@media only screen and (max-height: 600px) {
  .modal-footer[b-xl4ccou383] {
    display: none;
  }
}
/* /Components/ContactDetails.razor.rz.scp.css */
/* Limit upper content to 40% of the screen before forcing a vertical scroll bar. */
.contact-details-upper-content[b-9o9wxrxuzu] {
  max-height: 40%;
}

/* Allows lower content to take up as much space as available depending on the height of the upper content. */
[b-9o9wxrxuzu] .contact-details-lower-content {
  flex: 1;
}

/* Set div inside DxTabs component to be scrollable. */
[b-9o9wxrxuzu] .contact-details-lower-content > div {
  overflow: auto;
}

/* Used to display new lines in address toString. */
.text-line-break[b-9o9wxrxuzu] {
  white-space: pre-line;
}
/* /Shared/Header.razor.rz.scp.css */
/* TODO Fix behavior of header when screen isn't wide enough */
/* Sets height and shadow of header */
.navbar.header-navbar[b-exztufjk31] {
  flex-wrap: nowrap;  /* This keeps everything in one row */
  min-height: 3.5rem;
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);
}

[b-exztufjk31] .header-maxeta-logo {
  height: 2.5rem;  /* This height is set according to the header's min-height of 3.5rem in '.navbar.header-navbar' */
}

/* Sets spacing and font size of user's name and role and positions them evenly */
[b-exztufjk31] .user-info {
  padding: 0.5rem 1rem;  /* This padding is taken from .nav-link padding in other DxMenuItems */
  font-size: small;  /* NOTE: This is browser dependent, may be better to define this with absolute size */
  height: 100%;  /* This assumes parent DevExpress component fills height of header */
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* Sets blue-ish background behind content */
[b-n86paz8hwt] .main-bg {
  background-color: #e8f1f8;
}

/* Rounds corners of main tag and adds shadow, adjusts height to always fill content/screen */
.main-content[b-n86paz8hwt] {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  min-height: 100%;
  height: auto;
}
/* /Shared/NavMenu.razor.rz.scp.css */
/* Properly styles toggle button to have proper size, color, and fits it to fill header */
[b-tt0tnhw3of] .navmenu-toggler {
  align-self: stretch;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: #586785 !important;
  color: white !important;
  font-size: 1.25rem;
  height: 60px;
  padding: 0.25rem 1rem;
}