@import "font.css";

body {
  overflow-x: hidden;
}

body *{
  font-family: "Inter", sans-serif !important;
}

.hidden_sort{
    opacity: 0;
}

.rotate_sort{
    transform: rotate(180deg);
    display: inline-block;
}

.brand-text{
  margin-left: 5px;
  text-transform: uppercase;
  font-family: Arial, sans-serif !important;
  color: #5e5873;
}

.dark-layout .flatpickr-calendar {
  background: #2F3539;
  border-color: #404656;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
}

.address_title{
    width: 300px;
}

.address_title div{
    padding-left: 0 !important;
}

.custom-label-mb{
    margin-bottom: 28px;
}

.main-menu.menu-light .navigation > li.active > a {
  background: linear-gradient(118deg, #2F80ED, rgba(47, 128, 237, 0.7));
  box-shadow: 0 0 10px 1px rgba(47, 128, 237, 0.7);
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
}

.lang_img {
  width: 16px;
  margin-right: 5px;
  border-radius: 50%;
}

.header-logo img{
  width: 120px;
  height: 38px;
}
@media all and (min-width: 992px) {
  .card-body {
    padding: 1.5rem;
  }
}

/* --------- header, nav ----------------------- */

.header-navbar
  .navbar-container
  ul.navbar-nav
  li
  a.dropdown-user-link
  .user-name {
  margin-bottom: 0;
}

.header-navbar {
    position: relative !important;
}

.current-user {
  margin: 0 15px;
  padding: 0 15px;
}

@media all and (min-width: 1200px) {
  .current-user {
    margin: 0;
    padding: 0;
  }

  .client__select-title {
    margin-bottom: 0;
  }
}

/* ------------- */

/* --- general ---------- */

.form-control[readonly] {
  background: inherit;
}

.flatpickr-range {
  padding: 0.571rem 6px;
}

.form-control::placeholder {
  color: inherit;
}

.entries-count label {
  margin-bottom: 0;
}

.entries-count select {
  max-width: 70px;
}

.custom-pagination {
  margin-bottom: 0 !important;
}

.little-select {
  min-height: 30px;
}

.icon-col {
  margin-right: 8px;
  margin-top: 6px;
}

.icon-col_first {
  margin-top: 30px;
}

.input-with-icon {
  width: 100%;
}

.nowrap-title label {
  white-space: nowrap;
}

.mt-7px {
  margin-top: 7px;
}

.mb-icon {
  margin-bottom: 6px;
}

.mw-20 {
  max-width: 20px !important;
  margin-bottom: 0px;
}

.btns-gap button:first-child {
  margin-right: 1rem;
}

/* --- general-end ---------- */

.form-check-label {
  color: #6e6b7b;
}

.multi-filter {
  overflow: scroll;
  white-space: nowrap;
}

.nav-item_sm {
  padding: 0 30px;
}

@media (min-width: 1200px) {
  .current-user {
    margin-left: auto;
  }
}

.flatpickr-basic {
}

.filters {
}

@media (min-width: 1200px) {
  .filters {
    display: flex;
    justify-content: space-between;
    gap: 80px;
  }
}

.filters__by-date {
  margin: 0 auto 15px;
  max-width: 270px;
}

@media all and (min-width: 480px) {
  .filters__by-date {
    margin: 0 0 15px;
  }
}

.filters__title {
  margin-bottom: 0.2857rem;
}

.filters__content {
  display: flex;
  gap: 10px;
  justify-content: space-around;
}

.filters__content > input {
  min-width: 102px;
}

.filters__other {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

@media all and (min-width: 480px) {
  .filters__other {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
  }
}
.filters__item {
  flex: 1 0 100%;
}

@media all and (min-width: 480px) {
  .filters__item {
    flex: 1 1 48%;
  }
}

@media all and (min-width: 576px) {
  .filters__item {
    flex: 1 1 30%;
  }
}

@media all and (min-width: 992px) {
  .filters__item {
    flex: 1 0 16%;
  }
}

.filters__item:not(:last-child) {
  margin-bottom: 15px;
}

.nowrap {
  white-space: nowrap;
}

.custom__string-count-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.custom__string-count-row {
  white-space: nowrap;
  margin-bottom: 10px;
}

.custom__rows-count-text {
  white-space: nowrap;
  margin-right: 6px;
}

/* --------- pagination block ( table bottom ) ------------------------------- */

@media all and (min-width: 992px) {
}

@media all and (min-width: 576px) {
}

@media all and (min-width: 768px) {
  .count-control__count-wrapper {
    text-align: left;
  }
}

/* ------------orders-show-mode---------------------------------------------------------------------- */

.dark-layout .order-info > div {
  color: #fff;
}

.order-info > div {
  color: #000;
  font-weight: 700;
}

.order-info span {
  font-weight: 500;
  text-decoration: underline;
}

.show-mode__table {
}

.orders-data-table td:nth-child(1) {
  vertical-align: top;
}

.card-transaction .transaction-item {
  align-items: flex-start;
}

.card-transaction .transaction-item > div:nth-child(2) {
  text-align: justify !important;
}

.card-transaction .transaction-item:not(:last-child) {
  margin-bottom: 1rem !important;
}

.transaction-item {
}

.tracking__item {
  margin-bottom: 0.5rem;
}

/* --------- price-list-table --------------------------------------- */

.price-list-table th {
  text-align: center;
  white-space: nowrap;
}

.price-list-table__full-mode {
  text-align: left;
}

.price-list-table__items {
  white-space: nowrap;
}

.price-list-table__item {
  cursor: pointer;
}

.price-list-table__item:not(:last-child) {
  margin-right: 10px;
}

.y-scrollable-block {
  max-height: 50vh;
  overflow-y: auto;
}

.x-scrollable-block {
  overflow-x: auto;
}

@media (min-width: 540px) {
  .sticky-table-th {
    position: sticky !important;
    top: 0px;
    z-index: 111;
  }
}

.sticky {
  position: sticky !important;
  top: 0;
  z-index: 50;
}

.sticky-header-colors {
  color: inherit;
  background: #f3f2f7;
}

.dark-layout .sticky-header-colors {
  color: inherit;
  background: #343d55;
}

.flex-big-column {
  flex: 2 0 200px;
}
.flex-small-column {
  flex: 0 0 72px;
}

.table-flex-gap {
  gap: 4px;
}

.maxw-24 {
  max-width: 24px;
}
.maxw-48 {
  max-width: 48px;
}
.maxw-64 {
  max-width: 64px;
}
.maxw-72 {
  max-width: 72px;
}
.minw-48 {
  min-width: 48px;
}
.minw-96 {
  min-width: 96px;
}
.table thead th {
  text-transform: none !important;
}

@media (min-width: 992px) {
  .sticky-totals {
    top: 20px;
    /* bottom: 20px; */
    position: sticky !important;
    z-index: 100;
    height:min-content;
  }
}

select.form-control:not([multiple=multiple]) {
    padding-right: 3rem!important;
}

.select2-selection__choice{
    max-width: 100%!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.select2-selection__choice__remove:before {*/
/*    z-index: 10;*/
/*    background-color: #2F80ED;*/
/*}*/

.table-bordered1 th, .table-bordered1 td {
    border: 1px solid #ebe9f1;
    border-top-color: rgb(235, 233, 241);
    border-top-style: none;
    border-top-width: 0px;
    border-right-color: rgb(235, 233, 241);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(235, 233, 241);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(235, 233, 241);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

/* file history.blade.php */
.table-card-item {
    padding: 0.5rem 1rem;
}

.tracking-modal .modal-content {
    max-width: 485px;
}

.tracking-modal .modal-body .tracking-link {
    margin: 5px;
    /*width: 105px;*/
}
@media screen and (max-width: 545px) {
    .tracking-modal .modal-content {
        max-width: 370px;
    }
}
@media screen and (max-width: 430px) {
    .tracking-modal .modal-content {
        max-width: 260px;
    }
}
.modal-body__wrapper {
    margin: -5px -10px 0 -5px;
}

/* file item.blade.php */
.tracking-block {
    margin: -5px -10px 0 -5px;
}
.tracking-block .tracking-link {
    margin: 5px 5px 0 5px;
    /*width: 105px;*/
}

.notification {
    position: relative;
}

.notification {
    padding-right: 20px;
}

.notifications_container .content-body, .notifications_container .card-body {
    background: whitesmoke;
}

.dark-layout .notifications_container .content-body, .dark-layout .notifications_container .card-body {
    background: #1e1e1e;
    /*color: whitesmoke;*/
}

.notification:not(:last-child) {
    margin-bottom: 10px;
}

.notification button {
    position: absolute;
    bottom: 100%;
    left: 100%;
    transform: translate(-40%, +100%);
    border: 1px solid;
}