@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
}

a {
  color: inherit;
  outline: 0;
}

img {
  max-width: 100%;
  display: block;
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* * This prevents some of our desired/required animations so I'm removing it.
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }
*/
/*
 * Source: https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 * 3. Opinionated: add "hand" cursor to non-disabled button elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

input[type=text],
input[type=button] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

button {
  background: none;
  outline: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  border-radius: 0;
  margin: 0;
  text-transform: none;
}

:root {
  --theme-color-accent-primary: rgba(79, 70, 229, 1);
  --theme-color-accent-primary-hover: rgb(45, 36, 222);
  --theme-color-accent-secondary: rgb(237, 236, 254);
  --theme-color-black: #000000;
  --theme-color-white: #ffffff;
  --theme-color-10: rgb(31 41 55);
  --theme-color-20: rgb(55 65 81);
  --theme-color-40: rgb(156 163 175);
  --theme-color-50: rgb(156 163 175);
  --theme-color-60: rgb(195 203 218);
  --theme-color-70: rgb(221 221 221);
  --theme-color-80: rgb(229 230 231);
  --theme-color-90: rgb(243, 243, 243);
  --theme-color-100: #FFFFFF;
  --theme-color-red: rgb(244 44 44);
  --theme-color-red-semitrans: rgb(251, 233, 233);
  --theme-color-red-hover: rgb(201, 26, 26);
  --theme-color-yellow: #ffff33;
  --theme-color-green: #49D05A;
  --theme-color-blue: #2D9CDB;
  --color-accent-primary: var(--theme-color-accent-primary);
  --color-accent-secondary: var(--theme-color-accent-secondary);
  --color-shadow-dark: rgba(0, 0, 0, 0.3);
  --color-shadow-light: rgba(255, 255, 255, 0.05);
  --color-error: var(--theme-color-red-semitrans);
  --color-app-background: rgba(59, 130, 246, 0.1);
  --color-body-text: rgba(107, 114, 128, 1);
  --color-body-text-bold: rgba(17, 24, 39, 1);
  --color-void: rgba(59, 130, 246, 0.1);
  --color-button-primary-background: var(--color-accent-primary);
  --color-button-primary-foreground: var(--theme-color-white);
  --color-button-secondary-background: var(--color-accent-secondary);
  --color-button-secondary-foreground: var(--color-accent-primary);
  /*
  --box-shadow-button: 0.32px 0.32px 0.53px var(--color-shadow-dark),
      1.17px 1.17px 1.81px -0.96px var(--color-shadow-dark),
      2.97px 2.97px 4.67px -1.91px var(--color-shadow-dark),
      7.33px 7.33px 11.47px -2.87px var(--color-shadow-dark),
      1.06px 1.06px 0px var(--color-shadow-light) inset; // rgba(255,255,255,0.08)
  */
  /*
  --color-card-background-gradient-top: var(--theme-color-80);
  --color-card-background-gradient-bottom: var(--theme-color-60);
  --color-card-background: linear-gradient(var(--color-card-background-gradient-top), var(--color-card-background-gradient-bottom));
  --color-card-foreground: var(--color-body-text);
  --color-card-outline-border: rgba(255, 255, 255, 0.1);
  */
  --box-shadow-card: 0.24px 0.24px 0.4px var(--color-shadow-dark),
      0.88px 0.88px 1.36px -0.72px var(--color-shadow-dark),
      2.24px 2.24px 3.52px -1.44px var(--color-shadow-dark),
      5.52px 5.52px 8.64px -2.16px var(--color-shadow-dark),
      0.8px 0.8px 0px var(--color-shadow-light) inset;
  --color-container-background: var(--theme-color-white);
  --box-shadow-container: 0.24px 0.24px 0.4px var(--color-shadow-dark) inset,
      0.88px 0.88px 1.36px -0.72px var(--color-shadow-dark) inset,
      2.24px 2.24px 3.52px -1.44px var(--color-shadow-dark) inset,
      5.52px 5.52px 8.64px -2.16px var(--color-shadow-dark) inset,
      0.8px 0.8px 0px var(--color-shadow-light) inset;
  --color-input-background: var(--color-container-background);
  --color-input-foreground: var(--color-body-text-bold);
  --color-input-placeholder: var(--color-body-text);
  --color-input-focus: var(--color-accent-primary);
}

.nui_logo {
  display: flex;
  width: 100%;
  height: 30px;
  justify-content: center;
  align-items: center;
  border: none;
  height: var(--ct-topbar-height);
  padding: 6px;
}
.nui_logo_bg {
  display: block;
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-position: left center;
  width: 100%;
  height: 100%;
  max-width: 130px;
  transition: max-width var(--transition-speed) ease-in-out;
}
html[data-sidenav-size=condensed] .nui_logo_bg {
  max-width: 22px;
}
.nui_logo {
  /* Use these styles in company-specific stylesheets to override the Nectry logo */
  /*
  &___customer &_bg {
      background-image: url("path/to/image");
      background-size: contain;
      background-position: center center;
      max-width: 160px;

      // * this is the wrong way to do this,
      //   but I'm not rewriting the whole sidebar right now
      html[data-sidenav-size="condensed"] & {
          max-width: 62px;
      }
  }
  */
}

/*# sourceMappingURL=nui-all.css.map */