.dropdown-large{
    min-width: 350px !important;
}

.dropdown-notifications{
    .dropdown-container>.dropdown-menu+.dropdown-menu{
        padding-top:0}
    .dropdown-menu>li>a{
        overflow:hidden;white-space:nowrap;word-wrap:normal;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;
        -webkit-transition:none;-o-transition:none;transition:none}
    .dropdown-toggle{cursor:pointer}
    .dropdown-header{white-space:nowrap}
    .open>.dropdown-container>.dropdown-menu,.open>.dropdown-container{display:block}
    .dropdown-toolbar{
        padding-top:6px;padding-left:20px;padding-right:20px;padding-bottom:5px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.15);}
    .dropdown-toolbar>.form-group{margin:5px -10px}
    .dropdown-toolbar .dropdown-toolbar-actions{float:right;line-height: 12px}
    .dropdown-toolbar .dropdown-toolbar-title{margin:0;font-size:14px}
    .dropdown-footer{padding:5px 20px;border-top:1px solid #ccc;border-top:1px solid rgba(0,0,0,0.15);border-radius:0 0 4px 4px}
    .anchor-block small{display:none}@media (min-width:992px){.anchor-block small{display:block;font-weight:normal;color:#777777}
    .dropdown-menu>li>a.anchor-block{padding-top:6px;padding-bottom:6px}}
    @media (min-width:992px){
        .dropdown.hoverable:hover>ul{display:block}
    }
    .dropdown-position-topright{top:auto;right:0;bottom:100%;left:auto;margin-bottom:2px}
    .dropdown-position-topleft{top:auto;right:auto;bottom:100%;left:0;margin-bottom:2px}
    .dropdown-position-bottomright{right:0;left:auto}
    .dropmenu-item-label{white-space:nowrap}
    .dropmenu-item-content{
        position:absolute;text-align:right;max-width:60px;right:20px;color:#777777;overflow:hidden;white-space:nowrap;word-wrap:normal;
        -o-text-overflow:ellipsis;text-overflow:ellipsis}
    small.dropmenu-item-content{line-height:20px}
    .dropdown-menu>li>a.dropmenu-item{position:relative;padding-right:66px}
    .dropdown-submenu .dropmenu-item-content{right:40px}
    .dropdown-menu>li.dropdown-submenu>a.dropmenu-item{padding-right:86px}
    .dropdown-inverse .dropdown-menu{background-color:rgba(0,0,0,0.8);border:1px solid rgba(0,0,0,0.9)}
    .dropdown-inverse .dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#2b2b2b}
    .dropdown-inverse .dropdown-menu>li>a{color:#cccccc}
    .dropdown-inverse .dropdown-menu>li>a:hover,.dropdown-inverse .dropdown-menu>li>a:focus{color:#fff;background-color:#262626}
    .dropdown-inverse .dropdown-menu>.active>a,.dropdown-inverse .dropdown-menu>.active>a:hover,.dropdown-inverse .dropdown-menu>.active>a:focus{color:#fff;background-color:#337ab7}
    .dropdown-inverse .dropdown-menu>.disabled>a,.dropdown-inverse .dropdown-menu>.disabled>a:hover,.dropdown-inverse .dropdown-menu>.disabled>a:focus{color:#777777}
    .dropdown-inverse .dropdown-header{color:#777777}
    .table>thead>tr>th.col-actions{padding-top:0;padding-bottom:0}
    .table>thead>tr>th.col-actions .dropdown-toggle{color:#777777}
    .notifications{list-style:none;padding:0}
    .notification{display:block;padding:9.6px 12px;border-width:0 0 1px 0;border-style:solid;border-color:#eeeeee;background-color:#fff;color:#333333;text-decoration:none}
    .notification:last-child{border-bottom:0}
    .notification:hover,.notification.active:hover{background-color:#f9f9f9;border-color:#eeeeee}
    .notification.active{background-color:#f4f4f4}
    .active .markAsRead{font-weight: bold !important;}
    a.notification:hover{text-decoration:none}
    .notification-title{font-size:15px;margin-bottom:0}
    .notification-desc{margin-bottom:0}
    .notification-meta{color:#777777; font-size:12px}
    .dropdown-notifications>.dropdown-container,.dropdown-notifications>.dropdown-menu{width:350px;max-width:350px}
    .dropdown-menu{padding:0}
    .dropdown-toolbar, .dropdown-footer{padding:9.6px 12px}
    .dropdown-toolbar{background:#fff}
    .dropdown-footer{
        background:#1a2b48;
        a {
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            text-decoration: none;
            padding: 0 100px;
        }
    }
    .notification-icon{
        position: absolute;
        top: -7px;
        left: 8px;
    }
    .notification .media-body{padding-top:5.6px}
    .btn-lg .notification-icon:after{margin-left:-8.253px;margin-top:-8.253px;min-width:16.506px;height:16.506px;line-height:16.506px;font-size:13.755px}
    .btn-xs .notification-icon:after{content:'';margin-left:-4.1265px;margin-top:-2.06325px;min-width:6.25227273px;height:6.25227273px;line-height:6.25227273px;padding:0}
    .btn-xs .notification-icon{margin-right:3.43875px}
    .media-object .avatar-text, .media-object img{
        border-radius: 50%;
        text-align: center;
        background: #e67e22;
        color: white;
        font-size: 17px;
        display: block;
        height: 32px;
        line-height: 32px;
        width: 32px;
        margin-right: 10px;
    }
    .media-left{
        margin : 10px;
    }
    a:hover,  a:active, a:visited{
        text-decoration: none;
    }
    .markAllAsRead, .notification a{
        color: #212529 !important;
    }
    .notification a:hover{
        background: none !important;
    }


}

#bravo_notify{
    @extend .dropdown-notifications;
}

.user-form-settings{
    .dropdown-notifications{
        top: 5px;
        right: 10px;
    }

    .notification-icon{
        min-width: 15px!important;
        top: -1px;
        left: 14px;
        font-size: 9px !important;
    }

    .notification .media-body a{
        font-size: 12px;
    }
}


@media (max-width: 990px) {
    .user-form-settings .dropdown-notifications{
        left: -35px;
        top: 5px;
    }
}