.info-panel-button{
    display: inline;
    font-size: 13pt;
    border: 2px solid;
    border-radius: 8px;
    color: #D5D8D9;
    background-color: rgba(0,0,0,0); 	
    line-height: 28px;
    cursor: pointer;
}
.info-panel-button:hover{
    color: rgba(20, 20, 40, 0.85);
    background-color: #D5D8D9;
}

.button-close-info{
    display: inline;
    font-size: 13pt;
    border: none;	
    color: #D5D8D9;  
    background-color: rgba(0,0,0,0);
    line-height: 28px;
    cursor: pointer;    
}

.button-close-info:hover {
  color: rgba(20, 20, 40, 0.85);
  background-color: #D5D8D9;
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
    vertical-align: middle;
}

.material-symbols-outlined-wd {
    font-variation-settings:
    'FILL' 0,
    'wght' 300,
    'GRAD' 0,
    'opsz' 30;
    vertical-align: middle;
}

.info-panel{
  text-align: center;
  width: 315px; 
  background: rgba(0, 20, 40, 0.85);
  color: #fff;
  font-size: 11pt;
  border-radius: 8px;
  /* Disable scrollbar, but still allow scrolling */
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Disable scrollbar, but still allow scrolling */
.info-panel::-webkit-scrollbar{
	display:none;
}

.info-panel:empty {
  display: none;
}

.btn-closeControl {
  width: 100px;
  border-radius: 8px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}