.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; 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-state-hover, .ui-state-default, .ui-state-highlight, .ui-state-focus { background: none !important; border: 0px !important; } .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: 7px 4px 4px 4px; 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; border: 0px; border-width: 0px; vertical-align: top; } 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; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; 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; box-shadow: 0 0 4px rgba(0,0,0,0.4); background-color: #fff; 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: ''; } }