html, body {
        min-height: 330px !important;
        height: 100%;
        width:100%;
        font-size: 12px;
        margin: 0;
        padding: 0;
    }
    
    .modal {
        position: inherit;
        overflow: auto;
    }
    
    #modal-bluenolaLogo {
        padding: 5px 0px 20px 0px;
        text-align: center;
    }
    
    .modal-header {
        background-color: #fff;
        color: #ccc;
        padding: 0 15px 15px 15px;
    }
    
    .modal-content { 
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;   
        border: none;
    }
    
    .modal-dialog {
        display: table-cell;
        vertical-align: middle;      
    }    

    .modal-footer {
        border-top: 0px; 
    }
    
    h1 { 
        font-size: 16px; 
        margin: 0;
        font-weight: 300;
        text-align: center !important;
    }
    
    .input-lg { 
        font-size: 14px;
        border-radius: 0px; 
    }

    .btn-lg { 
        font-size: 14px;
        border-radius: 0px;
        background-color: #4a7dbc;  /* strong shade of blue */
        /* background-color: #93bfe3;  /* light shade of blue */
    }    
    
    #loginForm.col-md-12 {
        padding-left: 5px;
        padding-right:5px;
    }
    
    #loginError {
        background: rgb(228, 105, 105);
        border-color: #eec3c7;
        color: #fff;
        text-align: center;
        font-size: 11px;
    }

    #logOut {
        background: rgb(53, 188, 85);
        border-color: #2C9F47;
        text-align: center;
        font-size: 11px;
    }

    #logOut.form-control[disabled] {
        color: #fff !important;
        font-size: 11px;
    }
    
/**** Mobile Device CSS ****/
@media (max-width: 600px) {

    /** .show {
        display: inline-block !important;
    } **/
    html, body {
        -webkit-overflow-scrolling: touch;        
    }

    #loginModal {
        height: 100%;
        width: 95%;
        display: table !important;
        margin: 0 auto;
        padding-top: 20px;
    }
    
    #bluenolaLogo {
        height: 118px;
        width: 300px;
    }
    
    #ios_statusbar {
        display: block !important;
        content: " ";
        height: 20px !important;
        top: 0 !important;
        background: rgba(80, 126, 186, 1) !important;
        position: fixed !important;
        z-index: 10000 !important;
        width: 100% !important;
    }    
   
}

@media (min-width: 601px) {

    /** .show {
        display: inline-block !important;
    } **/

    #loginModal {
        height: 100%;
        width: 400px !important;
        display: table !important;
        margin: 0 auto;
    }
    
    #bluenolaLogo {
        height: 142px;
        width: 380px;
    }    
   
}