/* JANGAN RUBAH YG DI BAWAH */
body{text-decoration: none;outline: 0;margin: 0;padding: 0;background: var(--warna-latar-dashboard);color: var(--warna-dasar-teks);overflow-x: hidden;}
::selection{color: var(--warna-teks-putih);background-color: var(--warna-latar-seleksi);}
p{margin: 0;padding: 0;}p,h1,h2,h3,h4,h5,a,div,span,small,strong,li,a,button{text-decoration: none;outline: 0;outline: none;outline-color: transparent;outline-width: 0;}input,textarea,select,.dropdown-toggle{outline: none!important;box-shadow: none!important;}a:hover,a:active,a:focus,button:hover,button:active,button:focus{text-decoration: none;outline: 0;outline: none;outline-color: transparent;outline-width: 0;}input:focus,textarea:focus,select:focus{border-color: #aaa!important;outline: none!important;box-shadow: none!important;}img{user-drag: none;user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}.cover-this{background-position: center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}.fixed-this{min-height: 30em;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.4) inset;text-align: center;display: flex;}.no-resize{resize:none;}.fixed-this>*{margin: auto;}.fixed-this>.title{color: #fff;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}.fixed-this>.title>small{color: #fff;}.no-radius{border-radius: 0;}.wrapper-image{overflow: hidden;}.wrapper-image>img{width: 100%;}.wrapper-image>a>img{width: 100%;}
.hoverable{transition: box-shadow .55s; box-shadow: 0;}.hoverable:hover{transition: box-shadow .45s; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.z-depth-1{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}.z-depth-1-half{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}.z-depth-2{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.z-depth-3{box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.z-depth-4{box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);}.z-depth-5{box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);}.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;}@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}}@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}}.bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;}@-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}@keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}.flash{-webkit-animation-name: flash; animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.pulse{-webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;}@-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}}.shake{-webkit-animation-name: shake; animation-name: shake;}@-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}}.headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;}@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}.swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.tada{-webkit-animation-name: tada; animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}}@keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}}.wobble{-webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg);}88.8%{-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg);}}@keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg);}88.8%{-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg);}}.jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;}@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}}.bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}}.bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}}.bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}}@keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}}.bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}@keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}.bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}@keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}.bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}@keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}.bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}@keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}.bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;}@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}@keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}.fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;}@-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}@keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}@keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}@keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}@keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}@-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}@keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}.animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;}@-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}.flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}.flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}@-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}@keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}.flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}@-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}@keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}.flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}}@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}}.lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}@keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}.lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}@-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}.rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}@keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}.rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}@keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}@keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;}@-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}}@keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}}.hinge{-webkit-animation-name: hinge; animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}}.rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;}@-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}@keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}.rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;}@-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}}@keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}}.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;}@-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;}@-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}}@keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}}.zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}@keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}.zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}@keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}.zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;}@-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;}.hoverable{transition: box-shadow .55s;box-shadow: 0;}.hoverable:hover{transition: box-shadow .45s;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}/* * font-awesome-animation - v0.1.0 * https://github.com/l-lin/font-awesome-animation * License: MIT */@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1}100%{-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}
/* END JANGAN RUBAH YG DI ATAS */
.btn.focus, .btn:focus{
	box-shadow: none;
}
.hidden{
	display: none;
}
.td-middle{
	vertical-align: middle!important;
}
.calendar{
	max-width: 800px;
    margin: 5px auto;
}
.animated.del-800{
	-webkit-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	animation-delay: 800ms;
}
.animated.del-1000{
	-webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	animation-delay: 1000ms;
}
.animated.del-1200{
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	animation-delay: 1200ms;
}
.animated.del-1400{
	-webkit-animation-delay: 1400ms;
	-moz-animation-delay: 1400ms;
	animation-delay: 1400ms;
}
.animated.del-1600{
	-webkit-animation-delay: 1600ms;
	-moz-animation-delay: 1600ms;
	animation-delay: 1600ms;
}
.animated.del-1800{
	-webkit-animation-delay: 1800ms;
	-moz-animation-delay: 1800ms;
	animation-delay: 1800ms;
}
.animated.del-2000{
	-webkit-animation-delay: 2000ms;
	-moz-animation-delay: 2000ms;
	animation-delay: 2000ms;
}
.animated.del-2200{
	-webkit-animation-delay: 2200ms;
	-moz-animation-delay: 2200ms;
	animation-delay: 2200ms;
}
.animated.del-2200{
	-webkit-animation-delay: 2400ms;
	-moz-animation-delay: 2400ms;
	animation-delay: 2400ms;
}


.animated.dur-800{
	-webkit-animation-duration: 800ms;
	-moz-animation-duration: 800ms;
	animation-duration: 800ms;
}
.animated.dur-1000{
	-webkit-animation-duration: 1000ms;
	-moz-animation-duration: 1000ms;
	animation-duration: 1000ms;
}
.animated.dur-1200{
	-webkit-animation-duration: 1200ms;
	-moz-animation-duration: 1200ms;
	animation-duration: 1200ms;
}
.animated.dur-1400{
	-webkit-animation-duration: 1400ms;
	-moz-animation-duration: 1400ms;
	animation-duration: 1400ms;
}
.animated.dur-1600{
	-webkit-animation-duration: 1600ms;
	-moz-animation-duration: 1600ms;
	animation-duration: 1600ms;
}
.animated.dur-1800{
	-webkit-animation-duration: 1800ms;
	-moz-animation-duration: 1800ms;
	animation-duration: 1800ms;
}
.animated.dur-2000{
	-webkit-animation-duration: 2000ms;
	-moz-animation-duration: 2000ms;
	animation-duration: 2000ms;
}
.animated.dur-2200{
	-webkit-animation-duration: 2200ms;
	-moz-animation-duration: 2200ms;
	animation-duration: 2200ms;
}
.animated.dur-2400{
	-webkit-animation-duration: 2400ms;
	-moz-animation-duration: 2400ms;
	animation-duration: 2400ms;
}


*{
	font-size: 12px;
}
.c-gray{
	color: var(--warna-teks-abu);
}
.c-dark-gray{
	color: var(--warna-teks-abu-pekat);
}
.c-aqua{
	color: var(--warna-teks-biru-muda);
}
.c-brown{
	color: var(--warna-teks-cokelat);
}
.c-orange{
	color: var(--warna-teks-jingga);
}
.c-red{
	color: var(--warna-teks-merah);
}
.c-black{
	color: var(--warna-teks-hitam);
}
.c-black-dark{
	color: var(--warna-teks-hitam-pekat);
}
.c-green{
	color: var(--warna-teks-hijau);
}


.pagination .page-link{
	color: #999999;
}
.pagination>li:first-child>a{
	border-top-left-radius: 50px!important;
	border-bottom-left-radius: 50px!important;
}
.pagination>li:last-child>a{
	border-top-right-radius: 50px!important;
	border-bottom-right-radius: 50px!important;
}

.text-muted{
	color: var(--warna-teks-abu)!important
}

.btn-door.btn-lg{
	min-height: 34px;
	max-height: 34px;
}
.btn-door.btn-md{
	min-height: 30px;
	max-height: 30px;
	padding-top: 6px;
	padding-bottom: 6px;
	min-width: 100px;
}
.btn-door{
	overflow: hidden;
	background: -webkit-linear-gradient(var(--warna-dasar-latar-tombol-atas), var(--warna-dasar-latar-tombol-bawah));
	background: -moz-linear-gradient(var(--warna-dasar-latar-tombol-atas), var(--warna-dasar-latar-tombol-bawah));
	background: linear-gradient(var(--warna-dasar-latar-tombol-atas), var(--warna-dasar-latar-tombol-bawah));
	border-radius: 80px;
	color: var(--warna-dasar-teks-tombol);
	border: 0;
}
.btn-door.hvr-radial-out:before{
	background: var(--warna-dasar-latar-tombol-hover);
	border-radius: 80px;
}
.btn-door.hvr-radial-out:active, 
.btn-door.hvr-radial-out:focus, 
.btn-door.hvr-radial-out:hover{
	color: #666666;
}
.btn-door.orange{
	background: -webkit-linear-gradient(#E48100, #CE5F0E);
	background: -moz-linear-gradient(#E48100, #CE5F0E);
	background: linear-gradient(#E48100, #CE5F0E);
	color: #ffffff;
}
.btn-door.orange.hvr-radial-out:before{
	background: -webkit-radial-gradient(#FC9611, #E48100);
	background: -moz-radial-gradient(#FC9611, #E48100);
	background: radial-gradient(#FC9611, #E48100);
}
.btn-door.orange.hvr-radial-out:active, 
.btn-door.orange.hvr-radial-out:focus, 
.btn-door.orange.hvr-radial-out:hover{
	color: #ffffff;
}
.btn-door.red{
	background: -webkit-linear-gradient(#D20000, #9B0A0A);
	background: -moz-linear-gradient(#D20000, #9B0A0A);
	background: linear-gradient(#D20000, #9B0A0A);
	color: #ffffff;
}
.btn-door.red.hvr-radial-out:before{
	background: -webkit-radial-gradient(#D60E0E, #D20000);
	background: -moz-radial-gradient(#D60E0E, #D20000);
	background: radial-gradient(#D60E0E, #D20000);
}
.btn-door.red.hvr-radial-out:active, 
.btn-door.red.hvr-radial-out:focus, 
.btn-door.red.hvr-radial-out:hover{
	color: #ffffff;
}


.dropdown-item:hover,
.dropdown-item:hover small,
.dropdown-item.active,
.dropdown-item:active{
	background-color: var(--warna-latar-dropdown-hover);
	color: var(--warna-teks-dropdown-hover)!important;
}
.text-underline{
	text-decoration: underline;
}


/*NAVBAR*/
.navbar{
	background-color: var(--warna-latar-navbar)!important;
}
#btnSidebar{
	color: var(--warna-tombol-sidebar);
	margin: 0 10px 0 0;
	padding: 10px;
	display: block;
}
#btnSidebar>i{
	font-size: 16px;
	top: 1px;
	position: relative;
}
#btnSidebar:hover{
	color: var(--warna-tombol-sidebar-hover);
}

#sidebar{
	position: fixed;
	width: 250px;
	min-height: 100%;
	overflow: hidden;
	background: -webkit-linear-gradient(var(--warna-latar-sidebar-atas), var(--warna-latar-sidebar-bawah));
	background: -moz-linear-gradient(var(--warna-latar-sidebar-atas), var(--warna-latar-sidebar-bawah));
	background: linear-gradient(var(--warna-latar-sidebar-atas), var(--warna-latar-sidebar-bawah));
	border-right: 1px solid var(--warna-garis-kanan-sidebar);
	-webkit-transform:translate(-250px, 0);
	-moz-transform:translate(-250px, 0);
	transform:translate(-250px, 0);
}
.sidebar-title{
	margin-bottom: 15px;
	margin-top: 5px;
}
#sidebar .container-sidebar{
	padding: 25px 20px;
	display: block;
	overflow-y: auto;
	max-height: 100%;
	position: absolute;
	width: 100%;
}
#sidebar.active{
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	transform:translate(0, 0);
}
.main-content.sidebar-open{
	-webkit-transform:translate(250px, 0);
	-moz-transform:translate(250px, 0);
	transform:translate(250px, 0);
}
#sidebar,
.main-content{
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.sub-menu-navbar{
	padding: 0;
	width: 100%;
	background: -webkit-linear-gradient(var(--warna-latar-direct-navbar-atas), var(--warna-latar-direct-navbar-bawah));
	background: -moz-linear-gradient(var(--warna-latar-direct-navbar-atas), var(--warna-latar-direct-navbar-bawah));
	background: linear-gradient(var(--warna-latar-direct-navbar-atas), var(--warna-latar-direct-navbar-bawah));
}
.sub-menu-navbar *{
	color: #FFFFFF;
}

.sidebar-menu{
	padding: 15px 0 0 0;
	margin-bottom: 10px;
	list-style: none;
}
.sidebar-menu-list{
	list-style: none;
	padding-left: 20px;
	margin: 6px 0 0 0;
}
.sidebar-menu-list>li{
	position: relative;
	margin-bottom: 2px;
	padding: 4px;
	border-radius: 4px;
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.sidebar-menu-list>li::after{
	content: ' ';
	position: absolute;
	top: 9px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
	right: -8px;
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.sidebar-menu-list>li>a{
	display: block;
	line-height: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar-menu-list>li:hover{
	background: var(--warna-hover-sidebar-menu);
}
.sidebar-menu-list>li:hover::after{
	border-left-color: var(--warna-hover-sidebar-menu);
}
.sidebar-title-group{
	font-size: 10px;
}
.sidebar-menu-name{
	display: block;
	line-height: normal;
}
.sidebar-menu-name + small{
	line-height: normal;
}
.list-custom-style{
	font-size: 8px;
    position: absolute;
    margin-left: -15px;
    margin-top: 10px;
    color: var(--warna-lingkar-list);
}
.sidebar-menu-list>li:hover .sidebar-menu-name{
	color: var(--warna-hover-sidebar-menu-title)!important;
}
.brand-dashboard{
	width: 115px;
}

.navbar-nav-custom{
	margin-right: 40px;
}
.navbar-nav-custom>li:last-child{
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #dddddd;
}
.navbar-light .navbar-nav .nav-link.attendance-btn{
	background: -webkit-linear-gradient(var(--warna-latar-tombol-absen-atas), var(--warna-latar-tombol-absen-bawah));
	background: -moz-linear-gradient(var(--warna-latar-tombol-absen-atas), var(--warna-latar-tombol-absen-bawah));
	background: linear-gradient(var(--warna-latar-tombol-absen-atas), var(--warna-latar-tombol-absen-bawah));
	color: var(--warna-teks-tombol-absen);
    height: 51px;
    width: 51px;
    padding: 14px;
}
.navbar-light .navbar-nav .nav-link.attendance-btn>i{
	font-size: 18pt;
}
.navbar-expand-md .navbar-nav .dropdown-menu{
	margin-top: 7px;
	min-width: 165px;
}
.dropdown-item{
	padding: .35rem .85rem;
}
.dropdown-item>span{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 210px;
}
.dropdown-item>i{
	width: 18px;
    margin-right: 5px;
    text-align: center;
}
.container-user-image{
	display: inline-block;
}

.navbar-light .navbar-nav .nav-link{
	display: inline-flex;
	height: 100%;
}
.navbar-light .navbar-nav .nav-link.active{
	color: var(--warna-menu-navbar-active);
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	animation-duration: 3s;
}
.navbar-light .navbar-nav .nav-link.nm-link{
    padding: 10px 13px;
}
.navbar-light .navbar-nav .nav-link.nm-link::after{
	position: relative;
	top: 7px;
	margin-left: 8px;
}
.navbar-light .navbar-nav .nav-link.user-link{
	padding: 2px 6px;
	padding-left: 10px;
    width: 65px;
    border-left: 1px solid #dddddd;
}
.navbar-light .navbar-nav .nav-link.user-link .user-ava{
	width: 30px;
	margin-top: 2px;
}
.navbar-light .navbar-nav .nav-link.user-link .user-ava>img{
	border: 1px solid #cccccc;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle.user-link::after{
	position: relative;
	top: 16px;
	margin-left: 8px;
}
.navbar-expand-md .navbar-nav .dropdown-menu.nm-dropdown{
	padding: 0;
	padding-bottom: 5px;
	min-width: 220px;
	margin-top: 7px;
}
.nm-dropdown .dropdown-item-title{
	background: -webkit-linear-gradient(var(--warna-latar-dropdown-notif-atas),var(--warna-latar-dropdown-notif-bawah));
	background: -moz-linear-gradient(var(--warna-latar-dropdown-notif-atas),var(--warna-latar-dropdown-notif-bawah));
	background: linear-gradient(var(--warna-latar-dropdown-notif-atas),var(--warna-latar-dropdown-notif-bawah));
	color: var(--warna-teks-dropdown-notif);
	padding: .6rem 1.5rem;
	margin-bottom: 5px;
}
.nav-caret{
	font-size:10px;
	margin-left:3px;
}
.attendance-btn.hvr-radial-out:before{
	background: var(--warna-latar-tombol-absen-hover);
}
.nav-icon{
	margin-right: 5px;
    top: 2px;
    position: relative;
}
.sub-menu-list{
	padding: 0;
	margin: 0;
}
.sub-menu-list>li{
	display: inline-flex;
}
.sub-menu-list>li>a{
	width: 100px;
	color: var(--warna-teks-direct-navbar);
	text-align: center;
	padding: 6px 8px;
	padding-top: 8px;
	border-bottom: 3px solid transparent;
}
.sub-menu-list>li>a:hover,
.sub-menu-list>li.active>a{
	color: var(--warna-teks-direct-navbar-hover);
	border-bottom-color: var(--warna-garis-direct-navbar-hover);
}
.navbar-collapse-menu{
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.form-search-navbar{
	position: relative;
	margin: 0 auto;
    display: inline-flex;
    width: 220px;
}
.form-search-navbar>input{
	border-radius: 50px;
	padding-right: 24px;
	background: var(--warna-latar-search-navbar);
	width: 100%!important;
}
.icon-search{
	position: absolute;
	right: 10px;
	color: var(--warna-icon-search-navbar);
}
.search-bar{
	width: 100%;
	text-align: center;
	display: inline-block;
	position: absolute;
}
.navbar-light .navbar-nav .nav-link.nm-link.icon-search{
    padding: 10px 10px;
    width: 100%;
    position: relative;
    right: 0;
}
.navbar-light .navbar-nav .nav-link.nm-link.icon-search>i{
	top: 0;
}
.navbar-light .navbar-nav .nav-link.nm-link.icon-search::after{
	display: none;
}
.list-group.role-menu>a{
	color: var(--warna-teks-role-menu);
}
.list-group.role-menu>a:hover{
	color: var(--warna-teks-role-menu-hover);
}
/*END NAVBAR*/


/*FOOTER*/
.container-footer{
	display: block;
	width: 100%;
	border-top: 1px solid var(--warna-garis-footer);
	margin-top: 2em;
	padding: 20px 15px;
}
.footer-dialog{
	text-align: center;
}
.footer-menu{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.footer-menu *{
	color: var(--warna-teks-footer);
}
.footer-menu>li>a{
	padding: 0 15px;
	min-width: 100px;
}
.footer-menu>li>a:hover{
	color: var(--warna-teks-footer-hover);
}
.btn-scroll-top{
	background: var(--warna-latar-tombol-scrolltop);
	border: 1px solid #cccccc;
	color: var(--warna-teks-tombol-scrolltop);
	height: 30px;
	width: 30px;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 0px 6px 14px rgba(0,0,0,.18);
	text-align: center;
	padding: 4px 5px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.btn-scroll-top>i{
	font-size: 14pt;
}
.btn-scroll-top:hover{
	background: var(--warna-latar-tombol-scrolltop-hover);
	color: var(--warna-teks-tombol-scrolltop-hover);
}
/*END FOOTER*/


.content-dialog{
	min-height: 42em;
}
.dashboard-dialog{
	padding: 2.5em 0;
}
.box-dialog{
	margin: 15px 0 5px;
	background: #FFFFFF;
	border-radius: 4px;
	position: relative;
	box-shadow: 0px 14px 26px rgba(0,0,0,.18);
}
.box-content{
	padding: 20px;
}
.box-label{
	margin-bottom: 10px;
}
.select2-container--default .select2-selection--single{
	height: calc(2.5rem + 2px)!important;
    padding: .4rem 1rem!important;
    font-size: 14px!important;
    line-height: 1.5!important;
    border-radius: .3rem!important;
    border-color: #cccccc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 22px;
	padding-left: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 31px;
	width: 26px;
}


/*DASHBOARD*/
.page-breadcrumb{
	padding: 5px 0;
}
.page-breadcrumb>p>i{
	margin-right: 8px;
}
.pemantra{
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}
.pemantra>li{
	margin: 0 2px;
	float: left;
}
.pemantra>li:last-child{
	margin-right: 0;
}
.ava-user-pemantra{
	width: 28px;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
}
.ava-user-pemantra.star:after{
	content: '\f005';
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
    bottom: -2px;
    margin-left: 16px;
    color: var(--warna-bintang);
    text-shadow: 0 0 1px rgba(0,0,0,.2);
}
@-moz-document url-prefix() {
	.ava-user-pemantra.star:after{
	    margin-left: -12px;
	}
}
.more-user{
	font-size: 20px;
	position: relative;
	top: 5px;
	margin-left: 3px;
	color: #666666;
	cursor: pointer;
}
.list-group-radius>li{
	padding: .5rem 1.25rem;
}
.list-group-radius>li:first-child{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.list-group-radius>li:last-child{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.progress-xs{
	height: 6px;
	margin: 0 0 6px;
}
.tasks-progress{
	float: right;
	text-align: right;
}
.progress-status>p{
	display: inline-block;
}
.progress-status>p:first-child{
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.progress-status>p:last-child{
	width: 20%;
}

.timeline-dialog{
	min-height: 120px;
	max-height: 120px;
	border: 1px solid transparent;
	overflow: hidden;
}
.timeline-dialog:hover{
	border-color: #878787;
}
.tasks-status-dialog{
	background: var(--warna-latar-task-status-timeline);
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 120px;
	text-align: center;
	padding: 6px 8px;
	left: -45px;
	top: 45px;
	float: left;
	display: block;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.tasks-status-dialog>p{
	color: var(--warna-teks-task-status-timeline);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.timeline-content{
	margin-left: 30px;
	padding: 8px 25px;
}
.label-timeline i{
	font-size: 10px;
}
.timeline-information {
    margin: 5px 0 8px;
    min-height: 42px;
}
.timeline-user>div.timeline-ava,
.timeline-user>p{
	display: inline-block;
	float: left;
}
.timeline-ava{
	width: 28px;
	border-radius: 50%;
	border: 2px solid #ececec;
}
.timeline-user-name{
	font-size: 11px;
	line-height: 1.1;
	margin: 3px 0 0 6px;
}
.timeline-user-name>span,
.timeline-user-name>small{
	width: 120px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/*END DASHBOARD*/


/*MODAL*/
.close-btn{
	font-size: 18px;
}
.modal-content{
	border-radius: 6px;
}
.modal-content>.modal-header{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.modal-content>.modal-footer{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.tab-attendance>li>a{
	margin: 0 6px;
	min-width: 100px;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link{
	border: 1px solid #222222;
	color: #222222;
	background: transparent;
}
.modal .btn{
	min-width: 80px;
}
.modal .btn + .btn{
	margin-left: 5px;
}
.modal .select2-container{
	width: 100%!important;
}
#userFilterReportingTask .select2-container {
    width: 100%!important;
}

.modal input.form-control{
	height: calc(2.5rem + 2px);
}
.select2-container--default .select2-search--inline .select2-search__field{
	width: auto!important;
    margin-top: 6px!important;
    margin-left: 5px!important;
}
.modal .bootstrap-datetimepicker-widget.dropdown-menu{
	width: 100%;
	left: 0!important;
}
.text-right-sm{
	text-align: right;
}
/*END MODAL*/


/*PROFILE*/
.user-profile{
	width: 100%;
	height: 250px;
	margin-bottom: 10px;
	position: relative;
}
.change-image-btn{
	position: absolute;
	width: 100%;
	padding: 12px 20px;
	background: var(--warna-latar-tombol-rubah-ava);
	color: var(--warna-teks-tombol-rubah-ava);
	text-align: center;
	bottom: 0;
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.change-image-btn:hover{
	background: var(--warna-latar-tombol-rubah-ava-hover);
	color: var(--warna-teks-tombol-rubah-ava-hover);
}
.btn-password-profile{
	margin-bottom: 10px;
}
.config-btn{
	margin-bottom: 20px;
	text-align: center;
	color: var(--warna-teks-tombol-konfigurasi);
	width: 100%;
	display: block;
}
.config-btn:hover{
	color: var(--warna-teks-tombol-konfigurasi-hover);
	text-decoration: underline;
}
.dialog-profile{
	position: relative;
	margin-top: 5px;
	margin-bottom: 30px;
}
.dialog-profile>.title>small{
	background: #ffffff;
	position: absolute;
	top: -8px;
	padding: 2px;
	padding-right: 10px;
	padding-left: 0;
}
.dialog-profile>.title,
.dialog-profile>.title i{
	font-size: 11px;
}
.dialog-profile>.title i{
	width: 14px;
	margin-right: 4px;
}
.dialog-profile>.title::before{
	content: '';
	border-bottom: 1px solid var(--warna-garis-dialog-profil);
	width: 100%;
	position: absolute;
	display: inline-block;
}
.dialog-profile>.title{
	margin-bottom: 6px;
	display: block;
	width: 100%;
	height: 6px;
}

.dialog-profile>.username,
.dialog-profile>.bio{
	margin-bottom: 4px;
}
.dialog-profile>.bio{
	font-size: 11px;
}
.dialog-profile>.bio>small{
	display: inline-flex;
}
.dialog-profile>.bio>small>i{
	width: 12px;
	margin-right: 8px;
	float: left;
	display: inline-flex;
	position: relative;
}
.dialog-profile>.bio>small>i + span{
	display: inline-flex;
    float: left;
    position: relative;
    line-height: normal;
    top: -1px;
    text-align: justify;
}
.dialog-profile>.bio>small>i,
.dialog-profile>.bio>small>i + span{
	font-size: 11px;
}
.dialog-profile .bio .editable-contact:hover{
	cursor: pointer;
	text-decoration: underline;
	color: var(--warna-teks-editable-kontak-hover);
}
.input-group-append .btn.pop-btn, 
.input-group-prepend .btn.pop-btn{
	line-height: 1.1!important;
}
.bio-about{
	background: var(--warna-latar-tentang-profil);
	padding: 15px 20px;
	border-radius: 8px;
	margin-bottom: 20px;
}
.nav-tabs.custom-tabs {
    border-bottom: 1px solid var(--warna-garis-tab);
}
.nav-tabs.custom-tabs .nav-link{
	border-radius: 0!important;
	background: var(--warna-latar-link-tab);
	border: 1px solid var(--warna-garis-link-tab)!important;
	color: var(--warna-teks-link-tab);
}
.nav-tabs.custom-tabs>li:first-child>a{
	border-top-left-radius: 6px!important;
}
.nav-tabs.custom-tabs>li:last-child>a{
	border-top-right-radius: 6px!important;
}
.nav-tabs.custom-tabs .nav-link-lg{
	padding: .8rem 1rem;
}
.nav-tabs.custom-tabs .nav-link{
	font-size: 11px;
}
.nav-tabs.custom-tabs .nav-link.active{
	color: var(--warna-teks-link-tab-active);
    background-color: var(--warna-latar-link-tab-active);
    border-color: var(--warna-garis-link-tab-active);
}
.nav-tabs.custom-tabs .nav-link:focus,
.nav-tabs.custom-tabs .nav-link:hover{
	border: 1px solid var(--warna-garis-link-tab-hover)!important;
	color: var(--warna-teks-link-tab-hover);
}
.nav-tabs.custom-tabs .nav-item.show .nav-link, 
.nav-tabs.custom-tabs .nav-link.active{
	border-bottom-color: transparent!important;
}
.tab-content-custom{
	padding: 10px 0;
}
.value-performance{
	display: inline-block;
	margin-bottom: 5px;
}
.value-performance label,
.value-performance p{
	display: inline-block;
}
.value-performance p i{
	font-size: 11px;
	position: relative;
	top: -1px;
	margin: 0 2px;
}
.value-performance p{
	color: var(--warna-teks-performa);
}
.dialog-panel{
	margin-top: 5px;
	margin-bottom: 15px;
}
.dialog-title-panel{
	position: relative;
	margin-bottom: 5px;
}
.dialog-title-panel p,
.dialog-title-panel p i{
	font-size: 14px;
}
.dialog-title-panel a,
.dialog-title-panel a i{
	font-size: 11px;
}
.dialog-title-panel p{
	float: left;
	display: inline-block;
}
.dialog-title-panel a{
	float: right;
	display: inline-block;
	position: absolute;
	right: 0;
	text-align: right;
	padding: 4px 0;
	color: var(--warna-teks-judul-dialog);
}
.dialog-title-panel a:hover{
	color: var(--warna-teks-judul-dialog-hover);
}

table thead th{
	border-top: 0!important;
	padding: 8px!important;
	background: #f2f2f2;
}
table tbody tr td{
	padding: 8px!important;
}
table tbody tr td,
table tbody tr td i{
	font-size: 11px;
}
table tbody tr td .action-btn-table{
	margin: 0 2px;
	color: var(--warna-teks-table-action);
}
table tbody tr td .action-btn-table:hover{
	color: var(--warna-teks-table-action-hover);
}
table.dataTable{
	border-collapse: collapse!important;
}
.table-bordered thead td, .table-bordered thead th {
    background: #ececec;
    border-top: 1px solid #dee2e6!important;
}
.dialog-panel table td{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 90px;
}
.progress-status>p.skills-title{
	width: 100%;
}
.detail-certification{
	color: var(--warna-teks-table-action);
	font-size: 12px;
	right: 10px;
	position: absolute;
	float: right;
	padding: 5px;
	top: 0;
	line-height: 4.7;
}
.detail-certification:hover{
	color: var(--warna-teks-table-action-hover);
}
.rangeslider--horizontal{
	height: 10px;
    margin: 8px 0;
}
.rangeslider__handle{
	height: 22px;
    width: 22px;
}
.rangeslider--horizontal .rangeslider__handle{
	top: -6px;
}
#rangeValue{
	font-size: 18px;
	padding: 4px 2px;
}
.title-config>i{
	font-size: 14pt;
}
.title-config>small>a{
	margin: 5px 0;
	color: var(--warna-teks-tutup-panel-konfigurasi);
}
.title-config>small>a,
.title-config>small>a>i{
	font-size: 10pt;
}
.title-config>small>a:hover{
	cursor: pointer;
	color: var(--warna-teks-tutup-panel-konfigurasi-hover);
}
.add-contact{
	color: var(--warna-teks-tutup-panel-konfigurasi);
}
.add-contact:hover{
	color: var(--warna-teks-tutup-panel-konfigurasi-hover);
}

.pagination-contact{
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: block;
	position: relative;
	width: 100%;
}
.pagination-contact p,
.pagination-contact a{
	display: inline-block;
	color: var(--warna-teks-paging-kontak);
	font-size: 11px;
}
.pagination-contact a{
    text-align: right;
    float: right;
    margin: 0 3px;
}
.pagination-contact a:hover{
	color: var(--warna-teks-paging-kontak-hover);
}
.dropdown>.dropdown-menu>a.dropdown-item{
	border-radius: 0!important;
}
/*END PROFILE*/


/*SALARY*/
#rewardsCharts{
	height: 100px;
}
.container-salary-history{
	position: relative;
}
.salary-panel{
	box-shadow: 0px 7px 18px rgba(0,0,0,.18);
	margin: 12px 10px 25px;
	padding: 10px 10px;
	position: relative;
	border: 1px solid #EEEEEE;
}
.salary-panel:hover{
	border-color: var(--warna-garis-panel-gaji-hover);
	cursor: pointer;
}
.salary-panel>.salary-icon,
.salary-panel>.salary-value,
.salary-panel>.icon-btn-salary{
	float: left;
	display: inline-block;
	color: var(--warna-teks-utama-panel-gaji);
}
.salary-panel.current>.salary-icon,
.salary-panel.current>.salary-value,
.salary-panel.current>.icon-btn-salary{
	float: left;
	display: inline-block;
	color: var(--warna-teks-panel-gaji-aktif);
}
.salary-panel.current>.salary-value>h4>small{
	color: var(--warna-teks-penambahan-gaji-aktif);
}
.salary-panel>.salary-icon{
	font-size: 26pt;
    padding: 8px;
    margin-right: 8px;
}
.salary-panel>.salary-value{
	padding: 3px 16px;
    border-left: 1px solid #CCCCCC;
}
.salary-panel>.icon-btn-salary{
	position: absolute;
    right: 0;
    background: var(--warna-latar-panah-panel-gaji);
    border: 1px solid var(--warna-garis-panah-panel-gaji);
    color: var(--warna-teks-panah-panel-gaji)!important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 4px;
    font-size: 16pt;
    text-align: center;
    margin: 10px;	
}
.salary-panel>.icon-btn-salary::before{
	left: 1px;
    position: relative;
}
.container-salary-history .slick-arrow{
	position: absolute;
	top: 8px;
}
.container-salary-history .slick-arrow.slick-prev{
	left: 10px;
}
.container-salary-history .slick-arrow.slick-next{
	right: 10px;
}
.container-salary-history .slick-arrow.slick-prev::before,
.container-salary-history .slick-arrow.slick-next::before{
	color: var(--warna-teks-navigasi-panel-gaji);
	box-shadow: 0px 4px 14px rgba(0,0,0,.18);
	border-radius: 50%;
}
.container-salary-history .slick-arrow.slick-prev::before:hover,
.container-salary-history .slick-arrow.slick-next::before:hover{
	color: var(--warna-teks-navigasi-panel-gaji-hover)!important;
}
.container-salary-history .slick-slider .slick-track, 
.container-salary-history .slick-slider .slick-list{
	top: 8px;
}
.title-salary-history{
	text-align: center;
    position: absolute;
    width: 100%;
    color: var(--warna-teks-judul-panel-gaji);
    margin-top: -2px;
}
.label-paid-off,
.label-no-status{
	padding: 2px 8px;
	font-size: 10px;
	border-radius: 20px;
	min-width: 80px;
	width: 80px;
	display: block;
}
.label-paid-off{
	background: var(--warna-latar-label-status-gaji-yes);
	color: var(--warna-teks-label-status-gaji-yes);
}
.label-no-status{
	background: var(--warna-latar-label-status-gaji-no);
	color: var(--warna-teks-label-status-gaji-no);
}
.page-item.active .page-link{
	background-color: var(--warna-latar-pagination-gaji);
    border-color: var(--warna-garis-pagination-gaji);
}
.header-bar-chart{
	background: var(--warna-latar-header-chart);
	padding: 10px 0;
	margin: 10px 0 15px;
}
.header-bar-chart h4{
	margin-bottom: 0;
	margin: 7px 0;
	font-size: 11pt;
}
.salary-mode>.mode{
	display: inline-block;
	padding-left: 0;
	margin: 0;
	list-style: none;
}
.salary-mode>.mode>li{
	display: inline-block;
	float: left;
	position: relative;
}
.salary-mode>.mode>li>a.btn-mode{
	padding: 4px;
	margin-right: 5px;
	color: #cccccc;
}
.salary-mode>.mode>li>a.btn-mode.active{
	color: #343434;
}
.salary-history-panel{
	display: none!important;
}
.salary-history-panel.active{
	display: block!important;
}
/*END SALARY*/


/*SLIP STYLE*/
.table-slip{
	min-width: 600px;
	margin-bottom: 0;
}
.table-slip,
.table-slip tr td,
.table-slip tr td,
.table-slip thead tr td,
.table-slip tbody tr td,
.table-slip thead tr th,
.table-slip tbody tr th{
	border: 0;
	padding: 3px 10px!important;
}
.table-slip>tbody>tr>td.red-header{
	padding: 0!important;
	vertical-align: middle;
}
.table-slip>tbody>tr>td.red-header>div{
	background: var(--warna-latar-primary-title-slip);
	color: var(--warna-teks-primary-title-slip);
	height: 45px;
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 10px;
	align-items: center;
    display: flex;
    position: relative;
}
.table-slip>tbody>tr>td.red-header>div>span{
	text-align: right;
    position: absolute;
    right: 10px;
}
.table-slip>tbody>tr.duedate-row>td{
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}
.table-slip>tbody>tr.total-amount>td{
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	font-size: 11pt;
}
.table-slip.signature>tbody>tr>td.emp-pos,
.table-slip.signature>tbody>tr>td.emp-sign{
	padding-top: 8px!important;
	padding-bottom: 8px!important;
}
.table-slip.signature>tbody>tr>td.emp-pos{
	background: var(--warna-latar-posisi-karyawan-slip);
	color: var(--warna-teks-posisi-karyawan-slip);
	border: 1px solid #DDDDDD;
}
.table-slip.signature>tbody>tr>td.emp-sign{
	border: 1px solid #DDDDDD;
}
.table-slip.signature>tbody>tr>td.emp-sign>p{
	font-size: 12px;
	line-height: 1.1;
	color: #999999;
}
.table-slip.signature>tbody>tr>td.emp-sign>p>i{
	font-size: 10px;
}
.table-slip>tbody>tr.sub-header-slip>td{
	font-size: 12px;
}
.table-slip .date-slip-generate{
	margin-top: 5px;
	margin-bottom: 15px;
}
.table-slip.signature tbody tr td{
	vertical-align: middle;
}
.slip-container{
	border: 1px solid #CCCCCC;
}
.slip-header{
	background: var(--warna-latar-slip-header);
	border-bottom: 1px solid #CCCCCC;
	padding: 1.5em 20px;
	position: relative;
}
.slip-header .slip-company-logo{
	width: 180px;
}
.slip-header .slip-company-name{
	text-transform: uppercase;
	margin: 10px 15px 3px;
	color: var(--warna-teks-nama-perusahaan-slip);
}
.slip-header .slip-company-name + p{
	line-height: 1.1;
	color: var(--warna-teks-nama-perusahaan-slip-caption);
}
.slip-header .btn-print-slip{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14pt;
	color: #999999;
	margin: 15px;
	display: block;
}
.slip-header .btn-print-slip:hover{
	color: #343434;
}
.slip-header .btn-print-slip i{
	font-size: 14pt;
}
.slip-body{
	padding: 10px 15px;
}
.emp-signature{
	width: 120px;
}
/*END SLIP STYLE*/


/*ADMIN MENU*/
.admin-panel-header{
	margin-top: 20px;
	margin-bottom: 35px;
}
.admin-menu-dialog{
	position: relative;
	height: 150px;
	width: 150px;
	box-shadow: 0px 14px 26px rgba(0,0,0,.18);
	background: #FFFFFF;
	margin-bottom: 15px;
	border: 1px solid #dddddd;
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.admin-menu-dialog a{
	display: block;
	height: 100%;
	width: 100%;
	padding: 15px 25px;
}
.admin-menu-dialog .icon-menu{
	width: 80px;
}
.admin-menu-dialog .icon-menu+p{
	font-size: 10pt;
	color: #969696;
	line-height: 1.1;
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.admin-menu-dialog .icon-menu img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 300ms ease;
	-moz-transition: 300ms ease;
	transition: 300ms ease;
}
.admin-menu-dialog:hover{
	border-color: #E48100;
}
.admin-menu-dialog:hover .icon-menu+p{
	color: #E48100;
}
.admin-menu-dialog:hover .icon-menu img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
/*END ADMIN MENU*/



/*REPORTING*/
.custom-collapse.card-header{
	padding: 0;
	cursor: pointer;
}
.custom-collapse.card-header>p{
	padding: .55rem 1.25rem;
	width: 100%;
	background: #FFFFFF;
}
.custom-collapse.card-header>p>i.collapse-icon{
	font-size: 12pt;
	color: #cccccc;
	border: 1px solid #cccccc;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	padding: 2px 1px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	margin: 16px 10px;
}
.custom-collapse.card-header + div>.card-body{
	background: #F2F2F2;
	padding: 1rem .5rem;
}
.table-reporting>thead>tr>th{
	background: #666666;
	color: #FFFFFF
}
.table-reporting>tbody>tr>td{
	vertical-align: middle;
	padding: 2px 6px!important;
	border: 0;
}
.title-chart-reporting{
	line-height: 1.1;
}
.title-filter-reporting{
	margin-bottom: 10px;
}
.title-filter-reporting>p.title-chart-reporting,
.title-filter-reporting>span{
	display: inline-block;
}
.title-filter-reporting>p.title-chart-reporting{
	float: left;
}
.title-filter-reporting>span{
	float: right;
}
.label-reporting{
	height: 10px;
    display: inline-block;
    width: 10px;
    background: #CCCCCC;
    border: 1px solid #F2F2F2;
    margin: 4px 0;
    float: left;
    margin-right: 8px;
}
.label-reporting.green{
	background: #01AB8D;
}
.label-reporting.red{
	background: #D60E0E;
}
.label-reporting.brown{
	background: #996E47;
}
.label-reporting.orange{
	background: #F59F2F;
}
.label-reporting.aqua{
	background: #00ADE4;
}
.label-reporting.black{
	background: #666666;
}
.attendance-count{
	float: right;
	text-align: right;
	margin: 1px 0;
}
.attendance-count .btn-detail-attendance-reporting{
	color: #999999;
	margin-left: 5px;
	cursor: pointer;
}
.attendance-count .btn-detail-attendance-reporting:hover{
	color: #343434;
}

/*END REPORTING*/


/*TODAY STATUS*/
.today-filter{
	padding-bottom: 15px;
}
.today-filter .box-label{
	padding: 20px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.today-status-menu{
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
.today-status-menu>li{
	margin-bottom: 2px;
}
.today-status-menu>li>a{
	width: 100%;
	background: transparent;
	display: block;
	padding: 8px 20px;
	color: #343434;
	position: relative;
}
.today-status-menu>li>a>i{
	font-size: 6px;
	position: relative;
	top: -2px;
	margin-right: 5px;
	margin-left: 5px;
}
.today-status-menu>li.active>a,
.today-status-menu>li>a:hover{
	background: #E48100;
	color: #FFFFFF;
}
.today-status-menu>li.active>a::after,
.today-status-menu>li>a:hover::after{
	content: ' ';
	position: absolute;
    right: -8px;
    top: 9px;
	border-left: 8px solid #E48100;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
.ts-dialog{
	border: 0 solid transparent;
	border-left: 6px solid #dddddd;
	margin: 0 8px;
	margin-bottom: 15px;
}
.ts-dialog.red{
	border-left-color: #B50F11;
}
.ts-dialog.orange{
	border-left-color: #E48100;
}
.ts-dialog.aqua{
	border-left-color: #00ADE4;
}
.ts-dialog.brown{
	border-left-color: #996E47;
}
.ts-dialog.green{
	border-left-color: #01AB8D;
}
.ts-dialog.black{
	border-left-color: #343434;
}
.ts-dialog>a{
	padding: 5px 8px;
	display: block;
	border: 1px solid #dddddd;
    border-left: 0;
}
.ts-dialog>a:hover{
	opacity: .7;
}
.ts-user-ava,
.ts-user-description{
	display: inline-block;
	float: left;
}
.ts-user-ava{
	width: 40px;
	align-items: center;
	line-height: 4.3;
	margin-right: 15px;
	margin-left: 5px;
}
.ts-name{
	line-height: 1.1;
	color: #343434;
}
.ts-dialog .ts-name + p{
	color: #DDDDDD;
}
.ts-dialog.red .ts-name + p{
	color: #B50F11;
}
.ts-dialog.orange .ts-name + p{
	color: #E48100;
}
.ts-dialog.aqua .ts-name + p{
	color: #00ADE4;
}
.ts-dialog.brown .ts-name + p{
	color: #996E47;
}
.ts-dialog.green .ts-name + p{
	color: #01AB8D;
}
.ts-dialog.black .ts-name + p{
	color: #343434;
}

.ts-user-description{
	padding: 4px 0;
    position: relative;
    top: 2px;
}

/*END TODAY STATUS*/


/*PERSONAL*/
.table-label{
	margin-top: 10px;
	margin-bottom: 8px;
	font-size: 11pt;
}
.btn-add-information{
	color: #999999;
	cursor: pointer;
}
.btn-add-information:hover{
	color: #343434;
}
/*END PERSONAL*/


/*RECENT QUIZ*/
.btn-modal-text{
	color: #999999;
	margin: 0 4px;
	padding: 2px 4px;
}
.btn-modal-text:hover{
	color: #343434;
	text-decoration: underline;
}
/*END RECENT QUIZ*/


/*APPROVAL LIST*/
.filter-approval .select2-container--default .select2-selection--single{
	height: calc(2.25rem + 2px)!important;
    padding: .25rem 1rem!important;
    line-height: 1.4!important;
}
.filter-approval .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 27px;
}
.approval-ava,
.user-name-title{
	float: left;
	display: inline-block;
}
.approval-ava{
	width: 40px;
	margin-right: 15px;
}
.user-name-title{
	margin: 4px 0;
	line-height: 1.2;
}
.approval-status-title{
	margin: 6px 0;
	line-height: 1.2;
}
.user-name-title>p>span{
	font-size: 11pt;
}
.status-approved>i{
	color: #01AB8D;
}
.status-rejected>i{
	color: #B50F11;
}
.status-waiting>i{
	color: #999999;
}
.approval-status{
	line-height: 1.3;
}
.apr-status{
	margin-right: 5px;
}
.card-body{
	padding: .9rem 1.25rem;
}
.btn-middle{
	min-height: 100%;
	align-items: center;
	display: inline-flex;
	text-align: center;
}
/*END APPROVAL LIST*/













/*REPORTING TASK*/
.nav-pills-task-group .nav-link{
	border: 1px solid transparent
}
.nav-pills-task-group a{
	color: #999999;
	background: #FFFFFF;
}
.caret-pills{
    line-height: 1.5;
}
.label-status{
	padding: 2px 8px;
	font-size: 10px;
	border-radius: 20px;
	min-width: 100px;
	width: 100px;
	display: block;
}
.label-status.inprogress{
	background: #E48100;
	color: #FFFFFF;
}
.label-status.complete{
	background: #01AB8D;
	color: #FFFFFF;
}
.label-status.inisiate{
	background: #00ADE4;
	color: #FFFFFF;
}
.label-status.pending{
	background: #996E47;
	color: #FFFFFF;
}
.label-status.cancel{
	background: #999999;
	color: #FFFFFF;
}
.table.middle-align>tbody>tr>td{
	vertical-align: middle;
}
/*END REPORTING TASK*/
















/*CALENDAR*/

.fc td, .fc th{
	padding: 0!important;
}
.fc th{
	padding: 6px 5px!important;
	background: #52585f;
	color: #FFFFFF;
}
.fc-event .fc-content{
	padding: 1px 5px;
}
.fc-button-primary {
    color: #999999;
    background-color: #e0e0e0;
    border-color: #cccccc;
    padding: 4px 10px;
}
.fc-event, .fc-event-dot{
	background-color: #f59f30;
}
.fc-event{
	border-color: #f59f30;
}

/*END CALENDAR*/












/*HRD*/

.dock > i.dock-icon,
.dock > div.dock-label{
	float: left;
	display: inline-block;
	color: #999999;
}
.dock > i.dock-icon{
	font-size: 28pt;
    margin-right: 10px;
}
.dock > div.dock-label{

}
.dock > div.dock-label>a{
	display: block;
	color: #343434;
}
.dock > div.dock-label>a:hover{
	color: #f59f30;
}
.list-group span.text-ellipsis{
	width: 100px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*END HRD*/





/*TASKS*/
#dateFilterTask>.datepicker-inline>.datepicker{
	width: 100%;
}
.datepicker--cell.-range-from- {
    border: 1px solid rgb(228, 129, .2)!important;
    background-color: rgb(228, 129, .2)!important;
    border-radius: 15px 0 0 15px!important;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #fff!important;
    background: #e48100!important;
}
.datepicker--cell.-in-range- {
    background: rgb(228, 129, 1)!important;
    color: #ffffff!important;
}
.datepicker--cell.-range-to- {
    border-radius: 0 15px 15px 0!important;
}
.tasklist-header{
	position: relative;
}
.tasklist-header>p,
.tasklist-header>a{
	display: inline-block;
}
.tasklist-header>a{
	float: right;
	right: 0;
	position: absolute;
	width: auto!important;
}
#tableTasklist>tbody>tr>td{
	border-top: 0;
	border-bottom: 1px solid #dddddd;
}
#tableTasklist>tbody>tr:last-child>td{
	border-bottom: 0;
}
.datepicker{
	z-index:9999 !important;
}
.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
    display: none;
}
.only-timepicker .datepicker--time {
    border-top: none;
}
/*END TASKS*/






@media (min-width: 768px){
	.container{
		width: 90%;
		max-width: 100%;
	}
}