label, h1, h2, h3, h4, span, input, textarea, select, p {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 
               "Segoe UI", Roboto, "Helvetica Neue", Arial, 
               "Noto Sans", sans-serif;
}
body {
    padding: 0px;
    margin: 0px;
}
.breadcrumb {
    background: white;
    color: #1e3c72;
    font-size: 12px;
    border-radius: 4px;
    margin-left: 17px;
    padding: 5px 11px 5px 13px;
    font-weight: bold;
}
.darkTheme .breadcrumb {
    background: #29282d;
    color: white;
}
.logoStore {
    width: 45px;
    border-radius: 50%;
    margin-left: 5px;
    margin-bottom: 7px;
}
.logout {
    margin-top: 15px;
}
.transparentLogo {
    position: absolute;
    width: 82px;
    right: 23px;
    top: 12px;
    z-index: 9;
}
.theStore {
    display: grid;
    grid-template-columns: 64px 1fr;
    background: #4f4e4e;
}
.darkTheme.theStore {
    background: #1f1f1f;
}
.desktopSidebar ul {
    padding-left: 5px;
}
.desktopSidebar ul li {
    list-style: none;
    /*line-height: 42px;*/
    cursor: pointer;
}
.desktopSidebar ul li svg {
    width: 40px;
    border-radius: 5px;
    padding: 7px;
    height: 40px;
    cursor: pointer;
}
.desktopSidebar ul li svg:hover {
      background: #ffffff40;
}
.desktopSidebar ul li.active svg {
    background: #ffffff40;
}

.theStoreContent {
    height: 100vh;
    background: radial-gradient(circle at 70% 35%, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 18%, transparent 40%), radial-gradient(circle at 40% 0%, rgba(0,153,255,0.6) 0%, transparent 55%), linear-gradient(140deg, #00134d 0%, #518fff 35%, #06c 70%, #00a2ff 100%);
    overflow-x: hidden;
}

.darkTheme.theStore > .theStoreContent {
    background: linear-gradient(135deg, #444444 0%, #222222 70%, #1a1a1a 100%);
}

.theStoreContent {
    position: relative;
}

.window {
    position: absolute;
    top: 5%;
    left: 5%;
    min-width: 500px;
    min-height: 300px;
    box-shadow: 2px 2px 12px 5px #0000005e;
    overflow-y: scroll;
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden; 
    background: white;
}
.darkWindowTheme .window {
    background: #262626;
}
.windowControls {
    background: #3470db; 
    cursor: grab;
    grid-row: 1;
    padding-bottom: 7px;
}

.darkWindowTheme .windowControls {
    background: #1d1c21;
}

.window .content {
    grid-row: 2;
    overflow-y: auto;
    padding: 15px;
    background: white;
}

.darkWindowTheme .window .content {
    background: #29282d;
}

.window .content input, 
.window .content select, 
.window .content textarea  {
    border: 1px solid #80808069;
    background: white;
}
.window .content input::placeholder, 
.window .content textarea::placeholder  {
    color: black;
}
.darkWindowTheme .window .content input::placeholder, 
.darkWindowTheme .window .content textarea::placeholder  {
    color: white;
}

.darkWindowTheme .window .content input, 
.darkWindowTheme .window .content select, 
.darkWindowTheme .window .content textarea  {
    background: #2f2e33;
    border: none;
}
.darkWindowTheme .window .content select {
    color: white;
}
.window .content label, 
.window .content p,
.window .content h1 {
    color: black;
}
.darkWindowTheme .window .content label, 
.darkWindowTheme .window .content p,
.darkWindowTheme .window .content h1 {
    color: white;
}
.windowControls svg {
    font-size: 0px;
    width: 22px;
    margin-right: 5px;
    height: 17px;
    cursor: pointer;
    float:right;
    margin-top: 6px;
}
.window.highlight {
    animation: pulseWindow 0.4s ease;
}

@keyframes pulseWindow {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.02); }
    100% { transform: scale(1); }
}
.resize-handle {
    width: 6px;
    height: 7px;
    background: #1e3c72;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}
.userInformation {
    position: absolute;
    right: 62px;
    top: 5px;
    z-index: 99; 
    cursor: pointer;
}
.userInformation img {
    width: 32px;
    border-radius: 50%;
    vertical-align: text-bottom;
}
.userInformation label {
    font-size: 14px;
    vertical-align: super;
    margin-left: 5px;
    color: white;
}
.overlay {
    position: fixed;
    inset: 0;
    background: #1f1f1f;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.modal {
    background: white;
    padding: 40px;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    display: flex;
    flex-direction: column;
}
.overlay .button-row {
    margin: 0 auto;
    margin-top: 19px;
}
.overlay img {
   width: 145px;
    border-radius: 50%;
    margin: 0 auto; 
}
.overlay .title {
    margin: 0 auto;
    margin-bottom: 18px;
}
#signout_button {
    margin-left: 5px;
}