@media (min-width: 768px){
    #role-modal .modal-dialog {
        margin: 60px auto;
    }
}
@media(min-width:768px) {
    .navbar-nav>.user-menu>.sso-app-menu{
        max-width: 300px;
        width: 300px;
    }
}

#role-modal{
    background: rgba(0,0,0,0.3);
}

.sso-app >a>.fa, .sso-app >a>.fab, .sso-app >a>.fad, .sso-app >a>.fal, .sso-app >a>.far, .sso-app >a>.fas, .sso-app >a>.ion, .sso-app >a>.svg-inline--fa {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
.sso-app:hover{
    box-shadow: 0 0 6px 0 #ddd;
    border-radius: 20px;
}
.sso-app{
    padding: 10px 0 10px 0;
}
.sso-app-row{
    padding: 10px;
}
.custom-button{
    margin-bottom: 10px;
}