/*title */
.nosideborders {
    border-left: 0px;
    border-right: 0px;
}

div.gridcontainer {
    background-color: White !important;
}

.grid div.mDiv {
    background:  url(https://cdn.openitemapp.com/content/images/wbg.gif) repeat-x top;
    border: 1px solid #ccc;
    border-bottom: 0px;
    border-top: 0px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

    .grid div.mDiv div {
        padding: 6px;
        white-space: nowrap;
    }

        .grid div.mDiv div.ptogtitle, .grid div.ptogtitle {
            position: absolute;
            top: 4px;
            right: 3px;
            padding: 0px;
            height: 16px;
            width: 16px;
            overflow: hidden;
            border: 1px solid #ccc;
            cursor: pointer;
        }

            .grid div.mDiv div.ptogtitle:hover, .grid div.ptogtitle:hover {
                background-position: left -2px;
                border-color: #bbb;
            }

            .grid div.mDiv div.ptogtitle span, .grid div.ptogtitle span {
                display: block;
                border-left: 1px solid #eee;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #ddd;
                width: 14px;
                height: 14px;
                background:  url(https://cdn.openitemapp.com/content/images/uup.png) no-repeat center;
            }

            .grid div.mDiv div.ptogtitle.vsble span, .grid div.ptogtitle.vsble span {
                background:  url(https://cdn.openitemapp.com/content/images/ddn.png) no-repeat center;
            }

/*toolbar*/
.grid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    position: relative;
    border: 0px solid #eee;
    overflow: hidden;
    color: #000;
}

    .grid div.tDiv /*toolbar*/ {
        background: #fafafa  url(https://cdn.openitemapp.com/content/images/bg.gif) repeat-x top;
        position: relative;
        border: 1px solid #ccc;
        border-bottom: 1px;
        overflow: hidden;
    }

    .grid div.tDiv2 {
        float: left;
        clear: both;
        padding: 1px;
    }

    .grid div.sDiv /*toolbar*/ {
        background: #fafafa  url(https://cdn.openitemapp.com/content/images/bg.gif) repeat-x top;
        position: relative;
        border: 1px solid #ccc;
        border-top: 0px;
        overflow: hidden;
        display: none;
    }

    .grid div.sDiv2 {
        float: left;
        clear: both;
        padding: 5px;
        padding-left: 5px;
        width: 1024px;
    }

        .grid div.sDiv2 input, .grid div.sDiv2 select {
            vertical-align: middle;
        }

div.btnseparator {
    float: left;
    height: 22px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    margin: 1px;
}

.grid div.fbutton div span {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left 2px;
    white-space: nowrap;
}

.grid div.fbutton {
    float: left;
    display: block;
    cursor: pointer;
    padding: 1px;
    margin: 1px;
}

    .grid div.fbutton div {
        float: left;
        padding: 1px 3px;
    }

    .grid div.fbutton span {
        float: left;
        display: block;
        padding: 3px;
    }

    .grid div.fbutton:hover, .grid div.fbutton.fbOver {
        padding: 0px;
        border: 1px solid #ccc;
    }

        .grid div.fbutton:hover div, .grid div.fbutton.fbOver div {
            padding: 0px 2px;
            border-left: 1px solid #fff;
            border-top: 1px solid #fff;
            border-right: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

    .grid div.fbutton label {
        /*  
	  padding-top : 4px;
	  padding-left : 3px;
	  padding-bottom : 2px;
	  float : right;
	  height : 16px;
     */
    }

    .grid div.fbutton input /*[type=checkbox]*/ {
        margin-top: 4px !important;
        /*padding-top : 4px;
	    background-color : Red !important;*/
    }

.add {
    background:  url(https://cdn.openitemapp.com/content/images/btnadd.png);
    background-repeat: no-repeat;
}

.delete {
    background:  url(https://cdn.openitemapp.com/content/images/close.png);
    background-repeat: no-repeat;
}

.save {
    background:  url(https://cdn.openitemapp.com/content/images/save.gif);
    background-repeat: no-repeat;
}

.load {
    background:  url(https://cdn.openitemapp.com/content/images/load.png);
    background-repeat: no-repeat;
}

    .loading, .load.loading {
        background:  url(https://cdn.openitemapp.com/content/images/load.gif);
        background-repeat: no-repeat;
    }

.email, .grid div.fbutton div span.email {
    background:  url(https://cdn.openitemapp.com/content/images/email.png);
    background-repeat: no-repeat;
    padding-left: 13px;
}

.search {
    background:  url(https://cdn.openitemapp.com/content/images/magnifier.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

span.password, .grid div.fbutton div span.password {
    background:  url(https://cdn.openitemapp.com/content/images/Security.png);
    background-repeat: no-repeat;
    padding-left: 13px;
}
/* end toolbar*/



table.grid td {
    border: solid 1px silver;
    border-bottom: 0px !important;
}

table.grid {
    border-collapse: collapse;
    margin-bottom: 5px;
    border: solid 1px silver;
    border-bottom: solid 1px silver !important;
    border-right: solid 1px silver !important;
}

    table.grid th, table.grid td.row, table.grid td.Header {
        background-color: #f0f0f0 !important;
        background-image:  url(https://cdn.openitemapp.com/content/images/bg.gif);
        background-repeat: repeat-x;
    }

    table.grid td.Header {
        text-align: center;
    }

    table.grid td.row, table.grid th.row, td.row, th.row {
        width: 22px !important;
        max-width: 22px;
        min-width: 22px;
        text-align: center;
    }

    table.grid tr.modified td {
        background-color: #FFFFBF;
    }

td.Documents, td.Pallets, td.Products {
    background-image:  url(https://cdn.openitemapp.com/content/images/bg.gif);
    background-repeat: repeat-x;
    text-align: center;
    cursor: default;
}

table.grid td, table.grid th {
    border: solid 1px silver;
    white-space: nowrap;
}

table.grid tr.filter th input {
    width: 90%;
}

table.grid th {
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
}

table.grid td.emptycell {
    border-top: 0px;
    border-bottom: 0px;
    background-image: none !important;
}

table.grid input.text, table.grid select {
    background-color: Transparent;
}

table.grid tr {
    height: 20px;
}

table.grid select {
    width: 100%;
}

table.grid td.bool {
    text-align: center;
}

table.grid td.longtext {
    width: 100px;
}

table.grid td.date, table.grid th.date {
    width: 140px;
    min-width: 140px;
    white-space: nowrap;
}

table.grid td.httpmethod, table.grid td.statuscode {
    width: 40px;
    white-space: nowrap;
}

table.grid td.url {
    width: 250px;
}

table.grid td.payload {
    width: 500px;
}

    table.grid td.payload input.info {
        width: 500px;
    }

table.grid td.DefaultVehicleID, table.grid td.ControllerName {
    width: 100px;
}

table.grid input.text {
    border: 0px;
    /*width : 97%;*/
}

table.grid td.action {
    width: 30px;
    max-width: 30px;
    background-image:  url(https://cdn.openitemapp.com/content/images/bg.gif);
    background-repeat: repeat-x;
}

table.subgrid {
    margin: 0px;
    border: 0px;
}

tr.subgridrow table.subgrid td, tr.subgridrow table.subgrid th {
    border: solid 1px silver;
    border-bottom: 0px;
    border-right: 0px;
}

table.subgrid th {
}

tr.subgridrow, tr.subgridrow td {
    padding: 0px;
    border: 0px;
}

    tr.subgridrow td div.mDiv {
        border-right: 0px;
    }

input.info {
    min-width: 100px;
    border: 0px;
}

div.longtext {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}

.selected {
    background: #d5effc  url(https://cdn.openitemapp.com/content/images/hl.png) repeat-x top;
    border: 1px solid #a8d8eb;
}

table.grid input.ControllerName, table.grid input.BranchID, table.grid input.CompanyID {
    width: 70%;
    /*border : solid 1px black;*/
}

input.ViewControllerCouriers, a.CompanyID, a.BranchID, a.UserName {
    float: right;
}

img.view {
    border: none 0px;
}

td.view {
    text-align: center;
}

#txtMsg {
    width: 95%;
    height: 95%;
}

.hidden, .grid div.fbutton.hidden span {
    display: none;
    float: none;
}

.nvisible {
    visibility: hidden;
}

table.couriers td, table.couriers th {
    width: 100px;
}

    table.couriers td.CourierName {
        width: 150px;
    }

td.UserName {
    width: 200px;
}

    td.UserName input.UserName {
        width: 80% !important;
    }

.Validator_Valid {
    background:  url(https://cdn.openitemapp.com/content/images/Validator_Valid16.gif);
    background-repeat: no-repeat;
    padding-left: 13px;
}

.Validator_InValid {
    background:  url(https://cdn.openitemapp.com/content/images/Validator_Invalid16.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.expandcollapse span, div.expandcollapse.expand span {
    background-image:  url(https://cdn.openitemapp.com/content/images/expand.gif);
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 2px;
    cursor: pointer;
}

div.expandcollapse.expand.collapse span, div.expandcollapse.collapse span {
    background-image:  url(https://cdn.openitemapp.com/content/images/collapse.gif);
}

tr.expanded {
    font-weight: bold;
}

span.picture {
    background:  url(https://cdn.openitemapp.com/content/images/pictures.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    cursor: pointer;
    padding-bottom: 2px;
}

div.button {
    border: 1px solid transparent;
    float: right;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: left;
    margin-left: 2px;
}

    div.button:hover {
        border-color: #bbb;
    }

    div.button span {
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        width: 16px;
        height: 16px;
    }

    div.button:hover span {
        border-left: 1px solid #eee;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ddd;
    }

div.play span {
    background-image:  url(https://cdn.openitemapp.com/content/images/NavigationGreenNext.png);
}

div.play.stop span, div.stop span {
    background-image:  url(https://cdn.openitemapp.com/content/images/NavigationGreenStop.png);
}

.DeliveryTruckGreen {
    background-image:  url(https://cdn.openitemapp.com/content/images/DeliveryTruckGreen.png);
    background-repeat: no-repeat;
}

.icon-checkout {
    background-image:  url(https://cdn.openitemapp.com/content/images/Checkout.png) !important;
    background-repeat: no-repeat;
}
/*

.invoice
{
    background-image:  url(https://cdn.openitemapp.com/content/images/Invoice.png);
    background-repeat :no-repeat;
}
.customers
{
    background-image:  url(https://cdn.openitemapp.com/content/images/UserBusinessMale.png);
    background-repeat :no-repeat;
}
*/

/* ExtJS fix*/
div.grid > div.tDiv div div.x-toolbar, div.chromecontainer > h2 > div > div.x-toolbar, div.chromeheader > div > div.x-toolbar {
    border: 0px !important;
    background-image: none !important;
    background-color: inherit !important;
    width: auto;
}