@import '_content/Blazored.Toast/Blazored.Toast.flh7ru7hzf.bundle.scp.css';
@import '_content/Toolbelt.Blazor.SplitContainer/Toolbelt.Blazor.SplitContainer.bundle.scp.css';

/* _content/SonicERPWeb/Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-1p6ovh24fx] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3.75rem;
    min-height: 3.75rem;
    /*box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);*/
    /*border-bottom: 0.01em solid rgba(0, 0, 0, 0.12);*/
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-1p6ovh24fx] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
    color: #fff;
    border: 0;
}

    .header-navbar .navbar-toggler .navbar-toggler-icon[b-1p6ovh24fx] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        background-color: transparent !important;
        height: 1.5rem;
        width: 1.5rem;
    }

.title[b-1p6ovh24fx] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-1p6ovh24fx] {
        font-size: inherit;
    }
}

.expand .navbar .title[b-1p6ovh24fx],
.expand .navbar .logo-sep[b-1p6ovh24fx] {
    display: none;
}
/* _content/SonicERPWeb/Shared/MainLayout.razor.rz.scp.css */
.page[b-bob60k081b] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-bob60k081b] .page-layout,
[b-bob60k081b] .page-layout > .dxbl-gridlayout-root,
[b-bob60k081b] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-bob60k081b] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-bob60k081b] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-bob60k081b] .fit-width {
    max-width: 100%;
}

[b-bob60k081b] .mw-1100 {
    max-width: 1100px;
}
/* _content/SonicERPWeb/Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-rou1ebndre] {
  position: relative;
  min-width: 300px;
  max-width: 300px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  transition: transform 0.1s ease-out;
  height: 100%;
  max-height: 100%;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: unset;
  padding-top: 3.75rem !important;
  padding-right: 0 !important;
  padding-bottom: 2.5rem !important;
}
.sidebar[b-rou1ebndre]  * {
  --dxbl-group-color: #FFF !important;
}
.sidebar[b-rou1ebndre] .dxbl-wait-indicator {
  --dxbl-wait-indicator-color: #FFF !important;
}
.sidebar[b-rou1ebndre] .dxbl-loading-panel-message {
  color: #FFF !important;
}
.sidebar .title[b-rou1ebndre] {
  position: fixed;
  padding: 1rem;
  top: 0rem;
  left: 0rem;
  width: 300px;
  background-color: var(--primary-800);
  z-index: 99;
}
.sidebar .title img[b-rou1ebndre] {
  filter: invert(1) brightness(999);
}
.sidebar[b-rou1ebndre]  .dxbl-loading-panel-target-content {
  overflow: auto;
  padding-right: 0.5rem !important;
}
.sidebar[b-rou1ebndre]  ::-webkit-scrollbar-track {
  background-color: transparent !important;
  border-radius: 5px;
}

.sidebar.collapse[b-rou1ebndre] {
  display: none;
}

.sidebar.expand[b-rou1ebndre] {
  display: flex;
}

@media (max-width: 1199.98px) {
  .sidebar[b-rou1ebndre] {
    display: none;
  }
  .sidebar .expand[b-rou1ebndre] {
    position: fixed;
    top: 3.5rem;
    left: 0;
    height: auto;
    min-width: 100%;
    z-index: 1050;
  }
}
[b-rou1ebndre] .app-sidebar {
  --dxbl-treeview-spacing-x: 0.5rem;
  --dxbl-treeview-spacing-y: 1rem;
}
[b-rou1ebndre] .app-sidebar .root-item > :first-child {
  --dxbl-treeview-font-weight: 600;
}
[b-rou1ebndre] .app-sidebar .root-item > :only-child:not(.dxbl-treeview-tmpl) > button {
  display: none;
}

@media (max-width: 1199.98px) {
  [b-rou1ebndre] .app-sidebar {
    padding-bottom: 0;
  }
}
.sidebar[b-rou1ebndre] {
  padding: 0.5625rem;
  overflow-y: scroll;
  /*border-right: 4px solid rgba(126, 126, 126, 0.1);*/
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Projects/SonicERP/SonicERPWeb/Shared/NavMenu.razor.scss%22,%22file:///D:/Projects/SonicERP/SonicERPWeb/wwwroot/css/styles/_var.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EAaI;EACA,WCUY;EDTZ,WCSY;EDRZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA1BA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAmBJ;EACI;EACA;EACA;EACA;EACA,OCVQ;EDWR,kBCGM;EDFN;;AAEA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;EAEA;IACI;IACA;IACA;IACA;IACA;IACA;;;AAKZ;EACI;EACA;;AAGI;EACI;;AAGJ;EACI;;;AAKZ;EACI;IACI;;;AAIR;EACI;EACA;AACA%22%7D */
/* _content/SonicERPWeb/Shared/PermissionDenied.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Nunito:200,300,400,600,700,800,900&display=swap");*/
/*font import from google fonts*/
body[b-7k52kyv1er] {
  /*font-family: "Nunito", sans-serif;*/
  transition: all 0.5s ease;
}

h1[b-7k52kyv1er],
h2[b-7k52kyv1er],
h3[b-7k52kyv1er],
h4[b-7k52kyv1er],
h5[b-7k52kyv1er],
h6[b-7k52kyv1er] {
  font-family: "Montserrat", sans-serif;
}

.page-wrap[b-7k52kyv1er] {
  padding: 30px 15px;
  text-align: center;
  display: flex;
  align-items: center;
}
.page-wrap .page-not-found[b-7k52kyv1er] {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.page-wrap .page-not-found .img-key[b-7k52kyv1er] {
  margin-bottom: 0px;
}
.page-wrap .page-not-found h1.text-xl[b-7k52kyv1er] {
  color: #000;
  text-transform: uppercase;
  line-height: 50px;
  font-size: 160px;
  font-weight: 800;
  letter-spacing: -28px;
  text-shadow: -6px 4px 0px #fff;
  margin-left: -20px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.page-wrap .page-not-found h1.text-xl span[b-7k52kyv1er] {
  transition: all 1s ease;
  display: inline-block;
  animation: pulse-b-7k52kyv1er 5s infinite;
}
.page-wrap .page-not-found h4.text-md[b-7k52kyv1er],
.page-wrap .page-not-found h4.text-sm[b-7k52kyv1er] {
  letter-spacing: 0.38px;
  font-weight: 300;
  line-height: 20px;
  font-size: 14px;
  text-transform: none;
  color: #222;
  margin-bottom: 0px;
  width: 100%;
}
.page-wrap .page-not-found h4.text-md a[b-7k52kyv1er],
.page-wrap .page-not-found h4.text-sm a[b-7k52kyv1er] {
  color: #1177bd;
  text-decoration: underline;
  font-weight: 700;
}
.page-wrap .page-not-found h4.text-md a:hover[b-7k52kyv1er], .page-wrap .page-not-found h4.text-md a:focus[b-7k52kyv1er],
.page-wrap .page-not-found h4.text-sm a:hover[b-7k52kyv1er],
.page-wrap .page-not-found h4.text-sm a:focus[b-7k52kyv1er] {
  text-decoration: none;
}
.page-wrap .page-not-found h4.text-md[b-7k52kyv1er] {
  font-size: 50px;
  font-weigth: 700;
  color: #1177bd;
  text-transform: none;
}
.page-wrap .page-not-found h4.text-sm-btm[b-7k52kyv1er] {
  top: auto;
  bottom: 40px;
}

@keyframes pulse-b-7k52kyv1er {
  0% {
    color: #000;
  }
  50% {
    color: var(--primary-500);
  }
  100% {
    color: #000;
  }
}
@media (max-width: 768px) {
  .page-wrap .page-not-found h1.text-xl[b-7k52kyv1er] {
    font-size: 120px;
    letter-spacing: -20px;
    margin-bottom: 30px;
  }
  .page-wrap .page-not-found h4.text-sm[b-7k52kyv1er] {
    top: 10px;
  }
  .page-wrap .page-not-found h4.text-sm-btm[b-7k52kyv1er] {
    bottom: -60px;
  }
  .page-wrap .page-not-found h4.text-md[b-7k52kyv1er] {
    font-size: 30px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Projects/SonicERP/SonicERPWeb/Shared/PermissionDenied.razor.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAC;AACD;AACA;AACI;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;;AAEA;AAAA;AAAA;EAEI;;AAKZ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAKZ;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAIR;EAGY;IACI;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI%22%7D */
/* _content/SonicERPWeb/Shared/PublicLayout.razor.rz.scp.css */
.page[b-t8zuw925w7] {
    overflow: hidden;
    background-color: inherit;
    transition: all .3s ease-in-out !important;
}

[b-t8zuw925w7] .page-layout,
[b-t8zuw925w7] .page-layout > .dxbl-gridlayout-root,
[b-t8zuw925w7] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-t8zuw925w7] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-t8zuw925w7] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-t8zuw925w7] .fit-width {
    max-width: 100%;
}

[b-t8zuw925w7] .mw-1100 {
    max-width: 1100px;
}

[b-t8zuw925w7] #pulse-wrapper {
    background-color: white;
    transition: visibility 0s 1s, opacity .5s linear;
    /*transition: all .7s ease-in-out !important;*/
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
}

    [b-t8zuw925w7] #pulse-wrapper.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    [b-t8zuw925w7] #pulse-wrapper #pulse {
        margin: auto;
    }

        [b-t8zuw925w7] #pulse-wrapper #pulse span {
            position: absolute;
            margin-top: -50px;
            margin-left: -50px;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: rgba(86, 3, 173, .7);
            animation: pulse_animation-b-t8zuw925w7 1.3s infinite;
        }

            [b-t8zuw925w7] #pulse-wrapper #pulse span:nth-child(2) {
                animation-delay: 0.3s;
            }

@keyframes pulse_animation-b-t8zuw925w7 {
    0% {
        box-shadow: 0 0 0 0 rgba(86, 3, 173, 0.8)
    }

    100% {
        box-shadow: 0 0 0 200px rgba(254, 206, 104, 0)
    }
}