/**
jquery-backToTop website main CSS file

@license MIT
@author Pablo Pizarro @ppizarror.com
 */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-size: 15px !important;
    
	/*
	height: 10000px;
    min-width: 450px;
	*/

}

.inner {
    background-color: azure;
    max-height: 450px;
    overflow: auto;
}

.inner-text {
    height: 3000px;
}





/**
jquery-backToTop main classes

@license MIT
@author Pablo Pizarro @ppizarror.com
 */

/**
-------------------------------------------------------------------------------
Main class
-------------------------------------------------------------------------------
 */
.jquery-back-to-top {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: clip;
    visibility: hidden;
    white-space: nowrap;
    word-wrap: break-word;
}

.jquery-back-to-top i {
    display: none;
}

/**
-------------------------------------------------------------------------------
Basic statuses
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-status-on {
    animation-iteration-count: 1;
    opacity: 1;
    visibility: visible;
}

.jquery-back-to-top-status-off {
    animation-iteration-count: 1;
    transition: visibility .4s;
    visibility: hidden;
}

/**
-------------------------------------------------------------------------------
Fade-in CSS implementation
-------------------------------------------------------------------------------
 */
@-moz-keyframes jquery-back-to-top-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes jquery-back-to-top-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes jquery-back-to-top-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/**
-------------------------------------------------------------------------------
Fade-out CSS implementation
-------------------------------------------------------------------------------
 */
@-moz-keyframes jquery-back-to-top-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes jquery-back-to-top-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes jquery-back-to-top-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/**
-------------------------------------------------------------------------------
Fade-out CSS implementation
-------------------------------------------------------------------------------
 */


/**
jquery-backToTop themes

@license MIT
@author Pablo Pizarro @ppizarror.com
 */

/**
-------------------------------------------------------------------------------
Default theme
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-theme-default {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrs12ELgyAQBuDcPx9OxIlrErGfeysQBs4r7zwJohfuo/dEqFcKAIYjchsOygVTcl9Ks1evm4tRGn55cHpwUAP/Mb1hC3hsL9jBfpw07KE+XgoOQE9ohV/Az7iUosIqLWzNG8MxNIJcYgkvoVNlw0+qmkw5nsNzZaM5NVLENSjMeXrKW2LDEdkstfuCBW8ej8qTQIZHwtUapODAmGC+FfbAm9drPbmwa0CxibYLWwG0NMM3YSOI5l8tKKw7oMXe6vqTOD38FWAAl8JSohyMtPcAAAAASUVORK5CYII=') no-repeat center 43%;
    border-radius: 50%;
}

.jquery-back-to-top-theme-default:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.40);
}

/**
-------------------------------------------------------------------------------
Font-awesome theme
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-theme-fawesome {
    -moz-border-radius: 25%;
    -webkit-border-radius: 25%;
    border-radius: 25%;
    font-size: 150%;
}

.jquery-back-to-top-theme-fawesome i {
    display: inline-block;
}


/**
jquery-backToTop effects

@license MIT
@author Pablo Pizarro @ppizarror.com
 */

/**
-------------------------------------------------------------------------------
None effect
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-effect-none-on {
}

.jquery-back-to-top-effect-none-off {
}

/**
-------------------------------------------------------------------------------
Fade effect
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-effect-fade-on {
    -moz-animation: jquery-back-to-top-fadein .4s ease-in;
    -webkit-animation: jquery-back-to-top-fadein .4s ease-in;
    animation: jquery-back-to-top-fadein .4s ease-in;
}

.jquery-back-to-top-effect-fade-off {
    -moz-animation: jquery-back-to-top-fadeout .4s ease-in;
    -webkit-animation: jquery-back-to-top-fadeout .4s ease-in;
    animation: jquery-back-to-top-fadeout .4s ease-in;
}

/**
-------------------------------------------------------------------------------
Spin+Fade effect
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-effect-spin-on {
    -moz-animation: jquery-back-to-top-fadein .4s ease-in, jquery-back-to-top-effect-kf-spin-180p .7s cubic-bezier(0.59, 0.14, 0.33, 0.92);
    -webkit-animation: jquery-back-to-top-fadein .4s ease-in, jquery-back-to-top-effect-kf-spin-180p .7s cubic-bezier(0.59, 0.14, 0.33, 0.92);
    animation: jquery-back-to-top-fadein .4s ease-in, jquery-back-to-top-effect-kf-spin-180p .7s cubic-bezier(0.59, 0.14, 0.33, 0.92);
}

.jquery-back-to-top-effect-spin-off {
    -moz-animation: jquery-back-to-top-fadeout .4s ease-in, jquery-back-to-top-effect-kf-spin-180n .5s cubic-bezier(0.6, 0.27, 0.19, 0.83);
    -webkit-animation: jquery-back-to-top-fadeout .4s ease-in, jquery-back-to-top-effect-kf-spin-180n .5s cubic-bezier(0.6, 0.27, 0.19, 0.83);
    animation: jquery-back-to-top-fadeout .4s ease-in, jquery-back-to-top-effect-kf-spin-180n .5s cubic-bezier(0.6, 0.27, 0.19, 0.83);
}

/**
Spin effect - on
 */
@-moz-keyframes jquery-back-to-top-effect-kf-spin-180p {
    from {
        -moz-transform: rotate(180deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes jquery-back-to-top-effect-kf-spin-180p {
    from {
        -webkit-transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes jquery-back-to-top-effect-kf-spin-180p {
    from {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(0deg);
    }
}

/**
Spin effect - off
 */
@-moz-keyframes jquery-back-to-top-effect-kf-spin-180n {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(180deg);
    }
}

@-webkit-keyframes jquery-back-to-top-effect-kf-spin-180n {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes jquery-back-to-top-effect-kf-spin-180n {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
    }
}

/**
-------------------------------------------------------------------------------
Spin+Fade inverse effect
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-effect-spin-inverse-on {
    -moz-animation: jquery-back-to-top-fadein .4s ease-in, jquery-back-to-top-effect-kf-spin-inverse-180p .7s cubic-bezier(0.59, 0.14, 0.33, 0.92);
    -webkit-animation: jquery-back-to-top-fadein .4s ease-in, jquery-back-to-top-effect-kf-spin-inverse-180p .7s cubic-bezier(0.59, 0.14, 0.33, 0.92);
    animation: jquery-back-to-top-fadein .4s ease-in, jquery-back-to-top-effect-kf-spin-inverse-180p .7s cubic-bezier(0.59, 0.14, 0.33, 0.92);
}

.jquery-back-to-top-effect-spin-inverse-off {
    -moz-animation: jquery-back-to-top-fadeout .4s ease-in, jquery-back-to-top-effect-kf-spin-inverse-180n .5s cubic-bezier(0.6, 0.27, 0.19, 0.83);
    -webkit-animation: jquery-back-to-top-fadeout .4s ease-in, jquery-back-to-top-effect-kf-spin-inverse-180n .5s cubic-bezier(0.6, 0.27, 0.19, 0.83);
    animation: jquery-back-to-top-fadeout .4s ease-in, jquery-back-to-top-effect-kf-spin-inverse-180n .5s cubic-bezier(0.6, 0.27, 0.19, 0.83);
}

/**
Spin inverse effect - on
 */
@-moz-keyframes jquery-back-to-top-effect-kf-spin-inverse-180p {
    from {
        -moz-transform: rotate(180deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes jquery-back-to-top-effect-kf-spin-inverse-180p {
    from {
        -webkit-transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes jquery-back-to-top-effect-kf-spin-inverse-180p {
    from {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/**
Spin inverse effect - off
 */
@-moz-keyframes jquery-back-to-top-effect-kf-spin-inverse-180n {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(-180deg);
    }
}

@-webkit-keyframes jquery-back-to-top-effect-kf-spin-inverse-180n {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-180deg);
    }
}

@keyframes jquery-back-to-top-effect-kf-spin-inverse-180n {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-180deg);
    }
}

/**
-------------------------------------------------------------------------------
Zoom effect
-------------------------------------------------------------------------------
 */
.jquery-back-to-top-effect-zoom-on {
    -moz-animation: jquery-back-to-top-effect-kf-zoom-in .5s cubic-bezier(0.4, 0, 1, 1);
    -webkit-animation: jquery-back-to-top-effect-kf-zoom-in .5s cubic-bezier(0.4, 0, 1, 1);
    animation: jquery-back-to-top-effect-kf-zoom-in .5s cubic-bezier(0.4, 0, 1, 1);
    transform: scale(1.0);
}

.jquery-back-to-top-effect-zoom-off {
    -moz-animation: jquery-back-to-top-fadeout 1s ease-in, jquery-back-to-top-effect-kf-zoom-out .4s cubic-bezier(0.79, 0.22, 0.36, 0.6);
    -webkit-animation: jquery-back-to-top-fadeout 1s ease-in, jquery-back-to-top-effect-kf-zoom-out .4s cubic-bezier(0.79, 0.22, 0.36, 0.6);
    animation: jquery-back-to-top-fadeout 1s ease-in, jquery-back-to-top-effect-kf-zoom-out .4s cubic-bezier(0.79, 0.22, 0.36, 0.6);
    transform: scale(0.0);
}

/**
Zoom - on
 */
@-moz-keyframes jquery-back-to-top-effect-kf-zoom-in {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.75);
    }
    50% {
        transform: scale(1.15);
    }
    75% {
        transform: scale(1.075);
    }
    100% {
        transform: scale(1.00);
    }
}

@-webkit-keyframes jquery-back-to-top-effect-kf-zoom-in {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.75);
    }
    50% {
        transform: scale(1.15);
    }
    75% {
        transform: scale(1.075);
    }
    100% {
        transform: scale(1.00);
    }
}

@keyframes jquery-back-to-top-effect-kf-zoom-in {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.75);
    }
    50% {
        transform: scale(1.15);
    }
    75% {
        transform: scale(1.075);
    }
    100% {
        transform: scale(1.00);
    }
}

/**
Zoom - off
 */
@-moz-keyframes jquery-back-to-top-effect-kf-zoom-out {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.75);
    }
    50% {
        transform: scale(1.15);
    }
    75% {
        transform: scale(1.075);
    }
    100% {
        transform: scale(1.00);
    }
}

@-webkit-keyframes jquery-back-to-top-effect-kf-zoom-out {
    0% {
        transform: scale(0);
    }
    25% {
        transform: scale(0.75);
    }
    50% {
        transform: scale(1.15);
    }
    75% {
        transform: scale(1.075);
    }
    100% {
        transform: scale(1.00);
    }
}

@keyframes jquery-back-to-top-effect-kf-zoom-out {
    0% {
        transform: scale(1.00);
    }
    25% {
        transform: scale(0.90);
    }
    50% {
        transform: scale(0.50);
    }
    75% {
        transform: scale(0.15);
    }
    100% {
        transform: scale(0.00);
    }
}