/*#region hoover pop up*/
.hooverPopUp {
  display: none;
  position: absolute;
  top: 47px;
  background-color: white;
  border: 1px solid #e3e3e3;
  padding: 25px 10px;
  left: -60px;
  overflow: visible;
  z-index: 1000;
  border-radius: 10px;
  cursor: default;
}

.hooverPopUp div.head {
  background-image: url("/UserControls/Menu/Images/dropdown_menu_top.png");
  position: absolute;
  height: 18px;
  width: 20px;
  top: -18px;
  left: 64px;
}

.hooverPopUp div.head.right {
  transform: rotate(90deg);
  top: 30px;
  left: auto;
  right: -19px;
}

.hooverPopUp div.head.bottom {
  transform: rotate(180deg);
  top: auto;
  left: 30px;
  bottom: -18px;
}

.hooverPopUp div.head.left {
  transform: rotate(-90deg);
  top: 30px;
  left: -19px;
}

.hasHover.clicked div.hooverPopUp,
.hasHover.hover div.hooverPopUp,
.hasHover:hover div.hooverPopUp {
  display: block;
}

.hasHover {
  position: relative;
}

.hasHover.withDownArrow {
  margin-right: 15px;
}

.hasHover.withDownArrow:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/UserCenter/ResourceManager/Images/rm_arrow_down.png");
  background-position: 0 0;
  position: absolute;
  right: -18px;
  top: 10px;
}

.hasHover.withDownArrow:hover:after {
  background-position: -32px 0;
}

.hasHover.withDownArrow:disabled:after {
  background-position: -16px 0;
}

/*#endregion*/