﻿.container-fluid
{
    padding:0px;
}
.navbar-header
{
    width:100%;
}
.navbar
{
    border:0px;
}
#header-circles .header-profile-container
{
    width:auto !important;
}
.unreadCount {
    background: #ff0000;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    color: #ffffff;
    font: 11px tahoma;
    float: none;
    text-decoration: none !important;
    margin:0px 0px 0px 5px !important;
}
.dropdown-menu a {
    color: #337ab7 !important;
}
@media only screen and (max-width: 800px) {
    #header-circles .header-profile-container.notificationButton {
        display: inherit !important;
    }
    #header-circles .header-profile-container.notificationButton .collapse {
        display: inherit !important;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


}
.navbar-default .navbar-nav > li > a
{
    color:white;
    border-left:1px solid #fff;
    font-size:20px;
}
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: white;
    }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
.navbar-default .dropdown-menu.notify-drop {
    min-width: 330px;
    background-color: #fff;
    min-height: 360px;
    max-height: 360px;
}

    .navbar-default .dropdown-menu.notify-drop .notify-drop-title {
        border-bottom: 1px solid #e2e2e2;
        padding: 5px 15px 10px 15px;
    }

    .navbar-default .dropdown-menu.notify-drop .drop-content {
        min-height: 315px;
        max-height: 315px;
        overflow-y: scroll;
    }

        .navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
            background-color: #F5F5F5;
        }

        .navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
            width: 8px;
            background-color: #F5F5F5;
        }

        .navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
            background-color: #ccc;
        }

        .navbar-default .dropdown-menu.notify-drop .drop-content > li {
            border-bottom: 1px solid #e2e2e2;
            padding: 10px 0px 5px 0px;
        }

            .navbar-default .dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0) {
                background-color: #fafafa;
            }

            .navbar-default .dropdown-menu.notify-drop .drop-content > li:after {
                content: "";
                clear: both;
                display: block;
            }

            .navbar-default .dropdown-menu.notify-drop .drop-content > li:hover {
                background-color: #fcfcfc;
            }

            .navbar-default .dropdown-menu.notify-drop .drop-content > li:last-child {
                border-bottom: none;
            }

            .navbar-default .dropdown-menu.notify-drop .drop-content > li .notify-img {
                float: right;
                display: inline-block;
                width: 45px;
                height: 45px;
                margin: 0px 0px 8px 0px;
            }

    .navbar-default .dropdown-menu.notify-drop .allRead {
        margin-right: 7px;
    }

    .navbar-default .dropdown-menu.notify-drop .rIcon {
        float: right;
        color: #999;
    }

        .navbar-default .dropdown-menu.notify-drop .rIcon:hover {
            color: #333;
        }

    .navbar-default .dropdown-menu.notify-drop .drop-content > li a {
        font-size: 12px;
        font-weight: normal;
    }

    .navbar-default .dropdown-menu.notify-drop .drop-content > li {
        font-weight: bold;
        font-size: 11px;
    }

        .navbar-default .dropdown-menu.notify-drop .drop-content > li hr {
            margin: 5px 0;
            width: 70%;
            border-color: #e2e2e2;
        }

    /*.navbar-default .dropdown-menu.notify-drop .drop-content .pd-l0 {
        padding-left: 0;
    }*/

    .navbar-default .dropdown-menu.notify-drop .drop-content > li p {
        font-size: 11px;
        color: #666;
        font-weight: normal;
        margin: 3px 0;
    }

        .navbar-default .dropdown-menu.notify-drop .drop-content > li p.time {
            font-size: 10px;
            font-weight: 600;
            top: -6px;
            margin: 8px 0px 0px 0px;
            padding: 0px 3px;
            border: 1px solid #e2e2e2;
            position: relative;
            background-image: linear-gradient(#fff,#f2f2f2);
            display: inline-block;
            border-radius: 2px;
            color: #B97745;
        }

            .navbar-default .dropdown-menu.notify-drop .drop-content > li p.time:hover {
                background-image: linear-gradient(#fff,#fff);
            }

    .navbar-default .dropdown-menu.notify-drop .notify-drop-footer {
        border-top: 1px solid #e2e2e2;
        bottom: 0;
        position: relative;
        padding: 8px 15px;
    }

        .navbar-default .dropdown-menu.notify-drop .notify-drop-footer a {
            color: #777;
            text-decoration: none;
        }

            .navbar-default .dropdown-menu.notify-drop .notify-drop-footer a:hover {
                color: #333;
            }
