/*
        https://projects.lukehaas.me/css-loaders/
    0
    146
    242
*/


    .spinner-container
    {
        position:relative;
        width:100%;
        height:50px;
        z-index:999999;
        padding:10px 0;
        
        .spinner 
        {
            font-size: 10px;
            margin: 10px auto;
            text-indent: -9999em;
            width: 30px;
            height: 30px;
            .border-radius(50%);
            position: relative;
            .animation( spinner-spin 1.5s infinite linear );
            .transform( translateZ(0) );
			@pv-spinner();

            &:before 
            {
                width: 50%;
                height: 50%;
                .border-radius-custom(100%; 0; 0; 0;);
                position: absolute;
                top: 0;
                left: 0;
                content: '';
				@pv-spinner-before();
            }
            &:after
            {
                width: 60%;
                height: 60%;
                .border-radius( 50%);
                content: '';
                margin: auto;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
				@pv-spinner-after();
            }
        }
    }

    .dashed-box .spinner:after
    {
		@pv-spinner-dashesbox-after();
    }

    #trips li .anim .spinner-container
    {
        width:20px;
        height:20px;
        margin:0;
        padding:0;

        .spinner
        {
            width:100%;
            height:100%;
            margin:0;
            position:relative;
            top:0;
            left:0;
        }
    }

    /*
    .spinner-container
    {
        position:relative;
        width:100%;
        height:50px;
        z-index:999999;
        padding:10px 0;
    
        .spinner
        {
            background:url(https://cdn.prijsvrij.nl/upload/images/icon/wait/prijsvrij-dollar.svg) no-repeat;
            background-size:cover;
            width:50px;
            height:65px;
            position:absolute;
            top:10px;
            left:50%;
            margin-left:-25px;
            .animation( dollar-spin 1s infinite linear );
        }
    }
    */