.tree-panel{transition: left 0.3s ease;-o-transition: left 0.3s ease;-moz-transition: left 0.3s ease;-webkit-transition: left 0.3s ease; }
.notify-bar {animation-name: notify;animation-duration: 0.5s;animation-fill-mode: forwards;}
.preselection-box .item {cursor: pointer;position: relative;right: -200px;opacity: 0;animation-name: appear_in;animation-duration: 0.2s;animation-fill-mode: forwards;width: 160px;margin: 10px;display: inline-block;}
.task-manager-popup{overflow: hidden;}
.blink-animate{opacity: 0;position: relative;animation-name: blink_in;animation-duration: 0.3s; animation-fill-mode: forwards;}
.count-bag.focus .sticker, .status-count-text.focus{animation-name: zoomin;animation-duration: 0.5s;animation-fill-mode: forwards;}
treecontrol > ul > li:active {background: #2c3e4e; transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; }

/* Animations */
@keyframes notify {
0% {bottom:150px; opacity: 0;}
100% {bottom: 53px; opacity: 0.9;}
}
@keyframes appear_in{
0% {right: -200px; opacity: 0;}
50% {right: -100px; opacity: 0.5;}
100% {right:0px; opacity: 1;}
}
@keyframes blink_in{
0% {right: -100px; opacity: 0;}
50% {right: -50px; opacity: 0.5;}
100% {right:0px; opacity: 1;}
}

@keyframes zoomin{
0% {transform: scale(3); opacity: 0;}
100%  {transform: scale(1); opacity: 1;}
}