/**** --------------------- Animations ------------------------- ****/

@keyframes appear { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes appear { from { opacity: 0; } to { opacity: 1; } }

@keyframes disappear { from { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes disappear { from { opacity: 1; } to { opacity: 0; } }

@keyframes scaleDown { to { opacity: 0; transform: scale(.8); } }
@-webkit-keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(.8); } }
@keyframes scaleDown2 { to { transform: scale(.8); } }
@-webkit-keyframes scaleDown2 { to { -webkit-transform: scale(.8); } }

@keyframes scaleDown3 { from { opacity: 0; transform: scale(2); } }
@-webkit-keyframes scaleDown3 { from { opacity: 0; -webkit-transform: scale(2); } }

@keyframes scaleUp { from { opacity: 0; transform: scale(.9); } }
@-webkit-keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(.9); } }
@keyframes scaleUp-95 {
	from { opacity: 0; transform: scale(.95); }
	to { opacity: 1; }
}
@-webkit-keyframes scaleUp-95 {
	from { opacity: 0; -webkit-transform: scale(.95); }
	to { opacity: 1; }
}

@keyframes scaleUp2 { from { transform: scale(.9); } }
@-webkit-keyframes scaleUp2 { from { -webkit-transform: scale(.9); } }


@keyframes mainView-scaleDown { from { opacity: 0; transform: scale(2); } }
@-webkit-keyframes mainView-scaleDown { from { opacity: 0; -webkit-transform: scale(2); } }


@keyframes slideUp { from { opacity: 0; transform: translateY(-200px); } }
@-webkit-keyframes slideUp { from { opacity: 0; -webkit-transform: translateY(-200px); } }

@keyframes rotateUp { from { opacity: 0; transform: rotateX(23deg); } }
@-webkit-keyframes rotateUp { from { opacity: 0; -webkit-transform: rotateX(23deg); } }

/* Animation on the Legal Suite menu */
@-webkit-keyframes rotateRoomUpIn { from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(80deg);} }
@keyframes rotateRoomUpIn { from { opacity: 0; transform: translateY(-100%) rotateX(80deg);} }

/* Hack to correct GXT positioning */
@-webkit-keyframes rotateRoomUpIn2 {
	0% { opacity: 0; }
	1% { opacity: 0; -webkit-transform: translateY(-100%) rotateX(80deg);}
}
@keyframes rotateRoomUpIn2 {
	0% { opacity: 0; }
	1% { transform: translateY(-100%) rotateX(80deg); }
}

/* Animation on the "load" screen mask */
@keyframes spinPulse {
	0% { transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { transform: rotate(145deg); opacity: 1; }
    100% { transform: rotate(-320deg); opacity: 0; };
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { -webkit-transform: rotate(145deg); opacity: 1; }
    100% { -webkit-transform: rotate(-320deg); opacity: 0; };
}

@keyframes spinoffPulse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); };
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); };
}

@keyframes rotate360 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); };
}
@-webkit-keyframes rotate360 {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); };
}

/* Effect on appear pour bling bling des demos client*/

  from { z-index: 0; transform: scale(1); }
  to { z-index: 4; transform: scale(2.5); }

@keyframes file-tab-appear {
    from { z-index: 0; opacity: 0.4; transform: translateX(-10px) rotateY(-45deg); }
    to { z-index: 4; }
}
@-webkit-keyframes file-tab-appear {
    from { z-index: 0; opacity: 0.4; -webkit-transform: translateX(-10px) rotateY(-45deg); }
    to { z-index: 4; }
}
@keyframes file-tab-appear-ie {
	from { opacity: 0.4; }
}

@keyframes file-tab-disappear {
	from { opacity: 1; }
    to { opacity: 0; transform: translateX(800px) scale(.8); }
}
@-webkit-keyframes file-tab-disappear {
	from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translateX(800px) scale(.8); }
}
/* opacity managed by a CSS transition, in addition to animation */
@keyframes file-tab-disappear2 {
	from { }
    to {  transform: translateX(800px) scale(.8); }
}
@-webkit-keyframes file-tab-disappear2 {
	from { }
    to {  -webkit-transform: translateX(800px) scale(.8); }
}
@keyframes file-tab-disappear3 {
	from { z-index: 4; }
    to { z-index: 0; }
}
@-webkit-keyframes file-tab-disappear3 {
	from { z-index: 4; }
    to { z-index: 0; }
}




@keyframes glow-gold {
    0% { fill: hsl(37, 100%, 75%); }
    100% { fill: hsl(37, 100%, 85%); }
}
@-webkit-keyframes glow-gold {
    0% { fill: hsl(37, 100%, 75%); }
    100% { fill: hsl(37, 100%, 85%); }
}

@keyframes dash {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}