/************************************************************\
 *   To Top
\************************************************************/
.nsr-backtop {
    box-sizing: border-box;
    z-index: 100000;
    /*height: 48px;
    width: 48px;*/
    position: fixed;
    bottom: 32px;
    right: 32px;
    overflow: visible;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border: 3px solid transparent;
    border-radius: 50%;
    color: black;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    /*&:before {
        box-sizing: border-box;
        //font-size: 32px;
        color: white;
        //font-family: 'dashicons';
        //content: "\f343";
        position: absolute;
        //left: -39px;
        left: 50%;
        top: -6px;
        display: block;
        !*height: 48px;
        width: 48px;*!
        z-index: 100001;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        transition: all .1s;
        cursor: pointer;

        &:hover {
            color: white;
            -webkit-transition: all .1s;
            -moz-transition: all .1s;
            transition: all .1s;
        }
    }*/
}

.nsr-backtop:hover {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}

#nsr_backtop #nsrBackTopArrow rect {
    z-index: 100001;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    cursor: pointer;
}

#nsr_backtop #nsrBackTopArrow rect:hover {
    color: white;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}

.nsr-backtop.nsr-backtop-is-visible {
    border-color: rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.12);
    visibility: visible;
}

.nsr-backtop.nsr-backtop-is-visible:hover {
    border-color: rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0.6);
    visibility: visible;
}

.wp-admin .nsr-backtop:before {
    left: -39px;
    top: 14px;
}

.nsr-backtop.small {
    height: 24px;
    width: 24px;
}

.nsr-backtop.small:before {
    font-size: 12px;
    height: 24px;
    width: 24px;
    left: -18px;
    top: 2px;
}

.nsr-backtop.medium {
    height: 36px;
    width: 36px;
}

.nsr-backtop.medium:before {
    font-size: 18px;
    height: 36px;
    width: 36px;
    left: -26px;
    top: 2px;
}

.nsr-backtop.default {
    height: 48px;
    width: 48px;
}

.nsr-backtop.default:before {
    font-size: 24px;
    height: 48px;
    width: 48px;
    left: -35px;
    top: 3px;
}

.nsr-backtop.large {
    height: 60px;
    width: 60px;
}

.nsr-backtop.large:before {
    font-size: 36px;
    height: 60px;
    width: 60px;
    left: -48px;
    top: 0;
}

.wp-admin .nsr-backtop.small {
    height: 24px;
    width: 24px;
}

.wp-admin .nsr-backtop.small:before {
    font-size: 12px;
    height: 24px;
    width: 24px;
    left: -18px;
    top: 2px;
}

.wp-admin .nsr-backtop.medium {
    height: 36px;
    width: 36px;
}

.wp-admin .nsr-backtop.medium:before {
    font-size: 18px;
    height: 36px;
    width: 36px;
    left: -26px;
    top: 7px;
}

.wp-admin .nsr-backtop.default {
    height: 48px;
    width: 48px;
}

.wp-admin .nsr-backtop.default:before {
    font-size: 24px;
    height: 48px;
    width: 48px;
    left: -35px;
    top: 13px;
}

.wp-admin .nsr-backtop.large {
    height: 60px;
    width: 60px;
}

.wp-admin .nsr-backtop.large:before {
    font-size: 36px;
    height: 60px;
    width: 60px;
    left: -48px;
    top: 19px;
}
