.add-post-card .item-icon {
  background-color: transparent;
  border-radius: 100%;
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
  text-align: center;
  width: 80px;
}

.add-post-card .item-icon .icon-article {
  color: #009ef7;
  font-size: 48px;
}

.swal-modal .swal-text {
  text-align: center;
}

.border-color .width-custom {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
}

.width-custom {
  height: 70px;
  min-width: 100px;
}

.Add-post-modal-img {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #e4e6ef;
  border-radius: 0.475rem;
  box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.h-100px {
  height: 100px !important;
}

.custom-break {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
}

.Add-post-modal {
  border-width: 1px;
  border-style: dashed;
  color: #7e8299;
  border-color: #e4e6ef;
}

.additional-images .border-color {
  border: 2px dashed #e4e6ef;
  color: #7e8299;
  height: 130px;
  margin: 0 0 10px 10px;
  padding: 3px;
  width: 120px;
}

.width-custom {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px;
}

.text-hover-primary:hover {
  transition: color 0.2s ease, background-color 0.2s ease;
  color: #009ef7 !important;
  background-color: #e0e3ff;
}

.option .dropdown-menu {
  min-width: 200px;
  font-size: 13px;
}
.option .dropdown-item {
  padding-top: 12px;
}

.w-125px {
  width: 125px !important;
}

.w-60px {
  width: 60px !important;
}

.h-125px {
  height: 125px !important;
}

.h-60px {
  height: 60px !important;
}

.vote-progressbar {
  height: 1rem !important;
}

.custom-object-fit {
  -o-object-fit: cover;
     object-fit: cover;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.custom-card-layout :hover {
  color: #009ef7;
  border-color: #009ef7;
  background-color: #f1faff !important;
}

.btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default, .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default {
  color: #009ef7;
  border-color: #009ef7;
  background-color: #f1faff !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}