/* CSS Header */
.header-wrapper {
	align: center;
}
.logo{
  /* width:250px; */
  width:300px;
  height:auto;
  overflow:hidden
}
.menucontainer-left figure {
  margin-bottom: 5px
}
.menu {
	font-size: 18px;
	text-transform: uppercase;
}
.menu li .menu-divider {
	width: 1px;
	/* border-right: 1px solid #828282; */
	padding-left: 12px;
	vertical-align: middle;
	height: 15px;
	margin-bottom: 0
}

.header-icon {
	font-size: 20px;
	line-height: 22px;
}

.header-icon-popup {
	height: 9px;
	width: 9px;
	border-radius: 50%;
	display: inline-block;
}

.user-name-header {
	margin-top: 12px;
	margin-right: 10px;
}
.user-details-header {
	line-height: 18px;
	margin-right: 10px;
}

.signout {
	line-height: 18px;
	margin-right: 10px;
}
.header-sec {
	position: relative;
	cursor: pointer
}
.unread-notification {
	display: block;
	border-radius: 40px;
	width: 8px;
	height: 8px;
	text-align: center;
	font-size: 1em;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 9px;
}
.alertindicater {
	background: #C80000;
}
.announcementindicater {
	background: #00C8C8;
}
.wishlistindicater {
	background: #C80096;
	right: -4px;
}
.bookmarkindicater {
	background: #96C800;
	right: -4px;
}
.shoppingCartindicater{
	background: #fa7d00;
	right: -4px;
}
#headercomponent .slimScrollDiv {
	max-height: 340px;
}
.lxp-ddmenu{
  border-radius:0;
  border:0;
  padding:0;
  margin-top:-0.6rem
}
.lxp-ddmenu .dropdown-item{
  padding-left:0.5rem
}
.lxp-ddmenu-container .dropdown-toggle::after{
  border:0
}
img.header-prof-image {
    max-width: 90px;
    max-height: 90px;
    object-fit: cover;
}
#chart-container {
	margin: 0 auto;
}

.square-legend {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: red;
}
.stats-title {
    font-size: 13px;
}
.stats-text {
    font-size: 14px;
}
.bookmarkheaderpopover,
.wishlistheaderpopover,
.announcementheaderpopover,
.alertheaderpopover,
.cartheaderpopover{
   top : 28px !important;
}
img.bookmark-thumbnail-list {
	max-height: 90px;
	min-height: 130px;
	object-fit: cover;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s
}

.fade-enter,
.fade-leave-to
/* .fade-leave-active in <2.1.8 */

{
  opacity: 0
}
#languageSwitcher > .bootstrap-select.form-control{
  background-color:transparent;
  height:auto;
  z-index:200
}
#languageSwitcher > .bootstrap-select.form-control .dropdown-toggle {
  color: inherit;
  text-transform: uppercase;
  padding:5px 20px 5px 0
}
.hotspotinfoheaderpopover{
  max-width: 600px;
  border-radius: 0.1rem;
}
.lxpsweetalert-container{
  max-width:300px 
}
#lxpsweetalertApp{
  position:absolute;
  left:0;
  right:0;
  z-index:2000
}
.alertheaderpopover .arrow:before,
.alertheaderpopover .arrow::after,
.wishlistheaderpopover .arrow:before,
.wishlistheaderpopover .arrow:after,
.cartheaderpopover .arrow:before,
.cartheaderpopover .arrow:after,
.bookmarkheaderpopover .arrow:before,
.bookmarkheaderpopover .arrow:after,
.announcementheaderpopover .arrow:before,
.announcementheaderpopover .arrow:after{
  border-width: 0 0.9rem 0.9rem 0.9rem;
  left:-5px
}
.alertheaderpopover .arrow,
.wishlistheaderpopover .arrow,
.cartheaderpopover .arrow,
.bookmarkheaderpopover .arrow,
.announcementheaderpopover .arrow{
  top: calc((0.8rem + 1px) * -1);
}
#collapsibleNavbar .navbar-nav li:first-child .menu-divider {
    display: none !important;
}
#manageusrsearch {
	margin-left : 10px;
}
.lxp-loader-container .loader {
    max-width: 7rem;
}