.small_sub {
  font-size: 12px;
}

.selected_ro {
  background-color: lightblue;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  appearance: none;
  height: 14px;
  width: 14px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'><path d='M1 1l14 14m0-14L1 15' stroke='%23666' stroke-width='2'/></svg>") no-repeat center;
}

.card-header {
  background-color: rgb(51, 50, 50) !important;
  color: white;
}

.card-text {
  font-size: 14px !important;
}

.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #222;
  color: #fff;
  text-align: center;
  padding: 4px;
  z-index: 1000;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}

.swal2-cancel {
  background: red !important;
}

.bootstrap-swal {
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  padding: 1.5rem;
  background-color: #fff;
  font-family: var(--bs-body-font-family);
}

.bootstrap-swal .swal2-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-body-color);
}

.bootstrap-swal .swal2-html-container {
  color: var(--bs-body-color);
  margin-top: 0.5rem;
}

.bootstrap-swal .swal2-actions {
  margin-top: 1.25rem;
}

.swal_html {
  font-size: 14px;
}

.bi {
  cursor: pointer;
}

.install_app {
  position: fixed;
  top: 35px;
  width: 200px;
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.blurred {
  filter: blur(5px);
  opacity: 0.2;
}