#ShipmentPanel h2 {
    color: #2a3f54;
}


#ShipmentPanel img {
    height: 30px;
}


#ShipmentPanel #toolPanel1, #actionPanel {
    margin-top: 1px;
    border: solid thin #e9e9e9;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
}

#ShipmentPanel .search {
    margin-top: 1px;
    /*border:solid thin #e9e9e9;*/
    border-radius: 3px;
    display: inline-block;
    /*height: 140px;*/
    background-color: white;
    vertical-align: top;
    width: 100%;
}

#ShipmentPanel #statusSearch {
    border: solid thin #e9e9e9;
}

    #ShipmentPanel #statusSearch ul {
        display: block !important;
        column-count: 4;
        -moz-column-count: 4;
    }

        #ShipmentPanel #statusSearch ul li {
            display: block !important;
        }

#ShipmentPanel .search ul {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

#ShipmentPanel .search img {
    height: 45px;
}

#ShipmentPanel .search #quickSearch {
    margin-left: 10px;
    max-width: 500px;
}

#ShipmentPanel #actionPanel {
    display: inline-table;
    padding: 5px;
}

    #ShipmentPanel #actionPanel div {
        display: table-cell;
        width: 33.33%;
        cursor: pointer;
    }

#ShipmentPanel #toolPanel1 {
    border: none;
}


#ShipmentPanel #toolPanel h4 {
    background: #e9e9e9;
    padding: 5px;
    margin: 0px;
}

#ShipmentPanel #toolPanel ul {
    display: inline-table;
    width: 100%;
    padding: 0px;
    margin-bottom: 4px;
}

    #ShipmentPanel #toolPanel ul li {
        display: table-cell;
        vertical-align:top;
    }


        /*#ShipmentPanel #actionPanel ul{
    display:inline-table;
    padding-left:10px;
    padding-right:10px;
    width: 100%;
}

#ShipmentPanel #actionPanel ul li{
    display:table-cell;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
}*/


        #ShipmentPanel #toolPanel ul li span {
            display: inline-block;
            vertical-align: middle;
            height: 10px;
        }

        #ShipmentPanel #toolPanel ul li input {
            display: inline-block;
            vertical-align: middle;
        }


/*#ShipmentPanel #toolPanel #search ul{
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
}*/



#ShipmentPanel #toolPanel #print {
    margin-right: 10px;
}

#ShipmentPanel #toolPanel #print, #mail {
    border: solid thin #e9e9e9;
    border-radius: 3px;
    width: 49.5%;
    float: left;
    padding-top: 10px;
}

#ShipmentPanel #toolPanel #mail {
    padding-left: 15px;
}

#ShipmentPanel #print, #mail {
    height: 85px;
}

#ShipmentPanel #print, #mail, #actionPanel {
    background-color: white;
}

#ShipmentPanel #toolPanel1 #print ul {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    width: 100%;
    column-count: 3;
    -moz-column-count: 3;
}

#ShipmentPanel #toolPanel #print ul li {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

#ShipmentPanel #toolPanel #mail input {
    width: 80%;
    height: 30px;
}

@media (max-width: 1400px) {
    #ShipmentPanel #toolPanel #mail input {
        width: 70%;
        height: 30px;
    }
}


/*#ShipmentPanel #search img{
    height: 45px;
}*/

.hideToolMenuPanel {
    display: none !important;
}

/*PANKAJ START SCANING PANEL*/


#ShipmentPanel #scaningPanel {
    display: inline-table;
}

    #ShipmentPanel #scaningPanel .sections {
        display: table-cell;
        width: 100%;
        vertical-align: top;
        padding-left: 10px;
    }

        #ShipmentPanel #scaningPanel .sections > div {
            height: 200px;
            width: 900px;
            padding: 5px;
            border-radius: 5px;
            /*background-color: #eeeeee;*/
        }

    #ShipmentPanel #scaningPanel #scaningDetails > div {
        width: 800px;
    }
   
    #ShipmentPanel #scaningPanel  #DocTypeListSection {
        float: left;
        width:210px;
        
    }
/*PANKAJ END SCANING PANEL*/

/*PANKAJ START TRACKING PANEL*/
.TackingTextBox {
    width: 65%;
    height: 25px;
}

#ShipmentPanel #trackingPanel {
    display: inline-table;
}

    #ShipmentPanel #trackingPanel .sections {
        display: table-cell;
        width: 100%;
        vertical-align: top;
        padding-left: 10px;
    }

        #ShipmentPanel #trackingPanel .sections > div {
            height: 200px;
            width: 900px;
            padding: 5px;
            border-radius: 5px;
            /*background-color: #eeeeee;*/
        }

    #ShipmentPanel #trackingPanel #TrackingDetails > div {
        width: 800px;
    }

/*PANKAJ END TRACKING PANEL*/

#ShipmentPanel #quickPanel {
    display: inline-table;
    width:1390px;
}


    #ShipmentPanel #quickPanel .sections {
        display: table-cell;
        width: 25%;
        vertical-align: top;
        padding-left: 10px;
    }

        #ShipmentPanel #quickPanel .sections > div {
            height: 220px;
            width: 350px;
            padding: 5px;
            border-radius: 5px;
            background-color: #eeeeee;
        }

    #ShipmentPanel #quickPanel #shipmentDetails > div {
        width: 390px;
    }
    #ShipmentPanel  #documentPanel{
        display:inline-block;
    }
    #ShipmentPanel  #documentPanel ul {
        width: 250px;
        margin-top: 0px;
    }

        #ShipmentPanel  #documentPanel ul li {
            text-align: center;
        }

            #ShipmentPanel  #documentPanel ul li img {
                height: 40px !important;
            }

    #ShipmentPanel #quickPanel #contacts {
        width: 25%;
        display: table-cell;
    }


    #ShipmentPanel #quickPanel #shipmentDetails label {
        width: 120px;
    }


    #ShipmentPanel #quickPanel #references label {
        width: 80px;
    }

    #ShipmentPanel #quickPanel #references input {
        width: 250px;
    }


#ShipmentPanel #shipmentDetails .timeBox {
    width: 50px;
}

#ShipmentPanel #quickPanel #terminals {
    display: inline-block;
    width: 100%;
}

    #ShipmentPanel #quickPanel #terminals #originTerminal {
        float: left;
        padding: 5px;
        padding-right: 15px;
    }

    #ShipmentPanel #quickPanel #terminals #destTerminal {
        float: left;
        padding: 5px;
        padding-left: 15px;
    }

#ShipmentPanel #quickPanel #clientContact {
    border-collapse: collapse;
    border-color: transparent;
    border-spacing: 0;
}

    #ShipmentPanel #quickPanel #clientContact td {
        border: none;
    }

#ShipmentPanel .sectionHead {
    font-weight: bold !important;
    background-color:transparent;
    color:black;
    
}

#ShipmentPanel .toolPanelMenu {
    text-align: center;
}

#ShipmentPanel .dataGrid {
    height: 520px;
    overflow-y: auto;
}

.toolPanelMenu .toolBox span {
    float: none;
}

.toolPanelMenu span {
    float: left;
    border-right: solid thin #eeeeee;
    padding: 10px;
    color: white;
    cursor: pointer;
    height: 40px;
}

.toolPanelMenu .selectedPanel {
    font-weight: bold;
    font-size: 15px;
}

#ShipmentPanel #quickSearch, #advanceSearch {
    margin-top: 10px;
    width: 320px;
    display: inline-block;
}

#ShipmentPanel #advanceSearch span {
    width: 70px;
}

#ShipmentPanel #advanceSearch input[type="text"] {
    width: 85px;
    margin-top: 1px;
    margin-bottom: 1px;
}

#ShipmentPanel #advanceSearch > div {
    float: left;
    margin-left: 3px;
}

#ShipmentPanel #quickSearch #optionsSearch > div {
    float: left;
}

#ShipmentPanel #quickSearch #optionsSearch .options span {
    width: 105px;
}


/*---- shipment panel new design 05-05-2016 --------*/

#ShipPanel1, #ProductPanel, #CarrCustNotePanel {
    width: 100%;
    display: inline-block;
}

.fullWidthRow {
    width: 100%;
    display: inline-block;
}

#ProductPanel table {
    width: 100%;
}


#OrgTerminalPanel label {
    width: 54px;
}


#DestTerminalPanel label {
    width: 54px;
}

#BillToTerminalPanel label {
    width: 54px;
}

#ShipDetailTop label {
    width: 129px;
}

#ShipAccDiv {
    height: 200px;
    width: 100%;
    overflow: auto;
    margin-top: 0px !important;
}

    #ShipAccDiv ul {
        padding-left: 0;
        list-style: none;
    }

    #ShipAccDiv input[type="checkbox"] {
        margin-bottom: 5px;
        vertical-align: middle;
    }

#ShipDetail Div {
    margin-top: 5px;
}

#OrgTerminalPanel Div {
    margin-top: 5px;
}

#DestTerminalPanel Div {
    margin-top: 5px;
}

#BillToTerminalPanel Div {
    margin-top: 5px;
}

#ShipDetailTop input[type="text"] {
    height: 25px;
    width: 150px;
}

#OrgTerminalPanel input[type="text"] {
    height: 25px;
    width: 150px;
}

#DestTerminalPanel input[type="text"] {
    height: 25px;
    width: 150px;
}

#BillToTerminalPanel input[type="text"] {
    height: 25px;
    width: 150px;
}

#ShipmentMainDiv .subHeader {
    font-size: 18px;
    font-weight: bold;
}

#InstructionArea {
    height: 70px;
    width: 100%;
    resize: none;
}

.shipLocationNotesTxt {
    width: 100% !important;
    height: 70px !important;
    resize: none;
}


.addToMasterLbl {
    float: right;
    vertical-align: middle;
    line-height: 20px;
    margin-top: 4px;
}

#ProductTableDiv {
    width: 100%;
    overflow: scroll;
    height: 200px;
}

    #ProductTableDiv th {
        text-align: center;
    }

    #ProductTableDiv tbody tr {
        height: 30px;
    }

.labelInputMargin {
    margin-left: 4px;
}

.productBoxStyle1 {
    margin-left: 5px !important;
    width: 13px;
}

.productBoxStyle2 {
    width: 32px;
    margin-left: 5px;
}

.productBoxStyle3 {
    margin-left: 5px;
    width: 50px;
}

.productBoxStyle4 {
    margin-left: 5px;
    width: 65px;
}

.productBoxStyle5 {
    margin-left: 5px;
    width: 120px;
}

#ProductTableDiv input[type="text"] {
    height: 25px;
}

#ProductTableDiv select {
    height: 25px;
}

#ShipPanel2 {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

    #ShipPanel2 button {
        width: auto;
    }

#carrierInfoDiv input[type=text] {
    height: 25px;
}

#carrierInfoDiv select {
    height: 25px;
}

#customerInfoDiv input[type=text] {
    height: 25px;
}

#customerInfoDiv select {
    height: 25px;
}

#carrierInfoDiv Div {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

#customerInfoDiv Div {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.autoRateBuytxt {
    display: inline;
}

.autoRateBuyCheck {
    display: inline;
    margin-top: 5px;
    height: 20px;
    width: 20px;
    float: left;
}

.fixedGridDiv {
    overflow: auto;
    height: 245px;
}

.shipClientLbl {
    width: 54px;
}

.customerNoteDiv {
    height: 125px;
    overflow-x: auto;
    width: 100%;
    border-width: thin;
    border-color: Gray;
    border-style: inset;
    margin-top: 5px;
}

.chargeTypeBox {
    width: 130px;
}

.amtBox {
    width: 60px;
}


@media(max-width: 1300px) {
    #ShipmentPanel #toolPanel ul li #statusSearch span;

{
    visibility: collapse;
}

#ShipmentPanel #toolPanel ul li #statusSearch img {
    height: 30px !important;
}


.hideStatusSearchLabel img {
    height: 45px !important;
}

.hideStatusSearchLabel ul li {
    display: inline-block !important;
}

}

@media (max-width: 1280px) {

    #ShipmentMainDiv {
        width: 1020px;
        display: inline-block;
    }

    .ShipLeft {
        width: 630px;
        float: left;
        display: inline;
    }

    #ShipPanel2Left {
        display: inline;
        float: left;
        width: 630px;
    }

    #ShipDetail {
        float: left;
        display: inline;
        margin-left: 30px;
        width: 300px;
    }

    /*#OrgTerminalPanel {
        float: left;
        display: inline;
        width: 300px;
    }

    #DestTerminalPanel {
        float: left;
        display: inline;
        margin-left: 30px;
        width: 300px;
    }*/


    .shipNameTextbox {
        width: 242px !important;
        height: 25px !important;
    }

    .shipAddressTxt {
        width: 242px !important;
        height: 25px !important;
    }

    #ProductHeaderDiv {
        margin-top: 35px;
    }

    .shipSubPanelLeft {
        width: 300px;
        float: left;
        display: inline;
    }

    .shipSubPanelRight {
        width: 300px;
        float: left;
        display: inline;
        margin-left: 30px;
    }
}

@media (min-width: 1281px) {
    #ShipmentMainDiv {
        width: 1260px;
        display: inline-block;
    }

    .ShipLeft {
        width: 830px;
        float: left;
        display: inline;
    }


    #ShipDetail {
        float: left;
        display: inline;
        margin-left: 30px;
        width: 400px;
    }

    /*#OrgTerminalPanel {
        float: left;
        display: inline;
        width: 400px;
    }

    #DestTerminalPanel {
        float: left;
        display: inline;
        margin-left: 30px;
        width: 400px;
    }*/




    .shipNameTextbox {
        width: 340px !important;
        height: 25px !important;
    }

    .shipAddressTxt {
        width: 250px !important;
        height: 25px !important;
    }


    #orgPostalDiv {
        display: inline;
        float: left;
    }

    #orgStateDiv {
        display: inline;
        margin-left: 5px;
    }

        #orgStateDiv label {
            width: 30px;
        }

    #destStateDiv {
        display: inline;
        margin-left: 5px;
    }

        #destStateDiv label {
            width: 30px;
        }

    #destPostalDiv {
        display: inline;
        float: left;
    }

    #billToStateDiv label {
        width: 30px;
    }

    #billToPostalDiv {
        display: inline;
        float: left;
    }

    #ProductHeaderDiv {
        margin-top: 67px;
    }

    .shipSubPanelLeft {
        width: 400px;
        float: left;
        display: inline;
    }

    .shipSubPanelRight {
        width: 400px;
        float: left;
        display: inline;
        margin-left: 30px;
    }
    
    
     .HideQuoteButton
    {
        /*display:none !important;*/
        visibility:hidden;
    }

    #prodsection td {
        padding: 2px !important;
    }
  
}