.profile-menu {
    position: absolute;
    z-index: 999;
}


/* dropdown */

.navbar .dropdown.profile .dropdown-menu-cek {
    width: 305px;
    padding-bottom: 0;
    text-align: center;
}

.navbar .dropdown.profile .dropdown-menu-cek li.profile-img {
    padding: 0;
    max-height: 300px;
    overflow: hidden;
}

.navbar .dropdown.profile .dropdown-menu-cek li.profile-img img.profile-img {
    width: 100%;
    height: auto;
    margin: 0;
    border: 0;
}

.navbar .dropdown.profile .dropdown-menu-cek .profile-info {
    font-family: 'Open Sans', sans-serif;
    padding: 15px;
}

.navbar .dropdown.profile .dropdown-menu-cek .profile-info .username {
    font-size: 1.8em;
}

.navbar .dropdown.profile .dropdown-menu-cek {
    width: 250px;
    padding: 18px;
    display: none;
    /* position: relative !important; */
    visibility: hidden;
}

.navbar .dropdown.profile .dropdown-menu-cek h5,
.navbar .dropdown.profile .dropdown-menu-cek h6 {
    float: left;
}

.navbar .dropdown.profile .dropdown-menu-cek h6 {
    margin-top: 0;
    font-weight: 200;
    width: 115px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navbar .dropdown.profile .dropdown-menu-cek h5 {
    float: left;
    margin-bottom: 5px;
    margin-top: 12px;
}

.navbar .dropdown.profile .dropdown-menu-cek .profile-body {
    padding-left: 10px;
}

.navbar .dropdown.profile .dropdown-menu-cek li.profile-img img.profile-img {
    height: 60px;
    width: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
}

.navbar .dropdown-menu-cek.dropdown-menu-animated {
    display: block;
    padding: 1.5rem 1.75rem;
    visibility: hidden;
    border: 0 none;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    opacity: 0;
    transition: opacity .5s, transform .5s, visibility 0s .5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transform: scale3d(0.95, 0.95, 1) translate3d(0, -15px, 0);
    transform-origin: 100% 0;
    border-radius: 4px;
    border: 0 none;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    background-clip: padding-box;
    width: 250px;
    z-index: 98;
    margin-right: 5px;
    margin-top: 5px;
}

.navbar .open .dropdown-menu-cek.dropdown-menu-animated {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s, transform .5s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.name {
    font-size: medium;
}

.max-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}