/**
 * pull-to-refresh v0.2.0 - https://github.com/jiangfengming/pull-to-refresh
 * MIT license
 * Adaptations by Jalios.
 */
.pull-to-refresh-material2 {
    position: relative;
}
.pull-to-refresh-loading {
    display: none;
    z-index: 999;
    position: fixed;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border:0;
    opacity: 1;
}
.ui-mobile.ui-loading.ptr-loading {
    display:none;
}

.ui-page-active.pull-to-refresh--pulling, .ui-page-active.pull-to-refresh--aborting, .ui-page-active.pull-to-refresh--reached, .ui-page-active.pull-to-refresh--refreshing , .ui-page-active.pull-to-refresh--restoring {
    background: rgba(255, 255, 255, 0) !important;
}

.pull-to-refresh-material2__control {
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    background: rgba(250, 250, 250, 1);
    border-radius: 50%;
    box-shadow: 0 1px 6px rgba(0,0,0,.117647), 0 1px 4px rgba(0,0,0,.117647);
    display: none;
}

.pull-to-refresh--pulling .pull-to-refresh-material2__control,
.pull-to-refresh--aborting .pull-to-refresh-material2__control,
.pull-to-refresh--reached .pull-to-refresh-material2__control,
.pull-to-refresh--refreshing .pull-to-refresh-material2__control,
.pull-to-refresh--restoring .pull-to-refresh-material2__control {
    display: flex;
}

.pull-to-refresh--pulling .pull-to-refresh-material2__spinner,
.pull-to-refresh--aborting .pull-to-refresh-material2__spinner,
.pull-to-refresh--reached .pull-to-refresh-material2__spinner,
.pull-to-refresh--refreshing .pull-to-refresh-material2__icon,
.pull-to-refresh--restoring .pull-to-refresh-material2__icon {
    display: none;
}

.pull-to-refresh-material2__spinner {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: pull-to-refresh-material2-rotate 2s linear infinite;
    animation: pull-to-refresh-material2-rotate 2s linear infinite;
}

.pull-to-refresh-material2__path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: pull-to-refresh-material2-dash 1.5s ease-in-out infinite;
    animation: pull-to-refresh-material2-dash 1.5s ease-in-out infinite;
}

.pull-to-refresh-material2__path--colorful {
    -webkit-animation: pull-to-refresh-material2-dash 1.5s ease-in-out infinite, pull-to-refresh-material2-colorful 6s ease-in-out infinite;
    animation: pull-to-refresh-material2-dash 1.5s ease-in-out infinite, pull-to-refresh-material2-colorful 6s ease-in-out infinite;
}

@-webkit-keyframes pull-to-refresh-material2-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pull-to-refresh-material2-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes pull-to-refresh-material2-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes pull-to-refresh-material2-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@-webkit-keyframes pull-to-refresh-material2-colorful {
    100%,
    0% {
        stroke: #4285f4;
    }
    40% {
        stroke: #ea4335;
    }
    66% {
        stroke: #fbbc05;
    }
    80%,
    90% {
        stroke: #34a853;
    }
}

@keyframes pull-to-refresh-material2-colorful {
    100%,
    0% {
        stroke: #4285f4;
    }
    40% {
        stroke: #ea4335;
    }
    66% {
        stroke: #fbbc05;
    }
    80%,
    90% {
        stroke: #34a853;
    }
}