.cm-btn-fixed-width {
  width: 175px;
}

.cm-select-sort-fixed-width {
  width: 225px !important;
  /* max-width: 250px !important;
  width: 100% !important; */

}

.cm-ms-2-5 {
  margin-left: 0.925rem !important;
}

.fw-500 {
  font-weight: 500;
}

.cm-btn-marker-danger:hover {
  background-color: var(--bs-danger) !important;
  color: var(--bs-body-bg) !important;
}

.cm-btn-marker-success:hover {
  background-color: var(--bs-success) !important;
  color: var(--bs-body-bg) !important;
}

.cm-btn-marker:hover i {
  color: var(--bs-body-bg) !important;
}

.cm-btn-icon {
  display: flex;
  justify-content: center ;
  align-items: center ;
  position: relative ;
}

.cm-navbar-badge-position {
  position: absolute !important;
  top: 5px !important;
  left: 10px !important; 
}

.cm-type-offer-color-icon-hidden {
  display: none;
}
.cm-type-offer-color-icon-visibility {
  display: inline-flex;
}
/* modal colors */
.form-select option[data-icon] {
  display: flex;
  align-items: center;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.rounded-carousel .carousel-inner,
.rounded-carousel .carousel-item img {
    border-radius: 5px;
}

.map-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
    }

    #map {
      /* flex-grow: 1; */
      width: 100%;
      height: 430px;
      border-radius: 5px;
      overflow: hidden;
    }


    #cm_button_phone:disabled {
      color: black; 
      pointer-events: none;
      opacity: 0.9;
  }

  /* wyśrodkowuje border dzielący imputy */
  .input-group-text.border-start {
    width: 1px;
    border-left: 1px solid #000; 
    margin-left: 0; 
    height: auto; 
    padding: 0; 
}

.btn.btn-light-primary {
  background-color: #E9F3FF !important;
}

@media (max-width: 576px) {
  .cm-margin-storage-toolbar {
      margin-bottom: 8.4px; 
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .cm-margin-storage-toolbar {
      margin-bottom: 8.4px; 
  }
}

@media (max-width: 768px) {
  #map {
    height: 300px; 
  }
}


@media (max-width: 576px) {
  #map {
    height: 200px; 
  }
}

.custom-tooltip-storages .tooltip-inner {
  font-size: 12px; 
}

/* kolor czcionki w pojedyńczych selectach np. lokalizacja, kolor */
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
  color: var(--bs-gray-700);
}

/* navigacja np. okresy dat */
.nav-line-tabs .nav-item .nav-link {
  color: var(--bs-gray-600);
}

/* chyba używane w datagrid ale sprawdzić */
i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] {
  /* color: var(--bs-text-muted); */
  color: var(--bs-gray-600);
}

/* wyłączam animację tła gdy tagi readonly */
.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
  animation: none; 
  /* readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused */
}

/* kolor tekstu gdy tagi readonly */
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
  color: var(--bs-gray-500);
}
/* kolor tła tagu */
.tagify{
  --tag-bg: var(--bs-gray-300) !important;
}

/* kolor tła selectów --disabled*/
.select2-container--bootstrap5.select2-container--disabled .form-select {
  background-color: var(--bs-gray-100);
  border-color: var(--bs-gray-300);
}

 /* kolor bordera inputów --disabled */
 .input-group.input-group-solid .form-control:disabled {
  background-color: var(--bs-gray-100);
  border-color: var(--bs-gray-300);
}

/* kolor bordera tagify --read-only */
.tagify[readonly] {
  border-color: var(--bs-gray-300);
}


.cm-btn-edit-filter-editing:hover {
  background-color: var(--bs-primary) !important;
}

.cm-btn-edit-filter-editing:hover i {
  color: var(--bs-body-bg) !important;

}

/* btn "Schowek" gdy ogłoszenie w schowku */
/* .in-storage {
  background-color: #E9F3FF !important;

} */