@charset "UTF-8";

:root {

  --blue: #007bff;

  --indigo: #6610f2;

  --purple: #6f42c1;

  --pink: #e83e8c;

  --red: #dc3545;

  --orange: #fd7e14;

  --yellow: #ffc107;

  --green: #28a745;

  --teal: #20c997;

  --cyan: #17a2b8;

  --white: #fff;

  --gray: #6c757d;

  --gray-dark: #122a38;

  --primary: #3097D1;

  --secondary: #d4dbe0;

  --success: #5cb85c;

  --info: #5bc0de;

  --warning: #f0ad4e;

  --danger: #d9534f;

  --light: #f5f8fa;

  --dark: #122a38;

  --bs-link-color: #483D8B;

  --bs-primary-rgb: 72, 61, 139;

  --bs-secondary-rgb: 224, 224, 224;

  --breakpoint-xs: 0;

  --breakpoint-sm: 576px;

  --breakpoint-md: 768px;

  --breakpoint-lg: 992px;

  --breakpoint-xl: 1200px;

  --font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}

*, *::before, *::after {

  box-sizing: border-box;

}

.btn-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #483D8B;

  --bs-btn-border-color: #483D80;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #0b5ed7;

  --bs-btn-hover-border-color: #0a58ca;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #0a58ca;

  --bs-btn-active-border-color: #0a53be;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #0d6efd;

  --bs-btn-disabled-border-color: #0d6efd

}

.bg-secondary {

  --bs-bg-opacity: 1;

  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important

}

.text-primary {

  --bs-text-opacity: 1;

  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important

}

.a-title {

	text-decoration: none;

}

a {

	text-decoration: none;

}

.container {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}

.navbar > .container-fluid {

  margin-left: -1rem;

  margin-right: -1rem;

}

.with-top-navbar {

  /*padding-top: 49px;*/

}

.navbar-nav > li > a > .badge {

  margin-left: 5px;

}

.navbar-brand > img {

  vertical-align: text-top;

}

.navbar-brand-icon {

  float: left;

  margin-right: 5px;

}

.navbar-default .navbar-brand-emphasized, .navbar-default .navbar-brand-emphasized:hover, .navbar-default .navbar-brand-emphasized:focus {

  background-color: #d3e0e9;

}

.navbar-dark .navbar-brand-emphasized, .navbar-dark .navbar-brand-emphasized:hover, .navbar-dark .navbar-brand-emphasized:focus {

  color: #fff;

  background-color: #1C73A5;

}

.navbar-padded .navbar-header {

  padding-left: 5px;

  padding-right: 5px;

}

@media (min-width: 576px) {

  .navbar-padded {

    padding-top: 20px;

    padding-bottom: 20px;

  }

}

.navbar-form-control {

  border: 0;

  box-shadow: none;

}

.navbar-dark .navbar-form-control {

  background-color: #4da6d7;

}

.navbar-dark .navbar-form-control:focus {

  color: #3097D1;

  background-color: #fff;

  box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);

}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {

  font-weight: inherit;

}

.navbar-btn-avatar, .navbar-btn-avatar:active, .navbar-btn-avatar:hover, .navbar-btn-avatar:focus, .navbar-btn-avatar:hover:active, .navbar-btn-avatar:active:focus {

  padding: 0;

  border: 0;

  background: transparent;

  outline: none !important;

  box-shadow: none !important;

}

.navbar-btn-avatar img {

  height: 35px;

  width: 35px;

}

.navbar-header::after {

  display: block;

  clear: both;

  content: "";

}

@media (min-width: 768px) {

  .navbar-header {

    float: left;

  }

}

.profile-header {

  position: relative;

  display: table;

  width: 100%;

  height: 300px;

  padding-bottom: 3.2rem;

  margin-bottom: 0;

  background-size: cover;

  border: 0;

}

.profile-header .container {}

.profile-header .container-fluid {

  display: table-cell;

  width: 1000000px;

  vertical-align: middle;

}

.profile-header .container-inner {

  margin: 0 auto;

}

.profile-header .media-object {

  display: inline-block;

  width: 80px;

  margin-right: 0;

}

.profile-header-bio {

  font-size: 16px;

  color: #fff;

}

.profile-header-user {

  margin-top: 20px;

  color: #fff;

}

.profile-header-nav {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

}

.profile-header-nav .nav {

  border-bottom: 0;

  vertical-align: top;

}

.profile-header-nav .nav-link {

  padding: 0 10px 18px;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.5);

  -webkit-transition: color 0.2s ease-in-out;

  transition: color 0.2s ease-in-out;

}

.profile-header-nav .nav-item {

  position: relative;

}

.profile-header-nav .nav-tabs .nav-link:focus, .profile-header-nav .nav-tabs .nav-link:hover, .profile-header-nav .nav-item .nav-link.active {

  color: #fff;

  background: transparent;

  border-color: transparent;

}

.profile-header-nav .active:after {

  position: absolute;

  bottom: 0;

  left: 50%;

  content: '';

  margin-left: -10px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #fff;

}

#rating-S-0 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -0px;

}

#rating-S-1 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -19px;

}

#rating-S-2 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -37px;

}

#rating-S-3 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -55px;

}

#rating-S-4 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -72px;

}

#rating-S-5 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -89px;

}

#rating-S-6 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -107px;

}

#rating-S-7 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -126px;

}

#rating-S-8 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -144px;

}

#rating-S-9 {

  width: 124px;

  height: 20px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -163px;

}

/*l*/

#rating-L-0 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -302px;

}

#rating-L-1 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -322px;

}

#rating-L-2 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -342px;

}

#rating-L-3 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -364px;

}

#rating-L-4 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -384px;

}

#rating-L-5 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -406px;

}

#rating-L-6 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -428px;

}

#rating-L-7 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -448px;

}

#rating-L-8 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -469px;

}

#rating-L-9 {

  width: 124px;

  height: 22px;

  display: inline-block;

  background: url("../icons/stars_map.png") no-repeat -3px -491px;

}

.guide {

  padding: 0px;

  list-style: none;

}

.guide > li {

  display: inline-block;

  font-style: italic;

}

.guide > li:last-child {

  /* font-weight: bold; */

}

.guide > li + li:before {

  padding: 0 5px;

  color: #ccc;

  content: "›"

}

.btn-none {

  border: 0px;

}

.btn-none:focus {

  outline: none;

  box-shadow: none;

}

.btn-toggle, .btn-check {

  background-color: #fff;

  border-color: #eaeaea;

  color: #333;

}

.btn-toggle.selected, .btn-check.selected {

  background-color: #5d9cec !important;

  background: #5d9cec !important;

  border-color: #eaeaea !important;

  color: #fff !important;

}

.btn-toggle:hover, .btn-check:hover {

  background-color: #f5f5f5;

}

#alert-container {

	position: absolute;

	left: 0px!important;

	right: 0px!important;

	width: 100%;





  

  z-index: 11111111111111;

}

.alert {

	display: none;

	width: 600px; /* Specific width of the div */

  margin: 0 auto; /* Centers the div within the row */

}

.noselect {

  -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none; /* Safari */

  -khtml-user-select: none; /* Konqueror HTML */

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* Internet Explorer/Edge */

  user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome and Opera */

}

.no-found {

  width: 100%;

  min-height: 200px;

  height: 100%;

}

.no-found td {

  text-align: center;

  min-height: 200px;

  height: 100%;

  vertical-align: middle;

  border: 0px !important;

  color: #aaa;

  font-style: italic;

}

img.profile {

  width: 55px;

  height: 55px;

}

#category_container .dd-list div.temp_active {

  background: #e3e3e3 !important;

}

.login-container {

  width: 350px;

  margin: auto;

  margin-top: 180px;

  background: #fff;

}

.description_txt {

  overflow-wrap: break-word;

}

.price-txt {

  color: darkorange;

  font-weight: bold;

}

.price-txt-free {

  color: #5cb85c !important;

  font-weight: bold;

}

.thumbnail-container {

	width: 80px !important;

	height: 80px;

	border: 1px solid #eee;

	background-size: cover;

    background-position: center;

    display: flex;

    justify-content: center;

    align-items: center;

	overflow: hidden;

}

.thumbnail-container .thumbnail {

  width: 100%;

	/*height: 100%;*/

	border: 0px;

	

}

.grid-thumbnail-container {

	width: 195px !important;

	height: 195px;

	border: 0px solid #eee;

	background-size: cover;

    background-position: center;

    display: flex;

    justify-content:center;

    align-items: center;

	overflow: hidden;

}

.grid-thumbnail-container .thumbnail {

	width: 100%;

	height: 100%;

	border: 0px;

	object-fit: cover;

}

.grid-block {

	

}

.grid-block .title-container {

	height: 23px;

	white-space: nowrap;        /* Prevents the text from wrapping onto a new line */

    overflow: hidden;           /* Hides the overflowing content */

    text-overflow: ellipsis;    /* Adds the ellipsis ("...") for the overflowed content */

    width: 100%;                /* Set a width for the element, or it won't have a reference for overflowing */

}

.grid-block .guide-container {

	height: 23px;

}

.grid-block .price-container {

	height: 23px;

}

.grid-block .description {

	height: 40px;

}

.profileImage {

  width: 50px!important;

  height: 50px!important;

  font-size: 20px;

  color: #EBE15C;

  text-align: center;

  line-height: 50px;

  display: inline-block;

}

.profileImage-small {

  width: 35px;

  height: 35px;



  /*

	background: #512DA8;

  */

  font-size: 15px;

  color: #EBE15C;

  text-align: center;

  line-height: 30px;

  display: inline-block;

}

.profileImage-extra-small {

  width: 20px;

  height: 20px;

 

  font-size: 10px;

  color: #EBE15C;

  text-align: center;

  line-height: 13px;

  display: inline-block;

}

.popover-content-container {}

.popover-content {

  list-style: none;

}

.popover-content li {

	

}

.popover-content-container {

  min-width: 140px;

  padding: 0px !important;

}

.popover-content-container .popover-content {

  min-width: 140px;

  padding: 0px !important;

}

.popover-content-container .popover-content li {

  padding: 5px 13px;

}

.popover-content-container .nav-item:hover {

  background: #eee;

  cursor: pointer;

}

#popover-nav_posted_listings .popover-content {

	width: 440px;

}

#notification-container {

  padding: 4px;

  width: 430px !important;

  background: #eee;

}

#notification-container img {

  width: 35px;

  height: 35px;

}

#notification-container .list-group {

  border: 1px solid #eee;

}

#notification-container .list-group .list-group-item {

  border: 0px;

}

#notification-container .announcement {

  width: 100%;

  display: table;

}

#notification-container .announcement .user-photo {

  width: 60px;

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}

#notification-container .announcement .contents {

  width: auto;

  display: table-cell;

}

#notification-container .announcement .time {

  width: 60px;

  display: table-cell;

}

#nav_business_container {

  padding: 4px 6px;

  width: 280px !important;

  background: #eee;

}

#nav_business_container .list-group .list-group-item {

	display: table;

}

#nav_business_container .list-group .list-group-item .col-left {

	display: table-cell;

	width: 55px;

	text-align: center;

	vertical-align: top;

}

#nav_business_container .list-group .list-group-item .col-left img {

	width: 50px;

	height: 50px;

}

.nav-pills .show > .nav-link {

  color: #fff;

  background-color: #483D8B;

}

.bg-primary {

  background-color: #483D8B !important;

}

.popover {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1070;

  display: block;

  max-width: 276px;

  font-family: var(--bs-font-sans-serif);

  font-style: normal;

  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  word-spacing: normal;

  white-space: normal;

  line-break: auto;

  font-size: .875rem;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, .2);

  border-radius: .3rem

}

.popover .popover-arrow {

  position: absolute;

  display: block;

  width: 1rem;

  height: .5rem

}

.popover .popover-arrow::after, .popover .popover-arrow::before {

  position: absolute;

  display: block;

  content: "";

  border-color: transparent;

  border-style: solid

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {

  bottom: calc(-.5rem - 1px)

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {

  bottom: 0;

  border-width: .5rem .5rem 0;

  border-top-color: rgba(0, 0, 0, .25)

}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {

  bottom: 1px;

  border-width: .5rem .5rem 0;

  border-top-color: #fff

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {

  left: calc(-.5rem - 1px);

  width: .5rem;

  height: 1rem

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {

  left: 0;

  border-width: .5rem .5rem .5rem 0;

  border-right-color: rgba(0, 0, 0, .25)

}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {

  left: 1px;

  border-width: .5rem .5rem .5rem 0;

  border-right-color: #fff

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {

  top: calc(-.5rem - 1px)

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {

  top: 0;

  border-width: 0 .5rem .5rem .5rem;

  border-bottom-color: rgba(0, 0, 0, .25)

}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {

  top: 1px;

  border-width: 0 .5rem .5rem .5rem;

  border-bottom-color: #fff

}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {

  position: absolute;

  top: 0;

  left: 50%;

  display: block;

  width: 1rem;

  margin-left: -.5rem;

  content: "";

  border-bottom: 1px solid #f0f0f0

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {

  right: calc(-.5rem - 1px);

  width: .5rem;

  height: 1rem

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {

  right: 0;

  border-width: .5rem 0 .5rem .5rem;

  border-left-color: rgba(0, 0, 0, .25)

}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {

  right: 1px;

  border-width: .5rem 0 .5rem .5rem;

  border-left-color: #fff

}

.popover-header {

  padding: .5rem 1rem;

  margin-bottom: 0;

  font-size: 1rem;

  background-color: #f0f0f0;

  border-bottom: 1px solid rgba(0, 0, 0, .2);

  border-top-left-radius: calc(.3rem - 1px);

  border-top-right-radius: calc(.3rem - 1px)

}

.popover-header:empty {

  display: none

}

.popover-body {

  padding: 0rem 0rem;

  color: #212529

}

.dd-handle0.active {

  background: #ccc !important;

}

#places_container {

  padding: 4px;

  width: 430px !important;

  background: #eee;

}

#places_container .place_each {

  cursor: pointer;

}

#filters_container .filter_each {

  cursor: pointer;

}

#filter_edit_container .dropdown-item a {

  padding: 0px;

  text-decoration: none;

}

.hide {

  display: none;

}

.filter_item_container {

  position: absolute;

  z-index: 1000;

  min-width: 150px;

  width: auto;

}

.filter_item_container .toggle_item:hover {

  cursor: pointer;

}

.filter_item_container .toggle_item.selected {

  background-color: #bce5f2 !important;

}

.btn-filter.selected {

  background-color: #483D8B !important;

  color: #fff !important;

}

.filter_item_container2 .toggle_item:hover {

  cursor: pointer;

  -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none; /* Safari */

  -khtml-user-select: none; /* Konqueror HTML */

  -moz-user-select: none; /* Old versions of Firefox */

  -ms-user-select: none; /* Internet Explorer/Edge */

  user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome, Edge, Opera and Firefox */

}

.filter_item_container2 .toggle_item.selected {

  background-color: #bce5f2 !important;

}

.simplebox {

  outline: none;

  -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  box-shadow: none !important;

}

#error_container {

  color: red;

  font-weight: bold;

  background-color: #f7dddc;

  border-color: #f4cfce;

}

.error_msg {

  color: red;

  font-size: 11px;

}

#load_filters {

  color: #FFF;

  background-color: #428BCA;

  border: 1px solid #357EBD;

}

#load_filters:hover {

  background-color: #3276B1;

  border-color: #285E8E;

  cursor: pointer;

}

.profile-link {

  width: 100%;

  overflow: hidden;

}

.profile-link .profile-link-left {

  width: 50%;

  float: left;

}

.profile-link .profile-link-right {

  width: 50%;

  float: right;

  text-align: right;

}

.no-content {

  width: 100%;

  height: 340px;

  display: table;

}

.no-content .cont {

  display: table-cell;

  vertical-align: middle;

}

.thumbnail {

  width: 100%;

}

.thumbnail-container {

  width: 120px !important;

  height: 120px !important;

  border: 1px solid #eee;

  display: flex;

  justify-content: center;

  padding: 4px;

}

#navbarResponsive .nav-link {

	position: relative;

}

#load_notifications {

	position: relative;

}

.notification-count {

	position: absolute;

	width: 13px;

	height: 13px;



	bottom: -3px;

	right: 0px;



}

.notification-count div {

	background: crimson;

	border-radius: 50%;

	padding: 0px;

	margin-top: -3px;

	font-size: 11px;

	text-align: center;

	line-height: 12px;

}

.breadcrumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  /*

	padding: 0.75rem 1rem;

	*/

  padding-left: 0px;

  /* margin-bottom: 1rem; */

  list-style: none;

  border-radius: 0.25rem;

	background: none!important;

}

.breadcrumb-item + .breadcrumb-item::before {

  display: inline-block;

  padding-right: 0.5rem;

  padding-left: 0.0rem;

  color: #6c757d;

  content: "\E9BB";

  font-family: "townmore-font";

	

	font-size: inherit; /* Match font size with <small> */

  vertical-align: middle;

}

.breadcrumb-item + .breadcrumb-item:hover::before {

  text-decoration: underline;

}

.breadcrumb-item + .breadcrumb-item:hover::before {

  text-decoration: none;

}

.breadcrumb-item.active {

  color: #6c757d !important;

  font-weight: bold;

}

.breadcrumb-item:last-child {

  font-weight: bold;

}

.breadcrumb a {

  text-decoration: none;

}

.breadcrumb-item.active  {

  font-weight: bold !important;

}

html, body {

    min-height: 100%; /* Needed for full height layout */

    margin: 0;    /* Remove default margin */

}

body {

	display: flex;

    flex-direction: column;

    min-height: 100vh; /* At least full viewport height */

}

.thumbnail { 

 /* width: 100%;

  height: 100%;*/

  border: 1px solid #ddd;

  object-fit: cover;

}

ul.pagination {

	display: inline-block!important;

}

.pagination .page-item {

	display: inline-block!important;

	margin-left: -4px;

	cursor: pointer;

}



.hide {

	display: none!important;

}

.loading-bar {

	cursor: pointer;

}



/*Start Announcement */

.announcement-each {

	width: 100%;

	

	display: table;

	background: #fff;

	padding: 13px;

	border: 1px solid #f3f3f3;

	

}

.announcement-each:hover .option {

	display: block;

}

.btn-announcement-more {

	

}

.dropdown-menu {

	

	z-index: 100000000!important;

	

}

.announcement-each:last-child {



}

.announcement-each:hover {

	background: #fafafa;

	cursor: pointer;

}

.announcement-each .status {

	width: 13px;

	display: table-cell;

	text-align: center;

	

	vertical-align: middle;

}

.announcement-each .profile {

	width: 65px;

	display: table-cell;

	text-align: center;

	vertical-align: middle;

}

.announcement-each .profile img{

	width: 55px;

	height: 55px;

}

.announcement-each .cont {

	display: table-cell;

	vertical-align: top;

}

.announcement-each .option {

	width: 65px;

	display: table-cell;

	/*

	display: none;

	*/

}



/*End Announcement */

.nav-link.active a {

	color: #fff;

}

.avatar {

	width: 55px;

}

.dropdown-menu {

    position: relative; /* Ensures the arrow aligns properly */

	right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */

        left: auto; /* Ensures the dropdown does not extend beyond the left side of the button */

}

.dropdown-menu-lowered {

	margin-top: 7px!important; /* Adjust this value as needed */

}

.dropdown-menu::before {

	content: "";

	position: absolute;

	top: -10px; /* Adjust the position to match your design */

	left: 20px; /* Position the arrow - adjust as necessary */

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 10px solid #ffffff; /* Match the dropdown menu background color */

}

.place-item {

	cursor: pointer;

}

.place-item:hover {

	background: #fafafa;

}

#places-container .list-group .list-group-item {

	cursor: pointer;

}

.main-container {

    min-height: calc(100vh - 149px); /* Adjust 50px to match your footer's height */

}



footer {

    height: 100px;  /* Set a fixed height for the footer */

    background: #6c757d;  /* Distinguish the footer with a different color */

    text-align: center;  /* Center the footer text */

    padding: 10px 0;  /* Add some padding inside the footer */

	margin-top: auto;  /* Pushes the footer to the bottom */

    width: 100%;       /* Footer takes the full width of the viewport */

    color: #fff;       /* Example text color */

    box-sizing: border-box; /* Ensures padding does not add to the width */

}



.footer-content {

    margin: 0px auto;    /* Centers the content within the footer */

    width: 960px;      /* Set the width of the content */

    padding: 20px 0;   /* Example padding */

    text-align: center; /* Centers the text inside the footer-content */

}

.search-container {

    position: relative;

    width: 300px; /* Set the width of the search box */

}

.main-search-container {

	position: relative;

    width: 300px; /* Set the width of the search box */

}

.master-search-input {

	width: 100%;

    padding: 8px;

    box-sizing: border-box; /* Ensures padding doesn't affect the width */

	border-radius: 0px;

}

.main-search-container .search-container {

	position: absolute;

    width: 100%;

    background: white;

    box-shadow: 0 4px 6px rgba(0,0,0,0.1);

    display: none; /* Hide initially */

    max-height: 400px; /* Limit the height of the dropdown */

    overflow-x: auto; /* Enable scrolling */

    overflow-y: auto; /* Enable scrolling */

    z-index: 1000; /* Make sure the dropdown is on top of other content */

}

.main-search-container .search-container .list-group-item{

	cursor: pointer;

	display: table;

	border-radius: 0px;

}

.main-search-container .search-container .list-group-item .col-left{

	display: table-cell;

	width: 55px;

	vertical-align: top;

}

.main-search-container #search-container .list-group-item .col-right{

	display: table-cell;

	width: auto;

	vertical-align: top;

	padding-left: 13px;

}

.main-search-container .search-container .list-group-item .text{

	

}

.search-container .list-group-item:hover {

	background: #fafafa;

}

#emoji-search {

	width: 240px;

}

#content .list-group-item {

	display: table;

}

#content .list-group-item .col-left {

	display: table-cell;

	width: 55px;

	vertical-align: middle;

	

}

#content .list-group-item .col-right {

	display: table-cell;

	width: 100%;

	padding-left: 13px;

	vertical-align: top;

	word-wrap: break-word; /* Ensures that words can break and wrap */

    word-break: break-all; /* Allows unbreakable words to be broken */

    overflow-wrap: break-word; /* Ensures proper word wrapping */

}

.scroll-column-bar {

    overflow-y: auto; /* Only this column is scrollable */

    height: 70vh; /* Full viewport height */

}

.scroll-column {

    overflow-y: auto; /* Only this column is scrollable */

    height: 100vh; /* Full viewport height */

	scrollbar-width: none; /* For Firefox */

    -ms-overflow-style: none; /* For Internet Explorer and Edge */

}



.fixed-column {

    overflow-y: hidden; /* Prevents other columns from scrolling */

    height: 100vh; /* Full viewport height */

}

.text-overflow-ellipsis {

	white-space: nowrap; 

  overflow: hidden;

  text-overflow: ellipsis;

}

.table-row {

	display: table;

}

.table-row .table-col {

	display: table-cell;

	vertical-align: middle;

	width: 100%;

}

.loader-container {

	width: 100%;

	

	/*

		min-height: 240px;

	*/

	text-align: center;

	display: flex;

  align-items: center;

  justify-content: center;

  position: relative; /* or absolute depending on your layout */

  background-color: rgba(255, 255, 255, 0.8); /* Optional: light overlay */

  z-index: 10;

}

.loader {

	display: flex;

	

	text-align: center;

	

	/*

	  border: 4px solid #ccc;

	  border-top: 4px solid #333;

	*/

	

	border: 4px solid #f3f3f3;

	border-top: 4px solid #3498db;

	

	border-radius: 50%;

	width: 30px;

	height: 30px;

	animation: spin 2s linear infinite;

	

	

  border-radius: 50%;

  animation: spin 1s linear infinite;

}

.btn.btn-sm {

	padding: 0.20rem 0.20rem!important;

	line-height: 1.0rem!important;

}

.btn.btn-sm > .tm-icon:before{

	

    font-size: 0.8rem!important;

    

}

.modal .btn-close:hover {

	font-weight: bold;

}

.modal .btn-close {

	box-shadow: none!important;

}





.gallery-photos-container {

	overflow: hidden;

}

.gallery-photos-container .gallery-item {

	width: 136px;

	overflow: hidden;

	text-align: center;

}

.gallery-photos-container .photo-thumbnail {

	border: 1px solid #aaa;

	padding: 3px;

	width: 130px;

	height: 130px;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.gallery-photos-container .photo-thumbnail img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.gallery-albums-container {

	overflow: hidden;

}

.gallery-albums-container .gallery-item{

	width: 136px;

	overflow: hidden;

	text-align: center;

}

.gallery-albums-container .album-thumbnail {

	border: 1px solid #aaa;

	padding: 3px;

	width: 130px;

	height: 130px;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.gallery-albums-container .album-thumbnail img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.letter-list {

  list-style-type: upper-alpha; /* Use lowercase letters */

}



.letter-list li {

  margin-bottom: 5px; /* Add some spacing between list items */

}



.no-list {

  list-style: none;

}

.dropdown {

	position: relative;

	display: inline-block;

}



.dropdown-content {

	display: none;

	position: absolute;

	background-color: #f9f9f9;

	min-width: 160px;

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	z-index: 1;

}



.dropdown-content .menu-item {

	color: black;

	padding: 12px 16px;

	text-decoration: none;

	display: block;

	position: relative;

}



.dropdown-content .menu-item:hover {

	background-color: #f1f1f1;

}



.dropdown-content .additional-content {

	display: none;

	position: absolute;

	left: 100%;

	top: 0;

	background-color: #f9f9f9;

	min-width: 160px;

	padding: 12px;

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	z-index: 1;

}



.menu-item:hover .additional-content {

	display: block;

}



.dropdown:hover .dropdown-content {

	display: block;

}

.gridview-container {

	

}

.gridview-container .item {

	height: 300px;

	overflow: hidden;

	

}

.gridview-container .item > div{

	

	

}

.gridview-container .item .thumbnail-container {

	width: 100% !important;

	height: 80px;

	border: 1px solid #eee;

	background-size: cover;

    background-position: center;

    justify-content: center;

    align-items: center;

	overflow: hidden;

}

.gridview-container .item .thumbnail {

	

}

button.btn-acclamation {

	background-image: url("../icons/basic/exclamation-mark.png");

	background-repeat: no-repeat;

	background-size: cover;

  	background-position: center;

	width: 24px;

	height: 24px;

	left: 0px;

}

.hidden {

    visibility: hidden;

    opacity: 0;

}

.loading-container {

	display: flex;

	justify-content: center;  /* Center horizontally */

	align-items: center;      /* Center vertically */

	height: 100vh;            /* Full viewport height */

}

.loading-container .loading-icon {

	width: 50px; /* Adjust size as needed */

	height: 50px;

}

.text-italic {

	font-style: italic;

}

.deleted-listing {

	color: #aaa!important;

	font-style: italic;

}

.deleted-listing span {

	color: #aaa!important;

	font-style: italic;

}

.deleted-listing a{

	color: #aaa!important;

	font-style: italic;

}

.sub-category-item {

	cursor: pointer;

}

.btn-white {

    background-color: white !important;

    color: black !important;

	border: 1px solid #eee!important;

}

#my_notifications_container {

	width: 340px;

}

.container-fixed {

	width: 960px!important;

	margin: auto;

}
.text-italic {
	font-style: italic;
}
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-30 {
  width: 30% !important;
}
.text-white {
	color: #fff!important;
}
.dropdown-item.selected {
	
}
.sponsor_ad {
	border: 1px solid #483D8B!important;
}
.carousel-control-prev,
.carousel-control-next {
  color: rgba(0, 0, 0, 0.4);  /* Semi-transparent black */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1) drop-shadow(0 0 3px rgba(0,0,0,0.7)); /* Keep icon white & visible */
}
.carousel-indicators [data-bs-target] {
  background-color: rgba(0, 0, 0, 0.5);  /* darker dot */
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: none;
}
.carousel-indicators .active {
  background-color: #000;  /* solid black for active dot */
}
.tooltip-box {
	position: absolute;
	max-width: 33%;
	background: #333;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 13px;
	z-index: 100000;
	pointer-events: none;
	display: none;
}