/* This css file is to over write bootstrap css --------------------------------------------------------- / * Theme Name: Sufee-Admin Admin Template * Theme URI: http://demos.jeweltheme.com/Sufee-Admin/ * Author: jewel_theme * Author URI: http://themeforest.net/user/jewel_theme/portfolio * Description: * Version: 1.0.0 * License: GNU General Public License v2 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html * Tags: html, themplate, Sufee-Admin --------------------------------------------------------- */ /* Bootstrap */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);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);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}25%,75%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@keyframes flash{0%,50%,to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}25%,75%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(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-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-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-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;-ms-transform-origin:top center;transform-origin:top center}@-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;-webkit-transform-origin:center;animation-name:jello;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";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%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";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%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=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%{-webkit-transform:translate3d(0,20px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}@keyframes fadeIn{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@keyframes fadeOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(100%,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}50%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}50%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@keyframes zoomOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.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{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}} .gaugejs-wrap { position: relative; margin: 0 auto; } .gaugejs-wrap canvas.gaugejs { width: 100% !important; height: auto !important; } .gaugejs-wrap.sparkline .value, .gaugejs-wrap i { top: 50%; display: block; width: 100%; text-align: center; } .gaugejs-wrap i { position: absolute; left: 0; z-index: 1000; margin-top: -15px; font-size: 30px; } .gaugejs-wrap.type-2 .value { display: block; margin-top: -85px; } .gaugejs-wrap.type-2 label { display: block; margin-top: -10px; font-size: 10px; font-weight: 600; color: #9da0a8; text-transform: uppercase; } .gaugejs-wrap.sparkline { position: relative; } .gaugejs-wrap.sparkline .value { position: absolute; margin-top: -5px; font-size: 10px; line-height: 10px; } .switch.switch-default { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 24px; background-color: transparent; cursor: pointer; } .switch.switch-default .switch-input { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-default .switch-label { position: relative; display: block; height: inherit; font-size: 10px; font-weight: 600; text-transform: uppercase; background-color: #fff; border: 1px solid #e9ecef; border-radius: 2px; -webkit-transition:opacity background 0.15s ease-out; transition: opacity background 0.15s ease-out; } .switch.switch-default .switch-input:checked ~ .switch-label:before { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-default .switch-input:checked ~ .switch-label:after { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .switch.switch-default .switch-handle { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border: 1px solid #e9ecef; border-radius: 1px; -webkit-transition:left 0.15s ease-out; transition: left 0.15s ease-out; } .switch.switch-default .switch-input:checked ~ .switch-handle { left: 18px; } .switch.switch-default.switch-lg { width: 48px; height: 28px; } .switch.switch-default.switch-lg .switch-label { font-size: 12px; } .switch.switch-default.switch-lg .switch-handle { width: 24px; height: 24px; } .switch.switch-default.switch-lg .switch-input:checked ~ .switch-handle { left: 22px; } .switch.switch-default.switch-sm { width: 32px; height: 20px; } .switch.switch-default.switch-sm .switch-label { font-size: 8px; } .switch.switch-default.switch-sm .switch-handle { width: 16px; height: 16px; } .switch.switch-default.switch-sm .switch-input:checked ~ .switch-handle { left: 14px; } .switch.switch-default.switch-xs { width: 24px; height: 16px; } .switch.switch-default.switch-xs .switch-label { font-size: 7px; } .switch.switch-default.switch-xs .switch-handle { width: 12px; height: 12px; } .switch.switch-default.switch-xs .switch-input:checked ~ .switch-handle { left: 10px; } .switch.switch-text { position: relative; display: inline-block; vertical-align: top; width: 48px; height: 24px; background-color: transparent; cursor: pointer; } .switch.switch-text .switch-input { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-text .switch-label { position: relative; display: block; height: inherit; font-size: 10px; font-weight: 600; text-transform: uppercase; background-color: #fff; border: 1px solid #e9ecef; border-radius: 2px; -webkit-transition:opacity background 0.15s ease-out; transition: opacity background 0.15s ease-out; } .switch.switch-text .switch-label:after, .switch.switch-text .switch-label:before { position: absolute; top: 50%; width: 50%; margin-top: -.5em; line-height: 1; text-align: center; -webkit-transition:inherit; transition: inherit; } .switch.switch-text .switch-label:before { right: 1px; color: #e9ecef; content: attr(data-off); } .switch.switch-text .switch-label:after { left: 1px; color: #fff; content: attr(data-on); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-text .switch-input:checked ~ .switch-label:before { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-text .switch-input:checked ~ .switch-label:after { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .switch.switch-text .switch-handle { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border: 1px solid #e9ecef; border-radius: 1px; -webkit-transition:left 0.15s ease-out; transition: left 0.15s ease-out; } .switch.switch-text .switch-input:checked ~ .switch-handle { left: 26px; } .switch.switch-text.switch-lg { width: 56px; height: 28px; } .switch.switch-text.switch-lg .switch-label { font-size: 12px; } .switch.switch-text.switch-lg .switch-handle { width: 24px; height: 24px; } .switch.switch-text.switch-lg .switch-input:checked ~ .switch-handle { left: 30px; } .switch.switch-text.switch-sm { width: 40px; height: 20px; } .switch.switch-text.switch-sm .switch-label { font-size: 8px; } .switch.switch-text.switch-sm .switch-handle { width: 16px; height: 16px; } .switch.switch-text.switch-sm .switch-input:checked ~ .switch-handle { left: 22px; } .switch.switch-text.switch-xs { width: 32px; height: 16px; } .switch.switch-text.switch-xs .switch-label { font-size: 7px; } .switch.switch-text.switch-xs .switch-handle { width: 12px; height: 12px; } .switch.switch-text.switch-xs .switch-input:checked ~ .switch-handle { left: 18px; } .switch.switch-icon { position: relative; display: inline-block; vertical-align: top; width: 48px; height: 24px; background-color: transparent; cursor: pointer; } .switch.switch-icon .switch-input { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-icon .switch-label { position: relative; display: block; height: inherit; font-family: FontAwesome; font-size: 10px; font-weight: 600; text-transform: uppercase; background-color: #fff; border: 1px solid #e9ecef; border-radius: 2px; -webkit-transition:opacity background 0.15s ease-out; transition: opacity background 0.15s ease-out; } .switch.switch-icon .switch-label:after, .switch.switch-icon .switch-label:before { position: absolute; top: 50%; width: 50%; margin-top: -.5em; line-height: 1; text-align: center; -webkit-transition:inherit; transition: inherit; } .switch.switch-icon .switch-label:before { right: 1px; color: #e9ecef; content: attr(data-off); } .switch.switch-icon .switch-label:after { left: 1px; color: #fff; content: attr(data-on); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-icon .switch-input:checked ~ .switch-label:before { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-icon .switch-input:checked ~ .switch-label:after { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .switch.switch-icon .switch-handle { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border: 1px solid #e9ecef; border-radius: 1px; -webkit-transition:left 0.15s ease-out; transition: left 0.15s ease-out; } .switch.switch-icon .switch-input:checked ~ .switch-handle { left: 26px; } .switch.switch-icon.switch-lg { width: 56px; height: 28px; } .switch.switch-icon.switch-lg .switch-label { font-size: 12px; } .switch.switch-icon.switch-lg .switch-handle { width: 24px; height: 24px; } .switch.switch-icon.switch-lg .switch-input:checked ~ .switch-handle { left: 30px; } .switch.switch-icon.switch-sm { width: 40px; height: 20px; } .switch.switch-icon.switch-sm .switch-label { font-size: 8px; } .switch.switch-icon.switch-sm .switch-handle { width: 16px; height: 16px; } .switch.switch-icon.switch-sm .switch-input:checked ~ .switch-handle { left: 22px; } .switch.switch-icon.switch-xs { width: 32px; height: 16px; } .switch.switch-icon.switch-xs .switch-label { font-size: 7px; } .switch.switch-icon.switch-xs .switch-handle { width: 12px; height: 12px; } .switch.switch-icon.switch-xs .switch-input:checked ~ .switch-handle { left: 18px; } .switch.switch-3d { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 24px; background-color: transparent; cursor: pointer; } .switch.switch-3d .switch-input { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-3d .switch-label { position: relative; display: block; height: inherit; font-size: 10px; font-weight: 600; text-transform: uppercase; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 2px; -webkit-transition:opacity background 0.15s ease-out; transition: opacity background 0.15s ease-out; } .switch.switch-3d .switch-input:checked ~ .switch-label:before { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .switch.switch-3d .switch-input:checked ~ .switch-label:after { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .switch.switch-3d .switch-handle { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #fff; border: 1px solid #e9ecef; border-radius: 1px; -webkit-transition:left 0.15s ease-out; transition: left 0.15s ease-out; border: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .switch.switch-3d .switch-input:checked ~ .switch-handle { left: 16px; } .switch.switch-3d.switch-lg { width: 48px; height: 28px; } .switch.switch-3d.switch-lg .switch-label { font-size: 12px; } .switch.switch-3d.switch-lg .switch-handle { width: 28px; height: 28px; } .switch.switch-3d.switch-lg .switch-input:checked ~ .switch-handle { left: 20px; } .switch.switch-3d.switch-sm { width: 32px; height: 20px; } .switch.switch-3d.switch-sm .switch-label { font-size: 8px; } .switch.switch-3d.switch-sm .switch-handle { width: 20px; height: 20px; } .switch.switch-3d.switch-sm .switch-input:checked ~ .switch-handle { left: 12px; } .switch.switch-3d.switch-xs { width: 24px; height: 16px; } .switch.switch-3d.switch-xs .switch-label { font-size: 7px; } .switch.switch-3d.switch-xs .switch-handle { width: 16px; height: 16px; } .switch.switch-3d.switch-xs .switch-input:checked ~ .switch-handle { left: 8px; } .switch-pill .switch-handle, .switch.switch-3d .switch-handle, .switch-pill .switch-label, .switch.switch-3d .switch-label { border-radius: 50em !important; } .switch-pill .switch-label:before, .switch.switch-3d .switch-label:before { right: 2px !important; } .switch-pill .switch-label:after, .switch.switch-3d .switch-label:after { left: 2px !important; } .switch-primary > .switch-input:checked ~ .switch-label { background: #007bff !important; border-color: #0062cc; } .switch-primary > .switch-input:checked ~ .switch-handle { border-color: #0062cc; } .switch-primary-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #007bff; } .switch-primary-outline > .switch-input:checked ~ .switch-label:after { color: #007bff; } .switch-primary-outline > .switch-input:checked ~ .switch-handle { border-color: #007bff; } .switch-primary-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #007bff; } .switch-primary-outline-alt > .switch-input:checked ~ .switch-label:after { color: #007bff; } .switch-primary-outline-alt > .switch-input:checked ~ .switch-handle { background: #007bff !important; border-color: #007bff; } .switch-secondary > .switch-input:checked ~ .switch-label { background: #868e96 !important; border-color: #6c757d; } .switch-secondary > .switch-input:checked ~ .switch-handle { border-color: #6c757d; } .switch-secondary-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #868e96; } .switch-secondary-outline > .switch-input:checked ~ .switch-label:after { color: #868e96; } .switch-secondary-outline > .switch-input:checked ~ .switch-handle { border-color: #868e96; } .switch-secondary-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #868e96; } .switch-secondary-outline-alt > .switch-input:checked ~ .switch-label:after { color: #868e96; } .switch-secondary-outline-alt > .switch-input:checked ~ .switch-handle { background: #868e96 !important; border-color: #868e96; } .switch-success > .switch-input:checked ~ .switch-label { background: #28a745 !important; border-color: #1e7e34; } .switch-success > .switch-input:checked ~ .switch-handle { border-color: #1e7e34; } .switch-success-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #28a745; } .switch-success-outline > .switch-input:checked ~ .switch-label:after { color: #28a745; } .switch-success-outline > .switch-input:checked ~ .switch-handle { border-color: #28a745; } .switch-success-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #28a745; } .switch-success-outline-alt > .switch-input:checked ~ .switch-label:after { color: #28a745; } .switch-success-outline-alt > .switch-input:checked ~ .switch-handle { background: #28a745 !important; border-color: #28a745; } .switch-info > .switch-input:checked ~ .switch-label { background: #17a2b8 !important; border-color: #117a8b; } .switch-info > .switch-input:checked ~ .switch-handle { border-color: #117a8b; } .switch-info-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #17a2b8; } .switch-info-outline > .switch-input:checked ~ .switch-label:after { color: #17a2b8; } .switch-info-outline > .switch-input:checked ~ .switch-handle { border-color: #17a2b8; } .switch-info-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #17a2b8; } .switch-info-outline-alt > .switch-input:checked ~ .switch-label:after { color: #17a2b8; } .switch-info-outline-alt > .switch-input:checked ~ .switch-handle { background: #17a2b8 !important; border-color: #17a2b8; } .switch-warning > .switch-input:checked ~ .switch-label { background: #ffc107 !important; border-color: #d39e00; } .switch-warning > .switch-input:checked ~ .switch-handle { border-color: #d39e00; } .switch-warning-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #ffc107; } .switch-warning-outline > .switch-input:checked ~ .switch-label:after { color: #ffc107; } .switch-warning-outline > .switch-input:checked ~ .switch-handle { border-color: #ffc107; } .switch-warning-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #ffc107; } .switch-warning-outline-alt > .switch-input:checked ~ .switch-label:after { color: #ffc107; } .switch-warning-outline-alt > .switch-input:checked ~ .switch-handle { background: #ffc107 !important; border-color: #ffc107; } .switch-danger > .switch-input:checked ~ .switch-label { background: #dc3545 !important; border-color: #bd2130; } .switch-danger > .switch-input:checked ~ .switch-handle { border-color: #bd2130; } .switch-danger-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #dc3545; } .switch-danger-outline > .switch-input:checked ~ .switch-label:after { color: #dc3545; } .switch-danger-outline > .switch-input:checked ~ .switch-handle { border-color: #dc3545; } .switch-danger-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #dc3545; } .switch-danger-outline-alt > .switch-input:checked ~ .switch-label:after { color: #dc3545; } .switch-danger-outline-alt > .switch-input:checked ~ .switch-handle { background: #dc3545 !important; border-color: #dc3545; } .switch-light > .switch-input:checked ~ .switch-label { background: #f8f9fa !important; border-color: #dae0e5; } .switch-light > .switch-input:checked ~ .switch-handle { border-color: #dae0e5; } .switch-light-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #f8f9fa; } .switch-light-outline > .switch-input:checked ~ .switch-label:after { color: #f8f9fa; } .switch-light-outline > .switch-input:checked ~ .switch-handle { border-color: #f8f9fa; } .switch-light-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #f8f9fa; } .switch-light-outline-alt > .switch-input:checked ~ .switch-label:after { color: #f8f9fa; } .switch-light-outline-alt > .switch-input:checked ~ .switch-handle { background: #f8f9fa !important; border-color: #f8f9fa; } .switch-dark > .switch-input:checked ~ .switch-label { background: #343a40 !important; border-color: #1d2124; } .switch-dark > .switch-input:checked ~ .switch-handle { border-color: #1d2124; } .switch-dark-outline > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #343a40; } .switch-dark-outline > .switch-input:checked ~ .switch-label:after { color: #343a40; } .switch-dark-outline > .switch-input:checked ~ .switch-handle { border-color: #343a40; } .switch-dark-outline-alt > .switch-input:checked ~ .switch-label { background: #fff !important; border-color: #343a40; } .switch-dark-outline-alt > .switch-input:checked ~ .switch-label:after { color: #343a40; } .switch-dark-outline-alt > .switch-input:checked ~ .switch-handle { background: #343a40 !important; border-color: #343a40; } .social-box { min-height: 160px; margin-bottom:24px; margin-bottom: 1.5rem; text-align: center; background: #fff; } .social-box i { display: block; margin: -1px -1px 0; font-size: 40px; line-height: 90px; background: #e9ecef; } .social-box .chart-wrapper { height: 90px; margin: -90px 0 0; } .social-box .chart-wrapper canvas { width: 100% !important; height: 90px !important; } .social-box ul { padding: 10px 0; list-style: none; } .social-box ul li { display: block; float: left; width: 50%; padding-top: 10px; font-size: 18px; } .social-box ul li:first-child { border-right: 1px solid #c2cfd6; } .social-box ul li strong { display: block; font-size: 20px; } .social-box ul li span { font-size: 18px; font-weight: 500; color: #949CA0; text-transform: uppercase; } .social-box.facebook i { color: #fff; background: #3b5998; } .social-box.twitter i { color: #fff; background: #00aced; } .social-box.linkedin i { color: #fff; background: #4875b4; } .social-box.google-plus i { color: #fff; background: #d34836; } .horizontal-bars { padding: 0; margin: 0; list-style: none; } .horizontal-bars li { position: relative; height: 40px; line-height: 40px; vertical-align: middle; } .horizontal-bars li .title { width: 100px; font-size: 12px; font-weight: 600; color: #868e96; vertical-align: middle; } .horizontal-bars li .bars { position: absolute; top: 15px; width: 100%; padding-left: 100px; } .horizontal-bars li .bars .progress:first-child { margin-bottom: 2px; } .horizontal-bars li.legend { text-align: center; } .horizontal-bars li.legend .badge { display: inline-block; width: 8px; height: 8px; padding: 0; } .horizontal-bars li.divider { height: 40px; } .horizontal-bars li.divider i { margin: 0 !important; } .horizontal-bars.type-2 li { overflow: hidden; } .horizontal-bars.type-2 li i { display: inline-block; margin-right:16px; margin-right: 1rem; margin-left: 5px; font-size: 18px; line-height: 40px; } .horizontal-bars.type-2 li .title { display: inline-block; width: auto; margin-top: -9px; font-size:16px; font-size: 1rem; font-weight: normal; line-height: 40px; color: #212529; } .horizontal-bars.type-2 li .value { float: right; font-weight: 600; } .horizontal-bars.type-2 li .bars { position: absolute; top: auto; bottom: 0; padding: 0; } .icons-list { padding: 0; margin: 0; list-style: none; } .icons-list li { position: relative; height: 40px; vertical-align: middle; } .icons-list li i { display: block; float: left; width: 35px !important; height: 35px !important; margin: 2px; line-height: 35px !important; text-align: center; } .icons-list li .desc { height: 40px; margin-left: 50px; border-bottom: 1px solid #e9ecef; } .icons-list li .desc .title { padding: 2px 0 0; margin: 0; } .icons-list li .desc small { display: block; margin-top: -4px; color: #868e96; } .icons-list li .value { position: absolute; top: 2px; right: 45px; text-align: right; } .icons-list li .value strong { display: block; margin-top: -3px; } .icons-list li .actions { position: absolute; top: -4px; right: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; } .icons-list li .actions i { float: none; width: auto; height: auto; padding: 0; margin: 0; line-height: normal; } .icons-list li.divider { height: 40px; } .icons-list li.divider i { width: auto; height: auto; margin: 2px 0 0; font-size: 18px; } .social { color: #fff; } .social.btn-sm { padding: 0 10px 0 0; font-size:14px; font-size: 0.875rem; line-height: 1.5; border-radius: 0; } .social.btn-lg { border-radius: 0; } .social.btn { border-radius: 0; } .social i { width:29px; width: 1.8125rem; line-height: 2; } .social.facebook { background: #3b5998; } .social.facebook:hover { background: #344e86; } .social.twitter { background: #00aced; } .social.twitter:hover { background: #0099d4; } .social.linkedin { background: #4875b4; } .social.linkedin:hover { background: #4169a2; } .social.flickr { background: #ff0084; } .social.flickr:hover { background: #e60077; } .social.tumblr { background: #32506d; } .social.tumblr:hover { background: #2a435c; } .social.xing { background: #026466; } .social.xing:hover { background: #024b4d; } .social.github { background: #4183c4; } .social.github:hover { background: #3876b4; } .social.html5 { background: #e34f26; } .social.html5:hover { background: #d4431b; } .social.openid { background: #f78c40; } .social.openid:hover { background: #f67d28; } .social.stack-overflow { background: #fe7a15; } .social.stack-overflow:hover { background: #f86c01; } .social.css3 { background: #0170ba; } .social.css3:hover { background: #0161a1; } .social.youtube { background: #b00; } .social.youtube:hover { background: #a20000; } .social.dribbble { background: #ea4c89; } .social.dribbble:hover { background: #e7357a; } .social.dropbox { background: #007ee5; } .social.dropbox:hover { background: #0070cc; } .social.google-plus { background: #d34836; } .social.google-plus:hover { background: #c43d2b; } .social.instagram { background: #517fa4; } .social.instagram:hover { background: #497293; } .social.pinterest { background: #cb2027; } .social.pinterest:hover { background: #b51d23; } .social.vk { background: #45668e; } .social.vk:hover { background: #3d5a7d; } .social.yahoo { background: #400191; } .social.yahoo:hover { background: #350178; } .social.behance { background: #1769ff; } .social.behance:hover { background: #0059fd; } .social.reddit { background: #ff4500; } .social.reddit:hover { background: #e63e00; } .social.spotify { background: #7ab800; } .social.spotify:hover { background: #699f00; } .social.vine { background: #00bf8f; } .social.vine:hover { background: #00a67c; } .social.foursquare { background: #1073af; } .social.foursquare:hover { background: #0e6498; } .social.vimeo { background: #aad450; } .social.vimeo:hover { background: #a0cf3c; } .bg-flat-color-1 { background: #20a8d8; } .bg-flat-color-2 { /* background: #63c2de; */ background: #4ea052; } .bg-flat-color-3 { background: #ffc107; } .bg-flat-color-4 { background: #f86c6b; } .bg-flat-color-5 { background: #4dbd74; } .bg-flat-color-6 { background: #BBBB00; } .bg-flat-color-7 { background: #8080C0; } .transition { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } body { background: #f1f2f7; display: table; font-family: 'Open Sans' sans-serif !important; font-size: 16px; width: 100%; } div[class*="col-"] { float: left; } p { font-size: 16px; font-family: 'Open Sans' sans-serif; font-weight: 400; line-height: 24px; color: #878787; } p:focus { border: none; outline: 0; } a, button { text-decoration: none; outline: none !important; color: #878787; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } a:focus, a:hover { text-decoration: none; color: #000; } h1, h2, h3, h4, h5, h6 { margin: 0; } ol, ul { padding-left: 0; } .btn:focus, button:focus { box-shadow: none !important; outline: 0; } img { max-width: 100%; } .btn, button, input, textarea { box-shadow: none; outline: 0 !important; } .no-padding { padding: 0 !important; } /* Global Styles */ /* Main Styles */ .basix-container { display: table; min-height: 100vh; position: relative; width: 100%; } aside.left-panel { background: #272c33; display: table-cell; height: 100vh; min-height: 100%; padding: 0 25px; vertical-align: top; width: 300px; -webkit-transition:width 0.3s ease; transition: width 0.3s ease; } .navbar { background: #272c33; border-radius: 0; border: none; display: block; margin: 0 0 100px; padding: 0; } .navbar .navbar-header { float: none; text-align: center; width: 100%; } .navbar .navbar-brand { border-bottom: 1px solid #4e4e52; color: #f1f2f7 !important; font-family: 'Open Sans'; font-size: 22px; float: none; line-height: 50px; margin: 0; text-align: left; text-transform: capitalize; display: block; min-height: 69px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .navbar .navbar-brand span { font-weight: 600; } .navbar .navbar-brand img { max-width: 160px; } .navbar .navbar-brand.hidden { display: none; } .navbar .menu-title { border-bottom: 1px solid #4e4e52; color: #9496a1; clear: both; display: block; font-family: 'Open Sans'; font-size: 14px; font-weight: 700; line-height: 50px; padding: 15px 0 0; text-transform: uppercase; width: 100%; } .navbar .navbar-nav { float: none; position: relative; } .navbar .navbar-nav li { width: 100%; } .navbar .navbar-nav li.active .menu-icon, .navbar .navbar-nav li:hover .toggle_nav_button:before, .navbar .navbar-nav li .toggle_nav_button.nav-open:before { color: #fff !important; } .navbar .navbar-nav li .dropdown-toggle:after { display: none; } .navbar .navbar-nav li > a { background: none !important; color: #c8c9ce !important; display: inline-block; font-family: 'Open Sans'; font-size: 14px; line-height: 30px; padding: 10px 0; position: relative; width: 100%; } .navbar .navbar-nav li > a:hover, .navbar .navbar-nav li > a:hover .menu-icon { color: #fff !important; } .navbar .navbar-nav li > a .menu-icon { color: #8b939b; float: left; margin-top: 8px; width: 55px; text-align: left; z-index: 9; } .navbar .navbar-nav li > a .menu-title-text { font-size: 14px; } .navbar .navbar-nav li > a .badge { border-radius: 0; font-family: 'Open Sans'; font-weight: 600; float: right; margin: 6px 0 0; padding: 0.4em 0.5em; } .navbar .navbar-nav li.menu-item-has-children { position: relative; } .navbar .navbar-nav li.menu-item-has-children a { line-height: 30px; } .navbar .navbar-nav li.menu-item-has-children a:before { content: "\f105"; color: #c8c9ce; font-family: 'Fontawesome'; font-size: 16px; position: absolute; top: 10px; right: 0; text-align: right; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .navbar .navbar-nav li.menu-item-has-children a:hover:before { color: #fff; } .navbar .navbar-nav li.menu-item-has-children .sub-menu { background: #272c33; border: none; box-shadow: none; overflow-y: hidden; padding: 0 0 0 35px; } .navbar .navbar-nav li.menu-item-has-children .sub-menu li { position: relative; } .navbar .navbar-nav li.menu-item-has-children .sub-menu i { color: #c8c9ce; float: left; padding: 0; position: absolute; left: 0; font-size: 12px; top: 9px; } .navbar .navbar-nav li.menu-item-has-children .sub-menu a { padding: 2px 0 2px 30px; } .navbar .navbar-nav li.menu-item-has-children .sub-menu a:before { content: ''; display: none; } .navbar .navbar-nav li.menu-item-has-children .sub-menu a .menu-icon { top: 13px; text-align: left; width: 25px; } .navbar .navbar-nav li.menu-item-has-children.show a:before { content: "\f107"; } .navbar .navbar-nav li.menu-item-has-children.show .sub-menu { max-height: 1000px; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: static !important; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a:hover { color: #d7d9e3 !important; } .navbar-nav li span.count { background: #a9d86e; border-radius: 50%; color: #fff; font-family: 'Open Sans'; font-size: 9px; font-weight: 700; float: right; height: 20px; width: 20px; line-height: 20px; margin-right: 15px; text-align: center; } body.open .navbar .navbar-brand.hidden { display: block; } .open aside.left-panel { max-width: 70px; width: 70px; } .open aside.left-panel .navbar .navbar-brand { display: none; } .open aside.left-panel .navbar .navbar-brand.hidden { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0; text-align: center; } .open aside.left-panel .navbar .navbar-brand.hidden img { max-width: 30px; margin: 0 auto; } .open aside.left-panel .navbar .navbar-brand.d-md-none { display: block !important; margin: 13px 0 0; min-height: 67px; padding: 0; text-align: center; } .open aside.left-panel .navbar .navbar-nav:before { display: none !important; } .open aside.left-panel .navbar .navbar-nav li { position: relative; } .open aside.left-panel .navbar .navbar-nav li a { font-size: 0; z-index: 0; -webkit-transition:none; transition: none; } .open aside.left-panel .navbar .navbar-nav li a .menu-icon { font-size: 20px; z-index: -1; width: inherit; } .open aside.left-panel .navbar .navbar-nav li a .menu-title-text { font-size: 0; } .open aside.left-panel .navbar .navbar-nav li a .badge { display: none; } .open aside.left-panel .navbar .navbar-nav li > a { max-width: 60px; padding-left: 0; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children { overflow: hidden; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children a:before { content: ''; display: none; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children ul { padding-left: 0; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu { display: block; left: inherit; right: -180px; top: 0; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu li a { display: block; font-size: 14px; max-width: inherit; padding: 2px 15px 2px 25px; width: 100%; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu li a .menu-icon { text-align: center; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show { overflow: visible; } .open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show .sub-menu { position: absolute !important; } .open aside.left-panel .navbar .navbar-nav li span.count { display: none; margin-right: 5px; z-index: 1; } .open aside.left-panel .navbar .navbar-nav li.active a:after { content: ''; display: none; } .open aside.left-panel .navbar .navbar-nav .menu-title { font-size: 0; line-height: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 0; } /* Right panel */ .right-panel { /* display: table-cell; */ padding-left: 0 !important; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .right-panel .breadcrumbs { background-color: #fff; display: inline-block; margin-top: 0; padding: 0 5px; width: 100%; } .right-panel .breadcrumbs .col-lg-8 .page-header { float: left; } .right-panel .page-header { min-height: 50px; margin: 0; padding: 0 15px; background: #ffffff; border-bottom: 0; } .right-panel .page-header h1 { font-size: 18px; padding: 15px 0; } .right-panel .page-header .breadcrumb { margin: 0; padding: 13.5px 0; background: #fff; text-transform: capitalize; } .right-panel .page-header .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .right-panel header.header { background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); clear: both; display: inline-block; padding: 15px 20px 13px; width: 100%; } .open .right-panel { margin-left: -210px; /* margin-left: 0px;*/ } header.fixed-top { background: #fff; padding: 20px; } .header-menu .col-sm-7 { position: inherit; } .menutoggle { background: #e74c3c; border-radius: 50%; color: #fff !important; cursor: pointer; font-size: 18px; height: 43px; line-height: 44px; margin: -2px 20px 0 -57px; text-align: center; width: 43px; } .open .menutoggle i:before { content: "\f0a4"; } .search-trigger { background: transparent; border: none; color: #272c33; cursor: pointer; font-size: 16px; height: 41px; width: 43px; line-height: 38px; } header .form-inline { background: #263238; display: none; height: 70px; margin: 0; width: 100%; position: absolute; left: 0; top: 0; z-index: 9999; } header .form-inline .search-form { height: 100%; max-width: 1025px; margin: 0 auto; position: relative; } header .form-inline .search-form input[type="text"] { background: #263238; border: none; border-radius: 0; box-shadow: none; color: #d3d3d3; font-size: 16px; height: inherit; margin-right: 0 !important; padding: 10px 36px 10px 15px; width: 100%; } header .form-inline .search-form input[type="text"].active, header .form-inline .search-form input[type="text"]:focus { border-color: rgba(0, 0, 0, 0.125); outline: 0; } header .form-inline .search-form button { background: transparent; border: none; color: #fff; font-size: 16px; position: absolute; right: 15px; top: 50%; margin-top: -14px !important; } header .form-inline .search-form .btn-outline-success:hover, header .form-inline .search-form button:active, header .form-inline .search-form button:focus, header .form-inline .search-form button:visited { background: transparent; border: none !important; box-shadow: none; outline: 0 !important; } header .form-inline .search-form.close { display: none; } @media (max-width: 769px) { .header-left { display:none; } } .header-left.open .form-inline { display: block; } .header-left .dropdown { display: inline-block; } .header-left .dropdown .dropdown-toggle { background: transparent; border: none; color: #272c33; font-size: 16px; } .header-left .dropdown .dropdown-toggle:after { display: none; } .header-left .dropdown .dropdown-toggle .count { border-radius: 50%; color: #fff; font-size: 11px; height: 15px; width: 15px; line-height: 15px; right: 0; top: 0; position: absolute; } .header-left .dropdown .dropdown-toggle:active, .header-left .dropdown .dropdown-toggle:focus, .header-left .dropdown .dropdown-toggle:visited { background: none !important; border-color: transparent !important; color: #272c33 !important; } .header-left .dropdown .dropdown-menu { background: #fff; border: none; border-radius: 0; box-shadow: none; top: 49px !important; } .header-left .dropdown .dropdown-menu p { font-size: 15px; margin: 0; padding: 5px 15px; } .header-left .dropdown .dropdown-menu .dropdown-item { color: #272c33; font-size: 13px; padding: 10px 15px 3px; text-overflow: ellipsis; } .header-left .dropdown .dropdown-menu .dropdown-item .photo { float: left; margin-right: 15px; width: 25px; } .header-left .dropdown .dropdown-menu .dropdown-item .message .name { margin-top: -5px; } .header-left .dropdown .dropdown-menu .dropdown-item .message .time { font-size: 11px; } .header-left .dropdown .dropdown-menu .dropdown-item .message p { clear: both; font-size: 14px; margin: 0; padding: 0; text-overflow: ellipsis; } .header-left .dropdown .dropdown-menu .dropdown-item:hover { background: transparent; } .dropdown-menu { border-radius: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .for-notification .dropdown-menu .dropdown-item { padding: 5px 15px !important; text-overflow: ellipsis; } .for-notification .dropdown-menu .dropdown-item i { float: left; font-size: 14px; margin: 5px 5px 0 0; text-align: left; width: 20px; } .for-notification .dropdown-menu .dropdown-item p { padding: 0 !important; text-overflow: ellipsis; } .user-area { float: right; padding-right: 0; position: relative; line-height: 38px; } .user-area .user-menu { background: #fff; border: none; font-family: 'Open Sans'; left: inherit !important; right: 0; top: 55px !important; margin: 0; max-width: 150px; padding: 5px 10px; position: absolute; width: 100%; z-index: 999; min-width: 150px; } .user-area .user-menu .nav-link { color: #272c33; display: block; font-size: 14px; line-height: 22px; padding: 5px 0; } .user-area .user-avatar { float: right; margin-top: 4px; width: 32px; } .user-area .user-info .name { color: #8c8c8c; font-size: 14px; position: relative; text-transform: uppercase; } .user-area .count { background: #d9534f; border-radius: 50%; color: #fff; font-family: 'Open Sans'; font-size: 9px; font-weight: 700; float: right; height: 20px; width: 20px; line-height: 20px; text-align: center; } .user-area .dropdown-toggle:after { display: none; } #menuToggle2 { padding-left: 25px; } #language-select { color: #f1f2f7; float: right; margin: 7px 20px 0 0; max-width: 80px; } #language-select:focus, #language-select:visited { border: none; outline: 0; } #language-select .dropdown-toggle:after { display: none; } #language-select .dropdown-menu { background: #fff; border: none; border-radius: 0; left: -8px !important; min-width: inherit; padding: 0 5px; top: 46px !important; } #language-select .dropdown-menu .dropdown-item { margin-right: 0; max-width: 25px; padding: 0; } #language-select .dropdown-menu .dropdown-item:hover { background: #fff; } #language-select .dropdown-menu .dropdown-item .flag-icon { margin-right: 0; width: 25px; } .language-show + .dropdown-menu, .message-show + .dropdown-menu, .notification-show + .dropdown-menu { display: block; } .content { float: left; padding: 0 20px; width: 100%; } .card { margin-bottom:24px; margin-bottom: 1.5rem; border-radius: 0; } .card h4 { font-size:17.6px; font-size: 1.1rem; } .card .user-header .media img { border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; -webkit-border-radius: 50%; } .card .card-header .card-actions button { display: block; float: left; width: 50px; padding:12px 0; padding: 0.75rem 0; margin: 0 !important !important; color: #fff; outline: 0; text-align: center; background: transparent; border: 0; border-left: 1px solid rgba(120, 130, 140, 0.4); } .card .card-footer { padding:10.4px 20px; padding: 0.65rem 1.25rem; background-color: #f0f3f5; border-top: 1px solid #c2cfd6; } .card .card-footer ul li { display: table-cell; padding:0 16px; padding: 0 1rem; text-align: center; } .breadcrumbs { margin-top: 0; } /* Tabs */ .nav-tabs a.active { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs .dropdown .dropdown-menu { top: 100% !important; } .custom-tab .nav-tabs > .active > a:focus, .custom-tab .nav-tabs > a.active, .custom-tab .nav-tabs > li.active > a:hover { border-color: transparent transparent; color: #ff2e44; position: relative; } .custom-tab .nav-tabs > a.active > a:after, .custom-tab .nav-tabs > li.active > a:focus:after, .custom-tab .nav-tabs > li.active > a:hover:after { background: #ff2e44; bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0; width: 100%; z-index: 999; } .card .card-header .card-actions { float: right; } .card .card-header .card-actions [class*="btn"] { border-left: 1px solid rgba(120, 130, 140, 0.4); color: #878787; display: inline-block; font-size: 16px; float: left; padding: 0 7px; width: inherit; text-align: center; } .social-buttons .card-body p button { padding-top: 0; padding-left: 0; padding-bottom: 0; } .social-buttons .only-icon .card-body p button { padding: 0; } .social-buttons .social i { padding: 0 10px; width: inherit !important; } .social-buttons .only-text p button { padding:0 8px; padding: 0 0.5rem; } .buttons button { margin: 2px 0; } /* Ribons */ .corner-ribon { text-align: center; width: 71px; height: 71px; position: absolute; right: 0; top: 0; font-size: 20px; } .corner-ribon i { padding: 10px 0 0 35px; color: #fff; } .black-ribon { background: url("../../images/twitter_corner_black.png") no-repeat; } .blue-ribon { background: url("../../images/twitter_corner_blue.png") no-repeat; } .twt-feed .wtt-mark { color: rgba(255, 255, 255, 0.15); font-size: 160px; position: absolute; top: 10px; left: 40%; } .twt-feed { -webkit-border-radius: 4px 4px 0 0; color: #FFFFFF; padding: 30px 10px 10px; position: relative; min-height: 100px; } .weather-category { padding: 15px 0; color: #74829C; } .weather-category ul li { width: 32%; text-align: center; border-right: 1px solid #e6e6e6; display: inline-block; } .twt-feed.blue-bg { background: #58C9F3; } .twt-category { display: inline-block; margin-bottom: 11px; margin-top: 10px; width: 100%; } .twt-category ul li { color: #bdbdbd; font-size: 13px; } .twt-footer { padding: 12px 15px; } .twt-footer, .twt-footer a { color: #d2d2d2; } /* Button Reset */ .btn, .button { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-transition:all 0.15s ease-in-out; transition: all 0.15s ease-in-out; border-radius: 0; cursor: pointer; } /* Icons */ .icon-section { margin: 0 0 3em; clear: both; overflow: hidden; } .icon-container { width: 240px; padding: 0.7em 0; float: left; position: relative; text-align: left; } .icon-container [class^="ti-"], .icon-container [class*=" ti-"] { color: #000; position: absolute; margin-top: 3px; -webkit-transition:0.3s; transition: 0.3s; } .icon-container:hover [class^="ti-"], .icon-container:hover [class*=" ti-"] { font-size: 2.2em; margin-top: -5px; } .icon-container:hover .icon-name { color: #000; } .icon-name { color: #aaa; margin-left: 35px; font-size: 14px; -webkit-transition:0.3s; transition: 0.3s; } .icon-container:hover .icon-name { margin-left: 45px; } .fontawesome-icon-list .page-header { border-bottom: 1px solid #C9CDD7; padding-bottom: 9px; margin: 30px 0 27px; } .fontawesome-icon-list h2 { margin-top: 0; font-size: 20px; font-weight: 300; } .fontawesome-icon-list i { font-style: 16px; padding-right: 10px; } .social-box i { line-height: 110px; } .social-box ul { display: inline-block; margin: 7px 0 0; padding: 10px; width: 100%; } .social-box ul li { color: #949CA0; font-size: 14px; font-weight: 700; padding: 0 10px 0 0; text-align: right; } .social-box ul li:last-child { padding-left: 10px; padding-right: 0; text-align: left; } .social-box ul li span { font-size: 14px; } .login-logo { text-align: center; margin-bottom: 15px; } .login-logo span { color: #ffffff; font-size: 24px; } .login-logo img { padding:0px 20px;} .login-content { max-width: 540px; margin: 8vh auto; } .login-form { background: #ffffff; padding: 30px 30px 20px; border-radius: 2px; } .login-form h4 { color: #878787; text-align: center; margin-bottom: 50px; } .login-form .checkbox { color: #878787; } .login-form .checkbox label { text-transform: none; } .login-form .btn { width: 100%; text-transform: uppercase; font-size: 14px; padding: 15px; border: 0; } .login-form label { color: #878787; text-transform: uppercase; } .login-form label a { color: #ff2e44; } .social-login-content { margin: 0 -30px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 30px 0; background: #fcfcfc; } .social-button { padding: 0 30px; } .social-button .facebook { background: #3b5998; color: #fff; } .social-button .facebook:hover { background: #344e86; } .social-button .twitter { background: #00aced; color: #fff; } .social-button .twitter:hover { background: #0099d4; } .social-button i { padding: 19px; } .register-link a { color: #ff2e44; } .cpu-load { width: 100%; height: 272px; font-size: 14px; line-height: 1.2em; } .cpu-load-data-content { font-size: 18px; font-weight: 400; line-height: 40px; } .cpu-load-data { margin-bottom: 30px; } .cpu-load-data li { display: inline-block; width: 32.5%; text-align: center; border-right: 1px solid #e7e7e7; } .cpu-load-data li:last-child { border-right: 0; } .nestable-cart { overflow: hidden; } /* Forms */ .input-group-addon { background-color: transparent; border-left: 0; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding:8px 12px; padding: 0.5rem 0.75rem; margin-bottom: 0; font-size:16px; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #495057; text-align: center; background-color: #e9ecef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .flotTip { background: #252525; border: 1px solid #252525; padding: 5px 15px; color: #ffffff; } .flot-container { box-sizing: border-box; width: 100%; height: 275px; padding: 20px 15px 15px; margin: 15px auto 30px; background: transparent; } .flot-pie-container { height: 275px; } .flotBar-container { height: 275px; } .flot-line { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; } .legend table { border-spacing: 5px; } #chart1, #flotBar, #flotCurve { width: 100%; height: 275px; } .morris-hover { position: absolute; z-index: 1; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } .morris-hover.morris-default-style { border-radius: 2px; padding: 10px 12px; color: #666; background: rgba(0, 0, 0, 0.7); border: none; color: #fff !important; } .morris-hover-point { color: rgba(255, 255, 255, 0.8) !important; } #morris-bar-chart { height: 285px; } .map, .vmap { width: 100%; height: 400px; } .btn-toolbar { float: left !important; } .btn-toolbar .btn-outline-secondary:not([disabled]):not(.disabled).active, .btn-toolbar .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-toolbar .show > .btn-outline-secondary.dropdown-toggle { background-color: #212529; border-color: #212529; box-shadow: none; color: #fff; } .btn-toolbar .btn-outline-secondary:hover { background-color: #212529; border-color: #212529; color: #fff; } .jqvmap-zoomin, .jqvmap-zoomout { width: 15px; height: 15px; } /* Widget One ---------------------------*/ .dib { display: inline-block; } .stat-widget-one .stat-icon { vertical-align: top; } .stat-widget-one .stat-icon i { font-size: 30px; border-width: 3px; border-style: solid; border-radius: 100px; padding: 15px; font-weight: 900; display: inline-block; } .stat-widget-one .stat-content { margin-left: 30px; margin-top: 7px; } .stat-widget-one .stat-text { font-size: 14px; color: #868e96; } .stat-widget-one .stat-digit { font-size: 24px; color: #373757; } /* Widget Two ---------------------------*/ .stat-widget-two { text-align: center; } .stat-widget-two .stat-digit { font-size:28px; font-size: 1.75rem; font-weight: 500; color: #373757; } .stat-widget-two .stat-digit i { font-size: 18px; margin-right: 5px; } .stat-widget-two .stat-text { font-size: 16px; margin-bottom: 5px; color: #868e96; } .stat-widget-two .progress { height: 8px; margin-bottom: 0; margin-top: 20px; box-shadow: none; } .stat-widget-two .progress-bar { box-shadow: none; } /* Widget Three ---------------------------*/ .stat-widget-three .stat-icon { display: inline-block; padding: 33px; position: absolute; line-height: 21px; } .stat-widget-three .stat-icon i { font-size: 30px; color: #ffffff; } .stat-widget-three .stat-content { text-align: center; padding: 15px; margin-left: 90px; } .stat-widget-three .stat-digit { font-size: 30px; } .stat-widget-three .stat-text { padding-top: 4px; } .home-widget-three .stat-icon { line-height: 19px; padding: 27px; } .home-widget-three .stat-digit { font-size: 24px; font-weight: 300; color: #373757; } .home-widget-three .stat-content { text-align: center; margin-left: 60px; padding: 13px; } .stat-widget-four { position: relative; } .stat-widget-four .stat-icon { display: inline-block; position: absolute; top: 5px; } .stat-widget-four i { display: block; font-size: 36px; } .stat-widget-four .stat-content { margin-left: 40px; text-align: center; } .stat-widget-four .stat-heading { font-size: 20px; } .stat-widget-five .stat-icon { border-radius: 100px; display: inline-block; position: absolute; } .stat-widget-five i { border-radius: 100px; display: block; font-size: 36px; padding: 30px; } .stat-widget-five .stat-content { margin-left: 100px; padding: 24px 0; position: relative; text-align: right; vertical-align: middle; } .stat-widget-five .stat-heading { text-align: right; padding-left: 80px; font-size: 20px; font-weight: 200; } .stat-widget-six { position: relative; } .stat-widget-six .stat-icon { display: inline-block; position: absolute; top: 5px; } .stat-widget-six i { display: block; font-size: 36px; } .stat-widget-six .stat-content { margin-left: 40px; text-align: center; } .stat-widget-six .stat-heading { font-size: 16px; font-weight: 300; } .stat-widget-six .stat-text { font-size: 12px; padding-top: 4px; } .stat-widget-seven .stat-heading { text-align: center; } .stat-widget-seven .gradient-circle { text-align: center; position: relative; margin: 30px auto; display: inline-block; width: 100%; } .stat-widget-seven .gradient-circle i { position: absolute; left: 0; right: 0; text-align: center; top: 35px; font-size: 30px; } .stat-widget-seven .stat-footer { text-align: center; margin-top: 30px; } .stat-widget-seven .stat-footer .stat-count { padding-left: 5px; } .stat-widget-seven .count-header { color: #252525; font-size: 12px; font-weight: 400; line-height: 30px; } .stat-widget-seven .stat-count { font-size: 18px; font-weight: 400; color: #252525; } .stat-widget-seven .analytic-arrow { position: relative; } .stat-widget-seven .analytic-arrow i { font-size: 12px; } /* Stat widget Eight --------------------------- */ .stat-widget-eight { padding: 15px; } .stat-widget-eight .header-title { font-size: 20px; font-weight: 300; } .stat-widget-eight .ti-more-alt { color: #878787; cursor: pointer; left: -5px; position: absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .stat-widget-eight .stat-content { margin-top: 50px; } .stat-widget-eight .stat-content .ti-arrow-up { font-size: 30px; color: #28a745; } .stat-widget-eight .stat-content .stat-digit { font-size: 24px; font-weight: 300; margin-left: 15px; } .stat-widget-eight .stat-content .progress-stats { color: #aaadb2; font-weight: 400; position: relative; top: 10px; } .stat-widget-eight .progress { margin-bottom: 0; margin-top: 30px; height: 7px; background: #EAEAEA; box-shadow: none; } .stat-widget-nine .all-like { float: right; } .stat-widget-nine .stat-icon i { font-size: 22px; } .stat-widget-nine .stat-text { font-size: 14px; } .stat-widget-nine .stat-digit { font-size: 14px; } .stat-widget-nine .like-count { font-size: 30px; } .horizontal { position: relative; } .horizontal:before { background: #ffffff; bottom: 0; content: ""; height: 38px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 1px; } .widget-ten span i { color: #ffffff; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .widget-ten h5 { color: #ffffff; } .widget-ten p { color: #ffffff !important; opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } /* Mixed Styles */ .badges h1, .badges h2, .badges h3, .badges h4, .badges h5, .badges h6 { margin: 5px 0; } .vue-lists ol, .vue-lists ul { padding-left: 30px; } .card .dropdown.float-right .dropdown-menu { left: inherit !important; right: 0 !important; top: 93% !important; } .dataTables_paginate .pagination { border-radius: 0; } .dataTables_paginate .pagination li { border-radius: 0 !important; } .dataTables_paginate .pagination li a { border-radius: 0 !important; color: #272c33; } .dataTables_paginate .pagination li.active a { background: #272c33; border-color: #272c33; color: #fff; } .dataTables_paginate .pagination li:hover a { background: #272c33; border-color: #272c33; color: #fff; } @media (max-width: 1368px) { .content { padding: 0 15px; } .twt-category { margin-bottom: 0; } .twt-feed { max-height: 155px; } .twt-feed img { height: 75px; width: 75px; } .stat-widget-one .stat-content { margin-left: 15px; } .card-body { padding: 15px; } .badges button { margin: 2px 0; } } @media (max-width: 1024px) { aside.left-panel { padding: 0 20px; width: 200px; } .navbar .navbar-nav li > a .menu-icon { width: 30px; } .navbar .navbar-nav li.menu-item-has-children .sub-menu { padding: 0 0 0 30px; } .navbar .navbar-nav li.menu-item-has-children .sub-menu a { padding: 2px 0 2px 25px; } .card .card-header { position: relative; } .card .card-header strong { display: block; } .card .card-header small { float: left; } .card .card-header .card-actions { right: 0; top: 0.75rem; position: absolute; } } @media (max-width: 992px) { [class*="col"].no-padding { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (max-width: 575.99px) { body { display: block; } aside.left-panel { display: block; height: auto; min-height: inherit; padding: 0 15px; width: 100%; } aside.left-panel .navbar { margin-bottom: 0; } aside.left-panel .navbar .navbar-header { height: 50px; } aside.left-panel .navbar .navbar-brand { border-bottom: none; display: inline-block; float: left; line-height: 1; margin-top: 11px; min-height: inherit; } aside.left-panel .navbar .navbar-brand.hidden { display: none; } aside.left-panel .navbar .navbar-toggler { float: right; margin-top: 8px; } aside.left-panel .navbar .navbar-nav li > a { padding: 5px 0; } aside.left-panel .navbar .navbar-nav li.menu-item-has-children a:before { top: 5px; } aside.left-panel .navbar .menu-title { line-height: 30px; padding: 0; } .menutoggle { display: none; } .right-panel { display: block; } .right-panel header.header { padding: 5px 10px 1px 5px; } .right-panel header.header div[class*="col"] { padding: 0; width: initial; } .right-panel header.header .col-sm-7 { float: left; } .right-panel header.header .col-sm-5 { float: right; } .right-panel .breadcrumbs { padding: 10px 15px; } .right-panel .breadcrumbs div[class*="col"] { padding: 0; } .right-panel .breadcrumbs .page-header { min-height: inherit; padding: 0; } .right-panel .breadcrumbs .page-header h1 { padding: 5px 0; } .right-panel .breadcrumbs .page-header.float-right { float: left; text-align: left; width: 100%; } .right-panel .breadcrumbs .page-header.float-right .breadcrumb { padding: 0; } .right-panel .content { padding: 0 10px; } .right-panel .content .card .card-title { margin-bottom: 0; } .right-panel .content .card .card-footer { padding: 15px 5px; } .right-panel .content .card .card-footer ul { margin: 0; } .right-panel .content .card .card-footer ul li { float: left; margin: 5px 0; padding: 0 10px; width: 33.33%; } .right-panel .content div[class*="col"] { padding: 0; } .right-panel .content .row div[class*="col"] { padding: 0 10px; } .right-panel .content .nav-pills .nav-link, .right-panel .content .nav-tabs .nav-link { padding: 0.5rem; } .right-panel .content .tab-content.pl-3 { padding-left: 0 !important; } .right-panel .content #bootstrap-data-table_wrapper { font-size: 14px; padding: 0; } .right-panel .content #bootstrap-data-table_wrapper div[class*="col"] { padding: 0; } .right-panel .content #bootstrap-data-table_wrapper .table td, .right-panel .content #bootstrap-data-table_wrapper .table th { padding: 5px; } } .list2 { background:#fff; color:#333; padding:20px 0px; } .list2 ul { margin:0px 20px; padding:0px; } .list2 ul li { list-style-type:none; line-height:42px; border-bottom:1px #ccc dashed; } .list2 ul li ul { margin:0px; } .list2 ul li ul li.last { border-bottom:0px; } .list2 ul li::before { content: '\f105'; padding-right: 10px; font-family: FontAwesome; color: #FF7524; /* display: table-cell; */ } .row11 { background:#63c2de } .txt51 { font-size:14px; } .txt61 { color:#ff0000; } td a { padding:5px; } table { font-size:14px !important; } .tab12 { width: 90%; overflow-x: scroll; margin-left: 5em; overflow-y: visible; padding: 0; } .headcol { position: absolute; width: 5em; left: 0; top: auto; border-top-width: 1px; /*only relevant for first row*/ margin-top: -1px; /*compensate for top border*/ } .count { font-size:28px; } .link21 a { color:#990000; line-height:36px; } .link21 a:hover { text-decoration:underline; } footer { font-size:14px; clear:both; position:fixed; bottom:0px; background:#ccc; width:100%; padding:10px 20px; } .blinking{ animation:blinkingText 2s infinite; } @keyframes blinkingText{ 0%{ color: #ff0000; } 49%{ color: transparent; } 50%{ color: #ff0000; } 99%{ color:transparent; } 100%{ color: #000; } } .mi-w-160{ min-width: 160px; } .head-office-header{ margin-left: 0px; } .plain_form .form-control { border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding-top: 1rem; position: relative; bottom: 10px; padding-left: 0; padding-right: 0; z-index: 1; background: transparent; font-size: 1rem; } .newsletter a{ text-decoration: underline; color: #0099CC; font: normal 14px Verdana, Geneva, sans-serif; } .newsletter a:hover{ text-decoration: none; } .in_txt_btn{ border:none; background-color: inherit; color: white; }