﻿.waiter {
	    margin: 0;
	    padding: 0;
        font-family: Karla, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #222;
	    height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        background: url(../Images/pnl15/loaderbg.png) rgba(255, 255, 255, 0.7) no-repeat center center;

    }

    .noBg {
        background-color: transparent;
        background-image: none;
    }

    .waiter * {margin: 0; padding: 0; outline: none;}

    .waiter img {border: none;}

    .waiter a { 
	    text-decoration:none; 
	    color:#00c6ff;
    }

    .waiter h2 {
        font-size: 16px;
	    padding: 0;	margin: 0;
	    text-align:center;
    }

    .waiter .lblWait {
        box-sizing: border-box;
        white-space: nowrap;
        height: 30px;
        line-height: 30px;
        border-radius: 100px;
        background-color: #e5e5e5;
        padding: 5px 25px;
    }

    .waiter .container {width: 960px; margin: 0 auto; overflow: hidden;}

    .waiter .outer {
        display: table;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .waiter .middle {
        display: table-cell;
        vertical-align: middle;
    }

    .waiter .inner {
        margin-left: auto;
        margin-right: auto; 
    }


    /* Full Width Progress Bar */
    .waiter #content { 
	    width:100%; 
	    height:5px; 
	    margin:30px auto; 
	    background: #d8d8d8;
    }

    .waiter .fullwidth .expand { 
	    width:100%; 
	    height:5px; 
	    margin:0px; 
        background-color: #0099cc;
	    position:absolute;
        animation:fullexpand 15s ease-out;
        -moz-animation:fullexpand 15s ease-out;
	    -webkit-animation:fullexpand 15s ease-out;
    }
    @keyframes fullexpand {
        0%  { width:0px;}
	    100%{ width:100%;}	
    }

    @-moz-keyframes fullexpand {
	    0%  { width:0px;}
	    100%{ width:100%;}	
    }
    @-webkit-keyframes fullexpand {
	    0%  { width:0px;}
	    100%{ width:100%;}	
    }
