.lenta_left {
        display: inline-block;
        position: relative;
        padding: 5px 15px 5px 25px;
        margin: 0px 10px 10px -27px;
        color: #FFF;
        background-color: #3D6898;
    }

    .lenta_left:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        top: 100%;
        border-width: 4px 6px;
        border-style: solid;
        border-color: #2e4968 #2e4968 transparent transparent;
    }

.text_status {
        background: #ebf2f9;
        position: relative;
    }
    
    .text_status::after {
        content: ''; 
        position: absolute; /* Абсолютное позиционирование */
        left: 10px; top: -20px; /* Положение треугольника */
        border: 10px solid transparent; /* Прозрачные границы */
        border-bottom: 10px solid #ebf2f9; /* Добавляем треугольник */
    }

.sponsor_hint {
        border: 1px solid #f57c00;
        border-radius: 3px;
        position: relative;
        padding: 5px;
        background: #f5ece3;
        color: #f44336;
        font-size: 0.75rem;
        transform: translate3d(0, - 5%, 0);
        animation: spin 1.4s infinite linear;
   }

   .sponsor_hint::before, .sponsor_hint::after {
        content: ''; 
        position: absolute;
        left: 30px; top: -20px;
        border: 10px solid transparent;
        border-bottom: 10px solid #f57c00;
   }
   
   .sponsor_hint::after {
        border-bottom: 10px solid #f5ece3;
        top: -19px; 
   }

@keyframes spin {
    0% {
        transform: translate3d(0, -5%, 0);
    }
    50% {
        transform: translate3d(0, 5%, 0);
    }
    100% {
        transform: translate3d(0, -5%, 0);
    }
}

.dashboard-user-box {
    width:200px;
}

@media screen and (max-width: 500px) {

    .dashboard-user-box {
        width:auto;
    }

}