@page {
  size: 25cm 35.7cm;
  margin: 5mm 5mm 5mm 5mm; /* change the margins as you want them to be. */
}

.content {
  margin-left: 3vw;
  height: 96vh;
  overflow: unset;
  padding: 2px 2px;
  width: 97vw !important;
  overflow: auto;
  line-height: 1.3;
}

.modal .content {
  margin-left: unset;
}

@media (max-width: 991.98px) {
  .content {
    padding: 5px 15px;
  }

  .pagination {
    --bs-pagination-padding-x: 0.55rem !important;
    /*padding-x: 0.70rem !important;*/
  }

  .container {
    padding-right: 0;
    padding-left: 0;
  }


  .sidebar-nav {
    margin-bottom: 1em;
  }

  .container {
    margin-bottom: 2em;
  }
}

.container {
  max-width: 95vw !important;
}

:root {
  --bs-blue: #3b7ddd;
  --bs-indigo: #0a0a0a;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #fcb92c;
  --bs-green: #1cbb8c;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: rgba(238, 119, 26);
  --bs-primary: #3b7ddd;
  --bs-secondary: #6c757d;
  --bs-success: #1cbb8c;
  --bs-info: #17a2b8;
  --bs-warning: #fcb92c;
  --bs-danger: #dc3545;
  --bs-light: #f5f7fb;
  --bs-dark: rgba(238, 119, 26);
  --bs-primary-rgb: 59, 125, 221;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 28, 187, 140;
  --bs-info-rgb: 23, 162, 184;
  --bs-warning-rgb: 252, 185, 44;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 245, 247, 251;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 73, 80, 87;
  --bs-body-bg-rgb: 245, 247, 251;
  --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));

  --bs-body-line-height: 1.5;
  --bs-body-color: #495057;
  --bs-body-bg: #f5f7fb;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.2rem;
  --bs-border-radius-sm: 0.1rem;
  --bs-border-radius-lg: 0.3rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #3b7ddd;
  --bs-link-hover-color: #2f64b1;
  --bs-code-color: #e83e8c;
  --bs-highlight-bg: #fef1d5;

  --next-base-color: rgba(238, 119, 26);
  --next-base-color-selected-40: rgb(238 119 26 / 40%);
  --next-base-color-selected-65: rgba(238 119 26/ 0.65);
  --next-base-color-selected: rgb(238 119 26 / 75%);
  --next-base-color-opac-85: rgb(238 119 26 / 85%);
  --next-base-hover-color: rgb(212, 94, 13);
  --next-base-gray-color: rgb(56, 51, 53);

  --next-text-darkorange-color: rgb(159 76 6 / 98%);
  --bs-btn-next-link-color: rgba(238, 119, 26);

  --bs-btn-next-color: rgba(238, 119, 26);
  --bs-btn-next-color-col-kanban: rgba(238, 119, 26);
  --bs-btn-next-border-color: rgba(238, 119, 26);

  --bs-btn-hover-next-color: rgb(212, 94, 13);
  --bs-btn-hover-border-color: rgb(212, 94, 13);
  --bs-btn-color-text: white;

  --bs-btn-hover-bg: rgb(212, 94, 13);
  --bs-dropdown-border-color: var(--next-base-color) !important;

}

.text-bg-error {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.bg-error {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.form-check-input:checked {
  background-color: var(--bs-btn-next-color);
  border-color: var(--bs-btn-next-color);
}

.input-group-text {
  background-color: var(--next-base-color-opac-85);
  border-color: var(--next-base-color-opac-85);
}

.input-group-text:hover {
  background-color: var(--next-base-color);
  border-color: var(--next-base-color);
}

.page-link:focus,
.page-item:focus,
.form-select:focus,
.form-check-input:focus,
.form-control:focus {
  border-color: var(--next-base-color-selected) !important;
  box-shadow: 0 0 0 0.2rem rgba(238, 119, 26, 0.25) !important;
}

#filter_menu {
  font-weight: bold;
  color: white;
  background: #4f5050;
  border-color: #34383c;

}

#filter_menu::placeholder {
  color: #D45E0DFF;
}


.pagination {
  --bs-pagination-color: var(--bs-btn-hover-next-color);
  --bs-pagination-hover-color: var(--bs-btn-hover-border-color);
  --bs-pagination-focus-color: var(--bs-btn-hover-border-color);
  /*--bs-pagination-focus-bg: var(--bs-btn-hover-next-color);*/
  --bs-pagination-active-bg: var(--bs-btn-hover-next-color);
  --bs-pagination-active-border-color: var(--bs-btn-hover-next-color);
}

table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px var(--next-base-color-selected) !important;
  color: white;
}

.dtr-control:before {
  background-color: var(--bs-btn-hover-next-color) !important;
}

.text_center {
  text-align: center
}

.btn-group-sm > .btn, .btn, .btn-sm {
  --bs-btn-font-size: 0.8rem;
  font-weight: bold;
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-border-radius: 0.25rem;
}

.btn > i {
  font-size: 1.2rem;
}


.btn-outline-next {
  --bs-btn-color: var(--bs-btn-next-color);
  --bs-btn-border-color: var(--bs-btn-next-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-btn-next-color);
  --bs-btn-hover-border-color: var(--bs-btn-next-color);
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-btn-next-color);
  --bs-btn-active-border-color: var(--bs-btn-next-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-btn-next-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-btn-next-color);
  --bs-gradient: none;
  width: 100%;
}

.btn-primary {
  color: var(--bs-btn-color-text);
  background-color: var(--bs-btn-next-color);
  border-color: var(--bs-btn-next-border-color);
  --bs-btn-hover-bg: var(--bs-btn-next-border-color);
  --bs-btn-border-color: var(--bs-btn-next-border-color);
  --bs-btn-hover-border-color: var(--bs-btn-next-border-color);
}

.btn-primary:hover {
  color: var(--bs-btn-color-text);
  background-color: var(--bs-btn-hover-next-color);
  border-color: var(--bs-btn-hover-next-color);
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 .2rem var(--bs-btn-next-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: var(--bs-btn-color-text);
  background-color: var(--bs-btn-next-color);
  border-color: var(--bs-btn-next-border-color);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: var(--bs-btn-color-text);
  background-color: var(--bs-btn-next-color);
  border-color: var(--bs-btn-next-border-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--bs-btn-next-color);
}

.btn-outline-primary {
  color: white;
  background-color: transparent;
  background-image: none;
  border-color: white
}

.btn-outline-primary:hover {
  color: var(--bs-btn-color-text);
  background-color: var(--bs-btn-hover-next-color);
  border-color: var(--bs-btn-hover-next-color);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 .2rem var(--bs-btn-next-color);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: white;
  background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: var(--bs-btn-color-text) !important;
  background-color: var(--bs-btn-next-color);
  border-color: var(--bs-btn-next-border-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem var(--bs-btn-next-color);
}

*, :after, :before {
  box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

#root, body, html {
  height: 100%
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  html {
    overflow-x: hidden
  }
}

body {
  opacity: 1 !important;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  overflow-y: hidden;
  height: auto;
}

.main {
  background: #f5f7fb;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 0;
  overflow: hidden;
  transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
  width: 100%
}

hr {
  border: 0;
  border-top: 1px solid;
  color: inherit;
  margin: 1rem 0;
  opacity: .25
}

a {
  color: var(--bs-btn-next-link-color);
  text-decoration: none
}

a:hover {
  color: var(--bs-btn-hover-next-color);
  text-decoration: none
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.d-inline-block {
  display: inline-block !important
}

.float-end {
  float: right !important
}

/*------------Dropdown----------------*/

.dropdown .dropdown-menu.show {
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: dropdownAnimation;
  animation-name: dropdownAnimation;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease
}

@-webkit-keyframes dropdownAnimation {
  0% {
    opacity: 0;
    transform: translateY(-8px)
  }
  to {
    opacity: 1;
    transform: translate(0)
  }
}

@keyframes dropdownAnimation {
  0% {
    opacity: 0;
    transform: translateY(-8px)
  }
  to {
    opacity: 1;
    transform: translate(0)
  }
}

.dropdown-toggle:after {
  border: solid;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg)
}

.dropdown-item {
  --bs-dropdown-link-active-bg: var(--next-base-color-selected-40);
  transition: background .1s ease-in-out, color .1s ease-in-out
}

.dropdown-item .bi {
  margin-right: 5px;
}

.dropdown-menu {
  top: auto
}

.dropdown-menu-lg {
  min-width: 20rem
}

.dropdown .list-group .list-group-item {
  border-width: 0 0 1px;
  margin-bottom: 0
}

.dropdown .list-group .list-group-item:first-child, .dropdown .list-group .list-group-item:last-child {
  border-radius: 0
}

.dropdown .list-group .list-group-item:hover {
  background: #f8f9fa
}

.dropdown-menu-header {
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  padding: .75rem;
  text-align: center
}

.dropdown-menu-footer {
  display: block;
  font-size: .75rem;
  padding: .5rem;
  text-align: center
}

.hamburger, .hamburger:after, .hamburger:before {
  background: #495057;
  border-radius: 1px;
  content: "";
  cursor: pointer;
  display: block;
  height: 3px;
  transition: background .1s ease-in-out, color .1s ease-in-out;
  width: 24px
}

.hamburger {
  position: relative
}

.hamburger:before {
  position: absolute;
  top: -7.5px;
  width: 24px
}

.hamburger:after {
  bottom: -7.5px;
  position: absolute;
  width: 16px
}

.hamburger-right, .hamburger-right:after, .hamburger-right:before {
  right: 0
}

a.list-group-item {
  text-decoration: none
}

/*----------------NAVBAR-------------*/
.navbar {
  width: 97vw;
  left: 3vw;
  height: 5vh;
  border-bottom: 0;
  box-shadow: 0 0 2rem 0 rgba(33, 37, 41, .1);
  z-index: 990;
}

.navbar {
  --bs-navbar-padding-x: 0.75rem;
  --bs-navbar-padding-y: 0.75rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.875rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.15rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 0.925rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.2rem;
  --bs-navbar-toggler-focus-width: 0.2rem;
  /*--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;*/
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  position: relative
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl {
  align-items: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between
}

.navbar-brand {
  color: var(--bs-navbar-brand-color);
  font-size: var(--bs-navbar-brand-font-size);
  margin-right: var(--bs-navbar-brand-margin-end);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
  text-decoration: none
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  gap: 10px
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  color: var(--bs-navbar-color);
  padding-bottom: .5rem;
  padding-top: .5rem
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1
}

.navbar-toggler {
  background-color: transparent;
  line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none
}

.navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 1440px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-left: var(--bs-navbar-nav-link-padding-x);
  padding-right: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  background-color: transparent !important;
  border: 0 !important;
  flex-grow: 1;
  height: auto !important;
  position: static;
  transform: none !important;
  transition: none;
  visibility: visible !important;
  width: auto !important;
  z-index: auto
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0
}


.navbar-nav .dropdown-menu {
  box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05)
}

.navbar .avatar {
  margin-bottom: -15px;
  margin-top: -15px
}

.navbar-nav {
  direction: ltr
}

.navbar-align {
  margin-left: auto
}

.navbar-bg {
  background: #fff
}

.navbar-brand {
  color: #f8f9fa;
  display: block;
  font-size: 1.15rem;
  font-weight: 400;
  margin: 0 1rem 0 1rem;

}

.btn_menu {
  background-color: var(--next-base-color);
}

.navbar-brand .feather, .navbar-brand svg {
  color: #f8f9fa;
  height: 24px;
  margin-left: -.15rem;
  margin-right: .375rem;
  margin-top: -.375rem;
  width: 24px
}

.nav-flag, .nav-icon {
  color: #6c757d;
  display: block;
  font-size: 1.5rem;
  line-height: 1.4;
  padding: .1rem .8rem;
  transition: background .1s ease-in-out, color .1s ease-in-out
}

.nav-flag:after, .nav-icon:after {
  display: none !important
}

.nav-flag.active, .nav-flag:hover, .nav-icon.active, .nav-icon:hover {
  color: #3b7ddd
}

.nav-flag .feather, .nav-flag svg, .nav-icon .feather, .nav-icon svg {
  height: 20px;
  width: 20px
}

.nav-item .indicator {
  background: var(--next-base-color);
  border-radius: 50%;
  box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05);
  color: #fff;
  display: block;
  font-size: .675rem;
  height: 18px;
  padding: 1px;
  position: absolute;
  right: -8px;
  text-align: center;
  top: 0;
  transition: top .1s ease-out;
  width: 18px
}

.nav-item:hover .indicator {
  top: -4px
}

.nav-item a:focus {
  outline: 0
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .navbar .avatar {
    max-height: 47px
  }
}

@media (max-width: 575.98px) {
  .content {
    padding: 5px 15px;
  }

  .pagination {
    --bs-pagination-padding-x: 0.55rem !important;
    /*padding-x: 0.70rem !important;*/
  }

  .container {
    padding-right: 0;
    padding-left: 0;
  }


  .card-homes-container {
    gap: 20px;
  }

  .card-container {
    margin: 10px 0
  }

  .navbar {
    padding: .75rem
  }

  .nav-icon {
    padding: .1rem .75rem
  }

  .dropdown, .dropleft, .dropright, .dropup {
    position: inherit
  }

  .navbar-expand .navbar-nav .dropdown-menu-lg {
    min-width: 100%
  }

  .nav-item .nav-link:after {
    display: none
  }

  .nav-tabs .nav-item {
    background-color: #dbdada !important;
    border-radius: 15px;
    margin: 2px;
  }

  #tabs-bordered .nav-link.active {
    color: var(--next-base-color);
    border: 1px solid var(--next-base-color);
    border-radius: 15px;
  }
}

.nav-flag img {
  border-radius: 50%;
  height: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 20px
}

.navbar input {
  direction: ltr
}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: var(--next-base-color);
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: var(--next-base-color);
}

.profile .profile-overview .label {
  font-weight: 600;
  color: var(--next-text-darkorange-color);
}

.profile .profile-edit label {
  font-weight: 600;
  color: var(--next-text-darkorange-color);
}

.profile .profile-edit img {
  max-width: 120px;
}

/* Card */
.card {
  margin-bottom: 30px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
  /*background: transparent;*/
}

.card-header,
.card-footer {
  border-color: #ebeef4;
  background-color: #fff;
  color: #798eb3;
  padding: 15px;
}

.card-label {
  font-size: 18px;
  font-weight: 500;
  color: #0a0a0a;
  font-family: "Poppins", sans-serif;
}

.card-label span {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}

.card-title {
  padding: 10px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  color: #0a0a0a;
  font-family: "Poppins", sans-serif;
}

.card-title span {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}

.card-body {
  padding: 0 20px 20px 20px;
  width: 100%;
  background: transparent;
}

.card-img-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/


.pagetitle h1, h1.modal-title {
  font-size: 1.5em;
  margin-bottom: 0;
  font-weight: 600;
  color: var(--next-base-color);
}

@media screen and (max-height: 769px) and (orientation: landscape) {
  .pagetitle h1, h1.modal-title {
    font-size: 1.1em;
    margin-bottom: 0;
    font-weight: 600;
    color: var(--next-base-color);
  }
}

@media (min-width: 767.98px) {
  .mb-3 {
    margin-bottom: 0.3rem !important;
  }
}

@media (max-width: 767.98px) {
  .content {
    padding: 5px 15px;
  }

  .pagination {
    --bs-pagination-padding-x: 0.55rem !important;
    /*padding-x: 0.70rem !important;*/
  }

  .container {
    padding-right: 0;
    padding-left: 0;
  }


  .card-homes-container {
    gap: 20px;
  }

  .card-container {
    margin: 10px 0
  }

  .pagetitle h1 {
    font-size: 20px;
  }

  .navbar {
    width: 100vw
  }

  .mb-3 {
    margin-bottom: 0.2rem !important;
  }

  .dataTables_wrapper .dataTables_length {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .icon_user {
    font-size: 30px;
  }

  .text_user {
    display: none;
  }

  .form-label {
    margin-bottom: 0.2rem;
    margin-top: 0.3rem;
  }

}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
  width: 230px;
  margin-top: 1vw;
  padding-bottom: 1vw;
}

.logo-left {
  width: 25px;
}

.logo-menu {
  width: 120px;
}


.logo img {
  max-height: 26px;
  margin-right: 6px;
}

.logo span {
  font-size: 26px;
  font-weight: 700;
  color: var(--next-base-color);
  font-family: "Nunito", sans-serif;
}

/*------------FORMS ---------------*/
.form-horizontal {
  /*margin-top: 10px;*/
  margin-top: 0px;
}

.asteriskField {
  color: red;
}

.crs-pointer {
  cursor: pointer;
}

/*------------FORMS ---------------*/

/*@media (min-width: 576px) {*/
.select2 {
  min-width: 100% !important;
  max-width: 100% !important;
}

/*}*/

@media (min-width: 767.98px) {
  .select2 {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .select2 {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

/*@media (min-width: 767.98px) {*/
.pr-7_5em {
  padding-right: 7.5em;
}

/*@media (min-width: 767.98px) {*/
.pr-5em {
  padding-right: 5em;
}

.pr-2_5em {
  padding-right: 2.5em;
}

.pr-7_5em {
  padding-right: 7.5em;
}

/*}*/

.select2-container.select2-container--default.select2-container--open {
  z-index: 99999;
}

.select2-selection--single .select2-selection__arrow {
  top: 5px !important;
}

/*-----------detalhe pagina*/
.profile-overview .label {
  font-weight: 600;
  color: var(--next-text-darkorange-color);
}


/* Bordered Tabs */
#tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

#tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
}

#tabs-bordered .nav-link:hover,
#tabs-bordered .nav-link:focus {
  color: var(--next-base-color);
}

#tabs-bordered .nav-link.active {
  background-color: #fff;
  color: var(--next-base-color);
  border-bottom: 2px solid var(--next-base-color);
}

.nav-link.active {
  color: var(--next-base-color);
  background-color: unset !important;
  border-color: unset !important;
}


/*-----------Botoes inline---------------*/
.dynamic-form a.delete-row.btn.btn-primary {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .card_inline a.delete-row.btn.btn-primary {
    margin-top: 15px;
  }

  .card_inline a.clean-row.btn.btn-secondary {
    margin-top: 15px;
  }
}

.card_inline a.delete-row.btn.btn-primary {
  margin-bottom: 15px;
}

.card_inline a.clean-row.btn.btn-secondary {
  margin-bottom: 15px;
}

/*-----------field text---------------*/
.field-text {
  font-size: 0.9rem;
}

.alert-error {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}

.alert-error .alert-link {
  color: #6a1a21;
}


/*-------------icon user---------------*/
.form-label {
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}


.input-group {
  flex-wrap: nowrap !important;
}

.toast {
  z-index: 9999;
  right: 2% !important;
  bottom: 2% !important;
}

.toast-body {
  font-size: 16px;
  font-weight: bold;
}

#toast_message_div {
  margin-bottom: 5px;
}

/*.modal:nth-of-type(even) {*/
/*  z-index: 1051 !important;*/
/*}*/

/*.modal-backdrop.show:nth-of-type(even) {*/
/*  z-index: 1051 !important;*/
/*}*/
.hide_menu_link {
  display: none !important;
}

select[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

input[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

/*input[type=number]::-webkit-inner-spin-button,*/
/*input[type=number]::-webkit-outer-spin-button {*/
/*  -webkit-appearance: none;*/
/*}*/

/*input[type=number] {*/
/*  -moz-appearance: textfield;*/
/*}*/
/*Select2 ReadOnly End*/

@media (min-width: 576px) {
  .formset_row-calculo_valores {
    min-width: 476px;
  }
}

@media (min-width: 768px) {
  .formset_row-calculo_valores {
    min-width: 668px;
  }
}

@media (min-width: 992px) {
  .formset_row-calculo_valores {
    min-width: 792px;
  }
}

@media (min-width: 1200px) {
  .formset_row-calculo_valores {
    min-width: 1000px;
  }
}

@media (min-width: 1440px) {
  .formset_row-calculo_valores {
    min-width: 1240px;
  }
}

/*@media (min-width: 768px) {*/
/*  #div_origem_destino {*/
/*    gap: 0.5rem !important;*/
/*  }*/
/*}*/

.text_color_next {
  color: var(--next-base-color);
}

/*td:has(>div[id*="ccfe_id_pcva_temperatura"]){*/
/*  display: none;*/
/*}*/
/*td:has(>div[id*="ccfe_id_pcon_temperatura"]){*/
/*  display: none;*/
/*}*/
/*td:has(>div[id*="ccfe_horas_temperatura"]){*/
/*  display: none;*/
.card_inline {
  flex-direction: row !important;
  margin-bottom: 15px;
}

body {
  /*padding: 0.5rem 0.75rem;*/
  font-size: 0.9rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.form-control {
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.select2-selection--single {
  height: 2rem !important;
  padding: 0px;
}

.dataTables_scrollBody::-webkit-scrollbar {
  border-radius: 7px;
  height: 12px;
  background-color: #e8e8e8;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-content .content {
  height: unset !important;
}

.modal-body .content {
  padding: 0 !important;
  width: 100% !important;

}

.modal-body .content .form-horizontal {
  margin-top: unset;
}

#content_message {

  --bs-toast-zindex: 1090;
  position: absolute;

  max-width: 100%;
  pointer-events: none;
}

#button-id-add_ponto {
  float: right;
}

/*.tab-content*/
/*{*/
/*  height: 55em !important;*/
/*}*/


.containerInvite p {
  word-wrap: break-word; /* Quebra o texto se for muito longo */
}

.containerInvite {
  font-weight: bold; /* Torna o texto da data de validade em negrito */
}

.containerInvite .copy-button {
  display: flex;
  align-items: center;
  justify-content: center; /* Centraliza o conteúdo do botão */
  margin-top: 10px; /* Espaço acima do botão */
}

.containerInvite .copy-button i {
  margin-left: 5px;
}

.containerButtons {
  display: flex;
  align-items: center;
  justify-content: center; /* Centraliza o conteúdo do botão */
}

@media (max-width: 767.98px ) {
  .navbar {
    height: 40px;
  }
}

@media (max-width: 560px ) {
  .navbar {
    height: 40px;
  }
}


@media (min-width: 1024px) {
  #table_relacionado_wrapper .col-md-7 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

.bg-new {
  background-color: #04b704;
  --bs-bg-opacity: 1;
}

.wiki_icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bg_btn {
  position: absolute;
  top: 0;
  right: 0;
}

#confirmationModalMessage {
  margin-top: 0 !important;
  padding: 1rem !important;
}


#modal_sessao_expirada .modal-content {
  height: auto !important;
}


#table_trajeto .ag-layout-normal {
  padding: unset !important;
}


.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 20px;
  top: 5px !important;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn-icon {
  display: flex;
  align-items: center;
  gap: 3px;
  padding-left: 6px;

}

.select2-search__field,
.select2-search__field--focus,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da;
}

.buttonHolder {
  gap: 5px;
  display: flex;
  justify-content: flex-end;
}

.is-invalid {
  border-color: #dc3545 !important;
}

.content_mapa_viagem {
  width: 100vw;
  height: 94vh;

}

.content_main_abastecidas {
  overflow: auto;
  height: 88vh;
  margin: unset !important;
}

.content_main_dados_log {
  overflow: auto;
  height: 94vh;
  margin: unset !important;
}

@media screen and (max-height: 769px) and (orientation: landscape) {
  .side-nav-title {
    height: 6vh;
    line-height: 1;
    font-size: 11px;
  }

  .content_mapa_viagem {
    width: 100vw;
    height: 92vh;

  }

  .content_main_dados_log {
    overflow: auto;
    height: 92vh;
    margin: unset !important;
  }

  .content_main_abastecidas {
    overflow: auto;
    height: 84vh;
    margin: unset !important;
  }
}

.modal-body-viagem {
  display: flex;
}

.btn {
  --bs-btn-font-size: 0.8rem;
  font-weight: bold;
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-border-radius: 0.25rem;
}

.p-15 {
  padding: .15rem !important;
}


.left-sidebar {
  z-index: 999;
  height: 100vh;
  /*max-height: 95vh;*/

  position: absolute;
  width: 3vw;
  background-color: #f4f4f4;
  display: flex;
  /*justify-content: space-between;*/

  flex-direction: column;
  align-items: center;
  padding: 0px 0px 0px 0px;
  border-right: 1px solid #ddd;
}

.left-content-sidebar {
  z-index: 11;
  height: 95vh;
  max-height: 95vh;
  position: absolute;
  margin-left: 3vw;
  width: 10vw;
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 0px 5px;
  border-right: 1px solid #ddd;
}

.left-sidebar .side-nav-icon {
  width: 3vw;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  border-bottom: 1px solid #d9d8d8;

}

.side-nav-icon-content {
  cursor: pointer;
  width: 100%;
  height: 5vh;
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  transition: background-color 0.3s, transform 0.3s;
  border-bottom: 1px solid #d9d8d8;
}

.side-nav-title {
  /*position: absolute;*/
  padding-left: 1vw;
  /*margin-left: 3vw;*/
  display: none;
  height: 5vh;
  flex-direction: row;
  align-items: center;
  width: 10vw;
  z-index: 999;
}

.left-sidebar .side-nav-icon i {
  font-size: 20px;
  color: var(--next-base-color);
}

.left-sidebar .side-nav-icon-content:hover {
  background-color: rgb(238 119 26 / 20%);
  color: var(--next-base-color);
}

button i {
  pointer-events: none;
}

.btn > i {
  font-size: 1rem;
}

.sidebar-toggle {
  margin-right: 1rem
}


.menu-left-icon::-webkit-scrollbar {
  border-radius: 7px;
  width: 8px;
  background-color: #ffffff;
}

.menu-left-icon::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px var(--next-base-color);
  border-radius: 10px;
}

.menu-left-icon::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(119, 117, 117, 0.5);
}

.side-group {
  background-color: rgba(189, 188, 188, 0.5);
}
#form-add-motorista .modal-body ,#form-add-modelo .modal-body {
  overflow: unset;!important;
}
.bloco-negociacao-produto {
  border: 1px solid orange;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 3px;
}