.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;
    position: absolute;
    z-index: 100000 !important;
    -webkit-animation: slideDown .2s ease-out !important;
    animation: slideDown .2s ease-out !important;
    color: #929292;    
    .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;
        color: #fff;
    }
    .ui-datepicker-prev,
    .ui-datepicker-next {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;      
        padding: 10px 13px 8px 13px;
        color: #eee;
        font-size: 13px;
        height: 36px;
        color: rgba(255, 255, 255, .8);
        &:hover {
            color: #fff;
            background-color: #3b77d1;
        }
    }
    select.ui-datepicker-month,
    select.ui-datepicker-year {
        letter-spacing: 0;
        box-shadow: none;
        -webkit-appearance: none;
        border: 0px;
        background-color: transparent;
        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;
        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;
        }
        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 {
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            display: block;
            text-align: center;
            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;
        }
        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 {
            position: absolute;
            right: -1px;
            top: -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;
    }
    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;
    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-"]:before,
html .formcraft-css [class*=" icon-"]:before {
  font-family: "fc";
  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;
}

.fc_modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 50px;
  z-index: 99998;
  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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99997;
  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
{
  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;
}
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: '';
  }  
}
