.disabled::after{
    content: ' *** ';
}
#ulMenu>li a{
    margin-right:10px !important;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}

.iLogo{
height:2em;
border-radius: 50%;
border:1px solid red;
margin:0px 10px 0px 0px;
}

.iQr{
margin:auto !important;
}


.catTitle.collapsed .bi-caret-up{display:none !important;}
.catTitle.expanded .bi-caret-down{display:none !important;}
.iDnd{
max-height: 5em !important;
/*  position: fixed;
top:0px;
left:8em !important;*/
}

.hidden{
display: none !important;
}


.disabled {
color: #999 !important; /* Change the text color to a grayish color */
pointer-events: none; /* Disable pointer events to prevent clicks */
text-decoration: none; /* Remove the underline (optional) */
text-decoration: line-trough !important;
}
#sideBar-nav{
background-color: #00f !important;

}

#dLang, #dLangs{
right: 150px !important;
}
#dOverlay, #dTipOverlay{
position: fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.1);
z-index: 1000;
}
#header,#sidebar{
 z-index: 1001;
}

#dTipOverlay{
background-color: rgba(0,0,0,0.2);
z-index: 1002;
}

.bringToFront{
z-index: 1009 !important;
position:relative !important;

}

#secondOverlay {
    background-color:  rgba(0,0,0,0.01);
    z-index: 1010; /* Choose a z-index higher than the first overlay */
    position: absolute;
    border:1px solid #00ff00 !important;
}

#centeredDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff; /* Set the background color as needed */
    z-index: 1010 !important; /* Choose a z-index higher than the previous overlays */
    padding: 10px 10px 3em; /* Adjust padding as needed */
    border:1px solid black !important;
    box-shadow: -3px 4px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: -3px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 4px 5px 0px rgba(0,0,0,0.75);
border-radius: 10px;;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 0.8em;;
min-width:50%;
}

#dTips,#mainTips{
     display: none;
    }

#tipLeft{
    bottom:2px;
    left:2px;
}



#tipRight{
    
    bottom:2px;
    right:2px;
   
}

#tipClose{
    top:2px;
    right:2px;
    margin:0px;
    padding:0px;
    font-size: 1.5em;
   
}
.btTipScroll{
    position:absolute;
    font-size:3em;
    
    padding:20px 0px 0px;
}

.rounded-circle{
 
    box-shadow: -5px 4px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -5px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -5px 4px 5px 0px rgba(0,0,0,0.75);
    border:1px solid gray;
    height:3em !important;
    min-width: 3em !important;
margin-left: 5px !important;
}

#dTipPct{
    position:absolute !important;
    width:50% !important;
    bottom:5px !important;
    left:25% !important;

}

#ulMessages{
    max-height: 20em !important;
    overflow: scroll !important;
}

.iProfileFrame{
    
    border-radius: 50% !important;
    width:3em;
    height: 3em;
    overflow: hidden;
    box-shadow: -5px 4px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -5px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -5px 4px 5px 0px rgba(0,0,0,0.75);
    border:1px solid gray;
    height:3em !important;
    min-width: 3em !important;
margin-left: 5px !important;
text-align: center;
padding: 0px !important;
}


.iProfileFrame img{
    max-height: 4em !important;
    margin: 0px !important;
    height: auto !important;
    width: 90% !important;
    margin: 0px auto !important;
}

#imgPerfil, #aProfile{
  
  height: 3em !important;
}

.avatar {
    width: 40px; /* Adjust the size of the avatar as needed */
    height: 40px; /* Adjust the size of the avatar as needed */
    border-radius: 50%; /* Makes the element circular */
    background-color: #3498db; /* Background color of the circle */
    color: #ffffff; /* Text color */
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center; /* Centers the content vertically */
    font-size: 20px; /* Adjust the font size as needed */
    font-weight: bold; /* Adjust the font weight as needed */
    border:1px solid gray;
  }