[data-toggle="date-picker"], [data-provide="datepicker"] {
  background: URL('/assets/img/datetime.svg') calc(100% - 15px) center no-repeat;
  background-size: 20px;
}

#bottommenu {
  z-index: 11111 !important;
}

.notes-container *, .popover-body * {
  max-width: 100%;
}
.content-invoice .invobserver, .invobserver {
  padding: 2px 10px;
}

body.development .topnav.shadow-sm {background: orange; }
body.development #topnav-menu-content:after {content:'Development'; }
body.development.beta .topnav.shadow-sm {background: rgb(207, 211, 235); }
body.development.beta #topnav-menu-content:after {content:'DEV BETA with Custom Data'; }
body.production.beta .topnav.shadow-sm {background: rgb(207, 235, 215); }
body.production.beta #topnav-menu-content:after {content:'BETA with Live Data'; }

.dropupp .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: .125rem;
}
table .note-popover.popover {
    margin-top: -42px;
    zoom: 0.75;
    min-width: 450px;
    width: max-content;
}
.nowrap,
.nowrap>span,
.nowrap>small {
  white-space: nowrap !important;
}

#loadSpinner {
  display: none;
}
#loadSpinner.ajaxing {
  display: block;
  width: 100%;
  position: fixed;
  text-align: center;
  top: 45%;
  z-index: 1000;
}

[contenteditable="true"] {
  position: relative;
  background: url("/assets/img/edit-trans.svg") no-repeat 97% 20px;
  background-size: 20px;
}
nopr[contenteditable="true"]:after {
  /*nothing*/
}
[contenteditable="true"]:focus {
  color: black;
}

.card-body table.dataTable td,
.card-body table.dataTable th {
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.stickyNavbar .stucknav {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
}
.stickyNavbar .stucknav ~ .topnav {
  position: fixed;
  top: 70px;
  width: 100%;
  z-index: 100;
}
.stickyNavbar .topnav-navbar:not(.stucknav) .topnav-logo .topnav-logo-sm {
  display: block;
  position: fixed;
  top: 0;
  right: 50px;
  line-height: 50px;
}

.stickyNavbar .stucknav .nav-buttons {
  margin-right: 130px;
}

.wh40 {
  width: 40px;
  height: 40px;
}
.wh40 > i {
  line-height: 40px;
  margin: auto;
}

body:not([data-leftbar-theme="dark"]) .topnav-logo .negDark {
  display: none;
}
body[data-leftbar-theme="dark"] .topnav-logo .negDark {
  display: block;
}
body[data-leftbar-theme="dark"] .topnav-logo .posLight {
  display: none;
}

#contentContainer {
  padding-top: calc(1rem + 0px);
}
.stickyNavbar #contentContainer {
  padding-top: calc(3rem + 55px);
}
.sssstickyNavbar .stucknav ~ .topnav #contentContainer {
  padding-top: calc(3rem + 70px);
}
.modal-body #contentContainer {
  padding-top: calc(0rem + 0px);
}
body[data-layout="topnav"] .container-fluid {
  max-width: 100%;
}

.noEditMode .showInEditMode, .noEditMode #crudForm > div {
  display: none !important;
}

#centermodal .modal-right,
#centermodal .modal-right .modal-content {
	min-height: 100vh;
}

.modal .filesPreview a,
.modal .modal-body > a {
  width: 100%;
  display: block;
  height: 100%;
  text-align: center;
  position: relative;
}
.modal .filesPreview img,
.modal .modal-body > a > img,
.modal .modal-body > a > object {
  max-width: 100%;
  max-height: 100%;
}

#centermodal .modal-body > iframe,
#centermodal .modal-body a > object,
#centermodalChild .modal-body > iframe,
#centermodalChild .modal-body a > object {
  height: calc(100% - 8px);
  border: 0;
  width: calc(100% + 0rem);
  margin: 0rem;
}

#centermodalChild .modal-body > span object,
#centermodalChild .modal-body > span {
  max-width: 99% !important;
  max-height: 99% !important;
  width: 99%;
  height: 99%;
}
#centermodal .modal-dialog-scrollable .modal-body {
  min-height: calc(90vh - 100px);
}
#centermodalChild {
  z-index: 1060;
}

.elegantshd {
  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474,
    -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d,
    -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89,
    -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897,
    -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6,
    -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5,
    -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4,
    -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1,
    -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc,
    -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}
.deepshd {
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a,
    0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222,
    0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a,
    0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212,
    0 22px 30px rgba(0, 0, 0, 0.9);
}
.textshd {
  text-shadow: 1px 1px 1px #363636;
}
.retroshd {
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}

/******** Bootstrap 5 **********/
.fs-1 {
  font-size: 2.5rem !important;
}
.fs-2 {
  font-size: 2rem !important;
}
.fs-3 {
  font-size: 1.75rem !important;
}
.fs-4 {
  font-size: 1.5rem !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fs-7 {
  font-size: .9rem !important;
}

.border legend {font-size: 1rem; width: auto;}

@page {
  size: 21.7cm 29cm;
  margin: 0.5cm 1cm 0.75cm 2cm;
  size: portrait;
}
@page :footer {
  content: "Page " decimal(pageno), first(chapter);
  font-variant: small-caps;
}
@page :footer {
  content: last(section), "Page " decimal(pageno);
  font-variant: small-caps;
}
@media print {
  html,
  body {
    height: auto;
    max-width: 18.5cm !important;
    min-width: 18cm !important;
  }
  .content div:not("#contentContainer") {
    display: none;
  }
  #contentContainer {
    border: 0px solid red;
    box-sizing: border-box;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  xx#contentContainer * {
    box-sizing: border-box;
  }
  xx#contentContainer > .row {
    border: 2px solid green;
  }
  xx#contentContainer .row div {
    max-width: 100%;
  }
  xxbody {
    border: 3px solid cyan;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    font-size: 11pt;
  }
  xxhtml {
    border: 3px solid yellow;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    height: auto;
    width: 100%;
  }

  /* the block position */
  .addressBlock {
    position: absolute;
    display: block;
    top: 90pt;
    height: 140pt;
    width: 100%;
    min-height: fit-content;
  }
  xx.contentBlock {
    position: relative;
    page-break-inside: auto;
    width: 18cm;
    height: fit-content;
  }
  .contentBlock > .printmargin {
    margin-top: 220pt;
  }
  .logoBlock {
    position: absolute;
    display: block;
    top: 10pt;
    height: 80pt;
    width: 18cm;
  }
  xxtable,
  xxtbody,
  xx.contentBlock,
  xxbody,
  xxhtml {
    page-break-inside: auto;
    page-break-after: auto;
    page-break-before: auto;
  }
  xxtr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
}