@use '../../../styles/variables.scss';

global-favorites {
  display: flex;
  flex-direction: column;
}

global-favorites .favorites {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 300px;
  overflow: auto;
  border-left: 1px solid;
  z-index: 8881;
}

global-favorites .favorites.isOverlay {
  position: absolute;
  top: 40px;
  right: 0;
  height: calc(100% - 40px);
}

global-favorites .favoriteOrderable,
global-favorites .favoriteOrderableActive {
  justify-content: center;
  height: 40px;
  cursor: pointer;
  display: flex;
}

global-favorites .favoriteOrderable .fakeLink,
global-favorites .favoriteOrderableActive .fakeLink {
  padding-left: 10px;
}

global-favorites .favorites .addFav {
  margin: 5px 10px 5px 10px;
}

global-favorites .favoritesSortable {
  width: 100%;
}

global-favorites .favoritesSortable .rowItem-g {
  margin: 0;
}

global-favorites .favoritesSortable .rowItem-rc {
  margin: 0;
}

global-favorites kendo-sortable {
  flex-direction: column;
}

global-favorites .favorites .k-i-loading-lg {
  position: relative;
  flex-grow: 1;
}

global-favorites .favoriteOrderable .fakeLink:not(:focus),
global-favorites .favoriteOrderableActive .fakeLink:not(:focus) {
  background-color: transparent !important;
}

global-favorites .removeFavorite {
  padding: 5px;
  font-size: 18px;
}

global-favorites .removeFavorite:active *,
global-favorites .removeFavorite:active:hover * {
  color: variables.$dark-red !important;
}