/***********************************************
Global Data Exchange - WorldLink customizations
v1.0.0.0 - (c) Global Data Exchange 2015
***********************************************/
/*Kleuren*/
.imgW125_logo {
    height: 3em;
  }

  
:root{
    --rood:#1f425d; /*Visuele elementen */
    --lichtrood:#009fe3; /*achtergrond visuele elementen*/
    --zwart:#000000; /*Tekst*/
    --wit:#ffffff; /*Achtergrond*/
  }
  /*General*/
#menubar #menu {padding-top: 1em;}
#header {background-color: var(--wit)}
#menubar #menu nav li a {color: var(--wit)}
#menubar #menu nav li a:visited {color: var(--wit)}
#menubar {background: var(--rood); }
#notificationContent { background-color:  var(--rood);}
#notification td.gradient {background-color:var(--rood);}
html.noGradients #menubar {background:none; background-color:var(--rood); }
#header #headerGreeting strong { color: var(--zwart);}
#orderImportView div.errorSection {border: var(--rood) solid 0.2em;}
h1  {color: var(--rood)}

/*Orderoverzicht*/
#ordersView #ordersHeader {border-color: var(--rood);}
#ordersView input.filtered {background-color:  var(--wit);}
#ordersViewContainer thead tr th {color: var(--zwart);}
#ordersView #ordersHeader nav>div a, #ordersView #ordersHeader nav>div a:visited {color:var(--zwart);}
#ordersView #ordersHeader #ordersSearch input, #ordersView #ordersHeader #ordersSearch input:focus, #ordersView #ordersHeader #ordersCalendar input, #ordersView #ordersHeader #ordersCalendar input:focus {background-color: var(--wit); }

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

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

/*new route*/
#orderrouteView #ordersHeader {border-color: var(--lichtrood);}
#orderrouteView h2 {background-color: var(--rood);}
#orderrouteView #orderrouteForm fieldset label, #orderImportView #orderImportForm fieldset .label {color:var(--zwart);}
#orderrouteView  #orderHeader nav>div a, #ordersView #ordersHeader nav>div a:visited {color:var(--zwart);}
#orderrouteView #orderHeader {border-color: var(--rood);}

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

/*Vrachtbrieven*/

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

/*documenten*/
#reportView #reportHeader {border-color: var(--zwart); 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(--rood);}
.ListSection tbody tr td {border-bottom-color: var(--rood);}
  



#limiOrders {
}

#limiOrderImport {
}

#limiAddressbook {
}

#limiLabels {
}

#limiawb {
}

#limiEndOfDay {
}

#limiLogoff {
}
/* Orderlist customizations */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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