.fixed-top-left {
        position: fixed; /* Fixes the element relative to the viewport */
        top: 50;          /* Positions it at the top edge */
        left: 300;        /* Positions it at the right edge */
        /* Optional: Add padding, background, z-index, etc. for styling */
      
   
        z-index: 1000;   /* Ensures it appears above other content */
    }
    



.minibar {
  display: grid;
 position:fixed;
  top: 50;
  left: 10;
  grid-template-columns: auto auto auto auto auto auto;
 
  border-radius: 5px;
  
  border: 1px solid rgb(255, 255, 255);
  font-family: "Segoe UI" , Verdana, Tahoma, Helvetica, sans-serif;
  cursor: default;
  font-size: 8pt;
  background:  linear-gradient(0deg,rgba(222, 222, 222, 1) 1%, rgba(255, 252, 252, 1) 52%, rgba(255, 250, 250, 1) 58%);; 
    box-shadow: #8b9097 0px 1px 3px;
   overflow: auto;
  justify-content: left;
  align-items: center;
  text-align: center;
   vertical-align: middle;
  z-index: 1550;
  
}
.bt1-img {
 
  height:95%;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgb(238, 234, 234);
  padding:5px;
 

    width:70px;
  margin: 0 auto; /* Centers horizontally by distributing left/right margins automatically */
     &:hover{
        border: 1px solid #F1C43F;
        background: linear-gradient(356deg,rgba(247, 221, 141, 1) 4%, rgba(235, 229, 183, 1) 100%, rgba(255, 250, 250, 1) 33%);
        cursor: pointer;
        opacity: 0.9; 
      }  

     
      
}
 .leftborder_sharp{
      border-radius: 0px 5px 5px 0px;
      }


.bt1  {
    
  height:95%;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgb(238, 234, 234);
  padding:3px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;


   
    width:70px;
  margin: 0 auto; /* Centers horizontally by distributing left/right margins automatically */
     &:hover{
        border: 1px solid #F1C43F;
        background: linear-gradient(356deg,rgba(247, 221, 141, 1) 4%, rgba(235, 229, 183, 1) 100%, rgba(255, 250, 250, 1) 33%);
        cursor: pointer;
        opacity: 0.9; 
      }  
      
}




.bt_noselect  {
    
  height:95%;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid rgb(238, 234, 234);
  padding:3px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
 
  margin: 0 auto; /* Centers horizontally by distributing left/right margins automatically */
   
      
}

a:link, a:visited {
  color:black;
  text-decoration: none;
  display: inline-block;
}

.movePanel  {
  height:95%;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgb(238, 234, 234);
  padding:3px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto; /* Centers horizontally by distributing left/right margins automatically */
     &:hover{
        border: 1px solid #F1C43F;
        background: linear-gradient(356deg,rgba(247, 221, 141, 1) 4%, rgba(235, 229, 183, 1) 100%, rgba(255, 250, 250, 1) 33%);
        cursor: pointer;
        opacity: 0.9; 
     }
}
.rotated-text {
  writing-mode:vertical-lr; /* Vertical text, right-to-left */
  text-orientation: upright; /* Ensure characters are upright */
}