/* 
    Created on : Nov 10, 2016, 10:18:20 AM
    Author     : Sunny
*/

.tf-loader-wrapper
{
    position : relative;
    overflow : hidden;
}

.tf-loader-wrapper .tf-loader-container
{
    position: fixed;  
    width: 100%;
    height: 100%;  
    z-index : 10051;
    background-color: #333333;
    opacity: 0.85
}

.tf-loader-wrapper .tf-loader-container > .tf-loader-block
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10052;
    width: 130px;
    height: 130px;
    margin: -65px 0 0 -65px;
    border: 14px solid #FFF;
    border-radius: 50% !important;
    border-top: 14px solid #32C5D2;
    -webkit-animation: tf-loader-spin 2s linear infinite;
    animation:  tf-loader-spin 2s linear infinite;
}

.tf-loader-wrapper .tf-loader-container > .help-block
{
    position: absolute; top: 64%; 
    z-index: 2; 
    font-size: 20px; 
    left: 50%; 
    color: white; 
    transform: translateX(-50%);
}

@media (max-width : 500px)
{
    .tf-loader-wrapper .tf-loader-container > .tf-loader-block
    {
        width: 90px;
        height: 90px;
        margin: -45px 0 0 -45px;
    }
}

@-webkit-keyframes  tf-loader-spin
{
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes  tf-loader-spin
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}