.user-dropdown {
  width: auto !important;
  max-width: 200px !important;
  padding: 0 !important;
}

.user-dropdown li a {
  color: #000 !important;
  padding: 0px 15px !important;
  white-space: nowrap !important;
}

li.welcome {
  font-weight: bold;
  padding: 10px 20px;
  color: #000 !important;
  background-color: #cecece;
}

li.welcome span {
  padding: 0;
  line-height: normal !important;
}

li.welcome span.txt-welcome {
  color: #c52d2f;
  /* color: #aa8453; */
}

.border-left-heavy {
  border-left: 15px solid #8a8a8a;
}

.border-right-heavy {
  border-right: 15px solid #8a8a8a;
}

.bg-light-grey {
  background-color: #eee !important;
}

.bg-dark-grey {
  background-color: #ccc !important;
}

.border-top-light {
  border-top: 1px solid #8a8a8a;
}

.border-bottom-light {
  border-bottom: 1px solid #8a8a8a;
}

.border-top-none {
  border-top: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-color-black {
  border-color: #000 !important;
}

.border-color-grey {
  border-color: #ccc !important;
}

.border-color-dark-grey {
  border-color: #6a6a6a !important;
}

.border-color-light-grey {
  border-color: #eee !important;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-15 {
  border-radius: 15px;
}

.big-switch {
  width: 60px !important;
  height: 30px !important;
}

.medium-switch {
  width: 50px !important;
  height: 25px !important;
}

.box2 {
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #eee;
  list-style: none;
}

.normal-heading {
  border-top: 3px double #000;
  border-bottom: 3px double #000;
  background-color: #ccc;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px;
}

.light-heading {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #eee;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 10px;
}

.custom-select {
  border: 1px solid #a0a0a0;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0 10px;
  color: #000;
  font-weight: bold;
  background: #eee;
}

.msg-item {
  position: relative;
  margin-top: 50px;
  margin-bottom: 70px;
}

.msg-box-date-tag {
  position: absolute;
  font-weight: bold;
  border: 2px solid #ccc;
  background-color: #eee !important;
  padding: 1px 20px 1px 10px;
  border-top-right-radius: 25px;
  top: -25px;
  left: 10px;
  box-shadow: 0px 0px 10px 2px #ccc;
}

.msg-box-para {
  border: 2px solid #ccc !important;
  border-radius: 15px;
}

.msg-box-attachment-tag {
  position: absolute;
  font-weight: bold;
  border: 2px solid #ccc;
  background-color: rgb(255, 255, 255) !important;
  padding: 1px 20px 1px 30px;
  border-bottom-left-radius: 25px;
  top: 0;
  right: 0;
  box-shadow: 0px 0px 10px 2px #ccc;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
  border: 1px solid #ccc;
}

.page-min-height {
  min-height: 300px !important;
}

.message-projects-area .property-grid-1 .listing-ctg,
.message-properties-sale-area .property-grid-1 .listing-ctg,
.message-properties-rent-area .property-grid-1 .listing-ctg,
.project-list .property-grid-1 .listing-ctg,
.properties-sale-list .property-grid-1 .listing-ctg,
.properties-rent-list .property-grid-1 .listing-ctg {
  left: 5px;
  bottom: 0px;
  font-size: 11px;
  line-height: 20px;
}

.circle-small {
  width: 12px;
  height: 12px;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.ribbon-2 {
  --f: 0px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 10px; /* the top offset */

  position: absolute;
  inset: var(--t) calc(-1 * var(--f)) auto auto;
  padding: 0 10px var(--f) calc(10px + var(--r));
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--f)),
    calc(100% - var(--f)) 100%,
    calc(100% - var(--f)) calc(100% - var(--f)),
    0 calc(100% - var(--f)),
    var(--r) calc(50% - var(--f) / 2)
  );
  background: #bd1550;
  box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005;

  color: #fff;
  /* line-height: 1.3em; */
  /* font-family: sans-serif; */
  font-size: 12px;
}