/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@import url("upnotes.css");

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}


/* -------------------------addded ---------------- */
header {
    height: 67px;
}
.sidebar a, .sidebar > span.expandable{
    height: 2em;
    margin: .25em .5em .25em 0;
    padding: .25em .5em;
    color: white;
    text-decoration: none;
    transition: background 100ms;
}
.sidebar a:visited{
    color: white;
}
.sidebar a:hover, .sidebar > span.expandable:hover{
    background: var(--branding-light);
}
.sidebar a.active, .sidebar > span.expandable.active{
    background: white;
    color: var(--branding-light);
    font-weight: bold;
}
.sidebar > * > .material-symbols-sharp{
    font-size: 1.3em;
}
.sidebar > * > .txt{
    position: relative;
    top: -5px;
}
.sidebar > span.expandable {
    cursor: pointer;
    position: relative;
}
.sidebar > span.expandable::after {
    content: 'expand_more';
    position: absolute;
    right: 5px;
    font-family: 'Material Symbols Sharp';
}
.sidebar a b{
    font-weight: bold;
}
.sub-sidebar {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 200ms;
}
.sub-sidebar.expanded {
    height: auto;
    max-height: 250px;
    opacity: 1;
}
.sub-sidebar a{
    height: 1.7em;
    padding-left: 1em;
}
.sub-sidebar a > .txt {
    font-size: 0.9em;
    position: relative;
    top: -4px;
}
body > div > div > nav {
   width: 300px;
}
body > div > div > main {
   width: calc(100vw - 300px);
}
#SidebarToggle { display: none }
.sidebar-divider {
    height: 2px;
    margin: 5px;
    background: white;
}
.sidebar a.sidebar-brand {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (max-width: 1500px) {
    #SidebarToggle {
        display: flex
    }
    body > div > div > main {
        width: 100vw;
        transition: filter 400ms;
    }
    body > div > div > nav {
        position: absolute;
        top: 67px;
        left: -300px;
        z-index: 2000;
        height: calc(100% - 128px);
        transition: left ease-in-out 400ms;
    }
    body.show-nav > div > div > nav{
        left: 0;
    }
    body.show-nav > div > div > main {
        filter: blur(10px);
    }
}


.product-cell-name {
    height: 70px;
    display: grid;
    grid-template: "img title date" 35px
                   "img desc desc" 35px / 70px 1fr 130px;
    gap: 5px;
}
.product-cell-name > img {
    height: 70px;
    max-width: 70px;
    grid-area: img;
    margin: auto;
}
.product-cell-name > img:not([src="/no-photo.svg"]) {
    cursor: zoom-in;
}
.product-cell-name > .title{
    grid-area: title;
    font-weight: 600;
}
.product-cell-name > .exp-date{
    grid-area: date;
}
.product-cell-name > .desc {
    grid-area: desc;
}
.cell-wrap {
    white-space: normal;
}
.order-cell-loc {
    min-height: 70px;
}
.order-cell-loc > .title, .user-cell-name > .title {
    font-weight: 600;
}
.order-cell .order-cell-caption, .order-cell-loc .order-cell-caption, .user-cell-name .user-cell-caption {
    font-size: 0.9em;
    font-weight: 300;
}
.order-cell-finished {
    box-shadow: inset 0px 1000px #00ff0030 ;
}
.order-cell-inrealization {
    box-shadow: inset 0px 1000px #50505030;
}
.search-item-loc, .search-item-prod {
    display: flex;
    justify-content: space-between;
}
.search-item-loc .addr, .search-item-prod .index {
    font-size: 0.9em;
    font-weight: 300;
}

.client-select-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 1em;
    border: 1px solid var(--branding-border);
    background: var(--branding-light);
    border-radius: 1em;
    height: 8em;
    color: white;
    text-decoration: none;
    transition: 80ms;
}
.client-select-card:hover{
    border-width: 2px;
    color: white;
    text-decoration: none;
    margin: 0.5em;
    height: 9em;
    
}
.client-select-card > img {
    margin: 0.5em 2em;
    max-width: calc(100% - 4em);
    width: auto;
    height: 5em;
}
.client-select-card > span {
    display: grid;
    height: calc(100% - 6em);
    width: 100%;
    text-align: center;
    font-weight: 300;
    align-items: center;
}
a.navbar-brand:hover{
    background: #ffffff50;
}
.image-drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: dashed 3px #aaaaaa;
    border-radius: 1.5em;
    color: #aaaaaa;
    user-select: none;
    padding: 0 .8em .5em .8em;
    height: 140px;
}
.image-drop-zone > .material-symbols-sharp{
    font-size: 6em;
}
.image-drop-zone.file-drag {
    border-color: #666666;
    color: #666666;
}
.image-drop-zone:not(.has-file) > .file-full, .image-drop-zone.has-file > .file-empty {
    display: none;
}
.image-drop-zone > img {
    margin: .5em 0;
    height: 7em;
    max-width: calc(100% - 1.6em);
}
.label-align-start {
    align-items: start !important;
}
#BigImageContainer {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: block;
}
.dx-error-message {
    white-space: pre-wrap !important;
}
.dx-menu-base .dx-menu-item-wrapper.dx-button, .dx-menu-base .dx-menu-items-container.dx-button {
    border: solid 1px;
}
.break-crlf{
    white-space: pre !important;
}
.dx-data-row:hover > td {
    background: #f0f0f0;
}
.dx-datagrid-group-closed, .dx-datagrid-group-opened {
    font-size: 2em;
    color: var(--branding-border);
}
.btn-warehouse-state::before{
    content: "\f018";
    font: 14px/1 DXIcons;
    margin-right: 4px;
}
.btn-warehouse-state{
    color: var(--branding-light);
    cursor: pointer;
    vertical-align: text-top;
}
.hidden-products-warning {
    font-size: .8em;
    color: #959595;
}
.applied-limit-editor {
    margin: -6px;
}
.progress-steps {
    list-style-type: none;
}
.progress-steps .step-status-work {
    font-weight: bold;
}
.progress-steps .step-status-fail {
    color: red;
}
.progress-steps .step-status-done {
    color: green;
}
.progress-steps .step-status-none {
    color: gray;
}
.address-book-contact .contact-name {
    font-size: 1.2em;
}
.address-book-contact .contact-address, .address-book-contact .contact-media {
    opacity: 0.7;
}
.cell-material-icon {
    color: var(--branding-light);
    font-size: 1.5em;
    user-select: none;
}
.noted-cell {
    overflow: visible !important;
}
.value-with-change {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.value-with-change > .change-positive {
    color: limegreen;
}
.value-with-change > .change-negative {
    color: red;
}
.order-cell-loc a{
    word-break: break-all;
}