.delivery-dispatched
{
    color:#ec6d00;
}

.delivery-delayed
{
    color:red;
}

.delivery-delivered
{
    color:#34E009;
}

.delivery-item
{
    width:100%;
}

    .delivery-item > .delivery-item-header
    {
        width:100%;height:75px;color:#3a3a3a;overflow:hidden;
    }
    
        .delivery-item-header .header-content
        {
            float:left;width:705px;height:55px;padding-top:20px;background:#f8f8f8;font-size:12px;
        }
        
            .delivery-item-header .header-content .main-info
            {
                font-size:18px;height:20px;line-height:20px;font-weight:bold;
            }
        
            .delivery-item-header .header-content .sub-info
            {
                height:20px;line-height:20px;
            }
        
        .delivery-item-header .header-content > .delivery-date
        {
            float:left;width:140px;padding-left:20px;
        }
        
        .delivery-item-header .header-content > .delivery-status
        {
            float:left;width:205px;
        }
        
        .delivery-item-header .header-content > .delivery-address
        {
            float:left;width:280px;line-height:20px;
        }
        
        .delivery-item-header .header-content > .delivery-locked
        {
            float:left;width:60px;
        }
        
    .delivery-item > .expand-area
    {
        width:705px;height:auto;padding:40px 0;margin-left:35px;font-size:11px;
        border-top:1px solid #c3c3c3;
        border-bottom:1px solid #f8f8f8;
        display:none;
        position:relative;
    }
    
        .expand-area > .delivery-details
        {
            float:left;width:395px;padding-left:20px;height:auto;
        }
        
            .delivery-details > .top
            {
                width:100%;height:auto;overflow:hidden;
            }
            
                .delivery-details .left
                {
                    width:247px;padding-right:20px;height:auto;float:left;line-height:20px;
                }
                
                .delivery-details .right
                {
                    width:128px;height:auto;float:left;
                }

                .delivery-details .schedules_list
                {
                    margin-top:15px;
                    float:left;
                }

                    .delivery-details .schedules_list .main-table tr td
                    {
                        height: 20px !important;
                    }
                
                .delivery-details .delivery-info-row
                {
                    width:100%;overflow:hidden;line-height:20px;min-height:20px;
                }
                    
                    .delivery-details .left .delivery-info-row .title
                    {
                        width:95px;float:left;font-weight:bold;
                    }
                    
                    .delivery-details .left .delivery-info-row .label
                    {
                        width:152px;float:left;
                    }
                    
                    .delivery-details .right .delivery-info-row .title
                    {
                        width:65px;float:left;font-weight:bold;
                    }
                
                    .delivery-details .right .delivery-info-row .label
                    {
                        width:63px;float:left;
                    }
                
            .delivery-details > .bottom
            {
                width:100%;height:85px;position:relative;margin-top:20px;
            }
            
                .delivery-details > .bottom .title
                {
                    height:45px;line-height:45px;font-weight:bold;
                }
                
                .delivery-details > .bottom .delivery-date-input
                {
                    height:40px;overflow:hidden;
                }
                
                    .delivery-date-input > .delivery-date-textbox
                    {
                        width:145px;float:left;font-weight:bold;z-index:99999;
                    }
                
                    .delivery-date-input > .delivery-date-button
                    {
                        width:50px;float:left;
                    }
                    
               .delivery-details > .bottom .savingLoading
               {
                   position:absolute;left:150px;display:none;
               }
               
                    .savingLoading > .spinner
                    {
                        margin-top:4px;height:36px;
                    }
        
        .expand-area > .progress-area
        {
            float:left;width:290px;height:100%;
        }
        
            .progress-area > .progress-circle
            {
                position:relative;width:200px;margin:0 auto;
            }
            
            .progress-circle .strong
            {
                position:absolute;
                color:#474747;
                font-size:46px;
                width:100%;
                text-align:center;
                top:60px;
            }
            
            .progress-circle h1
            {
                position:absolute;
                color:#474747;
                font-size:18px;
                width:100%;
                text-align:center;
                top:100px;
            }

.expand-button
{
    float:left;width:35px;height:100%;
    background:url(images/collapsible-plus.png) no-repeat center;
}

    .expand-button.expanded
    {
        background:url(images/collapsible-minus.png) no-repeat center;
    }