.spinner {
        display: inline-block;
        opacity: 0;
        width: 0;
        -webkit-transition: opacity 0.25s, width 0.25s;
        -moz-transition: opacity 0.25s, width 0.25s;
        -o-transition: opacity 0.25s, width 0.25s;
        transition: opacity 0.25s, width 0.25s;
    }
    .has-spinner.active {
        cursor:progress;
    }
    .has-spinner.active .spinner {
        opacity: 1;
        width: auto;
    }

    .has-spinner.btn.active .spinner {
        min-width: 20px;
    }

    .content {display:none;}
    .preload { width:100px;
               height: 100px;
               position: fixed;
               top: 50%;
               left: 50%;}