/*
** Animate
*****************************************/
.menu,
.tooltip,
.chart-tooltip,
.submit,
.submitClick .save,
.submitComplete .success,
.submitError .error,
.submitComplete .spin-loading,
.container.store .modal-overlay .modal-inside .modal-image .full.pos-absolute.bg-cover + .full.pos-absolute.bg-cover,
.ScrollbarLayout_main{transition :opacity linear 0.1s;}

.side-panel:hover + .side-panel-overlay,
.table-options:hover + .table + .table-options-overlay,
.nav:hover + .nav-overlay{transition :opacity linear 0.3s;}

.fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_bodyRow:not(.last_row):before{transition :opacity linear 0.1s;}

.chat.minimized,
.container .nav-quick .btn-logo .logo-st1,
.container .nav-quick .btn-logo .logo-st2{transition :transform linear 0.1s;}

.submit,
.button-hover{transition :transform linear 0.1s, background linear 0.1s;}

.banner{transition :opacity ease-out 0.5s, transform ease-out 0.5s;}

.activity-item-new .timestamp{transition :opacity ease-out 0.3s, transform ease-out 0.3s;transition-delay :0.2s;}

.modal .actions .table-cell.animate,
.modal .modal-item,
.h-w-menu .default-padding:before{transition :background linear 0.1s;}

svg path,
svg rect,
svg circle{transition :fill linear 0.1s;}

.color-3:not(.button-hover),
.color-16:not(.button-hover),
.color-18:not(.button-hover){transition :color linear 0.1s;}

/* Animate: Table Options */
.table-options,
.show-less .show-less-bubble{transition :transform linear 0.2s, opacity linear 0.2s;}

/* Animate: Side Panel */
.side-panel{opacity :0;-webkit-transform :translateX(100px);-ms-transform :translateX(100px);transform :translateX(100px);-webkit-animation :sidePanel 0.3s ease-out forwards;-moz-animation :sidePanel 0.3s ease-out forwards;animation :sidePanel 0.3s ease-out forwards;}

@-webkit-keyframes sidePanel{
	0%{opacity :0;-webkit-transform :translateX(100px);-ms-transform :translateX(100px);transform :translateX(100px);}
	100%{opacity :1;-webkit-transform :translateX(1px);-ms-transform :translateX(1px);transform :translateX(1px);}
}

@-moz-keyframes sidePanel{
	0%{opacity :0;-webkit-transform :translateX(100px);-ms-transform :translateX(100px);transform :translateX(100px);}
	100%{opacity :1;-webkit-transform :translateX(1px);-ms-transform :translateX(1px);transform :translateX(1px);}
}

/* Animate: Stack Loading */
.stack-loading .pos-absolute:nth-child(1){-webkit-animation :stackLoadingOne 1.2s ease-out infinite;-moz-animation :stackLoadingOne 1.2s ease-out infinite;animation :stackLoadingOne 1.2s ease-out infinite;}

.stack-loading .pos-absolute:nth-child(3){-webkit-animation :stackLoadingThree 1.2s ease-out infinite;-moz-animation :stackLoadingThree 1.2s ease-out infinite;animation :stackLoadingThree 1.2s ease-out infinite;}

@-webkit-keyframes stackLoadingOne{
	0%{-webkit-transform :translateY(1px);-ms-transform :translateY(1px);transform :translateY(1px);}
	50%{-webkit-transform :translateY(-5px);-ms-transform :translateY(-5px);transform :translateY(-5px);}
	100%{-webkit-transform :translateY(1px);-ms-transform :translateY(1px);transform :translateY(1px);}
}

@-moz-keyframes stackLoadingOne{
	0%{-webkit-transform :translateY(1px);-ms-transform :translateY(1px);transform :translateY(1px);}
	50%{-webkit-transform :translateY(-5px);-ms-transform :translateY(-5px);transform :translateY(-5px);}
	100%{-webkit-transform :translateY(1px);-ms-transform :translateY(1px);transform :translateY(1px);}
}

@-webkit-keyframes stackLoadingThree{
	0%{-webkit-transform :translateY(-1px);-ms-transform :translateY(-1px);transform :translateY(-1px);}
	50%{-webkit-transform :translateY(5px);-ms-transform :translateY(5px);transform :translateY(5px);}
	100%{-webkit-transform :translateY(-1px);-ms-transform :translateY(-1px);transform :translateY(-1px);}
}

@-moz-keyframes stackLoadingThree{
	0%{-webkit-transform :translateY(-1px);-ms-transform :translateY(-1px);transform :translateY(-1px);}
	50%{-webkit-transform :translateY(5px);-ms-transform :translateY(5px);transform :translateY(5px);}
	100%{-webkit-transform :translateY(-1px);-ms-transform :translateY(-1px);transform :translateY(-1px);}
}

/* Animate: Pulse */
.menu:hover .menu-pulse:before,
.menu:hover .menu-pulse:after,
.menu-pulse.hover:before,
.menu-pulse.hover:after,
.fixedDataTableRowLayout_rowWrapper:hover .menu-pulse:before,
.fixedDataTableRowLayout_rowWrapper:hover .menu-pulse:after{-webkit-animation :pulse 2s ease-out infinite;-moz-animation :pulse 2s ease-out infinite;animation :pulse 2s ease-out infinite;}

.menu-pulse.hover:after,
.menu:hover .menu-pulse:after,
.fixedDataTableRowLayout_rowWrapper:hover .menu-pulse:after{-webkit-animation-delay :0.7s;animation-delay :0.7s;}

@-webkit-keyframes pulse{
	0%{-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);opacity :0;}
	50%{opacity :0.3;}
	100%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :0;}
}

@-moz-keyframes pulse{
	0%{-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);opacity :0;}
	50%{opacity :0.3;}
	100%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :0;}
}

/* Animate: Hour Glass */
.hour-glass{-webkit-animation :hourGlass 8s ease-out infinite;-moz-animation :hourGlass 8s ease-out infinite;}

@-webkit-keyframes hourGlass{
	0%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	20%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	40%{-webkit-transform :rotate(180deg);-ms-transform :rotate(180deg);transform :rotate(180deg);}
	60%{-webkit-transform :rotate(180deg);-ms-transform :rotate(180deg);transform :rotate(180deg);}
	80%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	100%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
}

@-moz-keyframes hourGlass{
	0%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	20%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	40%{-webkit-transform :rotate(180deg);-ms-transform :rotate(180deg);transform :rotate(180deg);}
	60%{-webkit-transform :rotate(180deg);-ms-transform :rotate(180deg);transform :rotate(180deg);}
	80%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	100%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
}

/* Animate: Chart Circle */
.chart-circle{-webkit-animation :chartCircle 0.6s ease-out;-moz-animation :chartCircle 0.6s ease-out;animation :chartCircle 0.6s ease-out;}

@-webkit-keyframes chartCircle{
	0%{opacity :0;-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);}
	70%{opacity :0.8;-webkit-transform :scale(0.9, 0.9);-ms-transform :scale(0.9, 0.9);transform :scale(0.9, 0.9);}
	85%{opacity :0.8;-webkit-transform :scale(0.8, 0.8);-ms-transform :scale(0.8, 0.8);transform :scale(0.8, 0.8);}
	100%{opacity :0.8;-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);}
}

@-moz-keyframes chartCircle{
	0%{opacity :0;-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);}
	70%{opacity :0.8;-webkit-transform :scale(0.9, 0.9);-ms-transform :scale(0.9, 0.9);transform :scale(0.9, 0.9);}
	85%{opacity :0.8;-webkit-transform :scale(0.8, 0.8);-ms-transform :scale(0.8, 0.8);transform :scale(0.8, 0.8);}
	100%{opacity :0.8;-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);}
}

/* Animate: Statistic */
.animate-statistic{opacity :0;-webkit-animation :animateStatistic 0.3s ease-out forwards;-moz-animation :animateStatistic 0.3s ease-out forwards;animation :animateStatistic 0.3s ease-out forwards;}

.table .table-cell:nth-child(3) .animate-statistic{-webkit-animation-delay :0.2s;animation-delay :0.2s;}

.table .table-cell:nth-child(4) .animate-statistic{-webkit-animation-delay :0.4s;animation-delay :0.4s;}

.table .table-cell:nth-child(5) .animate-statistic{-webkit-animation-delay :0.6s;animation-delay :0.6s;}

.table .table-cell:nth-child(6) .animate-statistic{-webkit-animation-delay :0.8s;animation-delay :0.8s;}

@-webkit-keyframes animateStatistic{
	0%{opacity :0;-webkit-transform :translateY(-20px);-ms-transform :translateY(-20px);transform :translateY(-20px);}
	100%{opacity :1;-webkit-transform :translateY(0);-ms-transform :translateY(0);transform :translateY(0);}
}

@-moz-keyframes animateStatistic{
	0%{opacity :0;-webkit-transform :translateY(-20px);-ms-transform :translateY(-20px);transform :translateY(-20px);}
	100%{opacity :1;-webkit-transform :translateY(0);-ms-transform :translateY(0);transform :translateY(0);}
}

/* Animate: Up Down */
.animate-up{-webkit-animation :animateUp 0.8s ease-out;-moz-animation :animateUp 0.8s ease-out;animation :animateUp 0.8s ease-out;}

.animate-down{-webkit-animation :animateDown 0.8s ease-out;-moz-animation :animateDown 0.8s ease-out;animation :animateDown 0.8s ease-out;}

@-webkit-keyframes animateUp{
	0%{opacity :0;-webkit-transform :translateY(100px);-ms-transform :translateY(100px);transform :translateY(100px);}
	100%{opacity :1;-webkit-transform :translateY(0);-ms-transform :translateY(0);transform :translateY(0);}
}

@-moz-keyframes animateUp{
	0%{opacity :0;-webkit-transform :translateY(100px);-ms-transform :translateY(100px);transform :translateY(100px);}
	100%{opacity :1;-webkit-transform :translateY(0);-ms-transform :translateY(0);transform :translateY(0);}
}

@-webkit-keyframes animateDown{
	0%{opacity :0;-webkit-transform :translateY(-100px);-ms-transform :translateY(-100px);transform :translateY(-100px);}
	100%{opacity :1;-webkit-transform :translateY(0);-ms-transform :translateY(0);transform :translateY(0);}
}

@-moz-keyframes animateDown{
	0%{opacity :0;-webkit-transform :translateY(-100px);-ms-transform :translateY(-100px);transform :translateY(-100px);}
	100%{opacity :1;-webkit-transform :translateY(0);-ms-transform :translateY(0);transform :translateY(0);}
}

/* Animate: Zoom Opacity Bounce */
.zoom-opacity-bounce{opacity :0;-webkit-animation :zoomOpacityBounce 0.5s ease-out forwards;-moz-animation :zoomOpacityBounce 0.5s ease-out forwards;animation :zoomOpacityBounce 0.5s ease-out forwards;}

@-webkit-keyframes zoomOpacityBounce{
	0%{-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);opacity :0;}
	50%{-webkit-transform :scale(1.2, 1.2);-ms-transform :scale(1.2, 1.2);transform :scale(1.2, 1.2);opacity :1;}
	100%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :1;}
}

@-moz-keyframes zoomOpacityBounce{
	0%{-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);opacity :0;}
	50%{-webkit-transform :scale(1.2, 1.2);-ms-transform :scale(1.2, 1.2);transform :scale(1.2, 1.2);opacity :1;}
	100%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :1;}
}

/* Animate: Submit */
.submitClick .spin-loading{transition :opacity linear 0.4s;-webkit-transition-delay :0.25s;transition-delay :0.25s;}

.submitComplete .success svg,
.submitError .error svg{-webkit-animation :zoomBounce 10s ease-out forwards;-moz-animation :zoomBounce 10s ease-out forwards;}

@-webkit-keyframes zoomBounce{
	0%{-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);opacity :0;}
	2%{-webkit-transform :scale(1.4, 1.4);-ms-transform :scale(1.4, 1.4);transform :scale(1.4, 1.4);opacity :1;}
	4%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :1;}
	100%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :1;}
}

@-moz-keyframes zoomBounce{
	0%{-webkit-transform :scale(0, 0);-ms-transform :scale(0, 0);transform :scale(0, 0);opacity :0;}
	2%{-webkit-transform :scale(1.4, 1.4);-ms-transform :scale(1.4, 1.4);transform :scale(1.4, 1.4);opacity :1;}
	4%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :1;}
	100%{-webkit-transform :scale(1, 1);-ms-transform :scale(1, 1);transform :scale(1, 1);opacity :1;}
}

/* Animate: Arc Loading */
.arc-loading,
.arc-loading-solo .arc-loading,
.button.show-loading + .button-loading .arc-loading,
.submitClick .arc-loading{-webkit-animation :arcLoading 1s ease-out infinite;-moz-animation :arcLoading 1s ease-out infinite;animation :arcLoading 1s ease-out infinite;}

@-webkit-keyframes arcLoading{
	0%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	100%{-webkit-transform :rotate(360deg);-ms-transform :rotate(360deg);transform :rotate(360deg);}
}

@-webkit-keyframes arcLoading{
	0%{-webkit-transform :rotate(0deg);-ms-transform :rotate(0deg);transform :rotate(0deg);}
	100%{-webkit-transform :rotate(360deg);-ms-transform :rotate(360deg);transform :rotate(360deg);}
}

/* Animate: Accordion */
.accordion-box:after{transition :opacity ease-out .2s, width ease-out 0s .2s}

.accordion-box .accordion-content-bubble:not(.bubble-add) .table-cell:first-child,
.accordion-box .accordion-content-bubble.bubble-add .table-cell:last-child{transition :color linear 0.1s}

.accordion-box .accordion-content-item .txt-edit,
.accordion-box .accordion-content-item .table-cell .selectmenu,
.accordion-box .accordion-content-bubble{transition :border linear 0.1s}