/***********************************************
MendriX - WorldLink customizations
v1.0.0.1 - (c) MendriX 2018
***********************************************/
/*Kleuren*/
:root{
  --Visueel:#7759b1; /*Visuele elementen */
  --ItemAchtergrond:#7759b1; /*achtergrond visuele elementen*/
  --Tekst:#7759b1; /*Tekst*/
  --Achtergrond:#ffffff; /*Achtergrond*/
}

body {
background-color: var(--Achtergrond);
}

/*Images*/
.imgW20_addresses{
background-image: url(gdx.mendrix.worldlink.ui/black/addresses.png);
}
.imgW30_chevronright{
background-image: url(gdx.mendrix.worldlink.ui/black/chevronright.png);
}
.imgW30_chevronleft{
    background-image: url(gdx.mendrix.worldlink.ui/black/chevronleft.png);
  }
.imgW10_calendarpick{
    background-image: url(gdx.mendrix.worldlink.ui/black/calendarpick.png);
  }
.imgW7_dropdown {
    background-image: url(gdx.mendrix.worldlink.ui/black/dropdown.png);
  }

.imgW30_trash {
      background-image: url(gdx.mendrix.worldlink.ui/black/trash.png);
    }
.imgW15_search {
    background-image: url(gdx.mendrix.worldlink.ui/black/search.png);
  }
.imgW15_deleteblue {
    background-image: url(gdx.mendrix.worldlink.ui/black/deleteblue.png);
}
.imgW10_add {
    background-image: url(gdx.mendrix.worldlink.ui/black/add.png);
}
.imgW10_previouscolored {
    background-image: url(gdx.mendrix.worldlink.ui/black/previouscolored.png);
}
.imgW10_nextcolored {
    background-image: url(gdx.mendrix.worldlink.ui/black/next.png);
}
.imgW10_backblue {
    background-image: url(gdx.mendrix.worldlink.ui/black/back.png);
  }
.imgW30_pdfcolliblue {
    background-image: url(gdx.mendrix.worldlink.ui/black/pdfcolliblue.png);
  }
.imgW30_pdffrightblue {
    background-image: url(gdx.mendrix.worldlink.ui/black/pdffrightblue.png);
  }

.imgW30_checkedround {
      background-image: url(gdx.mendrix.worldlink.ui/black/checkedround.png);
    }
.imgW20_edit{
    background-image: url(gdx.mendrix.worldlink.ui/black/edit.png);
}

.imgW30_invoiceSign {
    background-image: url(gdx.mendrix.worldlink.ui/black/invoicesign.png);
}
.imgW20_tracktrace {
    background-image: url(gdx.mendrix.worldlink.ui/black/tracktrace.png);
  }

.imgW125_logo {
  background-image: url(gdx.mendrix.worldlink.ui/Logo1.png);
  height: 50px;
  width: 100px;
}
.imgW112_menulogo {display: none;}
/*div.left.cashOnDelivery {display: none;}
div.left.insurance {display: none;}*/


/*General*/
#menubar #menu {padding-top: 1em;}
#menubar {background: var(--Visueel); }
#notificationContent { background-color:  var(--Visueel);}
#notification td.gradient {background-color:var(--Visueel);}
html.noGradients #menubar {background:none; background-color:var(--Visueel); }
#header #headerGreeting strong { color: var(--Visueel);}
#orderImportView div.errorSection {border: var(--Visueel) solid 0.2em;}

/*Orderoverzicht*/
#ordersView #ordersHeader {border-color: var(--Visueel);}
#ordersViewContainer thead tr th {color: var(--Tekst);}
#ordersView #ordersHeader nav>div a, #ordersView #ordersHeader nav>div a:visited {color:var(--Tekst);}
#orderView #orderHeader {border-color: var(--Visueel);}
#orderView h2 {background-color: var(--Visueel); padding: 0.6em;}
#orderView #orderHeader nav>div a, #orderView #orderHeader nav>div span, #orderView #orderHeader nav>div a:visited {color:var(--Tekst);}
#orderView span, #orderView sub {color: var(--Tekst);}
#orderView #orderForm fieldset label, #orderView #orderForm fieldset .label {color:var(--Tekst);}
#orderView #orderForm th {color: var(--Tekst);}
html.compact #ordersViewContainer tbody tr.compactOrderHeader td {background-color: var(--Visueel);}
html.compact #ordersViewContainer tbody tr.value.odd td.taskHeader {background-color: var(--ItemAchtergrond)!important;}
html.compact #ordersViewContainer tbody tr.value td.taskHeader { background-color: var(--ItemAchtergrond)!important;}
#ordersViewContainer tbody tr td>span.header {color: var(--Tekst);}
#tracktraceView div.header .columnheader {background-color:var(--Visueel);}
.ListSection tbody tr td>span.header {color:var(--Tekst);}
#orderImportView #orderImportForm fieldset label, #orderImportView #orderImportForm fieldset .label {color:var(--Tekst);}
#orderImportView #orderImportHeader table td.completed {background-color:var(--Visueel);}
#orderImportView span, #orderImportView sub {color:var(--Tekst);}
.pagingButtonNext {border: var(--Visueel) solid 0.1em;}
.pagingButtonPrevious {border: var(--Visueel) solid 0.1em;}
.selectionButtonGoodsLabel{border: var(--Visueel) solid 0.1em;}
.selectionButtonConsignment{border: var(--Visueel) solid 0.1em;}
.selectionButtonInvoice{border: var(--Visueel) solid 0.1em;}
.selectionButtonDelete{border: var(--Visueel) solid 0.1em;}
.imgW30_checkedround{border: var(--Visueel) solid 0.1em;}
#ordersViewContainer thead tr th{border-bottom: var(--Visueel) solid 0.1em;}
.pagingDetails {color: var(--Tekst);}

/*Importeren*/
#joblistView #jobsHeader {border-color:var(--Visueel);}
#joblistView #jobsHeader nav .a, #joblistView #jobsHeader nav a, #joblistView #jobsHeader nav a:visited {color: var(--Tekst);}
#joblistViewContainer thead tr th {color: var(--Tekst); border-bottom: var(--Visueel) solid 0.1em;}
#orderImportView #orderImportHeader {border-color: var(--Visueel);}
#orderImportView #orderImportHeader table td.active {background-color: var(--Visueel); color: var(--Achtergrond);}
#orderImportView #orderImportHeader table td {background-color: var(--ItemAchtergrond);}
#orderImportView #orderImportHeader table td.sep span {color: var(--Visueel);}
#orderImportView h2 {background-color: var(--Visueel);}
.ajax-file-upload {color: #fff; background-color: var(--Visueel);}

/*Adresboek*/
#addressbookView #addressesHeader {border-color: var(--Visueel);}
#addressbookView #addressesHeader nav .a, #addressbookView #addressesHeader nav a, #addressbookView #addressesHeader nav a:visited {color: var(--Tekst);}
#addressbookViewContainer thead tr th {color: var(--Tekst); border-bottom: var(--Visueel) solid 0.1em;}
#addressView #addressHeader {border-color:var(--Visueel);}
#addressView #addressHeader nav a, #addressView #addressHeader nav a:visited {color: var(--Tekst);}
#addressView #addressForm fieldset label, #addressView #addressForm fieldset .label { color:var(--Tekst);}
/*Etiketten*/

/*Vrachtbrieven*/

/*Laadlijst*/
#reportView #reportHeader {border-color: var(--Visueel);}
#reportView #reportHeader nav>div a, #reportView #reportHeader nav>div span, #reportView #reportHeader nav>div a:visited {color:var(--Tekst);}

/*documenten*/
#reportView #reportHeader {border-color: var(--Tekst); border-top-width: .2em; border-bottom-width: .2em;    border-style: solid;margin-top:1em;padding-top: .5em;padding-bottom: .5em;}
#reportView #reportHeader nav > div a, #reportView #reportHeader nav > div span, #reportView #reportHeader nav > div a:visited {  margin-right: .7em;    text-decoration: none;    margin-left: .25em;    white-space: nowrap;    color: #333;    text-transform: uppercase;    font-size: .9em;  }

/*TrackAndTrace*/
.ListSection thead tr th {background-color: var(--Visueel);}
.ListSection tbody tr td {border-bottom-color: var(--Visueel);}

/*********** address add / edit section ********/
/* uncomment the 'display: none;' lines to hide that particular section, field or collumn */

/* Editable addressfields */
#addressView .addressTaskType {
    /*display: none;*/
}

#addressView .addressName {
    /*display: none;*/
}

#addressView .addressContact {
    /*display: none;*/
}

#addressView .addressStreet {
    /*display: none;*/
}

#addressView .addressNumber {
    /*display: none;*/
}

#addressView .addressPostalCode {
    /*display: none;*/
}

#addressView .addressPlace {
    /*display: none;*/
}

#addressView .addressCountry {
    /*display: none;*/
}

#addressView .addressEmail {
    /*display: none;*/
}

#addressView .addressPhone {
    /*display: none;*/
}

#addressView .addressMobile {
    /*display: none;*/
}

#addressView .addressFax {
    /*display: none;*/
}

#addressView .addressOpeningHours {
    /*display: none;*/
}
/*********** addressbook section ********/
/* uncomment the 'display: none;' lines to hide that particular section, field or collumn */

/* Columns */
#addressbookView .addressName {
    /*display: none;*/
}
#addressbookView .addressContact {
    /*display: none;*/
}
#addressbookView .addressStreet {
    /*display: none;*/
}
#addressbookView .addressNumber {
    /*display: none;*/
}
#addressbookView .addressPostalCode{
    /*display: none;*/
}
#addressbookView .addressPlace{
    /*display: none;*/
}
#addressbookView .addressCountry{
    /*display: none;*/
}
#addressbookView .addressEmail {
    /*display: none;*/
}
#addressbookView .addressPhone{
    /*display: none;*/
}
#addressbookView .addressMobile {
    /*display: none;*/
}
#addressbookView .addressFax {
    /*display: none;*/
}

/******** Main menu items ********/

#limiOrders {
}

#limiOrderImport {
}

#limiAddressbook {
}

#limiWorkhours {

}

#limiLabels {
}

#limiawb {
}

#limiEndOfDay {
}

#limiLogoff {
}
/***********  (new) Order edit section */
/* Order edit / new order customizations */
/* uncomment the 'display: none;' lines to hide that particular section, field or collumn */

/* Product */
#orderView .productOptions {
    /*display: none;*/
}

#orderView .product {
    /*display: none;*/
}

/* Sender Address*/
#orderView .senderAddressHistory {
    /*display: none;*/
}

#orderView .senderAddress {
    /*display: none;*/
}

    #orderView .senderAddress .addressbook,
    #orderView .senderAddress .addressbookSeperator {
        /*display: none;*/
    }

    #orderView .senderAddress .taskName {
        /*display: none;*/
    }

    #orderView .senderAddress .taskContactName {
        /*display: none;*/
    }

    #orderView .senderAddress .taskStreet {
        /*display: none;*/
    }

    #orderView .senderAddress .taskPostalCode {
        /*display: none;*/
    }

    #orderView .senderAddress .taskPlace {
        /*display: none;*/
    }

    #orderView .senderAddress .taskCountry {
        /*display: none;*/
    }

    #orderView .senderAddress .taskPremise {
        /*display: none;*/
    }

    #orderView .senderAddress .taskEmail {
        /*display: none;*/
    }

    #orderView .senderAddress .taskPhone {
        /*display: none;*/
    }

    #orderView .senderAddress .taskFax {
        /*display: none;*/
    }

    #orderView .senderAddress .taskMobile {
        /*display: none;*/
    }


/* Receiver Address*/
#orderView .receiverAddressHistory {
    /*display: none;*/
}

#orderView .receiverAddress {
    /*display: none;*/
}

    #orderView .receiverAddress .addressbook,
    #orderView .receiverAddress .addressbookSeperator {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskName {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskContactName {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskStreet {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskPostalCode {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskPlace {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskCountry {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskPremise {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskEmail {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskPhone {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskFax {
        /*display: none;*/
    }

    #orderView .receiverAddress .taskMobile {
        /*display: none;*/
    }
/* Shipment section*/
#orderView .shipment {
    /*display: none;*/
}

/* Shipment goods*/
#orderView .shipmentGoods {
    /*display: none;*/
}
    /* Shipment good columns*/
    #orderView .shipmentGoods .packingName {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingNumber {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingD,
    #orderView .shipmentGoods .packingDimensions {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingWeight {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingVolume {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingSurface {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingDetails {
        /*display: none;*/
    }

    #orderView .shipmentGoods .packingBarcode {
        /*display: none;*/
    }

/* Shipment COD*/
#orderView .shipment .cashOnDelivery {
    display: none;
}

/* Insurance*/
#orderView .insurance {
    /*display: none;*/
}

/* customs documents */
#orderView .customsDocuments {
    /*display: none;*/
}

/* pickupDetails */
#orderView .pickupDetails {
    /*display: none;*/
}

    #orderView .pickupDetails .moment,
    #orderView .pickupDetails .momentSeperator {
        /*display: none;*/
    }

    #orderView .pickupDetails .taskReferenceYour {
        /*display: none;*/
    }

    #orderView .pickupDetails .taskReferenceOur {
        /*display: none;*/
    }

    #orderView .pickupDetails .taskInstructions {
        /*display: none;*/
    }

/* deliveryDetails */
#orderView .deliveryDetails {
    /*display: none;*/
}

    #orderView .deliveryDetails .moment,
    #orderView .deliveryDetails .momentSeperator {
        /*display: none ;*/
    }

    #orderView .deliveryDetails .taskReferenceYour {
        /*display: none;*/
    }

    #orderView .deliveryDetails .taskReferenceOur {
        /*display: none;*/
    }

    #orderView .deliveryDetails .taskInstructions {
        /*display: none;*/
    }

/* yourDetails */
#orderView .yourDetails {
    /*display: none;*/
}

    #orderView .yourDetails .contactName {
        /*display: none;*/
    }

    #orderView .yourDetails .orderNotes {
        /*display: none;*/
    }

    #orderView .yourDetails .orderReference {
        /*display: none;*/
    }
/***********  (new) Route add/edit section ********/
/* uncomment the 'display: none;' lines to hide that particular section, field or collumn */

/* Product */
#orderrouteView .productOptions {
    /*display: none;*/
}

#orderrouteView .product {
    /*display: none;*/
}

/* task Address*/
#orderrouteView .addressHistory {
    /*display: none;*/
}

#orderrouteView .addressbook
#orderrouteView .addressbookSeperator {
    /*display: none;*/
}

#orderrouteView .taskAddress {
    /*display: none;*/
}

    #orderrouteView .taskAddress .addressbook,
    #orderrouteView .taskAddress .addressbookSeperator {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskName {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskContactName {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskStreet {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskPostalCode {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskPlace {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskCountry {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskPremise {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskEmail {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskPhone {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskFax {
        /*display: none;*/
    }

    #orderrouteView .taskAddress .taskMobile {
        /*display: none;*/
    }

/* pickupDetails */
#orderrouteView .taskDetails {
    /*display: none;*/
}

    #orderrouteView .taskDetails .moment,
    #orderrouteView .taskDetails .momentSeperator {
        /*display: none;*/
    }

    #orderrouteView .taskDetails .taskReferenceYour {
        /*display: none;*/
    }

    #orderrouteView .taskDetails .taskReferenceOur {
        /*display: none;*/
    }

    #orderrouteView .taskDetails .taskInstructions {
        /*display: none;*/
    }

/* Shipment goods*/
#orderrouteView .pickup.shipmentGoods {
    /*display: none;*/
}

    /* Shipment good columns*/
    #orderrouteView .pickup.shipmentGoods .packingName {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingNumber {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingD,
    #orderrouteView .pickup.shipmentGoods .packingDimensions {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingWeight {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingVolume {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingSurface {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingDetails {
        /*display: none;*/
    }

    #orderrouteView .pickup.shipmentGoods .packingBarcode {
        /*display: none;*/
    }

/* goods, shipment section*/
#orderrouteView .delivery.shipmentGoods {
    /*display: none;*/
}
    /* Shipment good columns*/
    #orderrouteView .delivery.shipmentGoods .packingName,
    #orderrouteView .delivery.shipmentGoods .packingNameReadOnly {
        /*display: none;*/
    }

    #orderrouteView .delivery.shipmentGoods .packingNumber,
    #orderrouteView .delivery.shipmentGoods .packingNumberReadOnly {
        /*display: none;*/
    }

    #orderrouteView .delivery.shipmentGoods .packingDetails,
    #orderrouteView .delivery.shipmentGoods .packingDetailsReadOnly {
        /*display: none;*/
    }


/* Shipment COD*/
#orderrouteView .shipment .cashOnDelivery {
    /*display: none;*/
}

/* Insurance*/
#orderrouteView .insurance {
    /* display: none; */
    /* To move the section to the left when Cash On Delivery is not vidible*/
    /* margin-left: 0% !important; */
    /* width: 100% !important; */
}}

/* customs documents */
#orderrouteView .customsDocuments {
    /*display: none;*/
}

/* yourDetails */
#orderrouteView .yourDetails {
    /*display: none;*/
}

    #orderrouteView .yourDetails .contactName {
        /*display: none;*/
    }

    #orderrouteView .yourDetails .orderNotes {
        /*display: none;*/
    }

    #orderrouteView .yourDetails .orderReference {
        /*display: none;*/
    }
/******* Orderlist customizations ********/
/* columns can be hidden in the MendriX TMS settings as XML */

#ordersView tbody tr td {
    /*padding: 0.2em 0.6em 0.2em 0.6em;*/
}

    #ordersView  tbody tr td > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.orderid > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.ordermoment > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.notes > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.contact > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.reference > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.markcharacters > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.amount > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.weight > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.cashondelivery > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.volumeweight > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.articleweight > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.status > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.invoiceid > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.invoiceyear > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.invoicenumber > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.goodcount > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.goodamount > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskcount > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.getwaited > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.bringwaited > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.cancelled > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.volume > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.distanceinkms > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.durationinhours > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.amountinsured > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.customscontents > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.customsvalue > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.customscurrency > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskwaittime > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskname > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskproblem > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskstreetandnumber > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskstreet > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.tasknumber > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskpostalcode > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskplace > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskcountry > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskcashondelivery > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskemail > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskfax > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskphone > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskmobile > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskcontactname > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskinstructions > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskreferenceour > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskreferenceyour > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.tasksignedcontact > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.tasknotifiedcontact > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskrequestedbegin > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskrequestedend > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskplannedbegin > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskplannedend > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskcompletedbegin > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.taskcompletedend > span {
        /*max-width: 14em;*/
    }

    #ordersView  tbody tr td.tasktasktype > span {
        /*max-width: 14em;*/
    }
/******* Track & Trace / Orderinfo customizations *******/
/* uncomment the 'display: none;' lines to hide that particular section, field or collumn */

/* Sender section */
#tracktraceView #senderViewContainer {
    /*display: none;*/
}

    /* Show or hide sender fields*/
    #tracktraceView #senderViewContainer .Name {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .ContactName {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Street {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .PostalCode {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Place {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Country {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Location {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .RequestedTimeWindow {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .ReferenceYour {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .ReferenceOur {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Instructions {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Email {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Phone {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Fax {
        /*display: none;*/
    }

    #tracktraceView #senderViewContainer .Mobile {
        /*display: none;*/
    }

/* Recipient section */
#tracktraceView #recipientViewContainer {
    /*display: none;*/
}

    /* Show or hide recipient fields*/
    #tracktraceView #recipientViewContainer .Name {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .ContactName {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Street {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .PostalCode {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Place {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Country {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Location {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .RequestedTimeWindow {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .ReferenceYour {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .ReferenceOur {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Instructions {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Email {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Phone {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Fax {
        /*display: none;*/
    }

    #tracktraceView #recipientViewContainer .Mobile {
        /*display: none;*/
    }

/* Order details section */
#tracktraceView #orderDetailsViewContainer {
    /*display: none;*/
}
    /* Show or hide orderdetails fields*/
    #tracktraceView #orderDetailsViewContainer .OrderId {
        /*display: none;*/
    }

    #tracktraceView #orderDetailsViewContainer .Product {
        /*display: none;*/
    }

    #tracktraceView #orderDetailsViewContainer .Moment {
        /*display: none;*/
    }

    #tracktraceView #orderDetailsViewContainer .ContactName {
        /*display: none;*/
    }

    #tracktraceView #orderDetailsViewContainer .Comments {
        /*display: none;*/
    }

    #tracktraceView #orderDetailsViewContainer .Reference {
        /*display: none;*/
    }

    #tracktraceView #orderDetailsViewContainer .InsuranceValue {
        /*display: none;*/
    }

/* Delivery section */
#tracktraceView #deliveryViewContainer {
    /*display: none;*/
}

    /* Show or hide delivery fields*/
    #tracktraceView #deliveryViewContainer .CashOnDelivery {
        /*display: none;*/
    }

    #tracktraceView #deliveryViewContainer .CompletionMoment {
        /*display: none;*/
    }

    #tracktraceView #deliveryViewContainer .SignedName {
        /*display: none;*/
    }

/* Goods section */
#tracktraceView #orderGoodsViewContainer {
    /*display: none;*/
}

    /* Show or hide Goodlist columns*/
    #tracktraceView #orderGoodsViewContainer .PackingName {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Number {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Dimensions {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Weight {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Volume {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Surface {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Details {
        /*display: none;*/
    }

    #tracktraceView #orderGoodsViewContainer .Barcode {
        /*display: none;*/
    }

/* Traces / Scans section */
#tracktraceView #ordertracesViewContainer {
    /*display: none;*/
}
    /* Show or hide traces/scans columns*/
    #tracktraceView #ordertracesViewContainer .Moment {
        /*display: none;*/
    }

    #tracktraceView #ordertracesViewContainer .Country {
        /*display: none;*/
    }

    #tracktraceView #ordertracesViewContainer .City {
        /*display: none;*/
    }

    #tracktraceView #ordertracesViewContainer .Description {
        /*display: none;*/
    }

    #tracktraceView #ordertracesViewContainer .Goods {
        /*display: none;*/
    }

    #tracktraceView #ordertracesViewContainer .Percentage {
        /*display: none;*/
    }