.animated-half {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.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;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
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 {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-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 {
0%, 100% {
-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 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);
}
100% {
-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);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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);
}
100% {
-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 {
0% {
-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-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(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) 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(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) 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(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-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;
}
100% {
-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-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-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;
}
100% {
-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-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-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 {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-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 {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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;
}
100% {
-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;
}
100% {
-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 {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 2, 2016 */
/*@font-face {
font-family: 'julius_blackregular';
src: url('../fonts/julius_black.eot');
src: url('../fonts/julius_black.eot?#iefix') format('embedded-opentype'), url('../fonts/julius_black.woff2') format('woff2'), url('../fonts/julius_black.woff') format('woff'), url('../fonts/julius_black.ttf') format('truetype'), url('../fonts/julius_black.svg#julius_blackregular') format('svg');
font-weight: normal;
font-style: normal;
}*/
#login {
padding: 0px;
background-color: #fff;
}
#login .col-lg-12 {
padding: 0px;
border: 1px solid #525252;
}
.hoimg {
float: none;
margin: 0px auto;
max-width: 40%;
}
.a1 {
border-right: 1px solid #525252;
padding: 0px;
text-align: center;
height: 135px;
}
.a2 {
height: 135px;
padding: 0px;
}
#login .col-lg-12 .col-lg-3 img {
width: 67%;
height: 52px;
margin-left: 10px;
}
#login .col-lg-12 .col-lg-3 {
padding-left: 5px;
padding-right: 0px;
}
#login .col-lg-12 .col-lg-9 {
padding-left: 5px;
padding-right: 5px;
}
.slidericon1 {
color: #29166F;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
padding: 0px;
background: #e8e8e8;
margin-top: 4px;
height: 34px;
}
.slidericon2 {
color: #d60d17;
font-family: Aparajita;
font-weight: bold;
font-size: 15px;
padding-top: 3px;
line-height: 16px;
text-shadow: 1px 2px 2px #CECECE;
text-align: center;
padding: 0px;
background: #e8e8e8;
margin-top: 4px;
height: 34px;
}
.slidericon2 span {
color: #3d4583;
font-size: 15px;
text-shadow: none !important;
}
.slidericon3 {
color: #034EA2;
font-family: Arial;
font-size: 14px;
padding-top: 0px;
font-weight: bold;
line-height: 18px;
text-align: center;
padding: 0px;
background: #e8e8e8;
margin-top: 4px;
height: 34px;
}
.main_nav {
margin: 0px auto;
text-align: center;
float: none;
width: 100%;
}
.login_nav {
margin: 0px auto;
text-align: center;
float: none;
width: 72%;
}
.col_white {
color: #FFFFFF !important;
}
.col_white:hover {
color: #99E5FF !important;
}
.logo_text {
float: right;
line-height: 37px;
padding-top: 13px;
text-align: center;
font-size: 33px;
font-family: 'o3';
}
.top_bar {
background-color: #F3F1F1;
}
.toggle_bar {
border: 1px solid #fff;
padding: 7px;
border-radius: 3px;
font-size: 15px;
margin-top: -3px;
float: right;
margin-right: -22px;
}
/*.google {
width: 30%;
}
.google img {
width: 55%;
margin-top: 10%;
margin-left: 45%;
}*/
.main_css {
padding-left: 0px;
padding-right: 0px;
}
.services p {
padding: 10px;
text-align: justify;
}
.aboutus li {
color: #828282;
padding-bottom: 10px;
font-size: 14px;
text-align: left;
}
.aboutus li i {
color: #f22f40;
margin-right: 8px;
}
.about_uss p {
font-family: 'Roboto', sans-serif;
color: #647382;
font-size: 14px;
font-weight: 300;
width: 100%;
margin: 0 auto;
text-align: justify;
}
.about_uss h3 {
color: #0099cc;
margin-top: 0px;
font-weight: 500;
text-align: left;
}
.read_more {
margin-right: 10px;
margin-bottom: 10px;
text-transform: none;
}
.panel_body {
height: 230px;
}
.hospital_net {
padding-top: 10px;
}
.table tr td i {
font-size: 25px;
color: #0099cc;
}
.table tr td a {
color: #0099CC;
font-weight: bold;
cursor: pointer;
}
.list-group-item a {
color: #0099CC;
font-weight: bold;
cursor: pointer;
}
.highlight {
padding: 9px 14px;
margin-bottom: 14px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
}
.intimate h5 {
color: #337AB7;
}
.submit_btn {
border: 1px solid #647382;
background: none;
border-radius: 4px;
width: 100%;
height: 40px;
color: #b4b7ba;
padding: 7px 20px;
cursor: pointer;
}
.career_page li {
color: #7D7A7A;
padding-bottom: 10px;
font-size: 14px;
text-align: justify;
}
.career_page li i {
color: #0099CC;
}
.loader_main {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.09);
z-index: 9999999;
left: 0px;
top: 0px;
position: fixed;
}
.img_loader {
top: 40%;
position: absolute;
left: 47%;
width: 110px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.nc {
float: none;
margin: 0px auto;
width: 92%;
margin-top: 16px;
}
.pnlgvgieght {
height: 100%;
width: auto;
}
/*======================================*/
/*============================================================================
RESPONSIVE CSS WITH MEDIA
=============================================================================*/
/*============= MEDIA 1400px =============*/
@media (min-width:1200px) and (max-width:1400px) {
}
/*============= MEDIA 1200px =============*/
@media (max-width:1200px) {
}
/*============= MEDIA 1024px =============*/
@media (max-width:1024px) {
}
/*============= MEDIA 992px - 1199px =============*/
@media (min-width:992px) and (max-width:1199px) {
.cs3 {
width: 31% !important;
margin-right: 15px !important;
}
.dn {
display: none;
}
.dropdown-content {
top: 32%;
left: 8%;
}
.width35 {
width: 35%;
}
.top_heading_black {
padding-top: 30px;
margin-left: -60px;
}
.panel-default > .panel-heading a {
font-size: 12px;
line-height: 30px;
}
footer p a {
font-size: 12px;
}
.nav > li > a {
padding: 15px 7px;
font-size: 12px;
}
.readmore {
width: 54%;
}
.julius_black {
font-size: 13px;
}
.flip-carousel .controls .arrow {
top: 25% !important;
}
.hide {
display: none !important;
}
.featuress .col-lg-3 {
padding-top: 40px;
width: 200px;
height: 200px;
margin-right: -25px;
float: left;
}
.services p {
text-align: left !important;
font-size: 12px;
}
.featuress .col-lg-3 i {
color: #0099cc;
font-size: 60px;
}
.flip-carousel .controls .arrow.right {
right: -9px !important;
}
.flip-carousel .controls .arrow.left {
left: -9px !important;
}
.flip-carousel {
height: 230px !important;
}
.flip-carousel > ul > li {
margin-bottom: 45px !important;
}
.main_nav {
width: 100% !important;
font-size: 11px;
}
.services h5 {
font-size: 11px;
}
.quote h1 {
font-size: 31px;
}
.products .pro-info a {
font-size: 15px;
}
.port-over .over-info {
left: 21px;
}
.client_img {
display: none;
}
.drive-form .intres-lesson .btn {
margin-top: 10px !important;
width: 45%;
}
.logo {
font-size: 22px;
}
.logo a img {
width: 100% !important;
}
#testimonials .feed-text {
float: right;
width: 78%;
margin-top: 10px;
}
.inspectors .teach .img-sec {
height: 170px;
width: 170px;
}
.inspectors .teach-over a {
line-height: 180px;
}
#banner .text-slider h3 {
font-size: 20px;
}
.boxed {
width: 100%;
}
header .navbar-nav > li > a {
padding: 44px 10px;
}
.is-sticky header .navbar-nav > li > a {
padding: 44px 10px;
}
.login_nav {
width: 74%;
}
}
/*============= MEDIA 768px - 991px =============*/
@media (min-width:768px) and (max-width:991px) {
.smdn {
display: none;
}
.width35 {
width: 48%;
}
.cs3 {
width: 47% !important;
margin-right: 15px !important;
}
.dn {
display: none;
}
.top_nav li {
padding-left: 9px;
padding-right: 9px;
}
.login_nav {
width: 78%;
}
header .logo {
/* width: 29%; */
}
.logo_img {
width: 100%;
}
.dropdown {
position: relative;
display: inline-block;
/* width: 31%;*/
left: 1%;
}
.homehr {
width: 20%;
}
.quote {
background-repeat: repeat;
}
.rsMainSlideImage {
width: 100% !important;
height: 100%;
}
.palmImg6 {
width: 48%;
}
.palmImg4 {
width: 48%;
}
.panel-title {
font-size: 15px;
}
.small_clear {
clear: both;
}
.featuress .col-lg-3 {
margin-right: 60px;
float: left;
margin-left: 50px;
margin-bottom: 20px;
}
.hide {
display: none !important;
}
.flip-carousel .controls .arrow.right {
right: -9px !important;
}
.flip-carousel .controls .arrow.left {
left: -9px !important;
}
.flip-carousel {
height: 230px !important;
}
.flip-carousel > ul > li {
margin-bottom: 45px !important;
}
.logo_text {
font-size: 25px !important;
}
.main_nav {
width: 100% !important;
}
.navbar-header .logo {
width: 150px;
}
#banner .text-slider h3 {
font-size: 15px;
}
.navbar-header .logo img {
width: 100%;
}
.top_heading_black {
padding-top: 10px;
}
header .navbar-nav > li > a {
padding: 48px 10px;
}
.top-bar {
display: none;
}
header .navbar-nav > li > a {
padding: 30px 10px;
font-size: 13px;
}
.is-sticky header .navbar-nav > li > a {
padding: 29px 10px;
font-size: 13px;
}
header {
/* height: 82px;*/
}
.is-sticky header .logo {
margin-top: 15px;
}
#testimonials .feed-text {
float: right;
width: 70%;
margin-top: 0px;
}
#feature li .inner {
margin-bottom: 30px;
}
.col-4 li.item {
width: 50%;
margin-bottom: 30px;
}
.tittle {
margin-bottom: 10px;
}
#pricing .price-inner {
margin-bottom: 30px;
}
.inspectors .teach {
margin-bottom: 30px;
}
.panel-default > .panel-heading a {
text-decoration: none;
font-size: 18px;
width: 100%;
font-weight: 400;
padding: 0px;
color: #647382;
display: inline-block;
line-height: 25px;
padding: 5px 0px;
}
.quote {
text-align: center;
}
footer h5 {
margin-top: 30px;
}
footer .rights {
text-align: center;
}
footer .social_icons {
text-align: center;
margin-top: 10px;
}
.products .prodct {
margin-bottom: 30px;
}
#banner .text-slider p {
width: 100%;
}
/*#banner li img {
display: none;
}*/
#banner {
background: url(../images/slide-1.jpg) center center no-repeat;
}
.hide {
display: none;
}
.sub-banner {
text-align: center;
}
.sub-banner .links {
float: none;
margin-top: 20px;
margin-bottom: 40px;
}
.courses .intres-lesson li {
display: inline-block;
width: 100%;
}
.products .prodct {
margin-top: 50px;
}
.quote-sim {
text-align: center;
}
.quote-sim h3 {
width: 100%;
}
.quote-sim .btn {
display: inline-block;
float: none !important;
}
.boxed {
width: 100%;
}
.logo-hex {
height: 29px;
}
.logo .fa-stack {
width: 48px;
height: 51px;
line-height: 55px;
}
.logo a .logo-fa {
font-size: 24px;
}
.logo a {
line-height: 40px;
}
.logo {
font-size: 20px;
text-align: left;
}
.prodct-single .prodct {
margin-top: 0px !important;
}
.top_nav li a {
font-size: 10px;
}
.link li {
text-align: left;
}
.home_contact h6 {
text-align: left;
}
}
/*============= MEDIA 767px =============*/
@media (max-width:767px) {
.xsdn {
display: none;
}
.cs3 {
width: 47% !important;
float: left;
}
.login_nav {
width: 100%;
}
.slider p {
display: none !important;
}
.readmore {
width: 100%;
text-align: center;
}
.subscribe-form {
/* margin-left: -6%;*/
}
.home_contact h6 {
text-align: left;
}
.link li {
text-align: left;
}
.rsMainSlideImage {
width: 100% !important;
height: 100%;
}
.featuress .col-lg-3 {
margin-left: 7% !important;
float: left;
}
.google {
display: none;
}
.top_heading_black {
font-size: 11px;
}
.logo_right {
/*width: 52% !important;
float: right !important;*/
padding: 10px 0px;
}
.panel-default > .panel-heading a {
font-size: 12px;
line-height: 27px;
margin-left: -9px;
}
.more {
margin-bottom: 20px;
}
.downloads {
font-size: 12px;
}
.small_clear {
clear: both;
}
.flip-carousel {
height: auto !important;
}
.flip-carousel > ul > li {
margin-bottom: 40px !important;
}
.flip-carousel .controls .arrow.right {
right: -7px !important;
}
.flip-carousel .controls .arrow.left {
left: -7px !important;
}
.featuress .col-lg-3 {
margin-left: 20px;
margin-bottom: 20px;
}
.logo_text {
display: none;
}
.top_nav li a {
font-size: 12px;
}
.main_nav {
margin: 0px auto;
text-align: center;
float: none;
width: 100% !important;
}
.boxed {
width: 100%;
}
header {
height: auto;
}
header .navbar-header .logo {
width: 150px;
margin-top: 12px;
}
header .navbar-header .logo img {
width: 100%;
}
header .navbar-nav {
width: 100%;
float: left;
background: #fff;
}
header .navbar-nav {
margin: 0px;
}
header .navbar-nav > li > a {
padding: 10px 0;
width: 100%;
}
.is-sticky header .navbar-nav > li > a {
padding: 10px 0;
width: 100%;
}
header .dropdown-menu {
width: 100%;
text-align: center;
}
#testimonials {
text-align: center;
}
#testimonials .feed-text {
text-align: center;
width: 100%;
}
#testimonials .avatr {
float: none;
}
.navbar-toggle {
margin: 0px;
margin-top: 11px;
padding: 3px 10px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: #0099cc;
color: #fff;
border-color: #0099cc;
}
.find-drive {
display: none;
}
#testimonials .testi {
text-align: center;
}
#testimonials .testi p {
text-align: center;
}
.quote {
text-align: center;
}
footer h5 {
margin-top: 30px;
display: inline-block;
width: 100%;
}
footer li {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
}
footer .rights {
text-align: center;
}
footer .rights li {
width: auto;
}
footer .social_icons {
text-align: center;
margin-top: 10px;
}
.products .prodct {
margin-bottom: 30px;
}
#feature li .inner {
margin-bottom: 30px;
}
.col-4 li.item {
width: 50%;
margin-bottom: 30px;
}
.tittle {
margin-bottom: 10px;
}
#pricing .price-inner {
margin-bottom: 30px;
}
.intres-lesson li, .intres-lesson .btn {
margin-top: 10px;
}
.inspectors .teach {
margin-bottom: 30px;
}
.intres-lesson ul {
margin-top: 20px;
}
#banner .text-slider {
text-align: center;
}
#banner li img {
height: 250px;
}
#banner {
background: url(../images/slide-1.jpg) center center no-repeat;
height: 250px;
}
#banner .text-slider p {
display: none;
}
#banner .text-slider h3 {
display: none;
}
.flex-control-nav {
top: 558%;
}
.flex-direction-nav a {
top: 253%;
}
.logo {
width: 100%;
}
.logo_img {
width: 100%;
}
.sub-banner {
text-align: center;
}
.sub-banner .links {
float: none;
margin-top: 20px;
margin-bottom: 40px;
text-align: center;
}
.sub-banner .links li {
float: none;
}
.products .prodct {
/* margin-top: 50px;*/
}
.quote-sim {
text-align: center;
}
.quote-sim h3 {
width: 100%;
}
.quote-sim .btn {
display: inline-block;
float: none !important;
}
.billing-info .nav-tabs > li > a {
padding: 0px 16px;
font-size: 14px;
}
.courses .intres-lesson .btn {
margin-bottom: 40px;
}
.testi-small #testimonials .avatr {
float: none;
margin-top: 20px;
}
.nav-tabs .nav-pills > li > a {
padding: 0 15px;
}
.logo-hex {
height: 29px;
}
.logo .fa-stack {
width: 48px;
height: 51px;
line-height: 55px;
}
.logo a .logo-fa {
font-size: 24px;
}
.logo a {
line-height: 40px;
}
.logo {
font-size: 20px;
text-align: left;
}
.billing-info .prodct {
display: inline-block;
width: 100%;
}
}
/*============= MEDIA 600px =============*/
@media (max-width:600px) {
}
/*============= MEDIA 540px =============*/
@media (max-width:540px) {
.dropdown-content {
top: 43%;
left: 7%;
}
.slider p {
display: none !important;
}
.slider img {
width: 90%;
height: 80%;
}
.featuress {
/*margin-left: 20%;*/
}
.rsMainSlideImage {
width: auto !important;
}
.claim_height {
height: 53px;
}
.sn {
width: 100%;
margin-bottom: 20px;
}
.sn_no {
width: 100%;
margin-bottom: 10px;
}
#slider1 {
display: none;
}
.palmImg {
left: 0;
top: 10% !important;
bottom: 0px;
position: absolute;
width: 60%;
}
.palmImg6 {
width: 60%;
}
.palmImg4 {
width: 60%;
}
.palmImg5 {
width: 60%;
}
.readmore {
line-height: 20px;
float: left;
}
.homehr {
margin-bottom: 15px;
}
.quote {
background-repeat: repeat;
}
.link {
margin-left: 0% !important;
}
#banner .text-slider h3 i {
display: none;
}
#banner .text-slider h3 {
padding: 0 10px;
}
#banner .text-slider .btn {
padding: 10px 15px;
}
#banner .text-slider .btn-1 {
margin-left: 10px;
}
.col-2 li.item {
width: 100%;
}
.col-3 li.item {
width: 100%;
}
.col-4 li.item {
width: 100%;
}
.col-5 li.item {
width: 100%;
}
.nav-tabs .nav-pills > li > a {
padding: 0 10px;
font-size: 14px;
line-height: 40px;
}
.billing-info .prodct {
display: inline-block;
width: 100%;
}
.login_nav {
width: 100%;
}
.RadList td {
display: block;
}
}
/*============= MEDIA 400px =============*/
@media (max-width:400px) {
.smdn {
display: none;
}
.cs3 {
width: 100% !important;
}
.login_nav {
width: 100%;
}
.slider p {
display: none !important;
}
.slider img {
width: 90%;
height: 80%;
}
.royalSlider, .rsOverflow {
height: 220px !important;
}
.featuress {
/* margin-left: 7%;*/
}
}
/*============= MEDIA 320px =============*/
@media (max-width:320px) {
.smdn {
display: none;
}
.cs3 {
width: 100% !important;
}
.login_nav {
width: 100%;
}
.dropdown-content {
top: 44%;
left: 8%;
}
.slider p {
display: none !important;
}
.slider img {
width: 90%;
height: 80%;
}
.loader_main {
display: none;
}
.featuress {
margin-left: 0%;
}
.claim_height {
height: 53px;
}
.sn {
width: 100%;
margin-bottom: 20px;
}
.sn_no {
width: 100%;
margin-bottom: 10px;
}
.rsMainSlideImage {
width: 100% !important;
height: 100%;
}
#slider1 {
display: none;
}
.palmImg {
left: 0;
top: 10% !important;
bottom: 0px;
position: absolute;
width: 100%;
}
.palmImg6 {
width: 100%;
}
.palmImg4 {
width: 100%;
}
.palmImg5 {
width: 90%;
}
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding-right: 18px;
}
}
.client_img {
border-radius: 50%;
width: 100%;
}
.rsSlide {
background: #86CEE7 !important;
}
/*---------------------
file Section
-----------------------*/
@font-face {
font-family: 'o1';
src: url(../fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
font-family: 'oi';
src: url(../fonts/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'o2';
src: url(../fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'o3';
src: url(../fonts/OpenSans-SemiBold.ttf) format('truetype');
}
@font-face {
font-family: 'o4';
src: url(../fonts/OpenSans-Bold.ttf) format('truetype');
}
.c{clear:both;height:0px}
.c5{clear:both;height:5px}
.c10{clear:both;height:10px}
.c15{clear:both;height:15px}
.c20{clear:both;height:20px}
.c30{clear:both;height:30px}
.c50{clear:both;height:50px}
.c100{clear:both;height:100px}
.c200{clear:both;height:200px}
/*---------------------
colorig Section
-----------------------*/
.blue{color: #007bff; }
.indigo{color: #6610f2;}
.purple{color: #6f42c1;}
.pink{color: #e83e8c;}
.red{color: #dc3545;}
.orange{color: #fd7e14;}
.yellow{color: #ffc107;}
.green{color: #28a745;}
.teal{color: #20c997;}
.cyan{color: #17a2b8;}
.white{color: #fff;}
.gray{color: #6c757d;}
.gray-dark{color: #343a40;}
.primary{color: #007bff;}
.secondary{color: #6c757d;}
.success{color: #28a745;}
.info{color: #17a2b8;}
.warning{color: #ffc107;}
.danger{color: #dc3545;}
.light{color: #f8f9fa;}
.dark{color: #343a40;}
.green {color:green;}
.white{color:White}
.cg{color:#068006;} /* green */
.cs{color:#b1b1b1/*#004E54;*/} /* gray */
.cm{color:#CB3904;} /* mahroon */
.ct{color:magenta;} /* magenta */
.co{color:#F6A32D !important;} /* orange */
.cr{color:Red}/* red */
.cc{color:#4C9ED9;} /* cyan */
.cp{color:#2299EA;} /* paytm */
.loading{color:orange; font-weight:bold}
.cw {color:#fff}
.cb{color:#000;} /* black */
.cn{color:#004E54} /*navy*/
.cd{color: #d5d5d5;}/* dull gray*/
.cw {color: #2981ba !important;}
.kcs{color:#008CBA}
.kcg{color:#007b05}
.kcr{color:#F44336}
.kbs{background:#008CBA}
.kbg{background:#4caf50}
.kbr{background:#F44336}
.kxs{border:1px solid #008CBA}
.kxg{border:1px solid #4caf50}
.kxr{border:1px solid #F44336}
.klg{color: #00A83D;}
.r{border:1px solid red}
.g{border:1px solid #ddd}
.clr-bb-light {color: #666;}
/* background */
.bp{background:pink}
.by{background:yellow}
.bc{background:cyan}
.bo{background:orange}
.b5{background:#f2dac9;}
.b6{background:#2cffa3}
.bw{background:white}
.bm{background:#CB3904}
.by{background:yellow}
.bs{background:#fafafa}
.bp{background:#2299EA;}
.bg{background-color: #e4e9ec;}
/* text-alignment */
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.taj{text-align: justify;}
.u{text-transform:uppercase}
.i{font-style: italic;}
.ttrsfrm{text-transform:uppercase}
/* font-size */
.f10{font-size: 10px;font-weight: normal;}
.f11{font-size: 11px;font-weight: normal;}
.f12{font-size: 12px;font-weight: normal;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f20{font-size: 14px;padding-top: 3px !important;}
.f28 {font-size: 28px;}
.f26 {font-size: 26px;}
.f21 {font-size: 21px;}
.f20 {font-size: 20px;}
.f19 {font-size: 19px;}
.f18 {font-size: 18px;}
.f17 {font-size: 17px;}
.f16 {font-size: 16px;}
.f15 {font-size: 15px;}
.f14 {font-size: 14px;}
.f13 {font-size: 13px;}
.f12 {font-size: 12px;}
.f11 {font-size: 11px;}
.ff-1n {font-family: 'o1';}
.ff-1i {font-family: 'o1i';}
.ff-2n {font-family: 'o2';}
.ff-3n {font-family: 'o2';}
.ff-3i {font-family: 'o3i';}
.ff-4n {font-family: 'o3';}
.ff-4i {font-family: 'o4';}
.ff-5n {font-family: 'o4';}
.ff-5i {font-family: 'o4i';}
/* font-weight */
.fwn{font-weight: normal;}
.b{font-family:'o3'}
.o1{font-family:'o1' !important}
.o2{font-family:'o2' !important}
.o3{font-family:'o3' !important}
.o4{font-family:'o4' !important}
.o5{font-family:'o5' !important}
.dn{display:none}
.mp{cursor:pointer;}
.outline-none {
outline: none !important
}
/* paddings */
.ptb6{padding-top:6px;padding-bottom:6px}
.p8{padding: 8px;}
.pt15{padding-top: 15px;}
.pt10{padding-top: 10px;}
.pt30{padding-top: 30px;}
.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}
.pt7{padding-top: 7px;}
.pl5{padding-left: 5px;}
.pBtn{padding: 10px 20px !important;}
.p0{padding:0 !important;}
.ptb10{padding:10px 0}
.ptb15{padding:15px 0 !important}
.pl15{padding-left: 15px;}
.pl23{padding-left: 23px;}
.pr15{padding-right: 15px;}
.pr10{padding-right: 10px;}
.pt4{padding-top:4px}
.p2{padding:2px !important}
.p3{padding:3px !important}
.width-full{width:100% !important}
.pad15 {padding: 2px 15px;}
.plrb15{padding: 0px 15px 15px;}
.hide{display:none !important;}
/* margins */
.mtb6 {
margin: 6px 0px
}
.mt7{margin-top:7px}
.mtb10{margin-top:10px;margin-bottom:10px}
.mb10{margin-bottom:10px}
.mb5{margin-bottom:5px}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mr3{margin-right: 3px;}
.mt100{margin-top: 100px;}
.mb50{margin-bottom:50px}
.mb3{margin-bottom: 3px;}
.mtb15{margin-top:15px;margin-bottom:15px}
.mr0{margin-right: 0px !important;}
.m0{margin: 0px !important;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.w50{width:50%;float:left;}
.w100{width:100%;}
.w70{width:70%;float:left;}
.w30{width:30%;float:left;}
.bl0{padding: 0 0 0 4px;border-left: 0;}
.vh{visibility:hidden}
.bolder{font-weight: bolder;}
.hr-form{background: #cdcdcd;
width: 100%;
margin: 5px auto 20px;
height: 1px;}
/*=======================================================================================
custom bootstrap Section
=======================================================================================*/
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
min-height: 1px;
position: relative;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 480px) and (max-width: 768px) {.hidden-ms{display:none!important}.col-ms-1,.col-ms-10,.col-ms-11,.col-ms-12,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9{float:left}.col-ms-12{width:100%}.col-ms-11{width:91.66666667%}.col-ms-10{width:83.33333333%}.col-ms-9{width:75%}.col-ms-8{width:66.66666667%}.col-ms-7{width:58.33333333%}.col-ms-6{width:50%}.col-ms-5{width:41.66666667%}.col-ms-4{width:33.33333333%}.col-ms-3{width:25%}.col-ms-2{width:16.66666667%}.col-ms-1{width:8.33333333%}.col-ms-pull-12{right:100%}.col-ms-pull-11{right:91.66666667%}.col-ms-pull-10{right:83.33333333%}.col-ms-pull-9{right:75%}.col-ms-pull-8{right:66.66666667%}.col-ms-pull-7{right:58.33333333%}.col-ms-pull-6{right:50%}.col-ms-pull-5{right:41.66666667%}.col-ms-pull-4{right:33.33333333%}.col-ms-pull-3{right:25%}.col-ms-pull-2{right:16.66666667%}.col-ms-pull-1{right:8.33333333%}.col-ms-pull-0{right:auto}.col-ms-push-12{left:100%}.col-ms-push-11{left:91.66666667%}.col-ms-push-10{left:83.33333333%}.col-ms-push-9{left:75%}.col-ms-push-8{left:66.66666667%}.col-ms-push-7{left:58.33333333%}.col-ms-push-6{left:50%}.col-ms-push-5{left:41.66666667%}.col-ms-push-4{left:33.33333333%}.col-ms-push-3{left:25%}.col-ms-push-2{left:16.66666667%}.col-ms-push-1{left:8.33333333%}.col-ms-push-0{left:auto}.col-ms-offset-12{margin-left:100%}.col-ms-offset-11{margin-left:91.66666667%}.col-ms-offset-10{margin-left:83.33333333%}.col-ms-offset-9{margin-left:75%}.col-ms-offset-8{margin-left:66.66666667%}.col-ms-offset-7{margin-left:58.33333333%}.col-ms-offset-6{margin-left:50%}.col-ms-offset-5{margin-left:41.66666667%}.col-ms-offset-4{margin-left:33.33333333%}.col-ms-offset-3{margin-left:25%}.col-ms-offset-2{margin-left:16.66666667%}.col-ms-offset-1{margin-left:8.33333333%}.col-ms-offset-0{margin-left:0}}
.col-wm-1,.col-wm-10,.col-wm-11,.col-wm-12,.col-wm-2,.col-wm-3,.col-wm-4,.col-wm-5,.col-wm-6,.col-wm-7,.col-wm-8,.col-wm-9{float:left}.col-wm-12{width:100%}.col-wm-11{width:91.66666667%}.col-wm-10{width:83.33333333%}.col-wm-9{width:75%}.col-wm-8{width:66.66666667%}.col-wm-7{width:58.33333333%}.col-wm-6{width:50%}.col-wm-5{width:41.66666667%}.col-wm-4{width:33.33333333%}.col-wm-3{width:25%}.col-wm-2{width:16.66666667%}.col-wm-1{width:8.33333333%}
/*=======================================================================================
Font awosome css
=======================================================================================*/
.arr-down:after {content: '\f107';font-family: FontAwesome;color: gray;font-size: 13px;padding-left: 0.5em;}
.arr-up:after:hover {content: '-';color: green;padding-left: 5px;}
.arr-down {content: '+';color: Red;padding: 0 2px;color: red;}
.arr-up {content: '-';color: green;padding: 0 2px;color: green;}
.fa-rotate-45 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fa-rotate-225 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.fa-rotate-315 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
/*=======================================================================================
Animation Section
=======================================================================================*/
.bounce {-webkit-animation-name: bounce;-moz-animation-name: bounce;-o-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,100%,20%,50%,80%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@-ms-keyframes bounce{0%,100%,20%,50%,80%{-ms-transform:translateY(0)}40%{-ms-transform:translateY(-30px)}60%{-ms-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
.fadeIn {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;-ms-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeOut {-webkit-animation-name: fadeOut;-moz-animation-name: fadeOut;-o-animation-name: fadeOut;-ms-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.pulse {-webkit-animation-name: pulse;-moz-animation-name: pulse;-o-animation-name: pulse;-ms-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@-ms-keyframes pulse{0%{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}100%{-ms-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.flash {-webkit-animation-name: flash;-moz-animation-name: flash;-o-animation-name: flash;-ms-animation-name: flash;animation-name: flash;}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-ms-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
.shake {-webkit-animation-name: shake;-moz-animation-name: shake;-o-animation-name: shake;-ms-animation-name: shake;animation-name: shake;}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-30px)}20%,40%,60%,80%{-webkit-transform:translateX(30px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-30px)}20%,40%,60%,80%{-moz-transform:translateX(30px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-30px)}20%,40%,60%,80%{-o-transform:translateX(30px)}}@-ms-keyframes shake{0%,100%{-ms-transform:translateX(0)}10%,30%,50%,70%,90%{-ms-transform:translateX(-30px)}20%,40%,60%,80%{-ms-transform:translateX(30px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-30px)}20%,40%,60%,80%{transform:translateX(30px)}}
.blink {animation: blinker 500ms linear infinite;animation-duration: 1000ms;animation-name: blink;animation-iteration-count: infinite;animation-direction: alternate;-webkit-animation: blink 500ms infinite;}
@keyframes blink{50%{opacity:5}from{color:red}to{color:#ff0}}@-webkit-keyframes blink{50%{opacity:5}from{color:red}to{color:#ff0}}
body {
font-family:sans-serif;
}
.panel-info {
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
position: relative;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
background-color: #fff;
border-radius: 2px;
}
.panel-heading {
color: #666 !important;
background: linear-gradient(to right, #f3f3f3, #fafdff);
border-bottom: 1px solid #ccc !important;
}
.panel-title {
font-weight: bold;
}
.panel-body {
display: block;
padding: 10px;
}
label {
font-weight: normal !important;
color: #828282;
}
/*toaster*/
.colored-toast.swal2-icon-success {
background-color: #a5dc86 !important;
}
.colored-toast.swal2-icon-error {
background-color: #f27474 !important;
}
.colored-toast.swal2-icon-warning {
background-color: #f8bb86 !important;
}
.colored-toast.swal2-icon-info {
background-color: #3fc3ee !important;
}
.colored-toast.swal2-icon-question {
background-color: #87adbd !important;
}
.colored-toast .swal2-title {
color: white;
}
.colored-toast .swal2-close {
color: white;
}
.colored-toast .swal2-html-container {
color: white;
}
.swal2-title {
display: block;
}
/*---------------------
box Section
-----------------------*/
card {
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
position: relative;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
background-color: #fff;
border-radius: 2px;
margin-bottom: 20px;
}
mainheading {
padding: 5px 10px;
color: #666;
background: linear-gradient(to right, #f3f3f3, #fafdff);
font-size: 19px;
border-bottom: 1px solid #ccc !important;
width: 100%;
display: block;
margin-bottom: 15px;
}
.colorheading {
color: #0e5278;
font-family: 'o3';
}
prime {
border-bottom: 1px solid #e4e4e4;
padding: 5px 10px;
color: #666;
background: linear-gradient(to right, #f3f3f3, #fafdff);
}
prime.colorblue {
font-family: o4;
color: #085b81;
}
content {
display: block;
padding: 15px;
}
content .alert:last-child {
margin: 0
}
small{font-family:o3;}
divider {
display: block;
border-top-width: 1px;
border-top-style: solid;
margin: 0px -10px;
border-top-color: rgba(0,0,0,0.12);
}
md-container {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin: 8px;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
color: rgba(0,0,0,.87);
background-color: #fff;
border-radius: 2px;
margin: auto -15px;
width: 100%
}
md-container md-head {
padding: 16px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
background: #ffffd3;
border-bottom: 1px solid #e2e266;
padding: 5px 10px
}
.cover {
clear: both;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.box {
border: 1px solid #ddd;
border-width: 1px 1px 2px;
border-radius: 4px;
background: #fff;
border-style: solid;
border-color: #D8D8D8;
margin-bottom: 10px;
padding: 5px 10px;
}
.pos-rel {
position: relative;
}
content label {
/* font-size: 11px;
color: #adadad;
margin-bottom: 1px;
width: 100%;*/
font-size: 12px;
color: #4e565acf;
margin-bottom: 1px;
width: 100%;
}
/*---------------------
page paragraph section
-----------------------*/
.para_box {
padding: 52px 0;
text-align: justify;
}
.para_head {
color: #444;
margin-bottom: 15px;
font-size: 27px;
font-family: 'o3';
}
.para_ttl {
font-size: 15px;
font-family: 'o3';
}
.para_cntnt {
font-size: 15px;
margin-bottom: 20px;
font-family: o1;
color: #000;
}
/*---------------------
buttons Section
-----------------------*/
.btn-red {
text-align: center;
padding: 12px;
font-size: 15px;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #f44336;
color: #fff;
cursor: pointer;
font-weight: 500
}
.btn-sign-in {
text-align: center;
padding: 10px 19px 8px 16px;
font-size: 15px;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #f44336;
color: #fff;
cursor: pointer;
font-weight: 500
}
.btn-sign-up {
text-align: center;
padding: 10px 19px 8px 16px;
font-size: 15px;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #007bff;
color: #fff;
cursor: pointer;
font-weight: 500
}
.btn-clear {
display: inline-block;
font-size: 13px;
font-weight: 700;
padding: 16px 28px 15px;
background: #f44336;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
}
.btn-red-shadow {
box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}
.btn-blank-primary {
color: #0093dd;
background-color: #fff;
border: 2px solid #0093dd;
border-radius: 4px !important;
font-weight: 600;
}
.btn-blank-primary:hover {
color: #fff;
background-color: #026ba0;
border-color: #056696;
}
.btn-blank-pax {
color: #1f2645;
background-color: #fff;
border: 2px solid #1f2746;
border-radius: 4px !important;
font-weight: 600;
}
.btn-blank-pax:hover {
color: #fff;
background-color: #161d3a;
border-color: #1f2746;
}
.primary-btn {
display: inline-block;
font-size: 13px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
position: relative
}
.primary-btn:after {
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 2px;
background: #f44336;
content: ""
}
.btn-orange {
color: #fff;
background-color: rgb(255,87,34);
}
.btn-red-cell {
background: #ef3556;
cursor: pointer;
color: #fff;
text-align: center;
}
.btn-red-cell:hover {
background: #f30c0c;
}
.btn-red-cell:active {
background: #c31515 !important;
}
/*waves btn*/
.btn-ripple {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
display: inline-block;
position: relative;
min-height: 36px;
min-width: 88px;
line-height: 32px;
vertical-align: middle;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
border: 0;
padding: 0 14px;
white-space: nowrap;
text-transform: Capitalize;
font-weight: 500;
font-size: 17px;
text-decoration: none;
overflow: hidden;
font-family: cambria
}
.ripple {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
border-radius: inherit;
pointer-events: none;
animation: ripple-shadow .4s forwards;
-webkit-animation: ripple-shadow .4s forwards
}
.rippleWave {
backface-visibility: hidden;
position: absolute;
border-radius: 50%;
transform: scale(.7);
-webkit-transform: scale(.7);
background: #fff;
opacity: .45;
animation: ripple 2s forwards;
-webkit-animation: ripple 2s forwards
}
@keyframes ripple-shadow {
0% {
box-shadow: 0 0 0 transparent
}
20% {
box-shadow: 0 4px 16px rgba(0,0,0,.3)
}
100% {
box-shadow: 0 0 0 transparent
}
}
@-webkit-keyframes ripple-shadow {
0% {
box-shadow: 0 0 0 transparent
}
20% {
box-shadow: 0 4px 16px rgba(0,0,0,.3)
}
100% {
box-shadow: 0 0 0 transparent
}
}
@keyframes ripple {
to {
transform: scale(24);
opacity: 0
}
}
@-webkit-keyframes ripple {
to {
-webkit-transform: scale(24);
opacity: 0
}
}
.btn-sky {
background: #5bc0de !important;
border-color: #46b8da !important;
color: #fff !important;
}
.btn-green {
background: #01c30a !important;
border-color: #01c30a !important;
color: #fff !important;
}
.btn-red {
background: #d9534f !important;
border-color: #d43f3a !important;
color: #fff !important;
}
.btn-magenta {
background: #E91E63;
border-color: #ed0051;
color: #fff !important;
}
.btn-magenta:hover {
background: #c10747;
border-color: #c10747;
}
.btn-orange {
background: #FF5722;
border-color: #f5460f;
color: #fff;
}
.btn-orange:hover {
background: #e53903;
border-color: #bb2e02;
}
/*---------------------
loader Section
-----------------------*/
.load_space {
height: 498px;
}
.loading {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
.load {
width: 40px;
height: 40px;
position: absolute;
bottom: 54px;
left: 121px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
#preloder {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999;
background: #ffffff;
}
.loader {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
/*preloader*/
.preload {
display: flex;
justify-content: center;
align-items: center;
height: 63px /*100vh*/;
overflow: hidden;
animation-delay: 1s;
height: 50px;
width: 215px;
}
.item-1 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eed968;
margin: 7px;
display: flex;
justify-content: center;
align-items: center
}
@keyframes scale {
0% {
transform: scale(1)
}
50%,75% {
transform: scale(2.5)
}
100%,78% {
opacity: 0
}
}
.item-1:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eed968;
opacity: .7;
animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: .2s;
transition: .5s all ease;
transform: scale(1)
}
.item-2 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eece68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center
}
@keyframes scale {
0% {
transform: scale(1)
}
50%,75% {
transform: scale(2.5)
}
100%,78% {
opacity: 0
}
}
.item-2:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eece68;
opacity: .7;
animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: .4s;
transition: .5s all ease;
transform: scale(1)
}
.item-3 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eec368;
margin: 7px;
display: flex;
justify-content: center;
align-items: center
}
@keyframes scale {
0% {
transform: scale(1)
}
50%,75% {
transform: scale(2.5)
}
100%,78% {
opacity: 0
}
}
.item-3:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eec368;
opacity: .7;
animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: .6s;
transition: .5s all ease;
transform: scale(1)
}
.item-4 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #eead68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center
}
@keyframes scale {
0% {
transform: scale(1)
}
50%,75% {
transform: scale(2.5)
}
100%,78% {
opacity: 0
}
}
.item-4:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eead68;
opacity: .7;
animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: .8s;
transition: .5s all ease;
transform: scale(1)
}
.item-5 {
width: 20px;
height: 20px;
background: #f583a1;
border-radius: 50%;
background-color: #ee8c68;
margin: 7px;
display: flex;
justify-content: center;
align-items: center
}
@keyframes scale {
0% {
transform: scale(1)
}
50%,75% {
transform: scale(2.5)
}
100%,78% {
opacity: 0
}
}
.item-5:before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ee8c68;
opacity: .7;
animation: scale 2s infinite cubic-bezier(0,0,.49,1.02);
animation-delay: 1s;
transition: .5s all ease;
transform: scale(1)
}
/**/
/*ninjaloader*/
.ninjaload {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 10px auto;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-perspective: 780px;
perspective: 780px
}
.ninjaload-inner {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%
}
.ninjaload-inner.box1 {
left: 0;
top: 0;
animation: cssload-rotate-one 1.15s linear infinite;
-o-animation: cssload-rotate-one 1.15s linear infinite;
-ms-animation: cssload-rotate-one 1.15s linear infinite;
-webkit-animation: cssload-rotate-one 1.15s linear infinite;
-moz-animation: cssload-rotate-one 1.15s linear infinite;
border-bottom: 3px solid #5c5edc
}
.ninjaload-inner.box2 {
right: 0;
top: 0;
animation: cssload-rotate-two 1.15s linear infinite;
-o-animation: cssload-rotate-two 1.15s linear infinite;
-ms-animation: cssload-rotate-two 1.15s linear infinite;
-webkit-animation: cssload-rotate-two 1.15s linear infinite;
-moz-animation: cssload-rotate-two 1.15s linear infinite;
border-right: 3px solid rgba(76,70,101,.99)
}
.ninjaload-inner.box3 {
right: 0;
bottom: 0;
animation: cssload-rotate-three 1.15s linear infinite;
-o-animation: cssload-rotate-three 1.15s linear infinite;
-ms-animation: cssload-rotate-three 1.15s linear infinite;
-webkit-animation: cssload-rotate-three 1.15s linear infinite;
-moz-animation: cssload-rotate-three 1.15s linear infinite;
border-top: 3px solid #e9908a
}
@keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@-webkit-keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}
@keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@-webkit-keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}
@keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
@-webkit-keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}
/**/
/*circle loader*/
.circleload {
position: relative;
width: 42px;
height: 42px;
margin: 10px auto;
}
.circleload .cload {
width: 40px;
height: 40px;
position: absolute;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
/**/
.my-actions {
margin: 0 2em;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.right-gap {
margin-right: auto;
}
/*swal*/
.swal2-title {
font-family: 'o2';
font-size: 18px !important;
font-weight: normal !important;
}
body.swal2-toast-shown .swal2-container {
width: 460px !important;
}
.swal2-sub-title {
font-family: system-ui;
font-size: 20px;
color: #8c5f4f;
margin-bottom: 9px;
}
.swal2-html-container {
font-size: 14px;
}
option {
font-size: 16px;
background-color: #ffffff;
}
/*New buttons set*/
.btn {
font-size: 14px !important;
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid #ccc;
padding: 6px 16px 4px;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
/*
.btn:hover {
color: #212529
}*/
.btn-check:focus + .btn,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
pointer-events: none;
opacity: .65
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-primary:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}
.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e
}
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43
}
.btn-check:focus + .btn-success,
.btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}
.btn-check:active + .btn-success,
.btn-check:checked + .btn-success,
.btn-success.active,
.btn-success:active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f
}
.btn-check:active + .btn-success:focus,
.btn-check:checked + .btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-info {
color: #fff;
background-color: #2196f3;
border-color: #2196f3;
}
.btn-info:hover {
background-color: #0075d1;
border-color: #007ddf;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
background-color: #0075d1;
border-color: #007ddf;
box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-check:active + .btn-info,
.btn-check:checked + .btn-info,
.btn-info.active,
.btn-info:active,
.show > .btn-info.dropdown-toggle {
background-color: #0075d1;
border-color: #007ddf;
}
.btn-check:active + .btn-info:focus,
.btn-check:checked + .btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-check:active + .btn-warning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720
}
.btn-check:active + .btn-warning:focus,
.btn-check:checked + .btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger:active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834
}
.btn-check:active + .btn-danger:focus,
.btn-check:checked + .btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:focus + .btn-light,
.btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-check:active + .btn-light,
.btn-check:checked + .btn-light,
.btn-light.active,
.btn-light:active,
.show > .btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-dark:hover {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-check:active + .btn-dark,
.btn-check:checked + .btn-dark,
.btn-dark.active,
.btn-dark:active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1a1e21;
border-color: #191c1f
}
.btn-check:active + .btn-dark:focus,
.btn-check:checked + .btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #0d6efd;
background-color: transparent
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-check:active + .btn-outline-secondary:focus,
.btn-check:checked + .btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-success {
color: #198754;
border-color: #198754
}
.btn-outline-success:hover {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-check:active + .btn-outline-success:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #198754;
background-color: transparent
}
.btn-outline-info {
color: #0dcaf0;
border-color: #0dcaf0
}
.btn-outline-info:hover {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}
.btn-check:active + .btn-outline-info,
.btn-check:checked + .btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-check:active + .btn-outline-info:focus,
.btn-check:checked + .btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #0dcaf0;
background-color: transparent
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-check:active + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:active + .btn-outline-warning:focus,
.btn-check:checked + .btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:active + .btn-outline-danger:focus,
.btn-check:checked + .btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-check:active + .btn-outline-light,
.btn-check:checked + .btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:active + .btn-outline-light:focus,
.btn-check:checked + .btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-dark {
color: #212529;
border-color: #212529
}
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
color: #fff;
background-color: #212529;
border-color: #212529
}
.btn-check:active + .btn-outline-dark:focus,
.btn-check:checked + .btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #212529;
background-color: transparent
}
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline
}
.btn-link:hover {
color: #0a58ca
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d
}
/*status coloring*/
.redStatusClass {
color: #fff;
background: red;
}
.noactionStatus {
background: #e3e3e3;
color: #898585;
}
.dischargeStatus {
color: #e48b00;
background: #fefeed;
}
.approvedStatus {
color: #038316;
background: #e5ffde;
}
.declinedStatus {
color: #dc2a1d;
background: #ffd1d1;
}
.admissionStatus {
color: #067d89;
background: #e5ffff;
}
.pendingStatus {
color: #d48a04;
background: #ffecca;
}
.editStatus {
color: #0443d4;
background: #cae4ff;
}
/*hospital main*/
.colseBtn {float: right;top: -24px;position: relative;width: 25px;border-radius: 16px;height: 25px;padding: 1px;background: #dadada;border-color: #c7c3c3;color: #979797;}
.colseBtn:hover {background: #ffd9d9;border-color: #f88383;color: #ff8e8e;}
.playIcon {color: #0099cc !important;}
.playVisited {color:#999999 !important;}.playIcon:hover {color: #dc3545 !important;}
.playIcon:active {color: #ff8e8e !important;}
.search-panel{background: #ffffff;padding: 5px 0px 15px;border: 1px solid #ccc;}
.table-hover > tbody > tr > th {background-color: #ffffff;border-bottom: 2px solid #ccc;padding: 11px 6px;}
.emptyDataRowStyle{color:red;}
.lblClass{font-size: 12px;margin-bottom: 1px;color: #979797;}
.topPadding{margin-top: 15px !important;margin-bottom: 0px;}
.topPadding2{margin-top: 18px !important;margin-bottom: 0px;}
.search-filter {background: #ffffff;padding: 8px 0px 5px;border: 1px solid #ccc;margin-bottom: 15px;}
.breadcrumb {padding: 0;font-weight:normal;background:#fff;}
.genPadding {margin-top: 3px;margin-bottom: 0px;}
.genMar {margin-right: 50px;}
.hospital_social a {
padding-top: 9px;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #1976d2 !important;
border-color: #0960b7 !important;
}
.validation_alert {
width: 40%;
top: 20%;
left: 44%;
}
.panel-info > .panel-heading {
color: #ffffff;
background-color: #136da0;
border-color: #126392;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #1976d2 !important;
border-color: #0960b7 !important;
}
.panel-info {
border-color: rgb(215 207 207);
}
.form-control {
border-radius: 0px;
}
/* .btn {
border-radius: 0px;
}*/
h4 {
font-size: 21px;
color: #136da0;
font-weight: 400;
}
.validation_alert {
width: 40%;
top: 16%;
left: 36%;
position: fixed;
z-index: 99999;
padding-bottom: 2px;
}
.well {
min-height: 20px;
/* padding: 19px; */
padding: 15px;
margin-bottom: 20px;
background-color: #136da0;
border: 1px solid #136da0;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
h4 {
font-size: 21px;
color: #ffffff;
font-weight: 400;
}
element.style {
display: inline-block;
background-color: rgb(22 110 150);
box-shadow: rgb(140 212 245 / 80%) 0px 0px 2px, rgb(0 0 0 / 5%) 0px 0px 0px 1px inset;
}
.h1.h2, .h3, .h5, .h6, h1, h2, h3 {
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.h4 {
font-weight: 500;
line-height: 1.1;
color: initial;
}
h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 500;
line-height: 1.1;
color: white;
}
.grdStyle {
max-height: 548px;
}
.headerStrip {
margin-top: 1px;
background: #136da0;
}
.headerLabel {
color: #fff;
padding: 0 0 0 6px;
font-size: 19px;
line-height: 45px;
}
.logoutBtn {
margin: 5px 31px 0 0;
outline: none;
}
/* .btn {
padding: 7px 15px;
}
*/
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.list-group-item:first-child {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #1976d2 !important;
border-color: #0960b7 !important;
}
.dn {
display: none;
}
.welcomeClass {
color: #0993a9;
font-size: 15px;
text-align: left;
}
.hospitalClass {
color: #4caf50;
font-size: 24px;
line-height: 1;
margin-top: 2px;
text-transform: capitalize;
}
.hospInfo {
float: left;
border-left: 3px solid #d3e3eb;
padding-left: 10px;
margin-left: 10px;
margin-top: 8px;
}
.logoInfo {
float: left;
display: flex;
}
.topnav {
overflow: hidden;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 8px 16px;
font-size: 17px;
border-right: 1px solid #8fa1af;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 8px 16px;
font-size: 17px;
border-right: 1px solid #8fa1af;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #04AA6D;
color: white;
}
.topnav .icon {
display: none;
}
.about {
background: #e4e9ec;
}
.table {
background: #fff;
}
#deviceDriverInstructionMdl h4 {
color: #444 !important;
}
#deviceDriverInstructionMdl #d1Btn:hover, #deviceDriverInstructionMdl #d2Btn:hover {
background: #27ba1b;
color: azure;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {
position: relative;
}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
.boxPadding {
padding: 10px 20px;
}
.search-panel {
background: #ffffff;
padding: 5px 0px 15px;
border: 1px solid #ccc;
}
.table-hover > tbody > tr > th {
background-color: #ffffff;
border-bottom: 2px solid #ccc;
padding: 11px 6px;
}
.emptyDataRowStyle {
color: red;
}
.lblClass {
font-size: 12px;
margin-bottom: 1px;
color: #979797;
}
.topPadding {
margin-top: 15px;
margin-bottom: 0px;
}
.topPadding2 {
margin-top: 18px;
margin-bottom: 0px;
}
.search-box {
background: #ffffff;
padding: 8px 0px 5px;
border: 1px solid #ccc;
margin-bottom: 15px;
display: flex;
position: relative;
}
.breadcrumb {
padding: 0;
font-weight: normal;
background: #fff;
}
.genPadding {
margin-top: 3px;
margin-bottom: 0px;
}
.genMar {
margin-right: 50px;
}
.mr-15 {
margin-right: 15px !important
}
.fabtnicon {
padding: 0 0 0 3px !important;
}
.reopenbox {
background: #ffffff;
padding: 10px 15px;
border: 1px solid #ccc;
position: relative;
}
.table-th {
background: #ffffff;
font-size: 14px !important;
border: 1px solid #e7e7e7 !important;
font-weight: normal !important;
color: #000;
}
.form-control2 {
border-radius: 4px;
height: 35px;
display: block;
width: 100%;
padding: 3px 12px;
font-size: 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.mt-0 {
margin-bottom: 0px !important;
}
.floatOnBorder {
position: absolute;
top: -8px;
background: #fff;
padding: 0 7px;
font-size: 12px;
margin-bottom: 1px;
color: #136da0;
left: 10px;
}
.reopenbox {
background: #ffffff;
padding: 15px 15px;
border: 1px solid #ccc;
position: relative;
margin-bottom: 30px;
border-radius: 4px;
box-shadow: 0px 3px 7px #ddd;
}
.reopenbox .alert:last-child {
margin: 0px
}
input {
outline: none;
}
.form-control2:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.table-style-info {
margin-bottom: 0px !important;
}
.table-style-info > tbody > tr:first-child {
background-color: #2895c6 !important;
color: #fff !important;
}
.table-style-info > tbody > tr:first-child th {
padding: 5px 8px 3px;
font-weight: normal;
font-size: 14px
}
.table-style-info > tr > th, .table-style-info > tr > td {
border: 1px solid #e7e7e7 !important;
padding: 6px;
}
.table-style-info > thead > tr > th, .table-style-info > tbody > tr > td {
border: 1px solid #e7e7e7 !important;
padding: 6px;
}
.table-style-info > tr > th {
background: #2881c7;
font-size: 14px !important;
color: #fff;
font-weight: normal;
}
.table-style-info > thead > tr > th {
background: #2881c7;
font-size: 14px !important;
color: #fff;
font-weight: normal;
}
.table-style-info > tbody > tr > td {
border: 1px solid #e7e7e7 !important;
color: #444;
font-size: 12px;
}
.table-style-info > tbody > tr:nth-of-type(odd) {
background-color: #2196f31f;
}
.table-style-info > tbody > tr:nth-of-type(even) {
background-color: #fff;
}
.table-style-info > tbody > tr:hover {
background-color: #2196f370;
}
.table-style-info > tbody > .row-disabled td {
background-color: #d3d3d3;
color: #7f7f7f !important;
}
.p1 {
padding: 1px;
}
td .fa-eye{font-size: 18px !important;}
.colored-toast-magenta {
background-color: #d813c8 !important;
color: #fff
}
.colored-toast-magenta .swal2-loader {
border-color: #fff transparent #fff transparent;
}
.form-control-readonly {
border: 0;
background: #fff;
padding: 1px;
font-family: 'o3';
height: 28px;
border-top: 1px solid #ccc;
width: 100%;
}
.text-disabled, .disabledinput {
cursor: no-drop;
background: #e7e7e7 !important;
pointer-events: none;
}
.btn-nobg {
background: #fff;
border: 0;
}
#noDataConsultation, #noDataPrescription {
padding: 8px 15px;
color: #137e17;
font-family: 'o2';
}
/*from preauth page*/
.btn {
border-radius: 3px;
padding: 4px 10px;
display: inline-block;
text-transform: uppercase;
margin: 5px 0px;
}
.form-control {
border-radius: 0px;
}
.txtsearch {
top: auto;
width: 200px;
height: 23px;
position: center;
margin-right: auto;
}
.col-sm-1 {
padding-left: 0px;
}
.validation_alert {
width: 40%;
top: 20%;
left: 36%;
position: fixed;
z-index: 99999;
padding-bottom: 2px;
}
.alert-danger {
color: #fafafa;
background-color: #3c763d;
border-color: #3c763d;
}
.alert-red {
color: #fafafa;
background-color: #d21a1a;
border-color: #cf3131;
}
.btnFloat {
float: right;
}
.grdStyle {
max-height: 350px;
}
.pnlhegight {
height: 300px;
width: 100%;
overflow: auto;
}
#new_tab_div .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #136da0;
border: 1px solid #136da0;
}
#new_tab_div .nav-tabs > li > a {
background-color: #ccc;
}
#TabConsultation .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #136da0;
border: 1px solid #136da0;
}
#TabConsultation .nav-tabs > li > a {
background-color: #ccc;
}
.completionList {
border: solid 1px #444444;
margin: 0px;
padding: 2px;
height: 150px;
overflow: auto;
background-color: #FFFFFF;
}
.listItem {
color: #1C1C1C;
}
.itemHighlighted {
background-color: #ffc0c0;
}
.swal2-sub-title {
font-family: system-ui;
font-size: 20px;
color: #8c5f4f;
margin-bottom: 9px;
}
.swal2-html-container {
font-size: 14px;
}
option {
font-size: 16px;
background-color: #ffffff;
}
.btn {
margin: 5px 0px;
padding: 5.5px 15px;
margin-top: 5px;
}
.btnMain {
padding: 6.5px 15px 5px;
margin-top: 5px;
font-size: 17px !important;
}
.boldText {
font-weight: bold;
}
/*master content*/
.text-amb {
font-size: 25px;
font-family: o3;
margin: 15px 0 30px;
text-align: center;
}
.btn-amb {
font-family: o2;
padding: 4px 0;
font-size: 20px !important;
}
.amb-add {
font-size: 34px;
color: #1dbf00;
cursor: pointer
}
.amb-add:hover {
font-size: 34px;
color: #1b760b;
}
.btn-reset {
font-family: o2;
padding: 4px 22px;
font-size: 18px !important;
}
.amb-hr {
border-top: 1px solid #dbdbdb;
margin: 20px 0;
padding: 17px 0;
}
.developEnv {
text-align: center;
padding: 4px 20px;
font-family: o3;
font-size: 20px;
background: #fb3d3d;
color: #fff;
}
.listItem {
border-bottom: 1px solid #ccc;
color: #666;
padding: 0 0px;
transition: none;
width: 100%;
}
.listItem:last-child {
border-bottom: 0px solid #ccc;
color: #666;
padding: 0 0px;
transition: none;
width: 100%;
}
.itemHighlighted {
border-bottom: 1px solid #ccc;
background: #ddd;
color: #222;
cursor:pointer;
}
.completionList {
transition: none;
}
.icdlist, .dialist {
position: absolute;
bottom: -24px;
font-family: oi;
color: #0468b7;
}
.icdlist i, .dialist i {
font-size: 13px;
}
#RefreshCache{
display:none;
}
.KingNotifier {
right: 0;
position: relative;
top: 0;
z-index: 99999;
left: 0;
background: #efefef;
padding: 3px 10px;
box-shadow: 0px 2px 0px #d9d9d9;
font-size: 14px;
font-family: o3;
text-align: center;
margin-bottom: 0px;
}
.KingNotifier .ntxt{animation: blinker 500ms linear infinite;animation-duration: 1000ms;animation-name: blinkNotify;animation-iteration-count: infinite;animation-direction: alternate;-webkit-animation: blinkNotify 500ms infinite;}
@keyframes blinkNotify{50%{opacity:.7}from{color:red}to{color:#00f}}@-webkit-keyframes blinkNotify{50%{opacity:.7}from{color:red}to{color:#00f}}
.dn{display:none !important;}
#wrap {
background: #e4e9ec;
}
.color-red{color:orangered}
.p0{padding:0 !important}
.searchbox {
width: 15%;
margin-bottom: 0;
margin-left: 15px;
border: 0;
padding: 4px;
}
.circleShape {
width: 24px;
height: 24px;
border-radius: 100px;
text-align: center;
margin: auto;
}
.squareShape {
width: 33px;
height: 17px;
text-align: center;
margin: auto;
}