/* #region Mixins */
/* #endregion */
body {
  overscroll-behavior: contain;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.gap-6 {
  gap: 5rem;
}
.disable-checking {
  cursor: not-allowed !important;
  pointer-events: initial !important;
}
.k-pointer-events-none {
  pointer-events: none !important;
}
.k-grid .k-table-th,
.k-grid td,
.k-grid .k-table-td {
  border-style: inherit;
  border-color: #dee2e6;
}
.py-3dot3 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
button.k-time-now.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base {
  display: none !important;
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
  position: relative;
  /*  font-size: 14px;*/
  min-height: 100%;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 992px) {
  .nav-right-bar {
    position: absolute;
    right: 0;
  }
}
nav.navbar.bg-alter {
  background-color: #e3f2fd !important;
}
.t-0 {
  top: 0;
}
.l-0 {
  left: 0;
}
.b-0 {
  bottom: 0;
}
.alert-dismissible {
  z-index: 50;
}
.r-0 {
  right: 0;
}
.w-70px {
  width: 70px;
}
.no-resize {
  resize: none;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.h-min-100 {
  min-height: 100%;
}
.cursor-point {
  cursor: pointer;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.custom-measures {
  left: unset !important;
  right: 6px !important;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.flex-min-auto {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flex-max-auto {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.bg-page {
  background-color: #F3F4F8;
}
.bg-nav-custom {
  background-color: #FFFFFF !important;
}
.bg-nav-custom.bg-alter-nav-custom {
  background-color: #E7F1FD !important;
}
.form-group {
  margin-bottom: 1rem;
}
.navbar-custom {
  border-bottom: solid 1px #E9EBF0;
}
.navbar-custom .navbar-brand {
  /*        border: 2px solid @navbar-brand;*/
  border-radius: 3px;
  opacity: 1;
  color: #001972;
  text-transform: capitalize;
}
.navbar-custom .navbar-nav .nav-link {
  font-size: medium;
  letter-spacing: 0px;
  color: #7C828D;
  opacity: 1;
  height: 100%;
  font-weight: 400;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-custom .navbar-nav .nav-link.active {
  border-bottom: solid 2px #001972;
}
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .show > .nav-link {
  color: #001972;
  font-weight: 600;
}
.navbar-custom .navbar-nav .dropdown-item {
  color: #7C828D;
}
.navbar-custom .navbar-nav .dropdown-item.active,
.navbar-custom .navbar-nav .dropdown-item:active {
  color: #001972;
  background-color: #F8FAFB;
}
.navbar-custom .navbar-nav .dropdown-item:hover,
.navbar-custom .navbar-nav .dropdown-item:focus {
  color: #FFF;
  background-color: #001972;
}
.submenu-bar {
  height: 54px;
}
.submenu-bar .page-subtitle {
  color: #001972;
  font-size: 20px;
  font-weight: 400;
}
.submenu-bar .page-subtitle small {
  display: block;
  font-size: 60%;
}
#content-render #loading {
  display: none;
}
#content-render #render {
  display: block;
}
#content-render.active #loading {
  display: block;
}
#content-render.active #render {
  display: none;
}
#content-render.formActive #loading {
  display: block;
  position: absolute;
  z-index: 5;
  background: white;
  opacity: 0.6;
  user-select: none;
}
.k-validator-tooltip {
  max-width: 400px !important;
}
input[data-role="datepicker"]:focus {
  box-shadow: none;
}
.k-switch-on .k-switch-track {
  border-color: #28a745;
  background-color: #e4f7ed;
}
.k-switch-on .k-switch-thumb {
  background-color: #28a745;
}
.k-switch-on:disabled,
.k-switch-on.k-disabled {
  opacity: 0.5;
}
.k-switch-on:disabled .k-switch-track,
.k-switch-on.k-disabled .k-switch-track {
  border-color: #28a745;
  background-color: #e4f7ed;
}
.k-switch-on:disabled .k-switch-thumb,
.k-switch-on.k-disabled .k-switch-thumb {
  background-color: #28a745;
}
/*.k-switch-off {
    .k-switch-track {
        border-color: @grid-del-btn-text;
        background-color: @grid-del-btn-hover-bg;
    }

    .k-switch-thumb {
        background-color: @grid-del-btn-text;
    }
}*/
.show > .btn-save.dropdown-toggle {
  color: #28a745;
  background-color: transparent;
  border-color: transparent;
}
.show > .btn-save.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-save {
  color: #28a745;
  background-color: transparent;
  border-color: transparent;
}
.btn-save i {
  cursor: pointer !important;
}
.btn-save:hover {
  color: #28a745 !important;
  background-color: #e4f7ed !important;
  border-color: transparent;
}
.btn-save:hover > .fa-w-12 {
  color: #28a745 !important;
}
.btn-save:focus,
.btn-save.focus {
  box-shadow: none;
}
.btn-save.disabled,
.btn-save:disabled {
  color: #B0B8C1;
  background-color: #CFD3D6;
  border-color: transparent;
}
.btn-save:not(:disabled):not(.disabled):active,
.btn-save:not(:disabled):not(.disabled).active {
  color: #28a745;
  background-color: transparent;
  border-color: transparent;
}
.btn-save:not(:disabled):not(.disabled):active:focus,
.btn-save:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
.modal-no-title {
  overflow: hidden;
  padding: 0 !important;
}
.modal-no-title * {
  box-sizing: inherit;
}
.modal-no-title .k-window-titlebar.k-header {
  height: 1px;
}
.modal-no-title .k-window-content.k-content {
  width: 100%;
  padding: 0;
}
/* Chrome, Safari, Edge, Opera */
input.disable-number-arrows::-webkit-outer-spin-button,
input.disable-number-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input.disable-number-arrows[type=number] {
  -moz-appearance: textfield;
}
.show > .btn-k-cancel.dropdown-toggle {
  color: #BF0E08;
  background-color: #FAE2E2;
  border-color: transparent;
}
.show > .btn-k-cancel.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-k-cancel {
  color: #BF0E08;
  background-color: #FAE2E2;
  border-color: transparent;
}
.btn-k-cancel i {
  cursor: pointer !important;
}
.btn-k-cancel:hover {
  color: #BF0E08 !important;
  background-color: #FFC1C1 !important;
  border-color: transparent;
}
.btn-k-cancel:hover > .fa-w-12 {
  color: #BF0E08 !important;
}
.btn-k-cancel:focus,
.btn-k-cancel.focus {
  box-shadow: none;
}
.btn-k-cancel.disabled,
.btn-k-cancel:disabled {
  color: #B0B8C1;
  background-color: #CFD3D6;
  border-color: transparent;
}
.btn-k-cancel:not(:disabled):not(.disabled):active,
.btn-k-cancel:not(:disabled):not(.disabled).active {
  color: #BF0E08;
  background-color: #FAE2E2;
  border-color: transparent;
}
.btn-k-cancel:not(:disabled):not(.disabled):active:focus,
.btn-k-cancel:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
.show > .btn-k-ok.dropdown-toggle {
  color: #BF0E08;
  background-color: #FAE2E2;
  border-color: transparent;
}
.show > .btn-k-ok.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-k-ok {
  color: #BF0E08;
  background-color: #FAE2E2;
  border-color: transparent;
}
.btn-k-ok i {
  cursor: pointer !important;
}
.btn-k-ok:hover {
  color: #BF0E08 !important;
  background-color: #FFC1C1 !important;
  border-color: transparent;
}
.btn-k-ok:hover > .fa-w-12 {
  color: #BF0E08 !important;
}
.btn-k-ok:focus,
.btn-k-ok.focus {
  box-shadow: none;
}
.btn-k-ok.disabled,
.btn-k-ok:disabled {
  color: #B0B8C1;
  background-color: #CFD3D6;
  border-color: transparent;
}
.btn-k-ok:not(:disabled):not(.disabled):active,
.btn-k-ok:not(:disabled):not(.disabled).active {
  color: #BF0E08;
  background-color: #FAE2E2;
  border-color: transparent;
}
.btn-k-ok:not(:disabled):not(.disabled):active:focus,
.btn-k-ok:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
.show > .btn-k-good.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.show > .btn-k-good.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-k-good {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-k-good i {
  cursor: pointer !important;
}
.btn-k-good:hover {
  color: #28a745 !important;
  background-color: #fff !important;
  border-color: #28a745;
}
.btn-k-good:hover > .fa-w-12 {
  color: #28a745 !important;
}
.btn-k-good:focus,
.btn-k-good.focus {
  box-shadow: none;
}
.btn-k-good.disabled,
.btn-k-good:disabled {
  color: #218838;
  background-color: #fff;
  border-color: #1e7e34;
}
.btn-k-good:not(:disabled):not(.disabled):active,
.btn-k-good:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-k-good:not(:disabled):not(.disabled):active:focus,
.btn-k-good:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
.disableClick {
  pointer-events: none;
}
.k-picker-solid {
  background-color: white !important;
}
.disableClick .k-picker-solid {
  background-color: #e4e7eb !important;
}
.nav-right-bar .dropdown-menu[data-bs-popper] {
  left: unset;
  right: 10px;
}
.container-movement-status-1 i {
  --fa-primary-color: white;
  --fa-secondary-color: green;
  --fa-secondary-opacity: 1;
}
.container-movement-status-2 i {
  --fa-primary-color: white;
  --fa-secondary-color: red;
  --fa-secondary-opacity: 1;
}
.container-movement-status-3 i {
  --fa-primary-color: white;
  --fa-secondary-color: black;
  --fa-secondary-opacity: 1;
}
.container-movement-status-3 i {
  --fa-primary-color: white;
  --fa-secondary-color: black;
  --fa-secondary-opacity: 1;
}
.z-index-max {
  z-index: 9999999999999;
}
.k-pager-sizes {
  visibility: hidden !important;
}
.container-movement-status-4 i {
  --fa-primary-color: white;
  --fa-secondary-color: goldenrod;
  --fa-secondary-opacity: 1;
}
.container-movement-status-5 i {
  --fa-primary-color: white;
  --fa-secondary-color: red;
  --fa-secondary-opacity: 1;
}
.container-movement-status-6 i {
  --fa-primary-color: white;
  --fa-secondary-color: goldenrod;
  --fa-secondary-opacity: 1;
}
.container-movement-status-7 i {
  --fa-primary-color: red;
  color: red;
  --fa-secondary-color: red;
  --fa-secondary-opacity: 1;
}
.flex-0-0-auto {
  flex: 0 0 auto;
}
.k-list-item-text::before {
  height: 0 !important;
}
.megadangerWarning {
  right: unset;
  bottom: unset;
  left: calc(50% - 300px);
  top: 50px;
  font-size: 20px;
  font-weight: 600;
  width: 600px;
}
.producing-select-view-button {
  min-width: 350px;
  max-width: 850px;
  white-space: pre-wrap;
  height: 130px;
  font-size: 48px;
}
.custom-dropdown-menu {
  position: absolute !important;
  right: 0px;
}
div.disabledInputExact {
  cursor: default;
  color: light-dark(#545454, #aaaaaa);
  border-color: rgba(118, 118, 118, 0.3);
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}