﻿#bgvid { 
    position: absolute;
    bottom:0;
    min-width:100%;
    min-height:100%;
    background-size: cover;
}

.video-overlay {
    position: absolute;
    left:0;
    top:0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1 !important;
    opacity: 0.8;
    text-align: center;
    height: 100%;
    width: 100%;
}

.dashboard-top
{
    width:100%;height:450px;position:relative;
    background: #000000 url(https://reonet.bestbar.com.au/web.images/Web/bestbar/app_banner.jpg) no-repeat center;
    background-size: cover;
    overflow:hidden;
}

    .dashboard-msg
    {
        width:600px;height:155px;position:absolute;top:50%;left:50%;text-align:center;z-index:10;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .dashboard-msg .dash-message
    {
        height:36px;line-height:28px;font-size:36px;color:#ffffff;overflow:hidden;
    }
    
    .dashboard-msg .dash-subtitle
    {
        height:18px;line-height:18px;font-size:18px;color:#cbcbcb;margin-top:15px;
    }
    
    .dashboard-msg .dash-links
    {
        width:370px;margin:0 auto;overflow:hidden;margin-top:44px;overflow:hidden;
    }
    
        .dashboard-msg .dash-links .dash-link-left
        {
            width:175px;margin-right:20px;float:left;
        }
        
        .dashboard-msg .dash-links .dash-link-right
        {
            width:175px;float:left;
        }
        
    .dashboard-user-jobs
    {
        height:auto;width:100%;background:#ffffff;
    }
    
    .dashboard-user-jobs .dash-job-selection
    {
        padding:65px 0;border-bottom:1px solid #c6c6c6;
    }
    
        .dash-job-selection > .label
        {
            font-size:28px;color:#3b3b3b;line-height:70px;height:70px;font-weight:bold;
        }
        
        .dash-job-selection > .dropdown
        {
            height:60px;width:60%;overflow:hidden;position:relative;
        }

.dashboard-intro
{
    min-height:660px;width:100%;background:#ffffff;
}

    .dashboard-intro-content
    {
        width:100%;padding:85px 0 125px 0;
    }
    
    .dashboard-intro-content .dash-intro-message
    {
        width:100%;color:#717171;line-height:40px;font-size:24px;text-align:center;
    }
    
    .dashboard-intro-content .dash-features
    {
        width:100%;overflow:hidden;margin-top:120px;
    }
    
        .dash-features .feature-item
        {
            width:223px;padding:0 45px;float:left;
        }
        
        .dash-features .feature-item .feature-item-title
        {
            color:#3a3a3a;font-weight:bold;font-size:18px;margin-top:70px;text-align:center;
        }
        
        .dash-features .feature-item .feature-item-content
        {
            color:#717171;font-size:15px;margin-top:22px;line-height:25px;text-align:center;
        }
        
.dashboard-user-info
{
    width:100%;margin:60px 0 150px 0;overflow:hidden;height:auto;
}

    .dashboard-info-block
    {
        float:left;width:400px;min-height:470px;display:none;
    }
    
    .dashboard-info-block.margin
    {
        margin-right:140px;
    }
    
        .dash-info-title
        {
            height:25px;width:100%;color:#626262;font-size:18px;font-weight:bold;
        }
        
        .dash-info-summary
        {
            margin-top:55px;width:100%;overflow:hidden;position:relative;
        }
        
            .dash-info-summary .summary-left
            {
                float:left;height:100%;width:159px;padding-right:30px;border-right:1px solid #d7d7d7;position:relative;
            }
            
            .dash-info-summary .summary-right
            {
                float:left;height:100%;width:180px;padding-left:30px;position:relative;
            }
            
            .dash-info-summary .summary-title
            {
                line-height:20px;width:100%;color:#424242;font-size:14px;margin-bottom:10px;
            }
            
            .dash-info-summary .summary-content
            {
                height:45px;width:100%;color:#ec6d00;font-size:38px;position:relative;font-weight:bold;
            }
            
                .dash-info-summary .summary-content.grey
                {
                    color:#626262;
                }
            
                .dash-info-summary .summary-content.small
                {
                    font-size:25px;
                }
                
                .dash-info-summary .summary-content .top-corner
                {
                    position:absolute;top:0;left:0;
                }
        
        .dash-info-content
        {
            margin-top:75px;width:100%;height:210px;position:relative;
        }
        
        .dash-info-link
        {
            width:150px;margin-top:40px;height:40px;
        }

.dashboard-footer
{
    float:left;height:166px;width:100%;background:#f3f3f3;
}

    .dashboard-footer .footer-msg
    {
        text-align:center;
        height:42px;width:576px;position:absolute;top:50%;left:50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .dashboard-footer .footer-msg .footer-msg-text
    {
        float:left;line-height:42px;color:#626262;font-weight:bold;margin-right:50px;font-size:18px;
    }
    
    .dashboard-footer .footer-msg .footer-msg-link
    {
        float:left;width:220px;
    }
    
    .dashboard-footer .footer-msg .footer-msg-text-loggedin
    {
        line-height:42px;color:#626262;font-weight:bold;margin-right:50px;font-size:18px;
    }

.dashboard-icon
{
    width:80px;height:80px;margin:0 auto;
}

    .dashboard-icon.shop
    {
        background:#ffffff url(images/dash-money.png) no-repeat center;
        background-size:contain;
    }
    
    .dashboard-icon.track
    {
        background:#ffffff url(images/dash-track.png) no-repeat center;
        background-size:contain;
    }
    
    .dashboard-icon.download
    {
        background:#ffffff url(images/dash-download.png) no-repeat center;
        background-size:contain;
    }