.avatar {
	position: relative;
	width: 100%;
	height: 2.375rem;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.2em;
        overflow: hidden;
}

.avatar > .bx{
    margin-right: 10px;
}


.ag-dash-box{
    
}

@media (max-width: 810px)
{
    
    .ag-dash-box{
        border:  1px solid var(--bs-gray);
        text-align: center;
        border-radius: 8px;
        padding: 5px;
        box-sizing: border-box;
    }
    
    .ag-dash-box-comp {
	width: 100%;
	text-align: center;
	display: block;
	/* padding-top: 10px; */
	padding: 5px;
	box-sizing: border-box;
    }
}