body, html {
  margin: 0;
  padding: 0;
}


#sidePanel {
  position: fixed;
  top: 3px;
  right: -5000px; /* Initially hidden off-screen */
  width: 0%;
  max-width: 100%;
  height: 100vh;  
  background: var(--cms-tab-active-bg-color);
  transition: right 0.3s ease-in-out; /* Transition effect for sliding */
  z-index: 9999;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;    
}


#sidePanelContent {
  padding-top: 10px;
  padding-bottom: 10px;
 
}

#closePanel {
  position: absolute;
  top: -20px;
  left: 10px;
  cursor: pointer;
  font-size: 40px;
  color: var(--cms-tab-active-color);
}

#closePanel:hover {
  color: var( --cms-tab-inactive-color);
}

#openPanel {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 99999;
}

.table-cell:hover {
  cursor: pointer;
}