@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animated,
.non-animated{
position: relative;
display:inline-block;
padding:12px;
}

.animated .fa-bell{
    -webkit-animation: ring 2s ease infinite;
    animation: ring 3s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
   
}

.dot {
    height: 12px;
    width: 12px;
    background-color: #E40046;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 6px;
    right:10px;
    border: 2px solid #FFFFFF;
  }
  

  
 .Balloon{
  -webkit-box-shadow: 0px 0px 11px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 0px 11px 0px rgba(176,176,176,1);
box-shadow: 0px 0px 11px 0px rgba(176,176,176,1);
}


.Balloon_content{
padding: 0;
}

.notification-panel{
padding:5px;
}

.notification-panel h3{
color:#73b52d;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
padding: 0;
font-size:14px;
} 

.notifications-table th{
border-bottom: 2px solid #EEE;
padding-bottom: 5px;
}

.notifications-table a,
.notifications-table a:link{
text-decoration: none;
color:#2d2926;
font-weight: 500;
}

.notifications-table .notification-cta a,
.notifications-table .notification-cta a:link,
.notifications-table .notification-cta a:visited{
text-decoration: none;
color:#2d2926;
font-weight: 500;
font-size: 12px;
}

.notifications-table .notification-cta a:hover,
.notifications-table .notification-cta a:hover .fa-fw{
color:#89cb31;
}


.desktop .notifications-table .TableRecords_OddLine:first-child, 
.desktop .notifications-table .TableRecords_EvenLine:first-child, 
.tablet .notifications-table .TableRecords_OddLine:first-child, 
.tablet .notifications-table .TableRecords_EvenLine:first-child, 
.desktop .notifications-table .TableRecords tr td:first-child, 
.desktop .notifications-table .TableRecords_Header:first-child, 
.tablet .notifications-table .TableRecords_Header:first-child, 
.tablet .notifications-table .mine:first-child{
padding-left:0;
}

.notifications-table .TableRecords_OddLine:last-child, 
.notifications-table .TableRecords_EvenLine:last-child,
.notifications-table .TableRecords_Header:last-child{
padding-right:0;
}

.notifications-table .TableRecords_OddLine, 
.notifications-table .TableRecords_EvenLine{
border-bottom: 2px solid #EEE;
}

.notification-title h4{
font-weight: 600;
display:inline;
}

.notification-title .icon .fa-fw,
.notification-time{

color:#999999;
}
.notification-time{
font-size: 12px;
}

.tooltipster-content{
height: auto;
min-height: 150px;
max-height: 400px;
overflow-y: scroll;
}

.notifications-table{
width:400px;
}