#login{
    background: linear-gradient(120deg, #4c79d3 44.9%, #ffffff 45%) no-repeat fixed;
}

#app{
    background: linear-gradient(120deg, #ffffff 44.9%, #4c79d3 45%) no-repeat fixed;
}

header{
    border-bottom: 1px solid #bebcbc;
    padding: 5px;
    background-color: #ffffff;
}

.color-primary{
    color: #4e0070;
}

.color-secundary{
    color: #4c79d3;
}

.icon-detail{
    font-size: 50px;
    margin-right: 10px;
    vertical-align: middle;
}

.text-login{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

.coins{
    position: absolute;
    bottom: 100px;
}

.button-default{
    border-radius: 10px;
    background-color: #4e0070;
    color:#ffffff; 
    width: 150px; 
}

.button-cancel{
    border-radius: 10px;
    background-color: #bebcbc;
    width: 150px;
}

.button-login{
    border-radius: 10px;
    background-color: #4e0070;
    color: #ffffff;
    width: 50%;
    margin: 0 25%;
}

.button-login:hover, .button-default:hover{
    background: #4c79d3;
    color: #ffffff;
}

.button-float{
    border-radius: 100%;
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 1rem;
    right: 2rem;
    font-size: 35px;
    padding: 0 !important;
    background-color: #4e0070;
    color: #ffffff;
    border: 2px solid #4e0070;
}

.button-float:hover{
    border: 2px solid #4c79d3;
    background-color: #ffffff;
    color: #4c79d3;
}

.link-default{
    color: #4e0070;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.link-default:hover{
    color: #4c79d3;
}

.info{
    background-color: #ffffff;
    padding: 20px 0 20px 0;
    border-radius: 20px 20px 0 0;
}

.menu{
    margin-right: 20px;
}
.logout {
    min-width: 5rem !important;
}