﻿#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(images/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:36px;font-size:36px;color:#FFFFFF;overflow:hidden;
    }
    
    .dashboard-msg .dash-subtitle
    {
        height:18px;line-height:18px;font-size:18px;color:#DEDEDE;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: #000000;
            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:273px;padding:0 20px;float:left;
        }

            .dash-features .feature-item .feature-item-title {
                color: #000000;
                font-weight: bold;
                font-size: 18px;
                margin-top: 10px;
                text-align: center;
            }

            .dash-features .feature-item .feature-item-content {
                color: #626262;
                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:#9835E0;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: #F4F4F4;
}

    .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: #211C54;
            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: #FFFFFF;
            font-weight: bold;
            margin-right: 50px;
            font-size: 18px;
        }

.dashboard-feat-image {
    /*width: 321px;*/
    height: 225px;
    margin: 0 auto;
}

    .dashboard-feat-image.feat1 {
        background: #ffffff url(dash_images/dash1.png) no-repeat center;
        background-size: contain;
    }

    .dashboard-feat-image.feat2 {
        background: #ffffff url(dash_images/dash2.png) no-repeat center;
    }

    .dashboard-feat-image.feat3 {
        background: #ffffff url(dash_images/dash3.png) no-repeat center;
        background-size: contain;
    }