html, body {
	height: 100%;
	}
.my-container-fluid {
	position: relative;
	padding-right: 0px;
	padding-left: 0px;
	height: 100%;
	width: auto;
	overflow-y: hidden; /* don't show content that exceeds my height */
	}
iframe {
  position: absolute; /* position the iframe absolutely */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
 /* z-index: -1;  set a negative z-index to position it behind the dialog box */ 
}


.mouse-icons{
	height:20px;
	width:auto;
}

.Hbutton-container {
    position: absolute; /* Change position to fixed */
    top: 0;
    left: 0;
    max-width: 20%;
    height: 100%; /* Set height to 100% */
    background-color: #333; /* Add background color */
    padding: 20px; /* Add padding for better appearance */
    z-index: 999;
    overflow-y: auto; /* Add overflow-y for scrolling */
    color: white;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.Hbutton-container.active {
    transform: translateX(0);
}

.button {
  display: none;
	background-color: #4CAF50; /* Set the background color */
  color: white; /* Set the text color */
	padding: 10px 20px; /* Set padding */
	margin-top: 20px;
  margin-left: 10%;
  margin-bottom: 10px;
	border: none; /* Remove border */
	border-radius: 4px; /* Add border radius */
	font-size: 16px; /* Set font size */
	cursor: pointer; /* Add cursor pointer */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Add box shadow */
	z-index: inherit;
  width: 80%;
}

.button:hover{
  background-color: #347936;
  box-shadow: #dad5d5 1px;
}
        
.toggle-button{
background-color: white;
border: black solid 1px;
border-radius: 20%;
}

#sidebar-open{
  position: absolute;
  z-index: 999;
  margin: 1%;
  box-shadow: inset;
  display: none;
  text-align: center;
}

.toggle-button:hover{
    background-color: rgb(218, 215, 215);
    box-shadow: #dad5d5 2px;
}


.panel-wrapper {
  position: relative;
  padding: 10px;
}
label {
  position: absolute;
  top: -0.2ex;
  z-index: 999;
  left: 2em;
  background-color: #333;
  padding: 0 5px;
}
.panel-button {
  border: 1px solid gray;
  border-radius: 6px;
}
    
 
.disabled-button{
  opacity: 0.5;
  cursor:default;
}

#dialog-text{
  margin: 20px;
}