/*NEW TASK NOTIFICATION*/

@-webkit-keyframes newTaskNotificationBlink {
    50% {
        background-color: orange;
    }
}

@keyframes newTaskNotificationBlink {
    50% {
        background-color: orange;
    }
}

.newTaskNotification {
    -webkit-animation: newTaskNotificationBlink 1s step-end infinite;
    animation: newTaskNotificationBlink 1s step-end infinite;
}

/*NEW TASK COMMENT*/
@-webkit-keyframes newTaskCommentBlink {
    50% {
        box-shadow: 0 0 3pt 2pt orange;
    }
}

@keyframes newTaskCommentBlink {
    50% {
        box-shadow: 0 0 3pt 2pt orange;
    }
}

.newTaskComment {
    -webkit-animation: newTaskCommentBlink 1s step-end 5;
    animation: newTaskCommentBlink 1s step-end 5;
}
/*NOTIFICATION*/
@-webkit-keyframes newNotificationAlert {

    50% {
        background-color: orange;
    }
}

@keyframes newNotificationAlert {

    50% {
        background-color: orange;
    }
}

.newNotification {
    -webkit-animation: newNotificationAlert 1s step-end infinite;
    animation: newNotificationAlert 1s step-end infinite;
}

/*New Leave Application*/
@-webkit-keyframes newLeaveAppAlert {

    50% {
        background-color: #D5F5E3;
    }
}

@keyframes newLeaveAppAlert {

    50% {
        background-color: #D5F5E3;
    }
}

.newLeaveApp {
    -webkit-animation: newLeaveAppAlert 1s step-end 10;
    animation: newLeaveAppAlert 1s step-end 10;
}

/*New Expense Claim*/
@-webkit-keyframes newExpenseClaimAlert {

    50% {
        background-color: #D5F5E3;
    }
}

@keyframes newExpenseClaimAlert {

    50% {
        background-color: #D5F5E3;
    }
}

.newExpenseClaim {
    -webkit-animation: newExpenseClaimAlert 1s step-end 10;
    animation: newExpenseClaimAlert 1s step-end 10;
}

/*Editing Checklist Item*/
@-webkit-keyframes editChecklistItemAlert {

    50% {
        background-color: #D5F5E3;
    }
}

@keyframes editChecklistItemAlert {

    50% {
        background-color: #D5F5E3;
    }
}

.editChecklistItem {
    -webkit-animation: editChecklistItemAlert 1s step-end infinite;
    animation: editChecklistItemAlert 1s step-end infinite;
}

/*MOVING CHECKLIST ITEMS*/

@-webkit-keyframes checklistItemMovedAnimation {
    50%{
        background-color: #ffe680;
   }    
}

@keyframes checklistItemMovedAnimation {
   50%{
       background-color: #ffe680;
   }
}

.checklistItemMovedAnimation {
    -webkit-animation-name: checklistItemMovedAnimation; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: checklistItemMovedAnimation;
    animation-duration: 4s;
}

@-webkit-keyframes warningIconAnimattion {
    50%{
       transform:scale(2);
   } 
}

@keyframes warningIconAnimattion {
   50%{
       transform:scale(2);
   }
}

.warningIconAnimated{
    -webkit-animation-name: warningIconAnimattion; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: warningIconAnimattion;
    animation-duration: 4s;
    animation-iteration-count: 3;
}