/*****
**
** Sidebar BM 
** @author MARC
** @author JARG
** @createdAt 01/03/2024
** @version 1.0.0.20240301
**
** No remover la documentación para un mejor control de versiones
*****/

#containerSidebarWorkspace.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#sidebarMenuColumn {
  min-height: calc(100vh - 155px);
  max-height: 100vh;
}

.sidebarMenu__container {
  position: relative;
  width: 70px;
  height: 100%;
  border-right: 2px solid #E8EAED !important;
}

.sidebarMenu-active {
  overflow-y: auto;
  overflow-x: hidden;
}

.sidebarMenu__divider {
  border-bottom: 2px solid #E8EAED !important;
}

.sidebarMenu__container-animation {
  transition: width 0.15s ease-in 0.1s;
}

.sidebarMenu__collapseButton {
  position: absolute;
  top: 20px;
  left: 44px;
  border: none;
}

.sidebarMenu__collapseButton-active {
  transform: translateX(148px) rotate(180deg);
  border: none;
}

.sidebarMenu__collapseButton-initial {
  transform: translateX(0) rotate(0deg) !important;
  border: none !important;
}

.sidebarMenu__logo-size {
  max-width: 70px;
  max-height: 45px;
}

.sidebarMenu-active {
  width: 225px;
}

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

.sidebarMenu__dropdown-item.sidebarMenu__dropdown-active {
  opacity: .7 !important;
}

.sidebarMenu__revision,
.sidebarMenu__dropdown-item {
  font-size: 0.8em !important;
}

#workspaceArea {
  overflow-x: hidden;
}

.workspaceArea-resize {
  width: calc(100vw - 190px) !important;
  margin-left: 0px;
}

.sidebarMenu__collapseButton-animation,
.workspaceArea-animation {
  transition: all 0.4s ease;
}

.sidebarMenu__text {
  font-size: 0.9em;
  transition: 0.1s ease-out;
}

.sidebarMenu__dropdown.dropdown > .dropdown-menu.show {
  display: contents !important;
}

.sidebarMenu__dropdown.dropdown > .dropdown-menu.show > .dropdown-item {
  padding: 10px;
  width: 90%;
  margin-left: 10%;
}

.sidebarMenu__dropdown-active {
  background-color: #1B2A4A !important;
  color: white !important;
  opacity: 1 !important;
}

.sidebarMenu__dropdown.dropdown.dropdown-item.active,
.sidebarMenu__dropdown.dropdown.dropdown-toggle.btn-light:is(:hover),
.sidebarMenu__dropdown.dropdown.dropdown-toggle.show,
.sidebarMenu__dropdown.dropdown.dropdown-item:is(:focus, :active, :hover),
.sidebarMenu__dropdown.dropdown.dropdown-toggle.btn-light:is(:active,:focus, :focus-visible, :checked) {
  border-radius: 5px;
  background-color: #E8EAED;
  color: black;
  opacity: 1;
}

.sidebarMenu__dropdown > a {
  display: flex;
  align-items: center;
}

.sidebarMenu__dropdown > button {
  display: flex;
  align-items: center;
}

.sidebarMenu__dropdown > a,
.sidebarMenu__dropdown > button > span {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Medium ≥ 992px */
@media (max-width: 992px) {

  #sidebarMenuColumn {
    min-height: calc(100vh - 125px) !important;
  }

}