@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);
body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  letter-spacing: 0.04rem !important;
}

input {
  letter-spacing: 0.04rem !important;
}

@font-face {
  font-family: mtcrosva;
  src: url("/assets/fonts/MTCORSVA.TTF");
}
.route-item {
  color: #83818c;
  text-decoration: none;
  transition: 0.3s;
  margin: 0 6px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  position: relative;
}
.route-item:before {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 0;
  width: 5px;
  height: 100%;
  background-color: #dfe2ea;
  opacity: 0;
  transition: 0.3s;
}

.route-item:not(.is-active):hover:before {
  opacity: 1;
  left: 0;
}

.route-item:not(.is-active):hover {
  color: #333;
}

.route-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 5px;
  transition: 0.4s;
  z-index: 1;
  border-radius: 8px 8px 0 0;
}

.side-nav .side-nav-link {
  font-weight: 500 !important;
}

.router-link-exact-active {
  color: white !important;
  font-weight: bold;
}

.wrapper {
  overflow: visible !important;
}

.content-page {
  overflow: visible !important;
}

.nav-pills > a {
  padding: 1rem;
}

.leftside-menu {
  padding-top: 140px;
}

.logo {
  padding: 0.5rem 0rem;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .logo span.logo-sm {
  line-height: 55px;
}

.nav-pills .nav-link {
  border-radius: 0;
}

td > .form-control, td > .form-control-sm,
td > button,
td > .input-group > .form-control,
td > .input-group-sm > .form-control, td > .input-group-sm > .form-select, td > .input-group-sm > .input-group-text, td > .input-group-sm > .btn {
  font-size: 11px !important;
}

.form-control-table {
  border: none;
  min-height: unset !important;
}

.form-control-table:focus {
  border-bottom: 1px solid #0aa2d0;
  border-radius: 0;
}

.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  height: 1.2em;
  white-space: nowrap;
}

.modal-open {
  padding-right: 0 !important;
}

.table-sm th {
  padding: 4px;
  font-size: 0.75rem;
  text-align: center;
  vertical-align: middle;
}

.table-sm .form-control-sm {
  min-height: unset !important;
}

.table-sm td {
  padding: 4px;
  text-align: center;
  vertical-align: middle;
  height: 20px;
}

.table-p-0 td {
  padding: 0;
  white-space: nowrap;
}

.table-bordered th {
  border: unset;
  border-bottom: 1px solid #dadada;
}

.table-bordered td {
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.table-sm td .input-control {
  height: 100%;
}

.table-price-column {
  width: 100px;
}

.text-fixed-price {
  color: blue !important;
  font-weight: bold;
}

.text-divergent-price {
  color: red !important;
  font-weight: bold;
}

.table-sm td .form-control {
  padding: 0;
  margin: 0;
  text-align: center;
}

.table-sm td .product_code {
  padding: 5px;
}

.table-sm .field-container {
  height: 100%;
}

.table-sm .form-control {
  height: 100%;
}

.input-group .form-control {
  height: auto !important;
}

.top-navbar-height {
  top: 70px;
}

.dashboard-order {
  top: 100px;
}

.right-screen-header {
  font-size: 0.75rem !important;
  padding: 0;
}

.right-screen-row {
  font-size: 0.75rem !important;
  padding: 0;
}

.dropdown-menu {
  z-index: 1029;
}

.table.selectable > tbody > tr > td {
  background-color: unset !important;
  color: unset !important;
}

.product-code-flush {
  border: 0;
  height: 100%;
}

.input-group-flush {
  height: 100%;
  background-color: transparent;
  border-bottom: 0px solid #f1f3fa;
}