/* Minification failed. Returning unminified contents. (1930,50): run-time error CSS1046: Expect comma, found '0' (1930,54): run-time error CSS1046: Expect comma, found '/' (1931,42): run-time error CSS1046: Expect comma, found '0' (1931,46): run-time error CSS1046: Expect comma, found '/' */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* * The MIT License * Copyright (c) 2012 Matias Meno */ .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { position: relative; } .dropzone .dz-preview { position: relative; display: inline-block; width: 120px; margin: 0.5em; } .dropzone .dz-preview .dz-progress { display: block; height: 15px; border: 1px solid #aaa; } .dropzone .dz-preview .dz-progress .dz-upload { display: block; height: 100%; width: 0; background: green; } .dropzone .dz-preview .dz-error-message { color: red; display: none; } .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { display: block; } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { position: absolute; display: none; left: 30px; top: 30px; width: 54px; height: 58px; left: 50%; margin-left: -27px; } /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-message .dz-button { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 91px; margin-right: 19px; padding: 2px; border: 2px solid #EDF3FD; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; object-fit: contain; width: 80px; height: 80px; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } /*Switch SafiTax*/ .no-select, .SafiTax-checkbox-with-wrapper label, .SafiTax-switch-checkbox .SafiTax-switch-checkbox-label { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } html[dir="rtl"] .SafiTax-form-widgets .select2-container { z-index: 99999999 !important; text-align: right; margin-top: 4px !important; } html[dir="ltr"] .SafiTax-form-widgets .select2-container { z-index: 99999999 !important; text-align: left; margin-top: 4px !important; } .select2-container { margin-top: 4px !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; font-size: 10px; } .select2-container--default .select2-results__option--selected { background-color: #ddd; font-size: 10px; } html[dir="rtl"] .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; font-size: 10px; padding-left: 20px; } html[dir="ltr"] .select2-container[dir="ltr"] .select2-selection--single .select2-selection__rendered { padding-left: 8px; font-size: 10px; padding-right: 20px; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; font-size: 10px; } .select2-results__option--selectable { cursor: pointer; font-size: 10px; } /* CheckBox Modules*/ .checkbox-group { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; max-width: 600px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } html[dir="rtl"] .checkbox-group > * { margin: 0.5rem 0.5rem; } html[dir="ltr"] .checkbox-group > * { margin: 0.5rem 0.5rem; } .checkbox-group-legend { font-size: 1.5rem; font-weight: 700; color: #9c9c9c; text-align: center; line-height: 1.125; margin-bottom: 1.25rem; } .checkbox-input { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .checkbox-input:checked + .checkbox-tile { border-color: #2260ff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #2260ff; } .checkbox-input:checked + .checkbox-tile:before { transform: scale(1); opacity: 1; background-color: #008CFF; border-color: white; margin: 6px; padding: 10px; } .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label { color: #2260ff; } .checkbox-input:focus + .checkbox-tile { border-color: #2260ff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc; } .checkbox-input:focus + .checkbox-tile:before { transform: scale(1); opacity: 1; } .checkbox-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 8rem; min-height: 8rem; border-radius: 0.5rem; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.15s ease; cursor: pointer; position: relative; } html[dir="rtl"] .checkbox-tile:before { content: ""; position: absolute; display: block; width: 1.25rem; height: 1.25rem; border: 2px solid #b5bfd9; background-color: #fff; border-radius: 50%; top: 0.25rem; left: 0.25rem; opacity: 0; transform: scale(0); transition: 0.25s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: 50% 50%; } html[dir="ltr"] .checkbox-tile:before { content: ""; position: absolute; display: block; width: 1.25rem; height: 1.25rem; border: 2px solid #b5bfd9; background-color: #fff; border-radius: 50%; top: 0.25rem; right: 0.25rem; opacity: 0; transform: scale(0); transition: 0.25s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: 50% 50%; } .checkbox-tile:hover { border-color: black; } .checkbox-tile:hover:before { transform: scale(1); opacity: 1; } .checkbox-icon { transition: 0.375s ease; color: #494949; } .checkbox-icon svg { width: 3rem; height: 3rem; } .checkbox-label { color: #707070; transition: 0.375s ease; text-align: center; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #DFE3E9 !important; border-radius: 4px; } /* Alert SafiTax*/ .SafiTax-alert-modal .SafiTax-alert-btn-secondary { background-color: #EFF5FF; color: #434545; font-size: 11px; border: 0; height: 30px; width: 110px; border-radius: 4px; margin-left: 15px; border: 2px solid #434545; } .SafiTax-alert-modal .SafiTax-alert-btn-secondary:hover { background-color: #e3eaf3 !important; } .SafiTax-alert-modal .SafiTax-alert-btn-primary { background-color: #008CFF; color: #fff; font-size: 11px; border: 0; height: 30px; width: 110px; border-radius: 4px; margin-left: 15px; } .SafiTax-alert-modal button { font-size: 14px; } /* AsideView SafiTax*/ #SafiTax_asideview, .SafiTax_asidemodel { padding: 0; /*Left*/ /*Right*/ } #SafiTax_asideview .modal-dialog, .SafiTax_asidemodel .modal-dialog { position: fixed; margin: auto; width: 430px; max-width: 430px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } #SafiTax_asideview .modal-content, .SafiTax_asidemodel .modal-content { height: 100%; overflow-y: auto; min-height: 500px !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; border-radius: 0; } html[dir="rtl"] #SafiTax_asideview .modal-content .SafiTax-asideInnerView-header, html[dir="rtl"] .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-header { background-color: #fff; padding: 24px 30px; border-bottom: 1px solid #e3eaf3; } html[dir="ltr"] #SafiTax_asideview .modal-content .SafiTax-asideInnerView-header, html[dir="ltr"] .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-header { background-color: #fff; padding: 24px 30px; border-bottom: 1px solid #e3eaf3; } #SafiTax_asideview .modal-content .SafiTax-asideInnerView-header .title, .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-header .title { color: #193048; font-size: 16px; } #SafiTax_asideview .modal-content .SafiTax-asideInnerView-header + .SafiTax-asideInnerView-body, .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-header + .SafiTax-asideInnerView-body { height: calc(100vh - 146px) !important; padding-top: 30px !important; } #SafiTax_asideview .modal-content .SafiTax-asideInnerView-header .SafiTax-aside-back, .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-header .SafiTax-aside-back { color: #8c98a4; font-size: 17px; position: relative; top: 1px; } #SafiTax_asideview .modal-content .SafiTax-asideInnerView-body, .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-body { height: calc(100vh - 74px); background-color: white; overflow-y: auto; overflow-x: hidden; padding: 20px 15px; padding-top: 40px; position: relative; } #SafiTax_asideview .modal-content .SafiTax-asideInnerView-body.SafiTax-below-line-tabs, .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-body.SafiTax-below-line-tabs { height: calc(100vh -135px); } #SafiTax_asideview .modal-content .SafiTax-asideInnerView-footer, #SafiTax_asideview .modal-content .SafiTax-wizard-footer, .SafiTax_asidemodel .modal-content .SafiTax-asideInnerView-footer, .SafiTax_asidemodel .modal-content .SafiTax-wizard-footer { padding-left: 30px; padding-right: 30px; height: 73px; border-top: 1px solid #EFF5FF; background-color: #f8f9fa; } html[dir="rtl"] #SafiTax_asideview.SafiTax_asideview_left.fade .modal-dialog, html[dir="rtl"] .SafiTax_asidemodel.SafiTax_asideview_left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } html[dir="ltr"] #SafiTax_asideview.SafiTax_asideview_left.fade .modal-dialog, html[dir="ltr"] .SafiTax_asidemodel.SafiTax_asideview_left.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } html[dir="rtl"] #SafiTax_asideview.SafiTax_asideview_left.fade.show .modal-dialog, html[dir="rtl"] .SafiTax_asidemodel.SafiTax_asideview_left.fade.show .modal-dialog { left: 0; } html[dir="ltr"] #SafiTax_asideview.SafiTax_asideview_left.fade.show .modal-dialog, html[dir="ltr"] .SafiTax_asidemodel.SafiTax_asideview_left.fade.show .modal-dialog { right: 0; } html[dir="rtl"] #SafiTax_asideview.SafiTax_asideview_right.fade .modal-dialog, html[dir="rtl"] .SafiTax_asidemodel.SafiTax_asideview_right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } html[dir="rtl"] #SafiTax_asideview.SafiTax_asideview_right.fade.show .modal-dialog, html[dir="rtl"] .SafiTax_asidemodel.SafiTax_asideview_right.fade.show .modal-dialog { right: 0; } html[dir="ltr"] #SafiTax_asideview.SafiTax_asideview_right.fade .modal-dialog, html[dir="ltr"] .SafiTax_asidemodel.SafiTax_asideview_right.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } html[dir="ltr"] #SafiTax_asideview.SafiTax_asideview_right.fade.show .modal-dialog, html[dir="ltr"] .SafiTax_asidemodel.SafiTax_asideview_right.fade.show .modal-dialog { left: 0; } /*default drop zone*/ .SafiTax-dropzone-default { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 8px !important; /**/ border: dashed 2px #008CFF; height: 150px; background-color: #FFFFFF; padding: 0; min-height: unset !important; } .SafiTax-dropzone-default.dz-started { text-align: center; } .SafiTax-dropzone-default .dz-message { margin: 0; } .SafiTax-dropzone-default .dz-message .SafiTax-dropzone-Droparea { padding: 16px; } .SafiTax-dropzone-default .dz-message .SafiTax-dropzone-Droparea .SafiTax-dropzone-Droparea-icon { font-size: 32px; color: #008CFF; text-align: center; } .SafiTax-dropzone-default .dz-message .SafiTax-dropzone-Droparea .SafiTax-dropzone-Droparea-msg { font-size: 13px; font-weight: bold; color: #1a2128; text-align: center !important; } .SafiTax-dropzone-default .dz-message .SafiTax-dropzone-Droparea .SafiTax-dropzone-Droparea-msg .SafiTax-dropzone-Droparea-msg-browse { color: #008CFF; } .SafiTax-dropzone-default .dz-preview { background-color: transparent !important; } .SafiTax-dropzone-default .dz-preview .dz-success-mark, .SafiTax-dropzone-default .dz-preview .dz-error-mark, .SafiTax-dropzone-default .dz-preview .dz-progress { display: none; } .SafiTax-dropzone-default .dz-preview .dz-remove { font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; text-decoration:none; line-height: normal; letter-spacing: normal; color: #536371; margin-top: 16px; } .SafiTax-dropzone-default .dz-size, .SafiTax-dropzone-default .dz-filename { text-align: center !important; } /*multi Dropzone*/ .SafiTax-dropzone-multi { background-color: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; min-height: unset !important; } .SafiTax-dropzone-multi .dz-message { display: none; } .SafiTax-dropzone-multi .SafiTax-dropzone-items .SafiTax-dropzone-item { display: flex; align-items: center; background-color: #f3f6f9; padding: 6px 13px; margin-top: 10px; font-size: 12px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ } .SafiTax-dropzone-multi .SafiTax-dropzone-items .SafiTax-dropzone-item .dropzone-file { word-break: break-all; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } html[dir="rtl"] .SafiTax-dropzone-multi html[dir="rtl"] .SafiTax-dropzone-items html[dir="rtl"] .SafiTax-dropzone-item html[dir="rtl"] .dropzone-file html[dir="rtl"] .dropzone-filename { direction: ltr; } html[dir="ltr"] .SafiTax-dropzone-multi html[dir="ltr"] .SafiTax-dropzone-items html[dir="ltr"] .SafiTax-dropzone-item html[dir="ltr"] .dropzone-file html[dir="ltr"] .dropzone-filename { direction: rtl; } .SafiTax-dropzone-multi .SafiTax-dropzone-items .SafiTax-dropzone-item a.dz-remove { display: none; } .SafiTax-dropzone-multi .SafiTax-dropzone-items .SafiTax-dropzone-item .dropzone-delete { font-size: 20px; color: #7e8299; cursor: pointer; } /* SafiTax Main css*/ .SafiTax-KYn { height: 40px; } .SafiTax-KYn.SafiTax-btn-solid { background-color: #007cc0; border-color: #007cc0; color: #fff; } .SafiTax-KYn.SafiTax-btn-solid:hover { border-color: #3396cd; background-color: #3396cd; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-primary { background-color: #008CFF; border-color: #008CFF; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-primary:hover { border-color: #5fc171; background-color: #5fc171; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-secondary { background-color: #486c8f; border-color: #486c8f; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-secondary:hover { border-color: #6d89a5; background-color: #6d89a5; } .SafiTax-KYn.SafiTax-btn-outline { background-color: #fff; border-color: #007cc0; } .SafiTax-KYn.SafiTax-btn-outline:hover { border-color: #b3d8ec; background-color: #b3d8ec; color: #fff; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-primary { background-color: #fff; border-color: #008CFF; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-primary:hover { border-color: #5fc171; background-color: #5fc171; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-secondary { background-color: #fff; border-color: #486c8f; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-secondary:hover { border-color: #6d89a5; background-color: #6d89a5; } .SafiTax-KYn[disabled="disabled"] { background-color: #ced4da !important; border-color: #ced4da !important; cursor: not-allowed !important; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .SafiTax-btn[disabled="disabled"]:hover { background-color: #ced4da !important; border-color: #ced4da !important; color: #fff; } .SafiTax-btn.SafiTax-btn-solid.SafiTax-btn-customTheme { background-color: #008CFF; border-color: #008CFF; } .SafiTax-btn.SafiTax-btn-solid.SafiTax-btn-customTheme:hover { border-color: #669dce; background-color: #669dce; } .SafiTax-btn.SafiTax-btn-outline.SafiTax-btn-customTheme { border-color: #008CFF; } .SafiTax-btn.SafiTax-btn-outline.SafiTax-btn-customTheme:hover { border-color: #669dce; background-color: #669dce; } /*validation*/ html[dir="rtl"] .SafiTax-dropzone .SafiTax-dropzone-requiredarea { display: none; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 5px 10px; margin-top: 10px; border: 1px solid transparent; border-radius: 0.25rem; font-size: 12px; } html[dir="ltr"] .SafiTax-dropzone .SafiTax-dropzone-requiredarea { display: none; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 5px 10px; margin-top: 10px; border: 1px solid transparent; border-radius: 0.25rem; font-size: 12px; } .SafiTax-dropzone.dropzoneisrequiredfile .SafiTax-dropzone-requiredarea { display: block !important; } .SafiTax-dropzone-selectResponse { display: none; } .dz-started + .SafiTax-dropzone-selectResponse { display: block; } html[dir="rtl"] .SafiTax-Invisible, html[dir="rtl"] .SafiTax-switch-checkbox input[type="checkbox"]:not([class*="pq-"]), html[dir="rtl"] select:not([class*="pq-"]), html[dir="rtl"] select[multiple="multiple"], html[dir="rtl"] .multiselect-native-select .checkList .SafiTax-dropdown-multiselect-items-container input[type="checkbox"], html[dir="rtl"] .SafiTax-fileUploader .SafiTax-uploaderInput { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px -1px -1px -3px; overflow: hidden; padding: 0; position: absolute; width: 1px; left: 50%; top: 30px; visibility: hidden; opacity: 0; } html[dir="ltr"] .SafiTax-Invisible, html[dir="ltr"] .SafiTax-switch-checkbox input[type="checkbox"]:not([class*="pq-"]), html[dir="ltr"] select:not([class*="pq-"]), html[dir="ltr"] select[multiple="multiple"], html[dir="ltr"] .multiselect-native-select .checkList .SafiTax-dropdown-multiselect-items-container input[type="checkbox"], html[dir="ltr"] .SafiTax-fileUploader .SafiTax-uploaderInput { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px -1px -1px -3px; overflow: hidden; padding: 0; position: absolute; width: 1px; right: 50%; top: 30px; visibility: hidden; opacity: 0; } /* Switch SafiTax*/ .SafiTax-switch-checkbox { border: 1px solid #dfe3e9 !important; min-height: 30px; line-height: 30px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ background-color: #fff; padding-left: 15px; padding-right: 15px; } .SafiTax-switch-checkbox .SafiTax-switch-checkbox-label { cursor: pointer; font-size: 13px; margin: 0; color: #264a6d; } .SafiTax-switch-checkbox input[type="checkbox"] + label { position: relative; height: 20px; width: 38px; margin: 0; cursor: pointer; } .SafiTax-switch-checkbox input[type="checkbox"] + label:before { left: 0; top: 0; content: ""; z-index: 10; background: #dfe1e5; width: 100%; height: 20px; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; border-radius: 50px !important; /**/ display: block; position: absolute; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } html[dir="rtl"] .SafiTax-switch-checkbox input[type="checkbox"] + label:after { content: ""; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 15px; height: 15px; border: 1px solid #fff; background-color: #fff; position: absolute; z-index: 20; left: 3px; top: 2px; text-indent: 2px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; /**/ } html[dir="ltr"] .SafiTax-switch-checkbox input[type="checkbox"] + label:after { content: ""; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 15px; height: 15px; border: 1px solid #fff; background-color: #fff; position: absolute; z-index: 20; right: 3px; top: 2px; text-indent: 2px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; /**/ } html[dir="rtl"] .SafiTax-switch-checkbox input[type="checkbox"]:checked + label:after { left: 20px; } html[dir="ltr"] .SafiTax-switch-checkbox input[type="checkbox"]:checked + label:after { right: 20px; } .SafiTax-switch-checkbox input[type="checkbox"]:checked + label:before { background-color: #008CFF; } .SafiTax-switch-checkbox-basic .SafiTax-switch-checkbox .SafiTax-switch-checkbox-checkboxitem { margin: 0 !important; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item { flex: 0 0 50%; max-width: 50%; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item input[type="checkbox"] { display: none; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item label { display: block; margin-bottom: 0; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item label .SafiTax-switch-checkbox-icon-innerwrapper { cursor: pointer; border: 1px solid #dfe3e9; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; /**/ background-color: white; display: table; width: 100%; } .CustomBackgroundSwitch { background-color: #EFF5FF !important; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item label .SafiTax-switch-checkbox-icon-item-icon { background-color: #f3f8fe; color: #80a5c4; display: table-cell; vertical-align: middle; text-align: center; width: 43px; height: 36px; font-size: 20px; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item label .SafiTax-switch-checkbox-icon-item-text { color: #264a6d; font-size: 13px; padding: 0 15px; display: table-cell; vertical-align: middle; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item input[type="checkbox"]:checked + label .SafiTax-switch-checkbox-icon-innerwrapper { border-color: #2a9ff6; } .SafiTax-switch-checkbox-icon-wrapper .SafiTax-switch-checkbox-icon-item input[type="checkbox"]:checked + label .SafiTax-switch-checkbox-icon-item-icon { background-color: #2a9ff6; color: #fff; } /* Popup Aside SafiTax*/ .SafiTax-form-Popup { text-align: center; color: #131f2b; border-bottom: 1px solid #e3eaf3; padding-bottom: 15px; margin-bottom: 20px; } .SafiTax-form-Aside { font-size: 18px; color: #131f2b; border-bottom: 1px solid #e3eaf3; padding-bottom: 15px; margin-bottom: 20px; } .main-header { -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1) !important; -ms-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1) !important; box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1) !important; } .main-header .navbar-brand { font-weight: 600; font-size: 20px; /*@extend .text-uppercase; */ margin: 0; } .main-header .nav-link { color: #fff; padding-right: 20px !important; padding-left: 20px !important; } .main-header .nav-link:hover { color: #f8f9fa; } .SafiTax-aside-view-popup .modal-dialog { border: 0; padding: 0 0; margin: auto; position: fixed; margin: auto; width: 320px; max-width: 320px; height: 100%; -moz-transform: translate3d(0%, 0, 0) !important; -o-transform: translate3d(0%, 0, 0) !important; -ms-transform: translate3d(0%, 0, 0) !important; -webkit-transform: translate3d(0%, 0, 0) !important; transform: translate3d(0%, 0, 0) !important; } .SafiTax-aside-view-popup .modal-content { height: 100%; min-height: 500px !important; overflow-y: auto; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; border-radius: 0; border: 0; padding: 0 0; } .SafiTax-aside-view-popup .modal-body { padding: 0; } @media only screen and (max-width: 480px) { .SafiTax-aside-view-popup .modal-dialog { width: 100% !important; max-width: 100% !important; } } html[dir="ltr"] .SafiTax-aside-view-popup .modal-dialog { right: -320px; -webkit-transition: opacity 0.2s linear, right 0.2s ease-out !important; -moz-transition: opacity 0.2s linear, right 0.2s ease-out !important; -ms-transition: opacity 0.2s linear, right 0.2s ease-out !important; transition: opacity 0.2s linear, right 0.2s ease-out !important; } html[dir="ltr"] .SafiTax-aside-view-popup.fade.show .modal-dialog { right: 0; } html[dir="rtl"] .SafiTax-aside-view-popup .modal-dialog { left: -320px; -webkit-transition: opacity 0.2s linear, left 0.2s ease-out !important; -moz-transition: opacity 0.2s linear, left 0.2s ease-out !important; -ms-transition: opacity 0.2s linear, left 0.2s ease-out !important; transition: opacity 0.2s linear, left 0.2s ease-out !important; } html[dir="rtl"] .SafiTax-aside-view-popup.fade.show .modal-dialog { left: 0; } html[dir="ltr"] .SafiTax-aside-view-popup .modal-dialog { right: -320px; -webkit-transition: opacity 0.2s linear, left 0.2s ease-out !important; -moz-transition: opacity 0.2s linear, left 0.2s ease-out !important; -ms-transition: opacity 0.2s linear, left 0.2s ease-out !important; transition: opacity 0.2s linear, left 0.2s ease-out !important; } html[dir="ltr"] .SafiTax-aside-view-popup.fade.show .modal-dialog { right: 0; } /* Spinners*/ .SafiTax-spinner-contanier { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; background-color: transparent; } .SafiTax-spinner-contanier .sk-cube-grid { display: none; } .SafiTax-spinner-contanier.spinner-active { background-color: rgba(0, 0, 0, 0.7); } .SafiTax-spinner-contanier.spinner-active .sk-cube-grid { display: block; } .sk-cube-grid { width: 40px; height: 40px; margin: 100px auto; } html[dir="rtl"] .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: rgba(255, 255, 255, 0.8); float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } html[dir="ltr"] .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: rgba(255, 255, 255, 0.8); float: right; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /* Alert Model SafiTax*/ html[dir="rtl"] .SafiTax-alert-modal-contanier { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9998; background-color: rgba(0, 0, 0, 0.6); overflow-y: auto; } html[dir="ltr"] .SafiTax-alert-modal-contanier { position: fixed; top: 0; right: 0; height: 100%; width: 100%; z-index: 9998; background-color: rgba(0, 0, 0, 0.6); overflow-y: auto; } html[dir="rtl"] .SafiTax-alert-modal { background-color: white; width: 371px; /*height: 355px; */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 16px !important; /**/ padding: 47px 60px; text-align: center !important; /*coloring*/ /*custom color*/ /*Sizing*/ } html[dir="ltr"] .SafiTax-alert-modal { background-color: white; width: 371px; /*height: 355px; */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7) !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 16px !important; /**/ padding: 47px 43px; text-align: center !important; /*coloring*/ /*custom color*/ /*Sizing*/ } .SafiTax-alert-modal .SafiTax-alert-icon { width: 60px; height: 60px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; /**/ margin-left: auto; margin-right: auto; } .SafiTax-alert-modal .SafiTax-alert-icon i { font-size: 32px; } .SafiTax-alert-modal .SafiTax-alert-Title { font-size: 24px; font-weight: bold; color: #333; } .SafiTax-alert-modal .SafiTax-alert-Message { font-size: 14px; color: #868e96; margin-bottom: 47px; } .SafiTax-alert-modal .SafiTax-alert-Bigbutton { width: 180px; height: 40px; cursor: pointer; border: 0; color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .SafiTax-alert-modal .SafiTax-alert-btn-secondary { width: 100px; height: 40px; border: 2px solid #e3eaf3; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ color: #7090ab; background-color: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .SafiTax-alert-modal .SafiTax-alert-btn-secondary:hover { background-color: #e2e9ee !important; } .SafiTax-alert-modal .SafiTax-alert-btn-primary { min-width: 100px; padding: 0 10px; height: 40px; cursor: pointer; border: 0; color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .SafiTax-alert-modal button { font-size: 14px; } .SafiTax-alert-modal[SafiTax-alert-type="success"] .SafiTax-alert-icon { background-color: #ebfbee; border: 1px solid #d3f9d8; } .SafiTax-alert-modal[SafiTax-alert-type="success"] .SafiTax-alert-icon i { color: #40c057; } .SafiTax-alert-modal[SafiTax-alert-type="success"] .SafiTax-alert-icon path { fill: #40c057; } .SafiTax-alert-modal[SafiTax-alert-type="success"] .SafiTax-alert-Bigbutton { background-color: #56b349; } .SafiTax-alert-modal[SafiTax-alert-type="success"] .SafiTax-alert-Bigbutton:hover { background-color: #49983e !important; } .SafiTax-alert-modal[SafiTax-alert-type="error"] .SafiTax-alert-icon { background-color: #fff4e6; border: 1px solid #ffe8cc; } .SafiTax-alert-modal[SafiTax-alert-type="error"] .SafiTax-alert-icon i { color: #FA5252; } .SafiTax-alert-modal[SafiTax-alert-type="error"] .SafiTax-alert-icon path { fill: #FA5252; } .SafiTax-alert-modal[SafiTax-alert-type="error"] .SafiTax-alert-Bigbutton { background-color: #FA5252; } .SafiTax-alert-modal[SafiTax-alert-type="error"] .SafiTax-alert-Bigbutton:hover { background-color: #FA5252 !important; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-icon { background-color: #fff5f5; border: 1px solid #ffe4e4; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-icon i { color: #fa5252; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-icon path { fill: #fa5252; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-btn-primary { background-color: #f03e3e; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-btn-primary.SafiTax-alert-btn-primary-green { background-color: #008CFF !important; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-btn-primary:hover { background-color: #cc3535 !important; } .SafiTax-alert-modal[SafiTax-alert-type="confirmation"] .SafiTax-alert-btn-primary:hover.SafiTax-alert-btn-primary-green { background-color: #2f9741 !important; } .SafiTax-alert-modal.SafiTax-alert-modal-green .SafiTax-alert-icon { background-color: #ebfbee; border: 1px solid #d3f9d8; } .SafiTax-alert-modal.SafiTax-alert-modal-green .SafiTax-alert-icon i { color: #40c057; } .SafiTax-alert-modal.SafiTax-alert-modal-green .SafiTax-alert-btn-primary { background-color: #008CFF; } .SafiTax-alert-modal.SafiTax-alert-modal-green .SafiTax-alert-btn-primary:hover { background-color: #2f9741 !important; } .SafiTax-alert-modal.SafiTax-alert-modal-lg { width: 500px; } [SafiTax-alert-type="success"] svg, [SafiTax-alert-type="error"] svg, [SafiTax-alert-type="confirmation"] svg { width: 32px; } .SafiTax-toster-alert { position: fixed; top: 3px; margin: 0 3px; padding: 11px 35px; background-color: rgba(34, 139, 34, 0.9); background-color: #228b22; opacity: 0.9; color: #fff; z-index: 9999; font-size: 14px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important; -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important; cursor: pointer; -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -ms-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; /*\transition: opacity 500ms; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; -moz-transition: opacity 500ms; */ } .SafiTax-toster-alert svg { width: 15px; height: 15px; } .SafiTax-toster-alert svg path { fill: #fff; } .SafiTax-toster-alert .txt-message { font-size: 14px; color: #fff; } html[dir="ltr"] .SafiTax-alert-modal button:not(:last-child) { margin-right: 20px; } html[dir="ltr"] .SafiTax-toster-alert { right: 0; } html[dir="ltr"] .SafiTax-toster-alert .txt-message { margin-left: 10px; } html[dir="rtl"] .SafiTax-toster-alert { left: 0; } html[dir="rtl"] .SafiTax-toster-alert .txt-message { margin-right: 10px; } html[dir="ltr"] .SafiTax-toster-alert { right: 0; } html[dir="ltr"] .SafiTax-toster-alert .txt-message { margin-left: 10px; } .SafiTax-animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .CompanyLogo { padding-bottom: 10px; width: 45%; } @media screen and (max-width: 667px) { html[dir="rtl"] .header-menu-wrapper.header-menu-wrapper-right { right: 0; border-radius: 5px; margin-bottom: 10px; height: 120px; top: 0px; width: 100% !important; left: auto; } html[dir="ltr"] .header-menu-wrapper.header-menu-wrapper-right { left: 0; border-radius: 5px; margin-bottom: 10px; height: 120px; top: 0px; width: 100% !important; right: auto; } .w-150px{ width:35% !important; } .btn.btn-primary { margin-bottom: 5px; } .mx-2 { margin-left: 5px !important; margin-right: 5px !important; } .header-bottom { margin-bottom: 0px; position: relative; } .card.card-custom > .card-header:not(.flex-nowrap) { min-height: 0; zoom: 0.6; padding-top: 0.5rem; padding-bottom: 0.5rem; } .menu-nav li { font-size: 13px; font-weight: bold; padding-top: 3px; width: 80%; text-align: center; height: 29px; } .menu-nav li::marker { color: white; } .header-bottom .header-menu-wrapper { position: relative; } [name="ChangeCompany"]{ display:none; } html[dir="rtl"] .header-menu-wrapper { z-index: 1001; position: fixed; top: 0; bottom: 0; -webkit-transition: left .3s ease,right .3s ease,bottom .3s ease,top .3s ease; transition: left .3s ease,right .3s ease,bottom .3s ease,top .3s ease; left: 0px; width: 275px; } html[dir="ltr"] .header-menu-wrapper { z-index: 1001; position: fixed; top: 0; bottom: 0; -webkit-transition: left .3s ease,right .3s ease,bottom .3s ease,top .3s ease; transition: left .3s ease,right .3s ease,bottom .3s ease,top .3s ease; right: 0px; width: 275px; } #kt_calendar{ zoom:0.4; } html[dir="rtl"] .mr-5, html[dir="rtl"] .mx-5 { margin-right: 5.25rem !important; } html[dir="ltr"] .mr-5, html[dir="ltr"] .mx-5 { margin-left: 5.25rem !important; } button { margin-bottom: 5px; } #kt_quick_user{ zoom:0.8; } .nav-link { font-size: 18px; } body { overflow-y: scroll !important; } .CompanyLogo { padding-bottom: 10px; width: 15%; padding-top: 6px; } .topbar { position: absolute; top: 0; left: 0; width:10px; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0; height: 50px; -webkit-box-shadow: 0 1px 9px -3px rgb(0 0 0 / 10%); box-shadow: 0 1px 9px -3px rgb(0 0 0 / 10%); background-color: unset; border-top: 1px solid transparent; } } /*colors*/ /*size*/ .SafiTax-form-widgets input[type="number"] { -moz-appearance: textfield; } .SafiTax-form-widgets textarea { resize: none; padding-top: 5px !important; padding-bottom: 5px !important; line-height: 20px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .SafiTax-KYn { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; /**/ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block !important; font-weight: 400; text-align: center; vertical-align: middle; font-size: 12px; padding: 0 20px; height: 34px; border-width: 1px; border-style: solid; cursor: pointer; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; text-transform: capitalize; outline: none !important; /*types*/ } .SafiTax-KYn.SafiTax-btn-solid { background-color: #007cc0; border-color: #007cc0; color: #fff; } .SafiTax-KYn.SafiTax-btn-solid:hover { border-color: #3396cd; background-color: #3396cd; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-primary { background-color: #008CFF; border-color: #008CFF; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-primary:hover { border-color: #5fc171; background-color: #5fc171; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-secondary { background-color: #486c8f; border-color: #486c8f; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-secondary:hover { border-color: #6d89a5; background-color: #6d89a5; } .SafiTax-KYn.SafiTax-btn-outline { background-color: #fff; border-color: #007cc0; } .SafiTax-KYn.SafiTax-btn-outline:hover { border-color: #b3d8ec; background-color: #b3d8ec; color: #fff; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-primary { background-color: #fff; border-color: #008CFF; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-primary:hover { border-color: #5fc171; background-color: #5fc171; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-secondary { background-color: #fff; border-color: #486c8f; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-secondary:hover { border-color: #6d89a5; background-color: #6d89a5; } .SafiTax-KYn[disabled="disabled"] { background-color: #ced4da !important; border-color: #ced4da !important; cursor: not-allowed !important; } .SafiTax-KYn[disabled="disabled"]:hover { background-color: #ced4da !important; border-color: #ced4da !important; color: #fff; } /*colors*/ /*size*/ /*Type Text*/ .SafiTax-form-widgets input[type="text"], .SafiTax-form-widgets input[type="number"] { height: 28px; line-height: 35px; } .SafiTax-form-widgets input[type="text"], .SafiTax-form-widgets input[type="number"], .SafiTax-form-widgets textarea { display: block; width: 100%; padding: 0 16px; font-size: 13px; border: 1px solid #dfe3e9; color: #264a6d; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .SafiTax-form-widgets input[disabled="disabled"][type="text"], .SafiTax-form-widgets input[disabled="disabled"][type="number"], .SafiTax-form-widgets textarea[disabled="disabled"] { background-color: #e9edf1; color: #8f96a1; cursor: not-allowed; } .SafiTax-form-widgets input[readonly="readonly"][type="text"], .SafiTax-form-widgets input[readonly="readonly"][type="number"], .SafiTax-form-widgets textarea[readonly="readonly"] { background-color: #e9edf1; color: #8f96a1; cursor: not-allowed; } .SafiTax-form-widgets input.input-validation-error[type="text"], .SafiTax-form-widgets input.input-validation-error[type="number"], .SafiTax-form-widgets textarea.input-validation-error { border-color: #f00 !important; background-color: #fee !important; color: #f00 !important; } .SafiTax-form-widgets input[type="text"]:focus, .SafiTax-form-widgets input[type="number"]:focus, .SafiTax-form-widgets textarea:focus { border-color: #69b3ff; } /*Type Password*/ .SafiTax-form-widgets input[type="password"] { height: 35px; line-height: 35px; } .SafiTax-form-widgets input[type="password"] { display: block; width: 100%; padding: 0 16px; font-size: 13px; border: 1px solid #dfe3e9; color: #264a6d; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .SafiTax-form-widgets input[disabled="disabled"][type="password"], .SafiTax-form-widgets input[disabled="disabled"][type="number"], .SafiTax-form-widgets textarea[disabled="disabled"] { background-color: #e9edf1; color: #8f96a1; cursor: not-allowed; } .SafiTax-form-widgets input[readonly="readonly"][type="password"] { background-color: #e9edf1; color: #8f96a1; cursor: not-allowed; } .SafiTax-form-widgets input.input-validation-error[type="password"] { border-color: #f00 !important; background-color: #fee !important; color: #f00 !important; } .SafiTax-form-widgets input[type="password"]:focus { border-color: #69b3ff; } /*Type Email*/ .SafiTax-form-widgets input[type="email"] { height: 35px; line-height: 35px; } .SafiTax-form-widgets input[type="email"] { display: block; width: 100%; padding: 0 16px; font-size: 13px; border: 1px solid #dfe3e9; color: #264a6d; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; /**/ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .SafiTax-form-widgets input[disabled="disabled"][type="email"], .SafiTax-form-widgets input[disabled="disabled"][type="number"], .SafiTax-form-widgets textarea[disabled="disabled"] { background-color: #e9edf1; color: #8f96a1; cursor: not-allowed; } .SafiTax-form-widgets input[readonly="readonly"][type="email"] { background-color: #e9edf1; color: #8f96a1; cursor: not-allowed; } .SafiTax-form-widgets input.input-validation-error[type="email"] { border-color: #f00 !important; background-color: #fee !important; color: #f00 !important; } .SafiTax-form-widgets input[type="email"]:focus { border-color: #69b3ff; } /*Other SafiTax Css*/ .SafiTax-form-widgets { margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } .SafiTax-form-widgets label { font-size: 12px; color: #3f4254; text-transform: capitalize; margin-bottom: 10px; display: block; font-weight: 500; } .SafiTax-form-widgets ::-webkit-input-placeholder { color: #adb0b5; font-size: 12px !important; opacity: 1; } .SafiTax-form-widgets :-moz-placeholder { color: #adb0b5; font-size: 12px !important; opacity: 1; } .SafiTax-form-widgets ::-moz-placeholder { color: #adb0b5; font-size: 12px !important; opacity: 1; } .SafiTax-form-widgets :-ms-input-placeholder { color: #adb0b5; font-size: 12px !important; opacity: 1; } .form-group .input-validation-error { border-color: #f00 !important; background-color: #fee !important; color: #f00 !important; } *:focus { outline: none; } html[dir="rtl"] .SafiTax-Invisible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px; visibility: hidden; opacity: 0; } html[dir="ltr"] .SafiTax-Invisible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; right: 50%; top: 30px; visibility: hidden; opacity: 0; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-customTheme { background-color: #115898; border-color: #115898; } .SafiTax-KYn.SafiTax-btn-solid.SafiTax-btn-customTheme:hover { border-color: #6492bc; background-color: #6492bc; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-customTheme { border-color: #115898; } .SafiTax-KYn.SafiTax-btn-outline.SafiTax-btn-customTheme:hover { border-color: #6492bc; background-color: #6492bc; } /*Directions*/ html[dir="rtl"] .mr-auto { margin-right: unset !important; margin-left: auto !important; } html[dir="rtl"] .ml-auto { margin-left: unset !important; margin-right: auto !important; } html[dir="ltr"] .mr-auto { margin-left: unset !important; margin-right: auto !important; } html[dir="ltr"] .ml-auto { margin-right: unset !important; margin-left: auto !important; } /*SafiTax Admin Clasess*/ .SafiTax_ErrorBg,.SafiTax_SessionBg { background-image: url(../Content/media/error/bg6.jpg); } .SafiTax_Oops { margin-top: 12rem; font-size: 60px !important; } .SafiTax_LoginBg { background-image: url(../Content/media/bg/bg-3.jpg); } .SafiTax_ImageUploader { background-color: #008CFF; border-radius: 3px; } .SafiTax_Active { background-color: #E1EED3; color: #56B349; } .SafiTax_InActive { background-color: #EED3D3; color: #B34949 } .SafiTax_DefaultTap { padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 1.25rem; padding-top: 1px; } .SafiTax_Delete { background-color: #BD574E; } .SafiTax_Save { background-color: #70AF85 } .SafiTax_BtnGenerate { background-color: #008CFF; color: white; width: 15%; } .SafiTax_HeaderMenuItem { border-radius: 20px; font-size: 17px; } .SafiTax_CreateNow { background-color: #88C0C2; } .SafiTax_NewCompanyDashboard { height: 370px; background-color: #008CFF; background-position: right bottom; background-size: 55% auto; background-image: url(../Content/SafiTax/icons/ThemeSVG/newcompany.svg); } .SafiTax_NewVersionDashboard { height: 370px; background-color: #008CFF; background-position: right bottom; background-size: 55% auto; background-image: url(../Content/SafiTax/icons/ThemeSVG/User.svg); } .SafiTax_ImageUsersDashboard { border-radius: 5px; } .SafiTax_InnerRowContacts { background-color: #008CFF; color: white; border-radius: 5px; } .SafiTax_DeleteRowContacts { font-size: 15px; } .SafiTax_ImageIcon { border-radius: 5px; } .SafiTax_body { background-color: #F0F4FA; } .SafiTax_Logout { background-color: #486C8F; color: white; } .SafiTax_AsideHeader { font-size: 17px; } .SafiTax_btnCancel { background-color: #BD574E; color: white; } .SafiTax_btnSave { background-color: #70AF85; color: white; } /*Cheques*/ .SafiTax_NewCompanyAccount { height: 370px; background-color: #008CFF; background-position: right bottom; background-size: 55% auto; background-image: url(../Content/SafiTax/icons/ThemeSVG/Cheques/Account.svg); } .SafiTax_NewCompanyClient { height: 370px; background-color: #008CFF; background-position: right bottom; background-size: 55% auto; background-image: url(../Content/SafiTax/icons/ThemeSVG/Cheques/Client.svg); } .SafiTax_NewCompanyMember { height: 370px; background-color: #008CFF; background-position: right bottom; background-size: 55% auto; background-image: url(../Content/SafiTax/icons/ThemeSVG/Cheques/Member.svg); } @font-face { font-family: "SafiTaxCheques"; src: url(SafiTaxCheques.ttf) format("truetype"); }