.logo{
    height: 35px;
    width: 35px;
    border-radius: 150px;
}

@keyframes main{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

.is-invalid {
    animation: is-invalid 1s ease 1;
}

@keyframes is-invalid{
    0%, 100% {
        transform: translateX(0);
    }
    50%{
        transform: translateX(20px);
    }
}

.is-valid {
    animation: is-valid 1s ease 1;
}

@keyframes is-valid{
    0%, 100% {
        transform: translateX(0);
    }
    50%{
        transform: translateX(-20px);
    }
}

.invalid-feedback {
    animation: invalid-feedback 1s ease 1;
}

@keyframes invalid-feedback{
    0%, 100% {
        transform: translateX(0);
    }
    50%{
        transform: translateX(-20px);
    }
}

.mess{
    height: 30px;
    width: 30px;
    border-radius: 150px;
}

.mess:hover{
    filter: opacity(100%);
}



.bg-secondary { background-color:  #27a74b !important; }     
.bg-primary { background-color: #007bff !important; }        
.bg-info { background-color: #8861d6 !important; }           
.bg-warning { background-color: #dba530 !important; color: #000; } 
.bg-danger { background-color: #0ae1e9 !important; }        
.bg-success { background-color: #28a745 !important; }      
.bg-danger { background-color: #ff8383ef !important; }           


.block_icon{
cursor: pointer;
}