/******************************************************
*                                                     *
*   Floating ToTop Button - jQuery Plugin             *
*                                                     *
*   Purpose: This project contains a simple and       *
*            full configurable jQuery plugin which    *
*            appends a customizable floating ToTop    *
*            button to a DOM node of a HTML page.     *
*                                                     *
*   Author: Andreas Kar (thex) <andreas.kar@gmx.at>   *
*   Repository: https://git.io/fA1FW  97, 110, 131    *
*                                                     *
******************************************************/

a.to-top-button {
    position: fixed;
    z-index: 9999;
    color: #000;
    padding-top: 2px;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    background-color: rgb(0, 0, 204);
}

a.to-top-button:not(.filter):hover { background-color: rgb(0, 0, 0); }
a.to-top-button.filter:hover { filter: brightness(115%); -webkit-filter: brightness(115%); }

a.to-top-button.hide { display:none; }

a.to-top-button.sz-1 { width: 30px; height: 30px; }
a.to-top-button.sz-2 { width: 40px; height: 40px; }
a.to-top-button.sz-3 { width: 50px; height: 50px; }
a.to-top-button.sz-4 { width: 60px; height: 60px; }
a.to-top-button.sz-5 { width: 70px; height: 70px; }
a.to-top-button.sz-6 { width: 80px; height: 80px; }

a.to-top-button.bp-tl.bm-0 { top: 0; left: 0; }
a.to-top-button.bp-tr.bm-0 { top: 0; right: 0; }
a.to-top-button.bp-bl.bm-0 { bottom: 0; left: 0; }
a.to-top-button.bp-br.bm-0 { bottom: 0; right: 0; }
a.to-top-button.bp-tl.bm-1 { top: 10px; left: 10px; }
a.to-top-button.bp-tr.bm-1 { top: 10px; right: 10px; }
a.to-top-button.bp-bl.bm-1 { bottom: 10px; left: 10px; }
a.to-top-button.bp-br.bm-1 { bottom: 10px; right: 10px; }
a.to-top-button.bp-tl.bm-2 { top: 20px; left: 20px; }
a.to-top-button.bp-tr.bm-2 { top: 20px; right: 20px; }
a.to-top-button.bp-bl.bm-2 { bottom: 20px; left: 20px; }
a.to-top-button.bp-br.bm-2 { bottom: 20px; right: 20px; }
a.to-top-button.bp-tl.bm-3 { top: 30px; left: 30px; }
a.to-top-button.bp-tr.bm-3 { top: 30px; right: 30px; }
a.to-top-button.bp-bl.bm-3 { bottom: 30px; left: 30px; }
a.to-top-button.bp-br.bm-3 { bottom: 30px; right: 30px; }
a.to-top-button.bp-tl.bm-4 { top: 40px; left: 40px; }
a.to-top-button.bp-tr.bm-4 { top: 40px; right: 40px; }
a.to-top-button.bp-bl.bm-4 { bottom: 40px; left: 40px; }
a.to-top-button.bp-br.bm-4 { bottom: 40px; right: 40px; }


a.to-top-button.op-0 { opacity: 0.0; }
a.to-top-button.op-1 { opacity: 0.5; }
a.to-top-button.op-2 { opacity: 0.10; }
a.to-top-button.op-3 { opacity: 0.15; }
a.to-top-button.op-4 { opacity: 0.20; }
a.to-top-button.op-5 { opacity: 0.25; }
a.to-top-button.op-6 { opacity: 0.30; }
a.to-top-button.op-7 { opacity: 0.35; }
a.to-top-button.op-8 { opacity: 0.40; }
a.to-top-button.op-9 { opacity: 0.45; }
a.to-top-button.op-10 { opacity: 0.50; }
a.to-top-button.op-11 { opacity: 0.55 }
a.to-top-button.op-12 { opacity: 0.60; }
a.to-top-button.op-13 { opacity: 0.65; }
a.to-top-button.op-14 { opacity: 0.70; }
a.to-top-button.op-15 { opacity: 0.75; }
a.to-top-button.op-16 { opacity: 0.80; }
a.to-top-button.op-17 { opacity: 0.85; }
a.to-top-button.op-18 { opacity: 0.90; }
a.to-top-button.op-19 { opacity: 0.95; }
a.to-top-button.op-20 { opacity: 1.00; }

a.to-top-button.p-none {}
a.to-top-button.p-aliceblue { background-color: #F0F8FF; }
a.to-top-button.p-antiquewhite { background-color: #FAEBD7; }
a.to-top-button.p-aqua { background-color: #00FFFF; }
a.to-top-button.p-aquamarine { background-color: #7FFFD4; }
a.to-top-button.p-azure { background-color: #F0FFFF; }
a.to-top-button.p-beige { background-color: #F5F5DC; }
a.to-top-button.p-bisque { background-color: #FFE4C4; }
a.to-top-button.p-black { background-color: #000000; }
a.to-top-button.p-blanchedalmond { background-color: #FFEBCD; }
a.to-top-button.p-blue { background-color: #0000FF; }
a.to-top-button.p-blueviolet { background-color: #8A2BE2; }


a.to-top-button.bw-0w { border: 0; }
a.to-top-button.bw-1w { border: 1px solid #FFF; }
a.to-top-button.bw-2w { border: 2px solid #FFF; }
a.to-top-button.bw-3w { border: 3px solid #FFF; }

a.to-top-button.bw-0b { border: 0; }
a.to-top-button.bw-1b { border: 1px solid #000; }
a.to-top-button.bw-2b { border: 2px solid #000; }
a.to-top-button.bw-3b { border: 3px solid #000; }

a.to-top-button.sh-0 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
a.to-top-button.sh-1 { -webkit-border-radius: 5%; -moz-border-radius: 5%; border-radius: 5%; }
a.to-top-button.sh-2 { -webkit-border-radius: 10%; -moz-border-radius: 10%; border-radius: 10%; }
a.to-top-button.sh-3 { -webkit-border-radius: 15%; -moz-border-radius: 15%; border-radius: 15%; }
a.to-top-button.sh-4 { -webkit-border-radius: 20%; -moz-border-radius: 20%; border-radius: 20%; }
a.to-top-button.sh-5 { -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; }
a.to-top-button.sh-6 { -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; }
a.to-top-button.sh-7 { -webkit-border-radius: 35%; -moz-border-radius: 35%; border-radius: 35%; }
a.to-top-button.sh-8 { -webkit-border-radius: 40%; -moz-border-radius: 40%; border-radius: 40%; }
a.to-top-button.sh-9 { -webkit-border-radius: 45%; -moz-border-radius: 45%; border-radius: 45%; }
a.to-top-button.sh-10 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

a.to-top-button.bs-1 {
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
}

a.to-top-button.bs-2 {
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

a.to-top-button.bs-3 {
    -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.8);
}

a.to-top-button.bs-4 {
    -webkit-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    -moz-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
}

a.to-top-button.bs-5 {
    -webkit-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    -moz-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
}

a.to-top-button.sz-1 .arrow-img { vertical-align: top; margin: 1px 15% }
a.to-top-button.sz-1 .arrow-img.drop-img { margin: -2px 0%; }
a.to-top-button.sz-1 .arrow-img.arrow-l-img { margin: -1px 10%; }
a.to-top-button.sz-1 .arrow-img.caret-img { margin: 1px 18% }
a.to-top-button.sz-1 .arrow-img.arrow-circle-img,
a.to-top-button.sz-1 .arrow-img.caret-circle-img,
a.to-top-button.sz-1 .arrow-img.circle-img,
a.to-top-button.sz-1 .arrow-img.circle-o-img { margin: 2px 15% }
a.to-top-button.sz-1 .arrow-img.rise-img { margin: 1px 15% }
a.to-top-button.sz-1 .arrow-img.top-img { margin: 2px 15% }

a.to-top-button.sz-2 .arrow-img { vertical-align: top; margin: 2px 15% }
a.to-top-button.sz-2 .arrow-img.drop-img { margin: -2px 0%; }
a.to-top-button.sz-2 .arrow-img.arrow-l-img { margin: -1px 10%; }
a.to-top-button.sz-2 .arrow-img.caret-img { margin: 2px 18% }
a.to-top-button.sz-2 .arrow-img.arrow-circle-img { margin: 4px 15% }
a.to-top-button.sz-2 .arrow-img.caret-circle-img,
a.to-top-button.sz-2 .arrow-img.circle-img { margin: 3px 15% }
a.to-top-button.sz-2 .arrow-img.circle-o-img { margin: 4px 15% }
a.to-top-button.sz-2 .arrow-img.rise-img { margin: 2px 15% }
a.to-top-button.sz-2 .arrow-img.top-img { margin: 3px 15% }



a.to-top-button .arrow-img.is-0 {
    -webkit-filter: drop-shadow(2px 2px 2px #000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
    filter: drop-shadow(2px 2px 2px #000);
}
a.to-top-button .arrow-img.is-1 {
    -webkit-filter: drop-shadow(2px 2px 2px #111);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#111')";
    filter: drop-shadow(2px 2px 2px #111);
}
a.to-top-button .arrow-img.is-2 {
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#222')";
    filter: drop-shadow(2px 2px 2px #222);
}
a.to-top-button .arrow-img.is-3 {
    -webkit-filter: drop-shadow(2px 2px 2px #333);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#333')";
    filter: drop-shadow(2px 2px 2px #333);
}
a.to-top-button .arrow-img.is-4 {
    -webkit-filter: drop-shadow(2px 2px 2px #444);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
    filter: drop-shadow(2px 2px 2px #444);
}