﻿
.getNoti .dropdown-menu.show {
   /* right: -160px !important;
    left: auto !important;*/
    min-width: 300px !important;
}

.getNoti .dropdown-menu a {
    margin: 0;
    border-bottom: 1px solid #f3f3f3;
    padding: 5px 10px;
    text-align: right;
}


.getNoti .dropdown-menu a:hover, .getNoti .dropdown-menu a:active {
    background: transparent;
}

.getNoti #getNoti span {
    background: #c10;
    color: #fff;
    width: 18px;
    height: 18px;
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: -10px;
}

.getNoti .dropdown-menu a span.noti-comment {
    display: block !important;
    color: #333 !important;
    background: transparent;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    text-align: right;
    border-radius: 0;
}

.getNoti .dropdown-menu a span.noti-comment-time {
    font-size: 9px;
    color: #aaa !important;
}




/******/
/*.getNoti .dropdown-menu.show {
    right: -160px !important;
    left: auto !important;
    min-width: 300px !important;
}
*/
.header .new-social .getNoti .dropdown-menu a:active {
    background: transparent;
}

.getNoti #getNoti span {
    background: #c10;
    color: #fff !important;
    width: 18px;
    height: 18px;
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: -10px;
}

.getNoti .dropdown-menu a span.noti-comment {
    display: block !important;
    color: #333 !important;
    background: transparent;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    text-align: right;
    border-radius: 0;
    font-size: 12px;
}

.getNoti .dropdown-menu a span.noti-comment-time {
    font-size: 9px;
    color: #aaa !important;
}

img.notiLoading {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
}

.notiLoaded img.notiLoading {
    display: none;
}

.accPic img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
}

.logintab {
    position: relative;
    top: -3px;
}

    .logintab .dropdown-menu {
        background: #292929;
        text-align: right;
        left: -100% !important;
    }


        .logintab .dropdown-menu a {
            display: block;
            text-align: right;
            padding: 10px 5px 10px 0;
            margin-bottom: 2px;
            border-bottom: 1px solid #555;
        }

            .logintab .dropdown-menu a:last-child {
                padding: 0 5px 0 0;
                margin-bottom: 5px;
                border-bottom: 0;
            }

/******/
