/* Notification severity styles */
.c-notification-badge .n-warning,
.c-notification-badge .n-critical {
    color: white !important;
}

.c-notification-badge .n-warning,
.c-notification-details .n-warning {
    background-color: #df8a13 !important;
}
.c-notification-badge .n-critical,
.c-notification-details .n-critical{
    background-color: #b52b27 !important;
}

.c-notification-badge .n-warning.notification-icon,
.c-notification-badge .n-warning.scheduled,
.c-notification-details .n-warning.scheduled {
    background-color: #f0ad4e !important;
}

.c-notification-badge .n-critical.notification-icon,
.c-notification-badge .n-critical.scheduled,
.c-notification-details .n-critical.scheduled {
    background-color: #d9534f !important;
}


/* Notification icon */
.c-notification-badge .notification-icon-wrapper {
    padding: 15px;
}

.c-notification-badge .notification-icon-wrapper .notification-icon {
    position: relative;
    width: 24px;
    height: 24px;
    padding-top: 4px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    background-color: #b3c3ce;
    color: #00365b;
}

.c-notification-badge.open .notification-icon-wrapper {
    background-color: #080808;
}


/* Notification list */
.c-notification-badge .notification-list {
    width: 450px;
    max-height: 270px;
    overflow-y: auto;
    padding: 0;
}

.c-notification-badge .notification-list li:not(:last-child) {
    border-bottom: 1px solid #bec0c0;
}

.c-notification-badge .notification-list li > a {
    padding: 3px 10px 3px 14px;
}

.c-notification-badge .notification-list .filters {
    padding: 5px 13px;
    background-color: #eee;
    border: 1px solid #ccc;
}

.c-notification-badge .notification-list .notification-item a {
    background-color: white;
    color: black;
    white-space: normal;
}

.c-notification-badge .notification-list .notification-item a.n-warning:hover,
.c-notification-badge .notification-list .notification-item a.n-warning:focus {
    background-color: #eea236 !important;
}

.c-notification-badge .notification-list .notification-item a.n-critical:hover,
.c-notification-badge .notification-list .notification-item a.n-critical:focus {
    background-color: #d43f3a !important;
}

.c-notification-badge .notification-list .notification-item .info {
    font-size: 16px;
    width: calc(100% - 45px);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 5px;
}

.c-notification-badge .notification-list .notification-item .info .ago {
    display: inline-block;
}

.c-notification-badge .notification-item .glyphicon-clock {
    display: none;
}

.c-notification-badge .notification-list .notification-item .glyphicon {
    font-size: 16px;
}
.c-notification-badge .notification-item .scheduled .glyphicon-clock {
    display: block;
}

.c-notification-badge .notification-list .no-items {
    height: 40px;
    padding: 7px 17px;
    font-size: 16px;
    color: #555555;
}

.c-notification-badge .notification-list .all-notifications {
    padding: 4px 17px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 3px solid black;
}

.c-notification-badge .notification-list .all-notifications .more {
    background-color: #b3b3b3;
    border-radius: 6px;
}

.c-notification-badge .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    display: block !important;
    visibility: hidden;
    transition: all 0.3s;
}

.c-notification-badge.open .dropdown-menu {
    display: block !important;
    visibility: visible;
}


/* Notification details */
.c-notification-details .modal-header {
    color: white;
    background-color: #959595;
}

.c-notification-details .escalation strong {
    margin-top: 10px;
    display: inline-block;
}

.c-notification-details .escalated-notification {
    margin: 5px 0 0 0;
}

.c-notification-details .escalated-notification .panel {
    margin-bottom: 0;
}

.c-notification-details .close {
    font-size: 20px;
    color: white;
    opacity: 1;
    text-shadow: none;
}

.c-notification-details .target-user {
    pointer-events: none;
}

.c-notification-details .solutions {
    margin-bottom: 0;
}

.notification-details-modal .modal-content {
    overflow: hidden;
}

.c-notification-badge .icons-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.svg-loading {
    height: 15px;
    width: 15px;
    transform: scale(1.7);
}

.background-svg-loading {
    position: relative;
    top: 2px;
    height: 15px;
    width: 15px;
    transform: scale(1.7);
    display: inline-block;
    background: url("data:image/svg+xml; base64, PHN2ZyBjbGFzcz0ibGRzLXNwaW5uZXIiIHdpZHRoPSIyMDBweCIgIGhlaWdodD0iMjAwcHgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyMi41IiByeD0iOS40IiByeT0iNC41IiB3aWR0aD0iNiIgaGVpZ2h0PSIxNSIgZmlsbD0iIzMzMyI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjkxNjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjIyLjUiIHJ4PSI5LjQiIHJ5PSI0LjUiIHdpZHRoPSI2IiBoZWlnaHQ9IjE1IiBmaWxsPSIjMzMzIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuODMzMzMzMzMzMzMzMzMzNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC43NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC42NjY2NjY2NjY2NjY2NjY2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxMjAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC41ODMzMzMzMzMzMzMzMzM0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC40MTY2NjY2NjY2NjY2NjY3cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyMTAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4zMzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4yNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjIyLjUiIHJ4PSI5LjQiIHJ5PSI0LjUiIHdpZHRoPSI2IiBoZWlnaHQ9IjE1IiBmaWxsPSIjMzMzIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMTY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyMi41IiByeD0iOS40IiByeT0iNC41IiB3aWR0aD0iNiIgaGVpZ2h0PSIxNSIgZmlsbD0iIzMzMyI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjA4MzMzMzMzMzMzMzMzMzMzcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjIuNSIgcng9IjkuNCIgcnk9IjQuNSIgd2lkdGg9IjYiIGhlaWdodD0iMTUiIGZpbGw9IiMzMzMiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48L3N2Zz4=") no-repeat top left;
    background-size: contain;
}