@media screen and (min-width:320px) and (max-width: 767px) {

/*.login {
     position: unset; 
    transform: translate(0%, 0%);
}*/

/*.login__form {
    margin: 30px 0;
    padding: 20px;
    border-radius: 20px;
}*/

.login__text {
    font-size: 13px;
}

.login__input, input {
    padding: 25px 51px;
    margin-bottom: 15px;
    border-radius: 43px;
    font-size: 14px!important;
    font-weight: 600!important;
    background: #eeeeee;
    border: 2px solid #333;
}
.login__icon img {
    width: 100px;
}
/*
.bl-login {
    display: flex;
    align-items: center;
    height: 100vh;
}*/


/*=========== dashboard css =============*/

.highlights {
    position: absolute;
    top: 84px;
    left: 1%;
    background: white;
    padding: 15px;
    animation: unset!important;
}

.left-menu.collapsed {
    z-index: 9;
}

.middle-content {
    margin-top: 10px;
}
.middle-content .col-5 {
    margin: 10px 0;
}

.play-btn {
    margin-top: 13px;
}

}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 25px!important;
    background-color: #f0b90b!important;
    color: #fff!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    padding: 10px 45px!important;
}

.swal2-styled.swal2-confirm u{
    text-decoration: none!important;
}