.lstbar::-webkit-scrollbar{ width:0.55vw; height:0.55vw; } 
.lstbar::-webkit-scrollbar-thumb{ background: rgb(58,58,58); border-radius:0.4vw; } 

.lstbar2::-webkit-scrollbar{ width:0.4vw; height:0.4vw; } 
.lstbar2::-webkit-scrollbar-thumb{ background: rgb(58,58,58); border-radius:0.3vw; }

/*.lstbar::-webkit-scrollbar-track{ background: rgb(205, 201, 198); }*/
.flex-c{display: flex; justify-content: center; }
.flex-v-c{display: flex; align-items: center;}
.flex-v-cc{display: flex; justify-content: center; align-items: center;}
.flex-v{display: flex; flex-direction: column;}
.fr{ border: 1px solid red;}

.devitem{
    background: rgb(36,38,39); border: 1px solid transparent; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
}

dialog::backdrop{ background: rgba(220,220,220,0.5); }
.myDialog:focus-visible { outline-width: 0px; }
.gerDialog{ border-width: 0px; border-radius: 12px; margin: auto auto; background: rgb(27,27,27); }