/* line 303, www-dev/scss/customized-animate.scss */ :root { --animate-kbc-qv-item-enter-active-starting-height: 150px; }

/* line 307, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) .animate-kbc-qv-item.ng-leave.ng-leave-active { display: none; min-height: 150px; opacity: 0; background-color: #fff; transition-property: display, min-height, opacity, background-color; transition-duration: .2s, .3s, .2s, .3s; transition-timing-function: ease-in, ease-out, linear, linear; transition-behavior: allow-discrete; overflow: hidden; }

/* line 320, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) .animate-kbc-qv-item.ng-enter.ng-enter-active { display: block; opacity: 1; min-height: 50px; background-color: #fff; }

@starting-style { /* line 320, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) .animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.5; min-height: var(--animate-kbc-qv-item-enter-active-starting-height); background-color: rgba(235, 83, 95, 0.2); } }

/* line 334, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) .quick-view-card.animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) .quick-view-card.animate-kbc-qv-item.ng-leave.ng-leave-active { display: none; max-height: 50px; opacity: 0; transition-property: display, max-height, opacity; transition-duration: .2s, .5s, .55s; transition-timing-function: ease-in, ease-out, linear; transition-behavior: allow-discrete; }

/* line 345, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) .quick-view-card.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) .quick-view-card.animate-kbc-qv-item.ng-enter.ng-enter-active { display: block; opacity: 1; max-height: 150px; }

@starting-style { /* line 345, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) .quick-view-card.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) .quick-view-card.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 50px; } }

/* line 359, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) event-kanban-card { --animate-kbc-qv-item-enter-active-starting-height: 150px; }

/* line 361, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) event-kanban-card .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) event-kanban-card .animate-kbc-qv-item.ng-leave.ng-leave-active { min-height: 150px; }

@starting-style { /* line 366, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) event-kanban-card .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) event-kanban-card .animate-kbc-qv-item.ng-enter.ng-enter-active { background-color: rgba(235, 83, 95, 0.2); } }

/* line 373, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) event-kanban-card .quick-view-card.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) event-kanban-card .quick-view-card.animate-kbc-qv-item.ng-enter.ng-enter-active { max-height: 190px; }

@starting-style { /* line 373, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) event-kanban-card .quick-view-card.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) event-kanban-card .quick-view-card.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 50px; } }

/* line 386, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) todo-kanban-card { --animate-kbc-qv-item-enter-active-starting-height: 85px; }

/* line 388, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) todo-kanban-card .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) todo-kanban-card .animate-kbc-qv-item.ng-leave.ng-leave-active { min-height: 85px; }

@starting-style { /* line 393, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) todo-kanban-card .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) todo-kanban-card .animate-kbc-qv-item.ng-enter.ng-enter-active { background-color: #E6F3DA; } }

/* line 401, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) todo-kanban-card .todo-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) todo-kanban-card .todo-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { max-height: 140px; }

@starting-style { /* line 401, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) todo-kanban-card .todo-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) todo-kanban-card .todo-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 50px; } }

/* line 414, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) note-kanban-card { --animate-kbc-qv-item-enter-active-starting-height: 85px; }

/* line 416, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) note-kanban-card .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) note-kanban-card .animate-kbc-qv-item.ng-leave.ng-leave-active { min-height: 85px; }

@starting-style { /* line 421, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) note-kanban-card .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) note-kanban-card .animate-kbc-qv-item.ng-enter.ng-enter-active { background-color: #F9EFE0; } }

/* line 429, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) note-kanban-card .note-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) note-kanban-card .note-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { max-height: 140px; }

@starting-style { /* line 429, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) note-kanban-card .note-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) note-kanban-card .note-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 50px; } }

/* line 442, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card { --animate-kbc-qv-item-enter-active-starting-height: 85px; }

/* line 444, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-kbc-qv-item.ng-leave.ng-leave-active { min-height: 85px; }

@starting-style { /* line 449, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-kbc-qv-item.ng-enter.ng-enter-active { background-color: #DEEFF9; } }

/* line 457, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .email-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) email-kanban-card .email-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { max-height: 300px; }

@starting-style { /* line 457, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .email-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) email-kanban-card .email-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 63px; } }

/* line 467, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-qv-mi-item.ng-enter, .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-qv-mi-item.ng-leave.ng-leave-active { display: none; max-height: 18px; opacity: 0; transition-property: display, max-height, opacity; transition-duration: .2s, .3s, .3s; transition-timing-function: ease-in, ease-out, linear; transition-behavior: allow-discrete; }

/* line 478, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-qv-mi-item.ng-leave, .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-qv-mi-item.ng-enter.ng-enter-active { display: block; opacity: 1; max-height: 200px; }

@starting-style { /* line 478, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-qv-mi-item.ng-leave, .kb-panel:not(.initializing):not(.processing) email-kanban-card .animate-qv-mi-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 18px; } }

/* line 493, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) contact-kanban-card { --animate-kbc-qv-item-enter-active-starting-height: 85px; }

/* line 495, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) contact-kanban-card .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) contact-kanban-card .animate-kbc-qv-item.ng-leave.ng-leave-active { min-height: 85px; }

@starting-style { /* line 500, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) contact-kanban-card .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) contact-kanban-card .animate-kbc-qv-item.ng-enter.ng-enter-active { background-color: #9C877F; } }

/* line 508, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) contact-kanban-card .contact-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) contact-kanban-card .contact-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { max-height: 140px; }

@starting-style { /* line 508, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) contact-kanban-card .contact-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) contact-kanban-card .contact-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 50px; } }

/* line 521, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) url-kanban-card { --animate-kbc-qv-item-enter-active-starting-height: 232px; }

/* line 523, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) url-kanban-card .animate-kbc-qv-item.ng-enter, .kb-panel:not(.initializing):not(.processing) url-kanban-card .animate-kbc-qv-item.ng-leave.ng-leave-active { min-height: 85px; }

@starting-style { /* line 528, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) url-kanban-card .animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) url-kanban-card .animate-kbc-qv-item.ng-enter.ng-enter-active { background-color: #F0D9F9; } }

/* line 536, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) url-kanban-card .url-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) url-kanban-card .url-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { max-height: 232px; }

@starting-style { /* line 536, www-dev/scss/customized-animate.scss */ .kb-panel:not(.initializing):not(.processing) url-kanban-card .url-item-quick-view.animate-kbc-qv-item.ng-leave, .kb-panel:not(.initializing):not(.processing) url-kanban-card .url-item-quick-view.animate-kbc-qv-item.ng-enter.ng-enter-active { opacity: 0.1; max-height: 50px; } }

/* line 549, www-dev/scss/customized-animate.scss */ .kb-panel.processing kanban-card.ng-move, .kb-panel.processing kanban-card.ng-enter, .kb-panel.processing kanban-card.ng-leave, .kb-panel.processing infobox-kanban-card.ng-move, .kb-panel.processing infobox-kanban-card.ng-enter, .kb-panel.processing infobox-kanban-card.ng-leave, .kb-panel.processing notification-kanban-card.ng-move, .kb-panel.processing notification-kanban-card.ng-enter, .kb-panel.processing notification-kanban-card.ng-leave { transition-property: display, max-height, opacity; transition-duration: .3s, .5s, .5s; transition-timing-function: ease-in, ease-out, linear; }

/* line 563, www-dev/scss/customized-animate.scss */ .kb-panel.processing kanban-card.ng-leave, .kb-panel.processing kanban-card.ng-move.ng-move-active, .kb-panel.processing kanban-card.ng-enter.ng-enter-active, .kb-panel.processing infobox-kanban-card.ng-leave, .kb-panel.processing infobox-kanban-card.ng-move.ng-move-active, .kb-panel.processing infobox-kanban-card.ng-enter.ng-enter-active, .kb-panel.processing notification-kanban-card.ng-leave, .kb-panel.processing notification-kanban-card.ng-move.ng-move-active, .kb-panel.processing notification-kanban-card.ng-enter.ng-enter-active { display: block; opacity: 1; max-height: 100px; }

@starting-style { /* line 563, www-dev/scss/customized-animate.scss */ .kb-panel.processing kanban-card.ng-leave, .kb-panel.processing kanban-card.ng-move.ng-move-active, .kb-panel.processing kanban-card.ng-enter.ng-enter-active, .kb-panel.processing infobox-kanban-card.ng-leave, .kb-panel.processing infobox-kanban-card.ng-move.ng-move-active, .kb-panel.processing infobox-kanban-card.ng-enter.ng-enter-active, .kb-panel.processing notification-kanban-card.ng-leave, .kb-panel.processing notification-kanban-card.ng-move.ng-move-active, .kb-panel.processing notification-kanban-card.ng-enter.ng-enter-active { opacity: 0.5; max-height: 0; } }

/* line 582, www-dev/scss/customized-animate.scss */ .kb-panel.processing kanban-card.ng-leave.ng-leave-active, .kb-panel.processing kanban-card.ng-move, .kb-panel.processing kanban-card.ng-enter, .kb-panel.processing infobox-kanban-card.ng-leave.ng-leave-active, .kb-panel.processing infobox-kanban-card.ng-move, .kb-panel.processing infobox-kanban-card.ng-enter, .kb-panel.processing notification-kanban-card.ng-leave.ng-leave-active, .kb-panel.processing notification-kanban-card.ng-move, .kb-panel.processing notification-kanban-card.ng-enter { display: none; max-height: 0; opacity: 0; transition-property: display, max-height, opacity; transition-duration: .3s, .5s, .5s; transition-timing-function: ease-in, ease-out, linear; transition-behavior: allow-discrete; overflow: hidden; }

@starting-style { /* line 582, www-dev/scss/customized-animate.scss */ .kb-panel.processing kanban-card.ng-leave.ng-leave-active, .kb-panel.processing kanban-card.ng-move, .kb-panel.processing kanban-card.ng-enter, .kb-panel.processing infobox-kanban-card.ng-leave.ng-leave-active, .kb-panel.processing infobox-kanban-card.ng-move, .kb-panel.processing infobox-kanban-card.ng-enter, .kb-panel.processing notification-kanban-card.ng-leave.ng-leave-active, .kb-panel.processing notification-kanban-card.ng-move, .kb-panel.processing notification-kanban-card.ng-enter { opacity: 1; max-height: 100px; } }