Current Path : /storage/v11800/affypharma/public_html/wp-content/plugins/formcraft3/assets/less/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/affypharma/public_html/wp-content/plugins/formcraft3/assets/less/common-elements.less |
.formcraft-css .animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes shake {
20% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
}
60% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
}
}
@-webkit-keyframes shake {
20% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
}
60% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
}
}
@keyframes shake {
20% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(-2deg);
}
60% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(2deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotateY(0deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes sticky_show_right {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes sticky_show_right {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes sticky_hide_right {
0% {
transform: translate3d(0,0, 0);
-webkit-transform: translate3d(0,0, 0);
}
100% {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
}
}
@keyframes sticky_hide_right {
0% {
transform: translate3d(0,0, 0);
-webkit-transform: translate3d(0,0, 0);
}
100% {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes sticky_show_left {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes sticky_show_left {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes sticky_hide_left {
0% {
transform: translate3d(0,0, 0);
-webkit-transform: translate3d(0,0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
}
@keyframes sticky_hide_left {
0% {
transform: translate3d(0,0, 0);
-webkit-transform: translate3d(0,0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes sticky_show {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes sticky_show {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes sticky_hide {
0% {
transform: translate3d(0,0, 0);
-webkit-transform: translate3d(0,0, 0);
}
100% {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
}
}
@keyframes sticky_hide {
0% {
transform: translate3d(0,0, 0);
-webkit-transform: translate3d(0,0, 0);
}
100% {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes subOptionsIn {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
-webkit-transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes subOptionsIn {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
-webkit-transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fieldShowEven {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
}
@keyframes fieldShowEven {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
}
@-webkit-keyframes fieldShowOdd {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
}
@keyframes fieldShowOdd {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
}
@-webkit-keyframes fieldHideEven {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
}
}
@keyframes fieldHideEven {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(-90deg);
}
}
@-webkit-keyframes fieldHideOdd {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
}
}
@keyframes fieldHideOdd {
0% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(0deg);
}
100% {
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1) rotateX(90deg);
}
}
@-webkit-keyframes optionsIn {
0% {
opacity: 0;
transform: translate3d(0, 0, 0) scaleX(0) scaleY(0);
-webkit-transform: translate3d(0, 0, 0) scaleX(0) scaleY(0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1);
}
}
@keyframes optionsIn {
0% {
opacity: 0;
transform: translate3d(0, 0, 0) scaleX(0) scaleY(0);
-webkit-transform: translate3d(0, 0, 0) scaleX(0) scaleY(0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scaleX(1) scaleY(1);
-webkit-transform: translate3d(0, 0, 0) scaleX(1) scaleY(1);
}
}
@-webkit-keyframes optionsOut {
0% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
100% {
transform: translate3d(0, 0, 0) scale(0);
-webkit-transform: translate3d(0, 0, 0) scale(0);
}
}
@keyframes optionsOut {
0% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
100% {
transform: translate3d(0, 0, 0) scale(0);
-webkit-transform: translate3d(0, 0, 0) scale(0);
}
}
@-webkit-keyframes successIn {
0% {
opacity: 0;
transform: translate3d(0, 200px, 0);
-webkit-transform: translate3d(0, 200px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes successIn {
0% {
opacity: 0;
transform: translate3d(0, 200px, 0);
-webkit-transform: translate3d(0, 200px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes slideDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideUp {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
}
}
@keyframes slideUp {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@-webkit-keyframes slideLeft {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideLeft {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideRight {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideRight {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes tooltipTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -4px, 0) scale(.98);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes tooltipTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -4px, 0) scale(.98);
transform: translate3d(0, -4px, 0) scale(.98);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(.95);
transform: translate3d(0, 0, 0) scale(.95);
}
70% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1.01);
transform: translate3d(0, 0, 0) scale(1.01);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(.95);
transform: translate3d(0, 0, 0) scale(.95);
}
70% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1.01);
transform: translate3d(0, 0, 0) scale(1.01);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes bounceInBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
}
70% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1.1);
transform: translate3d(0, 0, 0) scale(1.1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes bounceInBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
}
70% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1.1);
transform: translate3d(0, 0, 0) scale(1.1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(1.5);
transform: translate3d(0, 0, 0) scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(1.5);
transform: translate3d(0, 0, 0) scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(.95);
transform: translate3d(0, 0, 0) scale(.95);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(.95);
transform: translate3d(0, 0, 0) scale(.95);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0) scale(.99);
transform: translate3d(10px, 0, 0) scale(.99);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0) scale(.99);
transform: translate3d(10px, 0, 0) scale(.99);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes fadeInLeftLight {
0% {
opacity: 0;
-webkit-transform: translate3d(2px, 0, 0) scale(1);
transform: translate3d(2px, 0, 0) scale(1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes fadeInLeftLight {
0% {
opacity: 0;
-webkit-transform: translate3d(2px, 0, 0) scale(1);
transform: translate3d(2px, 0, 0) scale(1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0) scale(.99);
transform: translate3d(10px, 0, 0) scale(.99);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0) scale(.99);
transform: translate3d(10px, 0, 0) scale(.99);
}
}
@-webkit-keyframes collapseIn {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -5px, 0) scale(.95);
transform: translate3d(0, -5px, 0) scale(.95);
}
}
@keyframes collapseIn {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -5px, 0) scale(.95);
transform: translate3d(0, -5px, 0) scale(.95);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(.99);
transform: translate3d(-10px, 0, 0) scale(.99);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(.99);
transform: translate3d(-10px, 0, 0) scale(.99);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes fadeInRightSmooth {
0% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
transform: translate3d(-10px, 0, 0) scale(1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes fadeInRightSmooth {
0% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
transform: translate3d(-10px, 0, 0) scale(1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(.99);
transform: translate3d(-10px, 0, 0) scale(.99);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(.99);
transform: translate3d(-10px, 0, 0) scale(.99);
}
}
@-webkit-keyframes fadeOutRightSmooth {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
transform: translate3d(-10px, 0, 0) scale(1);
}
}
@keyframes fadeOutRightSmooth {
0% {
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0) scale(1);
transform: translate3d(0px, 0, 0) scale(1);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0) scale(1);
transform: translate3d(-10px, 0, 0) scale(1);
}
}
#toast-container {
position: fixed;
top: 82px;
right: 8px;
z-index: 999999;
.icon-ok {
font-size: 9px;
padding: 1px;
color: #4FB34F;
background-color: white;
border-radius: 100px;
vertical-align: middle;
margin-right: 2px;
}
.toast {
-webkit-animation: slideLeft .2s;
animation: slideLeft .2s;
padding: 9px 14px;
font-weight: 600;
background-color: #eee;
text-align: center;
border-radius: 3px;
margin-top: 6px;
box-shadow: 0 1px 0 rgba(0,0,0,.7);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.7);
cursor: pointer;
&.toast-success {
color: white;
background-color: #4FB34F;
}
&.toast-error {
color: white;
background-color: rgb(244, 94, 94);
}
}
}
#ui-datepicker-div.fc-datepicker {
background-color: white;
box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
padding: 0px;
margin-left: 0px;
border-radius: 0px 0px 2px 2px;
border: 0px;
position: absolute;
z-index: 9999999 !important;
-webkit-animation: slideDown .2s ease-out !important;
animation: slideDown .2s ease-out !important;
color: #929292;
-webkit-font-smoothing: auto;
.ui-datepicker-calendar {
color: #929292;
}
.ui-datepicker-header {
text-align: center;
background-color: #48e;
border-bottom: 1px solid #3b77d1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
border-radius: 0px;
color: #fff;
}
.ui-datepicker-prev,
.ui-datepicker-next {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 13px 0px 13px;
overflow: hidden;
color: #eee;
font-size: 13px;
height: 36px;
line-height: 37px;
color: rgba(255, 255, 255, .8);
text-decoration: none;
border: 0px !important;
cursor: pointer;
&:hover {
color: #fff;
background-color: #3b77d1;
}
}
.ui-icon,
.ui-icon:hover
{
background: none !important;
text-indent: 0;
width: auto;
height: auto;
}
.ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w::after {
content: '<';
font-size: 18px;
text-decoration: none;
border: 0px;
font-weight: bold;
font-family: Consolas, Arial;
position: relative;
display: block;
line-height: 38px;
}
.ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e::after {
content: '>';
font-size: 18px;
text-decoration: none;
border: 0px;
font-weight: bold;
font-family: Consolas, Arial;
position: relative;
display: block;
line-height: 38px;
}
select.ui-datepicker-month,
select.ui-datepicker-year {
letter-spacing: 0;
box-shadow: none;
-webkit-appearance: none;
border: 0px;
background-color: transparent;
background-image: none;
width: auto;
display: inline-block;
margin: 0;
height: auto;
width: auto;
line-height: normal;
font-size: 14px;
padding: 9px 8px;
height: 36px;
cursor: pointer;
color: #fff !important;
border-radius: 0px;
outline: none;
box-shadow: none;
-moz-appearance: none;
&:hover {
background-color: #3b77d1;
}
}
.ui-datepicker-title {
padding: 0px 1px;
letter-spacing: -4px;
margin-left: 33px;
margin-right: 33px;
}
.ui-datepicker-prev {
float: left;
}
.ui-datepicker-next {
float: right;
}
table.ui-datepicker-calendar {
margin: 0px;
width: auto;
border-collapse: collapse;
border: 0px;
th {
color: #48e;
font-size: 13px;
text-align: center;
background-color: transparent !important;
}
th span
{
font-size: 11px !important;
}
th,
td {
padding: 0;
margin: 0;
height: 26px;
width: 26px;
line-height: 26px;
padding: 0px !important;
border: 1px solid #f0f0f0;
vertical-align: top;
}
th
{
border-top-width: 0px;
}
th td:last-child
{
border-right-width: 0px;
}
th td:first-child
{
border-left-width: 0px;
}
td.ui-datepicker-today a {
color: #48e;
font-weight: bold;
}
td {
width: 26px;
height: 26px;
position: relative;
}
td a,
td span {
font-family: inherit;
text-decoration: none;
color: inherit;
cursor: pointer;
display: block;
text-align: center;
padding: 0px;
height: 26px;
width: 26px;
line-height: 26px;
font-size: 11px;
outline: none;
box-shadow: none;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
tr td:first-child a,
tr td:first-child span {
border-left-color: transparent;
}
tr:last-child td a,
tr:last-child td span {
border-bottom-color: transparent;
}
.ui-state-disabled span {
color: #ccc;
cursor: default;
}
td.ui-datepicker-other-month span
{
color: white;
}
td.ui-datepicker-current-day a,
td a:hover {
font-family: inherit;
position: absolute;
right: -1px;
top: -1px;
padding: 0;
padding-right: 1px;
padding-top: 1px;
background-color: #eee;
box-shadow: 0px 0px 2px #ccc inset;
border-left-width: 0px;
border-bottom-width: 0px;
border-radius: 0px;
width: 27px;
height: 27px;
z-index: 101;
}
}
}
.formcraft-css {
.wp-color-picker
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.iris-picker *,
.iris-picker
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.ac-inner {
display: none;
}
.ac-toggle {
.icon-angle-up {
display: none;
}
.icon-angle-down {
display: block;
}
}
.ac-toggle.active {
.icon-angle-down {
display: none;
}
.icon-angle-up {
display: block;
}
}
.loader {
display: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, .3);
z-index: 101;
.fc-spinner {
display: block;
width: 120px;
position: absolute;
left: 50%;
margin-left: -60px;
top: 50%;
margin-top: -14px;
div {
background-color: #B8C1CF;
margin: 0 2px;
}
}
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fc";
}
.tooltip-inner {
table {
margin-top: 8px;
}
table td {
padding: 4px;
}
table tr:nth-child(odd) td {
background-color: #f3f3f3;
}
table tr td:first-child {
min-width: 80px;
vertical-align: top;
font-weight: 600;
}
}
.input-group {
label {
margin: 0;
display: block;
position: relative;
}
div.half label {
display: inline-block;
width: 50%;
letter-spacing: 0;
}
div.half {
letter-spacing: -4px;
> label:first-child input, > label:first-child select {
border-radius: 0 0 0 3px;
border-right: 0px;
}
> label:nth-child(2) input,
> label:nth-child(2) select {
border-left-color: #ddd;
border-radius: 0 0 3px 0;
position: relative;
left: 1px;
}
select {
cursor: pointer;
}
}
.tooltip-icon {
position: absolute;
top: 7.5px;
right: 11px;
font-size: 16px;
background-color: #fff;
border: 0px;
color: #999;
border-radius: 50px;
}
input[type='text'],
input[type='password'],
select {
border-radius: 0px;
box-shadow: none;
margin: 0;
border-top-width: 0px;
width: 100%;
color: #888;
}
input[type='text']:focus,
input[type='password']:focus,
select:focus {
border-color: #ccc;
color: #333;
}
> label:first-child input[type='text'],
> input[type='text']:first-child,
> label:first-child input[type='password'],
> input[type='password']:first-child,
> label:first-child select,
> select:first-child {
border-radius: 3px 3px 0 0;
border-top-width: 1px;
}
label:last-child input[type='text'],
> input[type='text']:last-child,
label:last-child input[type='password'],
> input[type='password']:last-child,
label:last-child select,
> select:last-child {
border-radius: 0 0 3px 3px;
}
}
.nav-tabs {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
textarea.copy-code {
resize: none;
letter-spacing: .6px;
color: #666;
vertical-align: top;
width: auto;
border-color: #ccc;
font-size: 14px;
border-radius: 2px;
box-shadow: none;
background-color: #fcfcfc;
min-height: 0;
padding: 9px;
}
textarea.copy-code:focus {
border-color: #ccc;
}
.nav-content > div {
display: none;
&.active {
display: block;
}
}
.tooltip {
position: absolute;
z-index: 99999;
display: block;
visibility: visible;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
margin-top: -4px;
opacity: 0;
filter: alpha(opacity=0);
letter-spacing: 0;
text-transform: none;
}
.tooltip.right.in {
margin-top: 0px;
padding: 0 5px;
margin-left: 3px;
}
.tooltip-cover {
position: relative;
}
.tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}
.tooltip.top {
margin-top: -10px;
padding: 0;
}
.tooltip.top.in {
-webkit-animation: tooltipTop .2s;
animation: tooltipTop .2s;
}
.tooltip.right.in {
-webkit-animation: fadeInLeft .3s;
animation: fadeInLeft .3s;
}
.tooltip.right {
margin-left: 3px;
margin-top: 0px;
padding: 0 5px;
-webkit-animation: fadeOutLeft .2s;
animation: fadeOutLeft .2s;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-right: 22px;
margin-left: 0;
padding: 0 5px;
margin-top: 1px;
-webkit-animation: fadeInLeft .2s;
animation: fadeInLeft .2s;
}
.tooltip-inner {
max-width: 200px;
min-width: 150px;
padding: 8px 10px;
color: #656565;
text-align: left;
text-decoration: none;
background-color: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
border-radius: 2px;
br {
line-height: 1.8em;
}
}
.tooltip.top .tooltip-arrow:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-color: transparent;
bottom: -1px;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #c3c3c3;
border-style: solid;
z-index: -1;
}
.tooltip.right .tooltip-arrow:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-color: transparent;
bottom: -5px;
left: 14px;
margin-left: -15px;
border-width: 5px 5px 5px 0;
border-right-color: #c3c3c3;
border-style: solid;
z-index: -1;
}
.tooltip.left .tooltip-arrow:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-color: transparent;
bottom: -5px;
right: 14px;
margin-right: -15px;
border-width: 5px 0 5px 5px;
border-left-color: #c3c3c3;
border-style: solid;
z-index: -1;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: -4px;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #fff;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.fc-spinner {
margin: 0;
width: 70px;
text-align: center;
display: inline-block;
padding: 4px;
display: none;
padding-top: 6px;
}
.fc-spinner > div,
.fc-spinner > span {
width: 18px;
height: 18px;
background-color: #48e;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fc-spinner.small > div,
.fc-spinner.small > span {
width: 10px;
height: 10px;
}
.fc-spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.fc-spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(0.9)
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
}
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="radio"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
border: 1px solid #ddd;
border-top-color: #c6c6c6;
border-left-color: #c9c9c9;
border-radius: 2px;
box-shadow: 1px 1px 0px #eee inset;
-webkit-box-shadow: 1px 1px 0px #eee inset;
padding: 9px 12px 8px 12px;
font-size: 1em;
font-family: inherit;
line-height: normal;
box-sizing: border-box;
-moz-box-sizing: border-box;
transition: border-color .2s;
-webkit-transition: border-color .2s;
float: none;
}
.fc-form input[type="text"],
.fc-form input[type="password"],
.fc-form input[type="checkbox"],
.fc-form input[type="color"],
.fc-form input[type="date"],
.fc-form input[type="datetime"],
.fc-form input[type="datetime-local"],
.fc-form input[type="email"],
.fc-form input[type="month"],
.fc-form input[type="number"],
.fc-form input[type="password"],
.fc-form input[type="search"],
.fc-form input[type="radio"],
.fc-form input[type="tel"],
.fc-form input[type="text"],
.fc-form input[type="time"],
.fc-form input[type="url"],
.fc-form input[type="week"],
.fc-form select,
.fc-form textarea {
padding: 9px 12px 8px 12px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
width: auto;
height: auto;
}
select {
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 28px;
cursor: pointer;
background-image: url('../images/select-icon.png');
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="radio"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
border-color: #48e;
outline: none;
box-shadow: none;
}
select:focus {
outline: none;
}
input[type="text"].underline-input
{
border-radius: 0px;
border-width: 0px;
border-color: #bbb;
border-bottom-width: 1px;
padding: 7px 6px 5px 6px;
box-shadow: none;
}
input[type="text"].underline-input:focus
{
background-color: #f3f3f5;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before
{
font-family: "fc";
content: '\e80c';
font-size: 10px;
color: white;
width: auto;
height: auto;
font-weight: bold;
line-height: normal;
background: none;
text-indent: 0;
margin: 1px 0 0 2px;
float: left;
-webkit-font-smoothing: antialiased;
}
input[type="checkbox"],
input[type="radio"]
{
border-radius: 50px;
border: 1px solid #aaa;
box-shadow: none;
height: 16px;
width: 16px;
-webkit-appearance: none;
clear: none;
cursor: pointer;
display: inline-block !important;
outline: 0;
padding: 0 !important;
text-align: center;
min-width: 16px;
vertical-align: middle;
margin: -4px 5px 0 0;
background-color: white;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked,
{
border-color: rgb(20, 173, 20);
background: rgb(20, 173, 20);
}
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-color: rgb(20, 173, 20);
}
label:hover > input[type="checkbox"],
label:hover > input[type="radio"] {
border-color: rgb(20, 173, 20);
}
.hide-checkbox label > input[type='radio'],
.hide-checkbox label > input[type='checkbox'] {
position: absolute !important;
left: -99999em !important;
}
.response
{
padding: 5px 7px;
color: #666;
display: inline-block;
}
.button
{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
font-size: 14px;
padding: 0 15px;
color: #777;
background-color: #f6f6f8;
border-width: 1px;
border-style: solid;
border-color: #ccc;
border-bottom-width: 0px;
box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4);
border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 38px;
height: 38px;
letter-spacing: .4px;
text-shadow: none;
position: relative;
&:hover
{
background: #ECECEF;
color: #666;
border-color: #cccccc;
}
.fc-spinner
{
display: none;
position: absolute;
top: 0;
bottom: 0;
height: 38px;
left: 0;
right: 0;
text-align: center;
}
&.fc-disabled
{
span
{
opacity: 0;
}
.fc-spinner
{
display: block;
padding: 0;
opacity: 1;
> span
{
opacity: 1;
background-color: white;
}
}
}
&.wide
{
width: 100%;
}
[class^="icon-"]:before,
[class*=" icon-"]:before
{
position: relative;
left: -3px;
}
.icon-spin5:before
{
position: static;
}
[class^="icon-"]:before,
[class*=" icon-"]:before
{
margin: 0;
}
&.active, &.active:hover
{
box-shadow: 1px 1px 1px rgba(0,0,0,0.35) inset;
border: 0px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
top: 1px;
left: 1px;
background-color: #eee;
}
&.small {
line-height: 30px;
height: 30px;
padding: 0 12px 1px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
letter-spacing: .4px;
}
&.v-small
{
font-size: 10px;
line-height: 25px;
height: 25px;
padding: 0 10px 1px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .4px;
}
&.blue,
&.blue:focus {
background: #5091F2;
color: white;
border-color: #4682DD;
box-shadow: 0 1px 0 #3C69AB;
&:hover {
background: #4286EA;
color: white;
border-color: #3E79D2;
}
}
&.blue:disabled {
background: #6EA5F4 !important;
color: white !important;
border-color: #4682DD !important;
box-shadow: 0 1px 0px #3E6EB6 !important;
text-shadow: none !important;
}
}
.button .icon-spin5
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
display: none;
}
.button.fc-disabled > span
{
opacity: 0;
}
.button.fc-disabled .icon-spin5
{
display: block;
}
.button.button-file {
text-align: center;
cursor: pointer;
input {
background-color: red;
position: absolute;
cursor: pointer;
margin: 0;
left: -2px;
right: 0;
bottom: -2px;
height: 105%;
width: 100%;
opacity: 0;
z-index: 2;
}
::-webkit-file-upload-button {
cursor: pointer;
}
}
.filename {
position: absolute;
right: 16px;
top: 0;
line-height: 45px;
font-size: 12px;
font-weight: normal;
display: inline-block;
.icon-ok {
color: #777;
display: inline-block;
font-size: 11px;
-webkit-animation: fadeIn .4s;
animation: fadeIn .4s;
}
.fc-spinner {
display: inline-block;
width: auto;
padding: 0;
text-align: left;
-webkit-animation: fadeIn .4s;
animation: fadeIn .4s;
> div {
background-color: #999;
width: 5px;
height: 5px;
margin: 0px 1px;
}
}
}
.button:focus
{
outline: none;
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.2);
background: #f6f6f6;
border-color: #ccc;
}
.button:active {
top: 1px;
background: #e6e6e6;
}
}
@-moz-document url-prefix() {
.formcraft-css {
.fc_form input[type="checkbox"], .fc_form input[type="radio"] {
margin: 0;
margin-right: 4px;
}
}
}
@font-face {
font-family: 'fc';
src: url('../fontello/font/fc.eot?61304469');
src: url('../fontello/font/fc.eot?61304469#iefix') format('embedded-opentype'),
url('../fontello/font/fc.woff?61304469') format('woff'),
url('../fontello/font/fc.ttf?61304469') format('truetype'),
url('../fontello/font/fc.svg?61304469#fc') format('svg');
font-weight: normal;
font-style: normal;
}
html .formcraft-css [class^="icon-"],
html .formcraft-css [class*=" icon-"] {
background-image: none;
}
html .formcraft-css [class^="icon-"]:before,
html .formcraft-css [class*=" icon-"]:before {
font-family: "fc" !important;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html .formcraft-css .icon-trash:before { content: '\e800'; }
html .formcraft-css .icon-trash-empty:before { content: '\e801'; }
html .formcraft-css .icon-plus:before { content: '\e802'; }
html .formcraft-css .icon-plus-circled:before { content: '\e803'; }
html .formcraft-css .icon-angle-down:before { content: '\e804'; }
html .formcraft-css .icon-angle-up:before { content: '\e805'; }
html .formcraft-css .icon-cog-alt:before { content: '\e806'; }
html .formcraft-css .icon-cog:before { content: '\e807'; }
html .formcraft-css .icon-angle-circled-down:before { content: '\e808'; }
html .formcraft-css .icon-angle-circled-up:before { content: '\e809'; }
html .formcraft-css .icon-folder-open:before { content: '\e80a'; }
html .formcraft-css .icon-folder-open-empty:before { content: '\e80b'; }
html .formcraft-css .icon-ok:before { content: '\e80c'; }
html .formcraft-css .icon-cancel:before { content: '\e80d'; }
html .formcraft-css .icon-ok-circle:before { content: '\e80e'; }
html .formcraft-css .icon-angle-left:before { content: '\e80f'; }
html .formcraft-css .icon-angle-right:before { content: '\e810'; }
html .formcraft-css .icon-trash-1:before { content: '\e811'; }
html .formcraft-css .icon-pencil:before { content: '\e812'; }
html .formcraft-css .icon-minus:before { content: '\e813'; }
html .formcraft-css .icon-minus-circled:before { content: '\e814'; }
html .formcraft-css .icon-docs:before { content: '\e815'; }
html .formcraft-css .icon-mail:before { content: '\e816'; }
html .formcraft-css .icon-mail-alt:before { content: '\e817'; }
html .formcraft-css .icon-align-left:before { content: '\e818'; }
html .formcraft-css .icon-align-center:before { content: '\e819'; }
html .formcraft-css .icon-align-right:before { content: '\e81a'; }
html .formcraft-css .icon-doc-text:before { content: '\e81b'; }
html .formcraft-css .icon-up-circled:before { content: '\e81c'; }
html .formcraft-css .icon-upload-cloud:before { content: '\e81d'; }
html .formcraft-css .icon-download-cloud:before { content: '\e81e'; }
html .formcraft-css .icon-help:before { content: '\e81f'; }
html .formcraft-css .icon-help-circled:before { content: '\e820'; }
html .formcraft-css .icon-star:before { content: '\e821'; }
html .formcraft-css .icon-star-empty:before { content: '\e822'; }
html .formcraft-css .icon-heart:before { content: '\e823'; }
html .formcraft-css .icon-spin5:before { content: '\e824'; }
html .formcraft-css .icon-move:before { content: '\e825'; }
html .formcraft-css .icon-up-circled2:before { content: '\e826'; }
html .formcraft-css .icon-quote-right:before { content: '\e827'; }
html .formcraft-css .icon-quote-left:before { content: '\e828'; }
html .formcraft-css .icon-bold:before { content: '\e829'; }
html .formcraft-css .icon-italic:before { content: '\e82a'; }
html .formcraft-css .icon-list-numbered:before { content: '\e82b'; }
html .formcraft-css .icon-list-bullet:before { content: '\e82c'; }
html .formcraft-css .icon-cw:before { content: '\e82d'; }
html .formcraft-css .icon-ccw:before { content: '\e82e'; }
html .formcraft-css .icon-underline:before { content: '\e82f'; }
html .formcraft-css .icon-strike:before { content: '\e830'; }
html .formcraft-css .icon-cancel-circled:before { content: '\e831'; }
html .formcraft-css .icon-code:before { content: '\e832'; }
html .formcraft-css .icon-picture:before { content: '\e833'; }
html .formcraft-css .icon-link:before { content: '\e834'; }
html .formcraft-css .icon-youtube-play:before { content: '\e835'; }
html .formcraft-css .icon-indent-left:before { content: '\e836'; }
html .formcraft-css .icon-indent-right:before { content: '\e837'; }
html .formcraft-css .icon-align-justify:before { content: '\e838'; }
html .formcraft-css .icon-unlink:before { content: '\e839'; }
html .formcraft-css .icon-help-circled-1:before { content: '\e83a'; }
html .formcraft-css .icon-star-1:before { content: '\e83b'; }
html .formcraft-css .icon-star-filled:before { content: '\e83c'; }
html .formcraft-css .icon-desktop:before { content: '\e83d'; }
html .formcraft-css .icon-doc-text-inv:before { content: '\e83e'; }
html .formcraft-css .icon-down-circled2:before { content: '\e83f'; }
html .formcraft-css .icon-puzzle:before { content: '\e840'; }
html .formcraft-css .icon-shuffle:before { content: '\e841'; }
html .formcraft-css .icon-emo-unhappy:before { content: '\e842'; }
html .formcraft-css .icon-search:before { content: '\e843'; }
html .formcraft-css .icon-export:before { content: '\e844'; }
html .formcraft-css .icon-export-alt:before { content: '\e845'; }
html .formcraft-css .icon-chart:before { content: '\e846'; }
html .formcraft-css .icon-chart-area:before { content: '\e847'; }
html .formcraft-css .icon-chart-bar:before { content: '\e848'; }
html .formcraft-css .icon-popup:before { content: '\e849'; }
html .formcraft-css .icon-doc:before { content: '\e84a'; }
html .formcraft-css .icon-right-circled2:before { content: '\e84b'; }
html .formcraft-css .icon-key:before { content: '\e84c'; }
html .formcraft-css .icon-key-outline:before { content: '\e84d'; }
html .formcraft-css .icon-key-1:before { content: '\e84e'; }
html .formcraft-css .icon-thumbs-up:before { content: '\e84f'; }
html .formcraft-css .icon-thumbs-down:before { content: '\e850'; }
html .formcraft-css .icon-thumbs-up-alt:before { content: '\e851'; }
html .formcraft-css .icon-thumbs-down-alt:before { content: '\e852'; }
html .formcraft-css .icon-thumbs-up-1:before { content: '\e853'; }
html .formcraft-css .icon-thumbs-down-1:before { content: '\e854'; }
html .formcraft-css .icon-docs-1:before { content: '\e855'; }
html .formcraft-css .icon-doc-add:before { content: '\e856'; }
html .formcraft-css .icon-calendar:before { content: '\e857'; }
html .formcraft-css .icon-user:before { content: '\e858'; }
html .formcraft-css .icon-ok-circled2:before { content: '\e859'; }
html .formcraft-css .icon-cancel-circled2:before { content: '\e85a'; }
html .formcraft-css .icon-info-circled:before { content: '\e85b'; }
html .formcraft-css .icon-attach:before { content: '\e85c'; }
html .formcraft-css .icon-lock:before { content: '\e85d'; }
html .formcraft-css .icon-flag:before { content: '\e85e'; }
html .formcraft-css .icon-chat:before { content: '\e85f'; }
html .formcraft-css .icon-phone:before { content: '\e860'; }
html .formcraft-css .icon-clock:before { content: '\e861'; }
html .formcraft-css .icon-clock-1:before { content: '\e862'; }
html .formcraft-css .icon-bookmark-empty:before { content: '\e863'; }
html .formcraft-css .icon-home:before { content: '\e864'; }
html .formcraft-css .icon-file-pdf:before { content: '\e865'; }
html .formcraft-css .icon-file-word:before { content: '\e866'; }
html .formcraft-css .icon-file-excel:before { content: '\e867'; }
html .formcraft-css .icon-history:before { content: '\e868'; }
html .formcraft-css .icon-arrows-cw:before { content: '\e869'; }
html .formcraft-css .icon-scissors:before { content: '\e86a'; }
html .formcraft-css .icon-crop:before { content: '\e86b'; }
html .formcraft-css .icon-columns:before { content: '\e86c'; }
html .formcraft-css .icon-paste:before { content: '\e86d'; }
html .formcraft-css .icon-circle-notch:before { content: '\e86e'; }
html .formcraft-css .icon-circle-thin:before { content: '\e86f'; }
html .formcraft-css .icon-chart-line:before { content: '\e870'; }
html .formcraft-css .icon-credit-card:before { content: '\e871'; }
html .formcraft-css .icon-dropbox:before { content: '\e872'; }
html .formcraft-css .icon-facebook:before { content: '\e873'; }
html .formcraft-css .icon-facebook-squared:before { content: '\e874'; }
html .formcraft-css .icon-flickr:before { content: '\e875'; }
html .formcraft-css .icon-file-powerpoint:before { content: '\e876'; }
html .formcraft-css .icon-git:before { content: '\e877'; }
html .formcraft-css .icon-github:before { content: '\e878'; }
html .formcraft-css .icon-file-image:before { content: '\e879'; }
html .formcraft-css .icon-github-circled:before { content: '\e87a'; }
html .formcraft-css .icon-file-archive:before { content: '\e87b'; }
html .formcraft-css .icon-linkedin-squared:before { content: '\e87c'; }
html .formcraft-css .icon-pinterest-circled:before { content: '\e87d'; }
html .formcraft-css .icon-reddit:before { content: '\e87e'; }
html .formcraft-css .icon-skype:before { content: '\e87f'; }
html .formcraft-css .icon-file-audio:before { content: '\e880'; }
html .formcraft-css .icon-twitter:before { content: '\e881'; }
html .formcraft-css .icon-wordpress:before { content: '\e882'; }
html .formcraft-css .icon-file-video:before { content: '\e883'; }
html .formcraft-css .icon-lemon:before { content: '\e884'; }
html .formcraft-css .icon-cw-1:before { content: '\e885'; }
html .formcraft-css .icon-level-down:before { content: '\e886'; }
html .formcraft-css .icon-file-code:before { content: '\e887'; }
html .formcraft-css .icon-signal:before { content: '\e888'; }
html .formcraft-css .icon-folder-empty:before { content: '\e889'; }
html .formcraft-css .icon-mic:before { content: '\e88a'; }
html .formcraft-css .icon-volume-up:before { content: '\e88b'; }
html .formcraft-css .icon-lightbulb:before { content: '\e88c'; }
html .formcraft-css .icon-laptop:before { content: '\e88d'; }
html .formcraft-css .icon-tablet:before { content: '\e88e'; }
html .formcraft-css .icon-mobile:before { content: '\e88f'; }
html .formcraft-css .icon-globe:before { content: '\e890'; }
html .formcraft-css .icon-check-empty:before { content: '\e891'; }
html .formcraft-css .icon-off:before { content: '\e892'; }
html .formcraft-css .icon-briefcase:before { content: '\e893'; }
html .formcraft-css .icon-smile:before { content: '\e894'; }
html .formcraft-css .icon-frown:before { content: '\e895'; }
html .formcraft-css .icon-meh:before { content: '\e896'; }
.fc-form-modal .fc_modal-content
{
background-color: transparent;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-clip: padding-box;
outline: none;
}
.fc-form-modal .fc_modal-body
{
background-color: transparent;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0px;
padding: 0px;
}
.fc_modal-open {
overflow: hidden !important;
}
.fc_modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 50px;
z-index: 9999998;
transition: transform .3s cubic-bezier(0.1,0,.7,1), opacity .2s linear;
-moz-transition: transform .3s cubic-bezier(0.1,0,.7,1), opacity .2s linear;
-webkit-transition: -webkit-transform .3s cubic-bezier(0.1,0,.7,1), opacity .2s linear;
-ms-transition: transform .3s cubic-bezier(0.1,0,.7,1), opacity .2s linear;
-o-transition: transform .3s cubic-bezier(0.1,0,.7,1), opacity .2s linear;
}
.fc_modal.fc_fade
{
opacity: 0.0;
filter: alpha(opacity=0);
-webkit-transform: scale(.99) translate3d(0, -2px, 0);
-moz-transform: scale(.99) translate3d(0, -2px, 0);
-o-transform: scale(.99) translate3d(0, -2px, 0);
-ms-transform: scale(.99) translate3d(0, -2px, 0);
transform: scale(.99) translate3d(0, -2px, 0);
}
.fc_modal.fc_fade.fc_in
{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1) translate3d(0, 0, 0);
-moz-transform: scale(1) translate3d(0, 0, 0);
-o-transform: scale(1) translate3d(0, 0, 0);
-ms-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
.fc_modal.animate-right,
.fc_modal.animate-left
{
transition: transform .35s ease-out, opacity .2s linear;
-moz-transition: transform .35s ease-out, opacity .2s linear;
-webkit-transition: -webkit-transform .35s ease-out, opacity .2s linear;
-ms-transition: transform .35s ease-out, opacity .2s linear;
-o-transition: transform .35s ease-out, opacity .2s linear;
}
.fc_modal.fc_fade.animate-right
{
opacity: 0;
-webkit-transform: scale(.5) translate3d(75%, 0px, 0) rotate(-3deg);
-moz-transform: scale(.5) translate3d(75%, 0px, 0) rotate(-3deg);
-o-transform: scale(.5) translate3d(75%, 0px, 0) rotate(-3deg);
-ms-transform: scale(.5) translate3d(75%, 0px, 0) rotate(-3deg);
transform: scale(.5) translate3d(75%, 0px, 0) rotate(-3deg);
}
.fc_modal.fc_fade.animate-right.fc_in
{
opacity: 1;
-webkit-transform: scale(1) translate3d(0, 0, 0);
-moz-transform: scale(1) translate3d(0, 0, 0);
-o-transform: scale(1) translate3d(0, 0, 0);
-ms-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
.fc_modal.fc_fade.animate-left
{
opacity: 0;
-webkit-transform: scale(.5) translate3d(-75%, 0px, 0) rotate(3deg);
-moz-transform: scale(.5) translate3d(-75%, 0px, 0) rotate(3deg);
-o-transform: scale(.5) translate3d(-75%, 0px, 0) rotate(3deg);
-ms-transform: scale(.5) translate3d(-75%, 0px, 0) rotate(3deg);
transform: scale(.5) translate3d(-75%, 0px, 0) rotate(3deg);
}
.fc_modal.fc_fade.animate-left.fc_in
{
opacity: 1;
-webkit-transform: scale(1) translate3d(0, 0, 0);
-moz-transform: scale(1) translate3d(0, 0, 0);
-o-transform: scale(1) translate3d(0, 0, 0);
-ms-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
.fc_modal-dialog {
margin-left: auto;
margin-right: auto;
width: auto;
padding: 10px;
z-index: 99999;
}
.fc_modal-content {
position: relative;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px 1px 6px #666;
-moz-box-shadow: 0px 1px 6px #666;
box-shadow: 0px 1px 6px #666;
background-clip: padding-box;
outline: none;
}
.fc_modal-backdrop {
position: fixed !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999997;
transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
background: rgb(50,50,50);
background: rgba(50,50,50,.45);
}
.fc_modal-backdrop.fc_fade {
opacity: 0;
filter: alpha(opacity=0);
}
.fc_modal-backdrop.fc_fade.fc_in
{
opacity: 1;
filter: alpha(opacity=100);
}
.fc_modal-backdrop:before
{
content: 'press ESC';
font-size: 14px;
color: #000;
position: absolute;
top: 10px;
left: 10px;
}
.fc_modal-header {
padding: 16px 20px;
background-color: #f4f4f4;
border-bottom: 1px solid #ddd;
font-size: 20px;
font-weight: normal;
color: #666;
border-radius: 3px 3px 0 0 ;
}
.fc_modal-header h3
{
font-size: 18px;
margin: 0;
color: inherit;
}
body .fc_modal .fc_close,
body .fc-trigger-close
{
position: absolute;
top: 5px;
right: 5px;
padding: 0;
border: none;
font-size: 21px;
z-index: 9000;
color: #999;
cursor: pointer;
font-weight: bold;
background: transparent;
width: 30px;
height: 30px;
line-height: 30px;
outline: none;
box-shadow: none;
margin: 0;
}
body .fc_modal .fc_close:hover
{
color: #666;
box-shadow: none;
}
.fc_modal-title {
margin: 0;
font-size: 22px;
font-weight: normal;
line-height: 1.428571429;
}
.fc_modal-body {
position: relative;
padding: 20px;
margin-bottom: 0px;
}
.fc_modal-footer {
padding: 19px 20px 20px;
background-color: #f4f4f4;
text-align: right;
border-top: 1px solid #e5e5e5;
border-radius: 0 0 3px 3px;
}
.fc_modal-footer:before,
.fc_modal-footer:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.fc_modal-footer:after {
clear: both;
}
.fc_modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.fc_modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.fc_modal-footer .btn-block + .btn-block {
margin-left: 0;
}
@media screen and (min-width: 768px) {
.fc_modal-dialog {
left: 50%;
right: auto;
width: 600px;
padding-top: 40px;
padding-bottom: 40px;
}
.fc_modal-backdrop:before
{
content: '';
}
}