/* root */
:root {
  --bs-font-sans-serif: "Public Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);

  --box-shadow-default: 0px 0px 10px 2px #1d1e1e78;
  --box-shadow-small  : 0px 0px 10px -2px #1d1e1e78;
  --bs-box-shadow     : 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);

  --canvas-min-width : 206mm;
  --canvas-max-width : 210mm;
  --canvas-min-height: calc(297mm - 23mm);

  --card-glass-blur: 6px;
}

:root .body {
  --body-top          : 70px;
  --body-margin-bottom: 123px;
}

html,
body {
  height            : 100%;
  /* overflow       : auto; */
  /* scroll-behavior: smooth; */
  margin            : 0;
  padding           : 0;
}

/* test */
.outline {
  outline: 1px solid black !important;
}

/* focus */
div,
span,
p:focus {
  outline: 0px;
}

.pointer {
  cursor: pointer !important;
}

/* body */
body {
  font-family               : var(--bs-body-font-family);
  -webkit-print-color-adjust: exact !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust        : exact !important;
  /* margin-top             : 70px; */
}

body>.body {
  /* top          : var(--body-top); */
  min-height   : calc(100vh - 70px);
  /* min-height: calc(100vh); */
  padding-top  : 15px;
  margin-top   : 70px;
  margin-bottom: var(--body-margin-bottom);
}

body>.body.margin-left {
  margin-left: 0;
}

/* footer */
footer {
  min-height  : max-content;
  padding     : 9px 0;
  /* position : absolute; */
  /* bottom   : 0; */
  /* min-width: 100%; */
}

/* fonts styles*/
.ltr {
  direction: ltr !important;
}

/* link */
a {
  text-decoration: none !important;
}

.link:hover {
  color          : var(--bs-primary);
  text-decoration: underline;
  cursor         : pointer;
}

/* inputs */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

/* alert */
.alert {
  padding: 0.25rem;
}

/* grid */
.row {
  margin-left : 0 !important;
  margin-right: 0 !important;
}

/* text styles */
.text-justify {
  text-align: justify !important;
}

.full_text {
  white-space: nowrap;
}

/* List */
.list-group-numbered>.list-group-item::before {
  content          : counters(section, ".") "" !important;
  counter-increment: section;
}

/* box shadows */
.box-shadow-default {
  box-shadow: 0px 0px 10px 2px #1d1e1e78;
}

.box-shadow-small {
  box-shadow: 0px 0px 10px -2px #1d1e1e78;
}

/* card css */
.hover-shadow:hover {
  box-shadow: var(--box-shadow-default);
}

/* max-content */
.max-content {
  min-width: max-content !important;
  max-width: max-content !important;
}

/* round borders */
.round-border {
  border-radius: 8px;
}

/* border css */
.no-border,
.border-0 {
  border: 0 !important;
}

/* medias */
@media only screen and (min-width: 237px) and (max-width: 800px) {
  body>.body.margin-left {
    margin-left: 0rem;
  }

  .floating_notification-con {
    top   : 72px !important;
    left  : 0;
    bottom: auto;
  }
}

/* right to left */
.rtl {
  direction: rtl;
}

/* font_css */
.fulltext {
  white-space: nowrap;
}

/* unauthorized_css */
.row.unauthorized {
  transform: translate(0px, 80px);
}

pre.backend_help {
  max-height      : 450px;
  background-color: rgb(237, 237, 237);
  padding         : 15px;
  margin          : 15px;
  border-radius   : 8px;
}

.tag {
  background-color: rgb(213, 212, 212);
  padding         : 2px 14px;
  margin          : 2px 4px;
  font-size       : 13px;
  border-radius   : 12px;
}