/* Minification failed. Returning unminified contents.
(1152,70): run-time error CSS1031: Expected selector, found ';'
(1152,70): run-time error CSS1025: Expected comma or open brace, found ';'
(1168,1): run-time error CSS1019: Unexpected token, found '}'
(3323,59): run-time error CSS1031: Expected selector, found ';'
(3323,59): run-time error CSS1025: Expected comma or open brace, found ';'
(3342,1): run-time error CSS1019: Unexpected token, found '}'
(3588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3589,54): run-time error CSS1039: Token not allowed after unary operator: '-tw-shadow'
(7683,55): run-time error CSS1031: Expected selector, found ';'
(7683,55): run-time error CSS1025: Expected comma or open brace, found ';'
(7702,1): run-time error CSS1019: Unexpected token, found '}'
(8350,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8360,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */
body {
}

.historyGrid
{
    height:27px;
}

.fileNameUrl
{
    cursor:pointer;
}
body {
}

.accountDropDown
{
    width:200px;
    max-width:200px;
    height:25px;
}

.carrierMapColumn {
    margin-top:35px !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

body {
}


.carrierLink {
    list-style: none;
    display: inline-block;
    margin-left: 20px;
}


.apiCodeEntryPanelLabel {
    min-width:240px;
}

.apiCodeEntryPanelLabelDiv {
    width:250px;
}


.carrierLabelDiv {
    width:140px;
    max-width:140px;
}

.carrierBtnDiv {
    width:100px;
    max-width:100px;
}


.clientdefaultCheckBox
{

    height:20px;
    width:20px;
}
.clientdefaultLabel
{
    font-size:large;
}
.clientdefaultTextarea
{
    resize: none;
    height: 150px; 
    overflow: hidden;
    width:285px;
}
.clientdefaultDropdown
{
    width:160px;
    /* border-radius: 5px;
     border-color:Gray;
     border:1px solid;*/
    
}
.clientdefaultTextbox
{
    width:160px;
}

.defaultshipmentTextarea
{
    resize: none;
    height: 80px; 
    overflow: hidden;
    width:160px;
}



.clientDialog
{
    background:#E2F1FD;
}

.defaultLocationTable
{
    border-style: solid;
    border-width: thin;
    border-color: gray;
    width:95%;
}

.defaultLabelDiv
{
  
    max-width:180px;
}
.defaultLabelDivs
{
  
    width:200px;
}

.defaultsDiv
{
    
    max-width:390px;
}
.defaultsDivs
{
    
    max-width:420px;
}

.locationTableLabel
{
    width:40px;
}

.billToLocationListBox {
 height:370px;
     border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
}

.billToLocationListBox ul {
    list-style-type: none;
    padding-left: 10px;
}

.locationListItem {
border-bottom:1px solid gray;
}

.locationGridFixDiv {
width:300px;
overflow-x:scroll;
overflow-y:scroll;
height:413px;
}

.mappingItemListBox {
width:300px;
overflow-x:scroll;
height: 225px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
}

.mappingBtnContainer {
width:60px;
margin-top:150px;
}

.mappedItemContainerRow {
    margin-top:25px;
}

.mappingContainerColumn {
    width:300px;
}

.mappingItemListBox ul {
    list-style-type:none;
}
#clientDefaults .generalSection{
    padding:10px;
    width:30%;
    display:inline-block;
    vertical-align:top;
    float:left;
}
#clientDefaults .generalSection label{
   min-width:120px;
     vertical-align:top;
}
#clientDefaults .shipmentSection{
    padding:10px;
    width:39%;
    display:inline-block;
    vertical-align:top;
    float:left;
}
#clientDefaults .shipmentSection label{
   min-width:140px;
     vertical-align:top;
}
#clientDefaults .invoiceSection{
    padding:10px;
    width:31%;
    display:inline-block;
    vertical-align:top;
    float:right;
}
#clientDefaults .invoiceSection label{
   min-width:154px;
   vertical-align:top;
}

#clientDefaults .defaultSeaction{
      padding:10px;
    width:33%;
    display:inline-block;
    vertical-align:top;
   
}
/*html
{
    height: 100%;
}
body
{
    height: 100%;
}*/



.servicelevelGrid
{
    border: 1px solid rgb(212,212,212);
    width: 1000px;
    height: 400px;
}
.dialogboxTextarea
{
    resize: none;
    height: 150px;
    overflow: hidden;
}

.disabledTextboxdiv
{
    height: 25px;
    margin-top: 30px;
    width: 113px;
    background-color: White;
    border-color: gray;
    border-style: inset;
    border-width: thin;
}

.entrypanelrightdiv
{
    width: 240px !important;
}
.customerProfilediv
{
    height: 25px;
    margin-top: 30px;
}
.entrpanelProfileText
{
    width: 100%;
    height: 22px;
}
.searchbuttondiv
{
    padding-top: 80px;
}
.clientErrorMsg
{
    background-color: red;
    color: White;
    font-size: 14px;
}


.errorLabelshort
{
    height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
  
}
.clientSuccessMsg
{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 15px;
    margin-right: 0px !important;
}

.validateMsgdiv ul
{
    padding-left: 30px !important;
}

.ui-autocomplete
{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 150px;
}
.ui-dialog
{
    z-index: 3000 !important;
}

.ui-autocomplete
{
    z-index: 5000 !important;
}

.ui-widget-header
{
    background: #d3d3d3;
    border-color: Gray;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    background: #98DAF5;
    border: #98DAF5;
}
.ui-widget-content .ui-state-hover
{
    background: #4EBEEC;
    border: blue;
    color: Blue;
}

.clientExistsMsg
{
    color: Red;
}
.sortingIcon
{
    float: right;
    margin-right: 10px;
}
.numericTextbox
{
    text-align: right;
    width: 113px;
}
.entryPanelDropdown
{
    width: 113px;
}

.input-group[class*=col-]
{
    float: left;
}



.input-group-addon
{
    padding-right: 6px !important;
}

.pagedropdown
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-color: #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.contactErrrorList
{
    margin-left: 0px !important;
    margin-top: 10px;
    padding: 8px;
    margin-bottom: 9px;
    width: 100%;
    height: auto;
}

.profileDropDown
{
    width:230px;
}
    .Tital
    {
        font-style: normal;
        font-size: large;
        color: Black;
    }
    .AllMargine
    {
        margin: 5px;
    }

body {

}

.creditNoteDialog
{
    background:#E2F1FD;
}

.paidInvoiceDetailGridHeight {
    width:100%;
    height:201px;
    overflow:auto;
}

.creditNoteLblDiv {
    width:125px;
}

.unPaidInvoiceDetailGridHeight {
    width:100%;
    height:230px;
    overflow:auto;
}
.searchBillOrNote
{
    cursor: default;    
    background-image: none;
    background-color: whitesmoke;
    border-color: whitesmoke;
}

body {
}
.DispatchBoardGridContainer {
    height:500px;
   
}
.LargeMarginTop {
    margin-top:15px;
}

body {
}
.DispatchBoardGridContainer {
    height:200px;
   
}
.LargeMarginTop {
    margin-top:15px;
}

/*dispatch panel start */


#ShipmentPanel #DispatchBoard h2 {
    color: #2a3f54;
}


#ShipmentPanel #DispatchBoard img {
    height: 30px;
}


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

#ShipmentPanel #DispatchBoard .search {
    margin-top: 1px;
    border-radius: 3px;
    display: inline-block;
    background-color: white;
    vertical-align: top;
    width: 100%;
}

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

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

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

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

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

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

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

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

#ShipmentPanel #DispatchBoard #toolPanel1 {
    border: none;
}


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

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

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



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

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

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

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

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

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

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

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

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

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

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



.hideToolMenuPanel {
    display: none !important;
}




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

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

        #ShipmentPanel #DispatchBoard #scaningPanel .sections > div {
            height: 200px;
            width: 900px;
            padding: 5px;
            border-radius: 5px;
        }

    #ShipmentPanel #DispatchBoard #scaningPanel #scaningDetails > div {
        width: 800px;
    }

    #ShipmentPanel #DispatchBoard #scaningPanel #DocTypeListSection {
        float: left;
        width: 210px;
    }

.TackingTextBox {
    width: 65%;
    height: 25px;
}

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

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

        #ShipmentPanel #DispatchBoard #trackingPanel .sections > div {
            height: 200px;
            width: 900px;
            padding: 5px;
            border-radius: 5px;
        }

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



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


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

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

    #ShipmentPanel #DispatchBoard #quickPanel #shipmentDetails > div {
        width: 390px;
    }

#ShipmentPanel #DispatchBoard #documentPanel {
    display: inline-block;
}

    #ShipmentPanel #DispatchBoard #documentPanel ul {
        width: 250px;
        margin-top: 0px;
    }

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

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

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


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


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

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


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

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

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

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

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

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

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

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

#ShipmentPanel #DispatchBoard .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 #DispatchBoard #quickSearch, #advanceSearch {
    margin-top: 10px;
    width: 320px;
    display: inline-block;
}

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

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

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

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

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



#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 #DispatchBoard #toolPanel ul li #statusSearch span; {
        visibility: collapse;
    }

    #ShipmentPanel #DispatchBoard #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;
    }

   
    .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;
    }

  

    .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 {
        
        visibility: hidden;
    }

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

/*dispatch panel end*/
body {
}


.clientAutoComplete {
    width: 100%;
}

.dispatchLabel {
    font-size: medium;
    font-weight: bold;
}

.dispatchTextBox {
    width: 100%; /* max-width:285px;*/
}

.dispatchTextArea {
    width: 100%;
    resize: none;
    height: 60px; /*  max-width:285px;*/
}

.datetimeTextBox {
    width: 60px;
}

.dispatchDropDown {
    width: 100%;
    height: 25px;
}


.productDetailsDiv {
    border-color: Gray;
    border-style: inset;
    border-width: thin;
    height: 100px; /* width: 100%;*/
    overflow-x: hidden;
}



.productTextbox {
    width: 38px;
    height: 25px;
}

.dispatchmediumTextBox {
    width: 60px;
    height: 25px;
}

.palletsDropdown {
    width: 80px;
    height: 25px;
}

.dimensionTextBox {
    width: 26px;
    height: 25px;
}

.classDropDown {
    width: 55px;
    height: 25px;
}

.productDeleteButton {
    font-size: medium;
    color: Red;
}

.accesorialListBox {
    height: 160px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
    margin-top: 5px; /*max-width: 290px;*/
}

    .accesorialListBox ul {
        list-style-type: none;
        padding-left: 10px;
    }

.carrierInfoGridMainStyle {
    border: 1px solid #d3d3d3;
    width: 98%;
    height: 180px;
    float: left;
    table-layout: fixed;
}

    .carrierInfoGridMainStyle tbody {
        overflow-y: auto;
        height: 140px;
        width: 98%;
        position: absolute;
    }



    .carrierInfoGridMainStyle thead tr {
        display: inline-table;
        width: 100%;
    }

    .carrierInfoGridMainStyle tbody tr {
        display: inline-table;
        width: 100%;
    }

        .carrierInfoGridMainStyle tbody tr td {
            word-wrap: break-word;
        }




.carrierLabel {
    font-weight: bold;
    font-size: large;
}

.customerNotes {
    width: 100%;
    resize: none;
    height: 125px;
}


.noteInfoGridMainStyle {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: auto;
    float: left;
    table-layout: fixed;
}

.notes {
    width: 100%;
    resize: none;
    height: 200px;
}

.dispatchNotesDiv {
    height: 125px;
    overflow-x: hidden;
    width: 100%;
    border-width: thin;
    border-color: Gray;
    border-style: inset;
}

/*.labelDiv
{
    max-width: 145px;
}
*/
/*.largeLabelDiv
{
    max-width: 145px;
}*/

.ratingButton {
    width: 130px;
}


.codeHeader {
    width: 50px;
    max-width: 50px;
}

.descriptionHeader {
    width: 140px;
    max-width: 140px;
}

.amountHeader {
    width: 110px;
    max-width: 110px;
}

.ratedAmountHeader {
    width: 120px;
    max-width: 120px;
}

.amountTextBox {
    width: 80px;
    max-width: 80px;
}

.smallDiv {
    max-width: 60px;
}

.ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 0px !important;
}

.shipmentProductGrid {
    overflow-y: scroll;
}

.shipmentGridHeader {
    height: 25px;
}

.editPanelHeader {
    font-size: large;
}

.editPanelTextarea {
    resize: none;
    height: 75px;
    width: 100%;
}

.scanListBox {
    /* height: 75px !important;*/
    width: 200px;
    border-style: solid;
    border-width: thin;
    overflow: hidden;
}

.editPanel {
    background-color: #E7E7E7;
}

.editPanelButton {
    width: 129px;
    padding-left: 2px;
    padding-right: 2px;
}

.detailButton {
    font-size: 14px;
}


.shipmentTab {
    height: 315px;
}


.gridStyle {
    /* border: 1px solid #d3d3d3;*/
    width: 100%;
    float: left;
    table-layout: fixed;
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: Black;
}


.ui-state-hover a, ui-state-hover a:hover, ui-state-hover a:link {
    background-color: Gray;
    color: Gray;
}



#BOLDetails td {
    vertical-align: top;
}

#CarrierDetails td {
    vertical-align: top;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: Gray;
    border: 1px solid #d3d3d3;
}

.bolIcon {
    width: 50px;
}

.viewIconLabel {
    font-size: 11px !important;
    margin-top: 5px;
    color: Black;
    margin-left: 5px;
}


.podIcon {
    width: 60px;
}

.viewAllLabel {
    font-size: 11px !important;
    margin-top: 5px;
    color: Black;
    margin-left: 10px;
}

.bolLabel {
    font-size: 11px !important;
    margin-top: 11px;
    color: Black;
    margin-left: 10px;
}

/*.viewIconDiv
{
    width: 40px;
    max-width:40px;
}*/




.shipmentTabDiv {
    width: 98%;
}

.notesLabel {
    font-size: larger;
}

.notesBorderStyle {
    border-bottom-color: Black;
    border-bottom-style: inset;
    border-bottom-width: thin;
    margin-left: 3px;
    margin-right: 3px;
}

.requestPickupDisable {
    cursor: default;
    pointer-events: none;
    background-image: none;
    background-color: Gray;
    border-color: Gray;
}


/*.statusIcon
{
   
    height: 25px;
    background-repeat: no-repeat;  
    margin-left:5px; 
}*/
.statusIconDiv {
    max-width: 55px;
    width: 55px;
    text-align: center;
}

.statusIconRow {
    background-color: #d3d3d3;
   /* width: 98%;*/

}

.iconText {
    font-size: 18px;
}

.statusIconLabel {
    font-size: 11px !important;
    margin-top: 5px;
}

.statusRow {
    height: 70px;
}



.statusSeparator {
    border-right-style: inset;
    border-right-color: #696969;
    border-right-width: thin;
}

.statusIcon {
    height: 29px;
    border-style: none;
    text-align: center;
    margin: 3px;
    margin-bottom: 0px;
}

.statusLabel {
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}

.largeStatusIcon {
    width: 115px;
    max-width: 115px;
}

.mediumColumn {
    width: 240px;
    max-width: 240px;
}

.dispatchHeader {
    background-color: #E2E0E0;
}

.statusHeader {
    width: 110px;
    font-weight: bold;
}

.repeatCountTextBox {
    width: 50px;
    margin-top: 5px;
}

.checkboxWithMargin {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.filterRow {
    width: 98%;
}

.dispatchFilterDiv {
    width: initial;
    margin-left: 10px;
}

.flagImge {
    height: 20px;
}

.commissionLabel {
    font-weight: bold;
}

.commissionLabelDiv {
    max-width: 80px;
}

.statusHeader {
    font-weight: bold;
    font-size: 14px;
    border-top-style: inset;
    border-left-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-top-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-color: #696969;
    border-right-color: #696969;
    border-top-color: #696969;
    border-bottom-color: #696969;
}

.satusIconRow {
    border-left-style: inset;
    border-right-style: inset;
    border-left-width: thin;
    border-right-width: thin;
    border-left-color: #696969;
    border-right-color: #696969;
}

.statusLabelRow {
    border-left-style: inset;
    border-bottom-style: inset;
    border-left-width: thin;
    border-bottom-width: thin;
    border-left-color: #696969;
    border-top-color: #696969;
}

.dispatchSelectedRow {
    background: #eee !important;
    color: #fff !important;
}

.table.dispatch-board-main-container.table tr td {
    padding-left: 5px;
    padding-right: 5px;
}

.table.dispatch-board-main-container.table thead tr th {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 115px;
}

.scan-details-left .ajax-upload-dragdrop {
    width: 360px;
}

.dispatchTab {
    height: 375px;
    background-color: #f2f2f2;
}

.largedispatchTab {
    height: 640px;
    background-color: #f2f2f2;
}

.disableBox {
    pointer-events: none;
}


.OrgDestTextbox {
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 4px #eee inset;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: 0 0 7px;
    padding: 0 7px;
    color: gray;
}


.editModeTextbox {
    color: black;
}

.bolDocTypeDropdown {
    width: 150px;
    height: 100px;
}

.dispatchEmailBox {
    height: 30px;
    width: 290px;
}

.selectedEmail {
    background-color: #1286c2 !important;
    color: #fff !important;
}


.tabDetailPanel {
    vertical-align: top;
}

.shipmentDetailBox {
    background: #f9f9f9;
    padding: 18px 18px 13px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 0 14px 0 0;
   /*/ width: 330px;*/
    height: 355px;
    margin-top: 15px;
}



.documentDiv {
    height: 170px;
    vertical-align: bottom;
    display: table-cell;
}

.editdocumentDiv {
    height: 235px;
    vertical-align: bottom;
    display: table-cell;
}


.dispatchLatestNotes {
    height: 139px;
    width: 211px;
    font-weight: normal;
    font-size: 13px;
    max-width: 211px;
    max-height: 120px;
}


.closeButton {
    color: #ADAAAA;
    font-size: 18px;
}

    .closeButton:hover {
        color: black;
        font-size: 18px;
    }

.trackingTextarea {
    height: 90px;
    width: 100%;
    resize: none;
}

.dispatchSearchPanel {
    height: 250px;
}


    .dispatchSearchPanel input[type="text"] {
        border: 1px solid #EAE4E4;
        border-radius: 3px;
        box-shadow: 0 1px 3px #eee inset;
        float: left;
        height: 31px;
        line-height: 32px;
        margin: 0 6px 0 0;
        padding: 0 7px;
    }


.dispatchnotesTextarea {
    height: 180px;
    width: 211px;
    /* border: 1px solid #e8e8e8; */
    /* border-radius: 3px; */
    font-weight: normal;
    font-size: 13px;
    max-width: 211px;
    max-height: 170px;
}


.dispatchNewTextbox{
    border: 1px solid #EAE4E4;
    border-radius: 3px;
    box-shadow: 0 1px 3px #eee inset;
    float: left;
    height: 31px;
    line-height: 32px;
    margin: 0 6px 0 0;
    padding: 0 7px;
}

.newDatetimeTextBox{
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 3px #eee;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 86px;
    padding: 0 7px;
}

.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}

.ui-widget-overlay {
    position:fixed;
}
body {
}


.clientAutoComplete {
    width: 100%;
}

.dispatchLabel {
    font-size: medium;
    font-weight: bold;
}

.dispatchTextBox {
    width: 100%; /* max-width:285px;*/
}

.dispatchTextArea {
    width: 100%;
    resize: none;
    height: 60px; /*  max-width:285px;*/
}

.datetimeTextBox {
    width: 60px;
}

.dispatchDropDown {
    width: 100%;
    height: 25px;
}


.productDetailsDiv {
    border-color: Gray;
    border-style: inset;
    border-width: thin;
    height: 100px; /* width: 100%;*/
    overflow-x: hidden;
}



.productTextbox {
    width: 38px;
    height: 25px;
}

.dispatchmediumTextBox {
    width: 60px;
    height: 25px;
}

.palletsDropdown {
    width: 80px;
    height: 25px;
}

.dimensionTextBox {
    width: 26px;
    height: 25px;
}

.classDropDown {
    width: 55px;
    height: 25px;
}

.productDeleteButton {
    font-size: medium;
    color: Red;
}

.accesorialListBox {
    height: 160px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
    margin-top: 5px; /*max-width: 290px;*/
}

    .accesorialListBox ul {
        list-style-type: none;
        padding-left: 10px;
    }

.carrierInfoGridMainStyle {
    border: 1px solid #d3d3d3;
    width: 98%;
    height: 180px;
    float: left;
    table-layout: fixed;
}

    .carrierInfoGridMainStyle tbody {
        overflow-y: auto;
        height: 140px;
        width: 98%;
        position: absolute;
    }



    .carrierInfoGridMainStyle thead tr {
        display: inline-table;
        width: 100%;
    }

    .carrierInfoGridMainStyle tbody tr {
        display: inline-table;
        width: 100%;
    }

        .carrierInfoGridMainStyle tbody tr td {
            word-wrap: break-word;
        }




.carrierLabel {
    font-weight: bold;
    font-size: large;
}

.customerNotes {
    width: 100%;
    resize: none;
    height: 125px;
}


.noteInfoGridMainStyle {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: auto;
    float: left;
    table-layout: fixed;
}

.notes {
    width: 100%;
    resize: none;
    height: 200px;
}

.dispatchNotesDiv {
    height: 125px;
    overflow-x: hidden;
    width: 100%;
    border-width: thin;
    border-color: Gray;
    border-style: inset;
}

/*.labelDiv
{
    max-width: 145px;
}
*/
/*.largeLabelDiv
{
    max-width: 145px;
}*/

.ratingButton {
    width: 130px;
}


.codeHeader {
    width: 50px;
    max-width: 50px;
}

.descriptionHeader {
    width: 140px;
    max-width: 140px;
}

.amountHeader {
    width: 110px;
    max-width: 110px;
}

.ratedAmountHeader {
    width: 120px;
    max-width: 120px;
}

.amountTextBox {
    width: 80px;
    max-width: 80px;
}

.smallDiv {
    max-width: 60px;
}

.ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 0px !important;
}

.shipmentProductGrid {
    overflow-y: scroll;
}

.shipmentGridHeader {
    height: 25px;
}

.editPanelHeader {
    font-size: large;
}

.editPanelTextarea {
    resize: none;
    height: 75px;
    width: 100%;
}

.scanListBox {
    /* height: 75px !important;*/
    width: 200px;
    border-style: solid;
    border-width: thin;
    overflow: hidden;
}

.editPanel {
    background-color: #E7E7E7;
}

.editPanelButton {
    width: 129px;
    padding-left: 2px;
    padding-right: 2px;
}

.detailButton {
    font-size: 14px;
}


.shipmentTab {
    height: 315px;
}


.gridStyle {
    /* border: 1px solid #d3d3d3;*/
    width: 100%;
    float: left;
    table-layout: fixed;
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: Black;
}


.ui-state-hover a, ui-state-hover a:hover, ui-state-hover a:link {
    background-color: Gray;
    color: Gray;
}



#BOLDetails td {
    vertical-align: top;
}

#CarrierDetails td {
    vertical-align: top;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: Gray;
    border: 1px solid #d3d3d3;
}

.bolIcon {
    width: 50px;
}

.viewIconLabel {
    font-size: 11px !important;
    margin-top: 5px;
    color: Black;
    margin-left: 5px;
}


.podIcon {
    width: 60px;
}

.viewAllLabel {
    font-size: 11px !important;
    margin-top: 5px;
    color: Black;
    margin-left: 10px;
}

.bolLabel {
    font-size: 11px !important;
    margin-top: 11px;
    color: Black;
    margin-left: 10px;
}

/*.viewIconDiv
{
    width: 40px;
    max-width:40px;
}*/




.shipmentTabDiv {
    width: 98%;
}

.notesLabel {
    font-size: larger;
}

.notesBorderStyle {
    border-bottom-color: Black;
    border-bottom-style: inset;
    border-bottom-width: thin;
    margin-left: 3px;
    margin-right: 3px;
}

.requestPickupDisable {
    cursor: default;
    pointer-events: none;
    background-image: none;
    background-color: Gray;
    border-color: Gray;
}


/*.statusIcon
{
   
    height: 25px;
    background-repeat: no-repeat;  
    margin-left:5px; 
}*/
.statusIconDiv {
    max-width: 55px;
    width: 55px;
    text-align: center;
}

.statusIconRow {
    background-color: #d3d3d3;
   /* width: 98%;*/

}

.iconText {
    font-size: 18px;
}

.statusIconLabel {
    font-size: 11px !important;
    margin-top: 5px;
}

.statusRow {
    height: 70px;
}



.statusSeparator {
    border-right-style: inset;
    border-right-color: #696969;
    border-right-width: thin;
}

.statusIcon {
    height: 29px;
    border-style: none;
    text-align: center;
    margin: 3px;
    margin-bottom: 0px;
}

.statusLabel {
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}

.largeStatusIcon {
    width: 115px;
    max-width: 115px;
}

.mediumColumn {
    width: 240px;
    max-width: 240px;
}

.dispatchHeader {
    background-color: #E2E0E0;
}

.statusHeader {
    width: 110px;
    font-weight: bold;
}

.repeatCountTextBox {
    width: 50px;
    margin-top: 5px;
}

.checkboxWithMargin {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.filterRow {
    width: 98%;
}

.dispatchFilterDiv {
    width: initial;
    margin-left: 10px;
}

.flagImge {
    height: 20px;
}

.commissionLabel {
    font-weight: bold;
}

.commissionLabelDiv {
    max-width: 80px;
}

.statusHeader {
    font-weight: bold;
    font-size: 14px;
    border-top-style: inset;
    border-left-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-top-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-color: #696969;
    border-right-color: #696969;
    border-top-color: #696969;
    border-bottom-color: #696969;
}

.satusIconRow {
    border-left-style: inset;
    border-right-style: inset;
    border-left-width: thin;
    border-right-width: thin;
    border-left-color: #696969;
    border-right-color: #696969;
}

.statusLabelRow {
    border-left-style: inset;
    border-bottom-style: inset;
    border-left-width: thin;
    border-bottom-width: thin;
    border-left-color: #696969;
    border-top-color: #696969;
}

.dispatchSelectedRow {
    background: #eee !important;
    color: #fff !important;
}

.table.dispatch-board-main-container.table tr td {
    padding-left: 5px;
    padding-right: 5px;
}

.table.dispatch-board-main-container.table thead tr th {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 115px;
}

.scan-details-left .ajax-upload-dragdrop {
    width: 360px;
}

.dispatchTab {
    height: 375px;
    background-color: #f2f2f2;
}

.largedispatchTab {
    height: 640px;
    background-color: #f2f2f2;
}

.disableBox {
    pointer-events: none;
}


.OrgDestTextbox {
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 4px #eee inset;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: 0 0 7px;
    padding: 0 7px;
    color: gray;
}


.editModeTextbox {
    color: black;
}

.bolDocTypeDropdown {
    width: 150px;
    height: 100px;
}

.dispatchEmailBox {
    height: 30px;
    width: 290px;
}

.selectedEmail {
    background-color: #1286c2 !important;
    color: #fff !important;
}


.tabDetailPanel {
    vertical-align: top;
}

.shipmentDetailBox {
    background: #f9f9f9;
    padding: 18px 18px 13px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 0 14px 0 0;
   /*/ width: 330px;*/
    height: 355px;
    margin-top: 15px;
}



.documentDiv {
    height: 170px;
    vertical-align: bottom;
    display: table-cell;
}

.editdocumentDiv {
    height: 235px;
    vertical-align: bottom;
    display: table-cell;
}


.dispatchLatestNotes {
    height: 139px;
    width: 211px;
    font-weight: normal;
    font-size: 13px;
    max-width: 211px;
    max-height: 120px;
}


.closeButton {
    color: #ADAAAA;
    font-size: 18px;
}

    .closeButton:hover {
        color: black;
        font-size: 18px;
    }

.trackingTextarea {
    height: 90px;
    width: 100%;
    resize: none;
}

.dispatchSearchPanel {
    height: 250px;
}


    .dispatchSearchPanel input[type="text"] {
        border: 1px solid #EAE4E4;
        border-radius: 3px;
        box-shadow: 0 1px 3px #eee inset;
        float: left;
        height: 31px;
        line-height: 32px;
        margin: 0 6px 0 0;
        padding: 0 7px;
    }


.dispatchnotesTextarea {
    height: 180px;
    width: 211px;
    /* border: 1px solid #e8e8e8; */
    /* border-radius: 3px; */
    font-weight: normal;
    font-size: 13px;
    max-width: 211px;
    max-height: 170px;
}


.dispatchNewTextbox{
    border: 1px solid #EAE4E4;
    border-radius: 3px;
    box-shadow: 0 1px 3px #eee inset;
    float: left;
    height: 31px;
    line-height: 32px;
    margin: 0 6px 0 0;
    padding: 0 7px;
}

.newDatetimeTextBox{
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 3px #eee;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 86px;
    padding: 0 7px;
}

.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}

.ui-widget-overlay {
    position:fixed;
}


#DispatchPanelTLSQ h2 {
    color: #2a3f54;
}


#DispatchPanelTLSQ img {
    height: 30px;
}


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

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

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

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

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

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

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

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

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

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

#DispatchPanelTLSQ #toolPanel1 {
    border: none;
}


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

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

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


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

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


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

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


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



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

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

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

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

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

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

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

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

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


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

.hideToolMenuPanel {
    display: none !important;
}

/*PANKAJ START SCANING PANEL*/


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

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

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

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

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

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

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

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

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

/*PANKAJ END TRACKING PANEL*/

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


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

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

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

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

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

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


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


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

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


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

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

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

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

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

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

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

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

#DispatchPanelTLSQ .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;
}

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

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

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

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

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

#DispatchPanelTLSQ #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) {
    #DispatchPanelTLSQ #toolPanel ul li #statusSearch span;

{
    visibility: collapse;
}

#DispatchPanelTLSQ #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;
    }
}

.content-area {
    max-width: 95%;
    margin: 0 auto;
}

.box {
    max-height: 444px;
}

.box {
    box-shadow: 0px 1px 22px -12px #607D8B;
    background-color: #fff;
    padding: 25px 35px 25px 30px;
}

.chart-title h5 {
    font-size: 18px;
    color: rgba(51,51,51,1);
    margin-bottom: 38px;
}

.sparkboxes {
    margin-bottom: 10px;
    margin-top: 10px;
}

.sparkboxes .box {
    padding: 3px 0 0 0;
    position: relative;
}

/* overrides */
.sparkboxes #apexcharts-subtitle-text {
    fill: #8799a2 !important;
}
/* fusionexport btn CSS START */
#fusionexport-btn {
    min-width: 169px;
    min-height: 38px;
    text-align: center;
}

    #fusionexport-btn .span {
        display: inline-block;
    }

    #fusionexport-btn[disabled] {
        cursor: wait;
    }


.spinner-border {
    display: none;
}

#fusionexport-btn[disabled] .spinner-border {
    display: inline-block;
}

#fusionexport-btn[disabled] .btn-text {
    display: none;
}
/* fusionexport btn CSS START */

.card {
    background-color: #fff;
    border-radius: .25rem;
    --tw-shadow: 0px 3px 5px -1px rgba(82,63,104,0.06),0px 6px 10px 0px rgba(82,63,104,0.042),0px 1px 18px 0px rgba(82,63,104,0.036);
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    padding: 20px 30px 20px 25px;
}

.div-chart {
    border: 0 solid rgba(82,63,105,0.06);
    border-bottom-width: 1px;
    /* padding-top: 1rem;*/
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.chart-title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: rgb(55, 61, 63);
    font-weight: 900;
}

.barsIcon {
    cursor: pointer;
    width: 22px;
}
.barsIcon div {
    width: 20px;
    height: 2px;
    background-color: gray;
    margin: 3px 0;
}

.barsIcon div hover {   
    background-color: black;   
}

.subMenuCharts{
    font-size: 12px;
}

    .subMenuCharts li a {
        text-decoration: none;
    }

#InvoicesMatchChartSection, #MatchDifStatusesChartSection, #NoMatchArchivedChartSection {
    height: 285px;
}

#MatchSubClientsChartSection, #MatchSubClientsMonthlyChartSection, #EDIInvoicesSubClientsChartSection, #EDIInvoicesCarriersChartSection {
    margin-top: 5px;
    padding-bottom: 10%;
}

#MatchSubClientsChartSection214, #MatchCarrierChartSection {
    margin-top: 5px;
    padding-bottom: 10%;
}


    .ListBox
    {
        overflow-x: scroll;
        border-style: inset;
        border-color: Gray;
        border-width: thin;
        overflow-y: scroll;
    }
    .ListBoxIn
    {
        width: 100%; 
        height: 200px; 
        display: list-item; 
        list-style-type: none
    }
    .AllMargine
    {
        margin: 5px;
    }
    .pageHeaderControlPanel
    {
        padding-left:10px;
        padding-right:10px;
    }



.Homepage
{
    background-color:White;
    
}

.imageChart
{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 20px;
}

.allChart
{
    height: 267px;
    margin-left:30px;
}
.combineChart
{
    margin-left: 0px !important;
    margin-right: 2%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height:700px;
}

.barChart
{
    height:456px;
     margin-left:30px;
   
}
.lineChart
{
    height:233px;
    margin-left:20px;
}

.pieChartDiv
{
    width:510px;
}
.barChartDiv
{
    width:470px;
}
.smalltextbox
{
    width:35px;
}
.labelwidth
{
    max-width:200px;
}
.gridheight
{    
  width: 100%;
  height: 150px;  
  overflow:auto;
}
.center
{
    vertical-align:middle;
    margin-top:8px;
}


.searchColumn {
max-width:120px;
}
.searchCloseBtnDiv {
    margin-top:30px;
}
.statusTable {
    border-spacing: 5px;
    border-collapse: separate;
}
.emailDiv {
 float: right;   
 margin-top: 23px;
}

.emailLabel {
    line-height:26px;
    vertical-align: middle;
}

.emailButton {
    width: 20px;
    height: 20px;
    background-image: url('/Images/StatusIcon/SendMail.png');
    background-repeat: no-repeat;
    background-size:contain;
    display:inline-block;
}

.editPanelGrid {
    border: 1px solid #d3d3d3;
    height: auto;
    float: left;
   
}

.editGridDiv {
    min-height:240px;
}

.tableFixDiv {
    overflow-x:auto;
    width: 100%;
    min-height:320px;
}

.tableDataMargin {
padding-left:5px;
padding-right:5px;
}

/*.noBorder {
border:none !important;
}*/

.rightAlign {
    text-align:right;
}
.carrierChargeDetailDiv {
    margin-top:23px;
}

.editPanelBtn {
    width:100%
}

.rightBorder {
    border-right:2px solid black;
}

.headerPanelValue {
    line-height:30px;
}
.smallHeaderPanelValue {
    line-height:22px;
}

.totalStyle {
font-weight:900;
}

.uploadBtn {
margin-top:34px;
}

.dialogRadioBtn {
    vertical-align:text-bottom;
}
.invoiceLabel {
    min-width:110px;
}
.invoiceLblDiv {
    width:120px;
}

.invoiceLargeLabel {
    min-width:120px;
}
.invoiceLargeLblDiv {
    width:130px;
}


.headerPanelLblDiv {
width:130px;
}
.headerPanelLbl {
min-width:115px;
}


#InvoicePanel #quickPanel {
    display: inline-table;
}

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

        #InvoicePanel #quickPanel .sections > div {
            height: 230px;
            width: 330px;
            padding: 5px;
            border-radius: 5px;
            background-color: #eeeeee;
        }

    #InvoicePanel #quickPanel #shipmentDetails > div {
        width: 400px;
    }

    /*PANKAJ START 10-MAY-2017*/
     #InvoicePanel #quickPanel #BillDetail > div {
        width: 420px;
    }
    /*END*/

    #InvoicePanel #quickPanel #documentPanel ul {
        width: 100%;
        margin-top: 20px;
    }

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

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

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


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

    #InvoicePanel #quickPanel #references label {
        width: 200px;
    }

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

    #InvoicePanel #quickPanel #costDetail label {
        width: 80px;
    }

    #InvoicePanel #quickPanel #costDetail input {
        width: 250px;
    }

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

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

        #InvoicePanel #quickPanel #terminals #destTerminal {
            float: left;
            padding: 5px;
            /*padding-left: 15px;*/
        }

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

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

.statusRowInvoiceDetail {
    height: 10px;
}

.statusTableInvoiceDetail {
    border-spacing: 3px;
    border-collapse: separate;
}


.statusRowReadyToInvoice {
    height: 10px;
}

.statusTableReadyToInvoice {
    border-spacing: 3px;
    border-collapse: separate;
}


#InvoicePanel #documentPanelReadyToInvoice ul {
    width: 15%;
    margin-top: 10px;
}

    #InvoicePanel #documentPanelReadyToInvoice ul li {
        text-align: center;
    }

        #InvoicePanel #documentPanelReadyToInvoice ul li img {
            height: 30px !important;
        }

.ZeroAmountRow {
    background-color: cyan;
}

/*PANKAJ START 05-MAY-2017*/
.DuplicateAccesorialRow {
    background-color:red;
    
}
/*END*/
#InvoicePanel #documentPanelReadyToInvoice ul li img {
    height: 30px !important;
}

.searchColsbox{
    border: solid thin #e9e9e9; 
    border-radius: 3px;
     float: left;
     padding:5px;
}

.additionalChargeTable {
    border:0px
}

.additionalChargeTable th {
  padding:5px;
}

.additionalChargeTable td {
  padding:5px;
}
#InvoicePanel #quickPanel .sectionHead {
      background-color: transparent;
    color: black;
    font-weight: bold;
    
}

/*PANKAJ START SCANING PANEL*/


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

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

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

    #InvoicePanel #scaningPanel #scaningDetails > div {
        width: 800px;
    }

    #InvoicePanel #scaningPanel #DocTypeListSection {
        float: left;
        width: 210px;
    }
    #InvoicePanel #scaningPanel .sectionHead {
     background-color: transparent;
    color: black;
    font-weight: bold;
}
    .Lable
    {
        width: 100px; 
        margin-top: 5px
    }
    .TextBox
    {
        width: 200px; 
        margin-top: 5px
    }



.saasLogo
{
    height:30px;
}

.loginCursorShow
{
   /* cursor:wait;*/
     
     visibility:visible;
     
}
.loginCursorHide
{
    visibility:hidden;
}

.loginMaindiv
{
    background-color: #63A9D9;
    height: 100%;
    width: 100%;
}

.loginblock
{
    margin-left: 33%;
    padding-top: 13%;
}
.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
   vertical-align:middle;
   float:none !important;
}

.saasLogin
{
    height: 50px;
    font-size: x-large;
    border-radius: 10px;
    padding-top: 5px;
    background-color: #307996;
    color: White;
    /*PANKAJ START 30-APRIL-2020
        margin-top:15% !important;*/
    
   
}
.logindiv
{
    background-color: #EAF5FB;
    padding-top: 45px;
    border-radius: 10px;
    height:205px;
}

.validatemsgdiv
{
    font-size: small;
    color: Red;
}
.noMargin
{
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right:0px !important;
}

.loginLabel
{
    font-weight:500;
    font-size:14px;
    margin-left:10px;
    text-align:center;
}
.userName
{
    background-color: #EAF5FB;
    padding-left: 12%;
}
.password
{
    background-color: #EAF5FB;
    padding-left: 12%;
}

.passwordMaindiv
{
   margin-top: 4%;
}
.mediumtextboxes
{
    height: 25px;
    width: 100%;
}
.checkboxstyle
{
    margin-top: 3%;
}
.loginbutton
{
    padding-top: 15px;
    padding-bottom: 10px;
}
.hiddenData
{
    display: none;
}
.ChangeNoteBox {
     margin-top:15% !important;
}
.ChangeNoteLink {
   
    color:blue;
    cursor:pointer;
    text-decoration:underline;
    font-weight:500;
    font-size:14px;
}

body
{
}




.recipientsListBox
{
    height: 110px; /* width:215px;*/
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
}
.mailPreferencesLabel
{
    font-size: 14px;
}
.attachmentsBox
{
    height: 110px; /* width:220px;*/
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
}
.rightTemplateBox
{
    height: 250px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    resize: none;
    width: 100%;
}
.leftTemplateBox
{
    height: 230px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
    width: 100%;
}
/*
.smallHeader
{
    width: 140px;
}
.mediumHeader
{
    width: 190px;
}
.largeHeader
{
    width: 240px;
}*/
.profileTextbox
{
    width: 240px;
}
.smallerHeader
{
    width: 90px;
}

.mailGridDeleteButton
{
    height: 30px;
    width: 30px;
    background-image: url('/Images/Edit.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.mailTextbox
{
    width: 290px;
}



.contactGridMainStyle
{
    border: 1px solid #d3d3d3;
    width: 100%;
    height: auto;
    float: left;
}
.lastNameTextBox
{
    width: 145px;
}

.firstNameTextBox
{
    width: 140px;
}
.recipientsListBox ul
{
    list-style-type: none;
    padding-left: 10px;
}
.attachmentsBox ul
{
    list-style-type: none;
    padding-left: 10px;
}

.leftTemplateBox ul
{
    list-style-type: none;
    padding-left: 0px;
}


.templateButton
{
    width: 110px;
    text-align: left;
    padding-left: 0px;
}
.subjectTextBox
{
    width: 100%;
}

.clientAutocomplete
{
    width: 130px;
}
.contactClientAutocomplete
{
    width: 290px;
}
.gridCheckBox
{
    padding-left: 10px !important;
    margin-left: 10px !important;
    height: 15px;
    width: 15px;
}
.editButtonHeader
{
    width: 25px;
}
.succesMsgDiv
{
    width: 98%;
    height: 40px;
}
.entrypanelSuccessDiv
{
    height: 0px;
}
.contactGrid
{
    table-layout: fixed;
}

.contactGrid td
{
    word-wrap: break-word;
}
.carriertextbox
{
    width: 365px;
}
.contactGridDeleteButton
{
    color: red;
    font-size: 19px;
    margin-left: 3px;
}

.notesTextarea
{
    resize: none;
}

.locationAutoCompelteLabel
{
    width: 110px;
}

.locationAutoCompelteRow
{
    height: auto;
}
.locationAutocompleteTable
{
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: gray;
    width:100%;
}
.locationTextbox
{
    width:290px;
}

.newLocation
{
    background:White;
}
.ui-dialog .ui-dialog-title
{
    color:Black;
}


.contactTextBox
{
    width:100%;
}
html {
    height: 100%;
}

body {
    height: 100%; /* font-family: Verdana,Arial,sans-serif;*/
    font-family: Trebuchet MS;
    font-size: 12px;
    /*background-color:#f7f7f7;*/
    background-color: white;
}





.menuPagebackground {
    background-color: #FFFFFF;
}

.mainHeader {
    background-color: #4c4c4c;
    color: White;
    height: 50px;
}

.mainmenuRightCorner {
    background-image: url('/Images/sharp_edge_cross_bg1.png');
    background-repeat: no-repeat;
    position: absolute;
    height: 65px;
    z-index: 100;
    width: 53px;
}

.mainMenu {
    background-image: url('/Images/blue_banner_bg.png');
    background-repeat: repeat-x;
    color: White;
    height: 65px;
}

.mainMenudiv {
    margin-left: 70px;
}

.mainMenu ul {
    margin-top: 35px;
    list-style-type: none; /*  margin-left: 25px;*/
}


    .mainMenu ul li {
        display: inline;
        padding-left: 15px;
        padding-right: 15px;
    }

        .mainMenu ul li a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
        }

            .mainMenu ul li a:hover {
                cursor: pointer;
            }

.smallScreenMainMenu {
    background-image: url('/Images/blue_banner_bg.png');
    background-repeat: repeat-x;
    color: White;
    height: 40px;
}

    .smallScreenMainMenu ul {
        margin-top: 15px;
        list-style-type: none; /*  margin-left: 25px;*/
    }


        .smallScreenMainMenu ul li {
            display: inline;
            padding-left: 10px;
            padding-right: 15px;
        }

            .smallScreenMainMenu ul li a {
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }

                .smallScreenMainMenu ul li a:hover {
                    cursor: pointer;
                }

.homeicon {
    font-size: 18px;
    margin-left: 25px;
    width: 50px;
    cursor: pointer;
    margin-top: 30px !important;
}

.companyTitle {
    font-weight: bold;
    font-size: 11pt;
    color: #fff;
}

.companySubTitle {
    font-weight: bold;
    font-size: 10pt;
    color: #fff;
}

.loginuserLogo {
    height: 65px;
    /*max-width:230px;*/
}

.usrNametext {
    font-size: 12px;
}

.subClientdiv {
    background-color: White;
    height: 20px;
    margin-top: 0px;
    width: 150px;
    float: right;
    border-radius: 5px;
}

.clientLabel {
    visibility: visible;
    background-color: #d3d3d3;
    max-height: 18px;
    margin: 1px;
    border-radius: 3px;
    max-width: 147px;
    color: Black;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    width: 150px;
}

.clientTextBoxHide {
    visibility: hidden;
}

.clientTextBoxShow {
    visibility: visible;
}

.clientTextbox {
    color: Black;
    height: 20px;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.logoutButton {
    float: right;
    margin-right: 10px;
}

.contactInfo {
    float: right;
    margin-left: 2%;
    margin-right: 6%;
    list-style-type: none;
}

.subMenu {
    border-color: Gray;
    border-style: inset;
    background-color: #f2f2f2;
    height: auto;
    border-width: thin;
}

.subMenuTitle {
    font-size: large;
    background-color: #696969;
    color: #fff;
}

.subMenupage {
    padding-top: 5px;
    border-bottom: inset;
    width: 100%;
    border-color: Gray;
    border-width: thin;
}

    .subMenupage a {
        color: Black;
    }

.subMenudiv {
    margin: 2%;
}

.subMenupage:hover a {
    text-decoration: none;
    color: #fff;
}

.subMenupage:hover {
    background-color: #4c4c4c;
    cursor: pointer;
    color: #fff;
}


.favouriteMenuTitle {
    font-size: large;
    background-color: #696969;
    color: #fff;
}

.favouriteMenu {
    border-color: Gray;
    border-style: inset;
    height: auto;
    background-color: #f2f2f2;
    border-width: thin;
}

.rowNoMargin {
    margin: 0px !important;
    padding: 0px !important;
}

.nomarginEntryPanel {
    margin-left: 15px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.searchPanelMargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 5px !important;
}

.rowNopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.noMarginright {
    margin-right: 0px !important;
}

.noPaddingRight {
    padding-right: 0px !important;
}

.noMarginTop {
    margin-top: 0px !important;
    top: 0px;
}

.noMarginleft {
    margin-left: 0px !important;
}

.noPaddingleft {
    padding-left: 0px !important;
}

.noPaddingTop {
    padding-top: 0px !important;
}

.noMarginPaddingLeft {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.hiddenData {
    display: none;
}

.pageHeader {
    font-size: large;
    background-color: #d3d3d3;
    color: Black;
}

.commandbuttondiv {
    background-color: #696969;
    height: 50px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 10px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

    .commandbuttondiv span {
        color: white;
        cursor: pointer;
    }

    .commandbuttondiv .pagerPanel {
        margin-top: 8px;
    }

    .commandbuttondiv .toolBox {
        float: left;
        margin-right: 5px;
    }

.commandbutton {
    padding-top: 5px;
    width: 55px;
    cursor: pointer;
}

.toolbarhide {
    display: none;
}

.entryPanel {
    margin-top: 5px;
    color: Black;
}

    .entryPanel label {
        font-weight: 500;
    }

.entrpanelfieldlLabel {
    background-color: #d3d3d3;
    width: 113px;
    height: 22px;
}

.searchPanel label {
    font-weight: 500;
}

.searchPanel {
    background-color: #f2f2f2;
    /*width: 98% !important;*/
}



.smallTextbox {
    height: 25px;
    /*width: 100px;*/
    width: 75px !important;
}

.mediumTextbox {
    height: 25px;
    width: 150px;
}

.largeTextbox {
    height: 25px;
    width: 200px;
}

.mediumTextarea {
    width: 150px;
    height: 60px;
}

.entrypanellargeTextBox {
    width: 230px;
}

.smallMarginleft {
    margin-left: 5px;
}

.mediumMarginleft {
    margin-left: 10px !important;
}

.largeMarginleft {
    margin-left: 20px;
}

.smallMarginright {
    margin-right: 5px;
}

.mediumMarginright {
    margin-right: 10px !important;
}

.largeMarginright {
    margin-right: 20px;
}

.smallMargintop {
    margin-top: 5px;
}

.mediumMargintop {
    margin-top: 10px !important;
}

.largeMargintop {
    margin-top: 20px;
}

.smallMarginbottom {
    margin-bottom: 5px;
}

.mediumMarginbottom {
    margin-bottom: 10px;
}

.largeMarginbottom {
    margin-bottom: 20px;
}

.smallPaddingleft {
    padding-left: 5px;
}

.mediumPaddingleft {
    padding-left: 10px;
}

.largePaddingleft {
    padding-left: 20px;
}

.smallPaddingright {
    padding-right: 5px;
}

.mediumPaddingright {
    padding-right: 10px;
}

.largePaddingright {
    padding-right: 20px;
}

.smallPaddingtop {
    padding-top: 5px;
}

.mediumPaddingintop {
    padding-top: 10px;
}

.largePaddingtop {
    padding-top: 20px;
}

.smallPaddingbottom {
    padding-bottom: 5px;
}

.mediumPaddingbottom {
    padding-bottom: 10px;
}

.largePaddingbottom {
    padding-bottom: 20px;
}



.koGrid {
    background-color: #d3d3d3;
}

.kgTopPanel {
    background-color: #696969;
    color: #fff;
}

.kgFooterPanel {
    background-color: #f2f2f2;
}

.kgRow.odd {
    background-color: White;
}

.kgRow.even {
    background-color: #f2f2f2;
}

.kgRow.selected {
    background-color: #a8a8a9;
}

.kgTopPanel {
    width: 100% !important;
}

.kgViewport {
    width: 100% !important;
}

.kgHeaderContainer {
    width: 100% !important;
}

.kgFooterPanel {
    width: 100% !important;
}


/*------Client Grid ----------*/

.gridMainStyle {
    border: 1px solid #d3d3d3;
    width: 98%;
    height: auto;
    float: left;
    white-space: nowrap;
}

.gridHeader {
    background-color: #696969;
    font-weight: bold;
    cursor: pointer;
}

.gridFieldHeader {
    height: 30px;
}


.gridHeaderText {
    color: white;
    font-weight: bold;
    font-size: 14px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px;
    padding-left: 10px;
}

.gridDataRow {
    height: 27px;
    cursor: pointer;
    border: 1px solid #d3d3d3;
}

    .gridDataRow:hover {
        background-color: #a8a8a9;
    }

.rowEven {
    background-color: #f2f2f2;
}

.rowOdd {
    background-color: White;
}
/*.selectedRow
{
    background-color: #a8a8a9;
}*/

.divvisible {
    visibility: visible !important;
}

.divhidden {
    display: none !important;
}

.divhiddenVisiblity {
    visibility: hidden;
}

.fvMenuHide {
    display: none !important;
}


.pageSize {
    width: 130px;
    float: right;
}

.pageNo {
    width: 130px;
    float: right;
}

    .pageNo .pageNoInput {
        width: 53px;
    }

.pager {
    width: 100px;
    float: right;
}

    .pager .pagerText {
        width: 95px;
    }

.gridButtonHeader {
    width: 30px;
    color: white;
    font-weight: bold;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px;
}

.smallDropDown {
    width: 130px;
    height: 25px;
}

.mediumDropDown {
    width: 150px;
    height: 25px;
}

.largeDropDown {
    width: 180px;
    height: 25px;
}

.mediumCheckBox {
    height: 20px;
    width: 20px;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}



.searchButton {
    width: 20px;
    height: 20px; /*background-image : url('/Images/search.png');*/
    background-repeat: no-repeat;
}

.refreshButton {
    width: 20px;
    height: 20px;
    background-image: url('/Images/refresh.png');
    background-repeat: no-repeat;
}

.addButton {
    height: 29px;
    width: 38px;
    border-style: none;
    text-align: center;
    margin-top: 0px !important;
    background-image: url('/Images/add.png');
    background-repeat: no-repeat;
    margin-left: 8px;
}

.deleteButton {
    height: 29px;
    width: 38px;
    border-style: none;
    text-align: center;
    margin-top: 0px !important;
    background-image: url('/Images/cancel.png');
    background-repeat: no-repeat;
    margin-left: 8px;
}

.editButton {
    height: 20px;
    width: 20px;
    background-image: url('/Images/Edit.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.commandbuttonLabel {
    font-size: 11px !important;
    margin-top: 5px;
    color: #fff;
}

.addbuttonlabel {
    font-size: 11px !important;
    margin-top: 0px !important;
    color: #fff;
}

.deletebuttonlabel {
    font-size: 11px !important;
    margin-top: 0px !important;
    color: #fff;
}

.pagingRow {
    width: 98%; /*height: 31px;*/
}

.pagindiv {
    float: right;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pagingRightCorner {
    width: 150px;
    float: right;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.selectedPagediv {
    float: right;
    width: 165px;
}

.pagingoptionvisible {
    visibility: visible;
}

.pagingoptionhidden {
    display: none;
}

.pagingTextBox {
    width: 30px;
    margin-top: 1px;
}

.progressbarshow {
    visibility: visible;
}

.progressbarhide {
    visibility: hidden;
}


.smallHeader {
    width: 140px;
}

.mediumHeader {
    width: 190px;
    min-width: 180px;
}

.largeHeader {
    width: 240px;
}


label {
    font-weight: 500;
}

.bootstrapMediumButtton {
    font-size: medium;
}

.largerFont {
    font-size: larger;
}

.entryPanelTextBox {
    width: 100%;
}

.entryPanelDropDown {
    width: 100%;
}

.labelDiv {
    max-width: 145px;
}

.smallLabelDiv {
    max-width: 40px;
}

.largeLabelDiv {
    max-width: 165px;
}

.largestTextBox {
    width: 100%;
    max-width: 250px;
}

.noWrapText {
    white-space: nowrap;
}

.wordWrap {
    word-wrap: break-word;
}

.verticalMiddleAlign {
    vertical-align: middle;
}

.fixHeader {
    min-width: 120px;
}

.ToolboxButton {
    cursor: pointer;
    height: 29px;
    width: 38px;
    border-style: none;
    text-align: center;
    margin: 3px;
    margin-bottom: 0;
}

.ToolboxText {
    cursor: pointer;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    color: #fff;
}

.successMsg {
    width: 600px;
}

.pagingButtonRow {
    float: right !important;
    width: 500px !important;
    padding: 0 !important;
}


.LargeTextBoxWidth {
    width: 100%;
}
/* ----menu v3 styles-------*/



.sideMenu {
    width: 200px;
    margin-top: 35px;
}

.sideMenuHeading {
    font-weight: 800;
}

.menuHeader {
    height: 80px;
    width: 200px;
}

.applicationMenu {
    color: white;
    line-height: 35px;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
    background-color: #2A3F54;
    padding-right: 25px;
    width: 100%;
}

    .applicationMenu ul {
        display: inline;
        padding: 0;
        margin: 0;
    }

    .applicationMenu li {
        display: inline;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;
        padding-top: 9px;
        padding-bottom: 10px;
        white-space: nowrap;
    }

        .applicationMenu li:hover {
            background-color: #1389C5;
        }


#panelContainer a {
    color: #2A3F54;
    cursor: pointer;
}

#sideMenu span {
    color: white;
    cursor: pointer;
}

.fullHeight {
    height: 100% !important;
}

.menuPageRightDiv {
    width: 85%;
    float: left;
}

a:hover {
    background-color: transparent !important;
}

.gridDiv {
    overflow-x: auto;
    width: 100%;
}

.leftMarginForCols {
    margin-left: 100px;
}

.tabAppMenu {
    line-height: 34px;
    padding: 0;
    margin-left: 20px !important;
    border-bottom: solid thin #1389C5;
    margin-bottom: 0px;
}

    .tabAppMenu li {
        display: inline;
        padding: 10px;
        cursor: pointer;
        margin: 0px;
    }



/***********new styles************************/
.pagerPanel {
    display: inline-block !important;
    float: right;
    /*width: 0px !important;*/
}

    .pagerPanel div {
        display: inline-block !important;
        /*width: 160px !important;*/
        border-right: solid thin #eeeeee !important;
        padding-right: 10px !important;
    }

        .pagerPanel div input {
            width: 40px !important;
        }

    /*.pagerPanel #pageButtons {
        width: 85px !important;
    }*/

    .pagerPanel span {
        border: none !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        float: none !important;
    }


.toolBox {
    display: inline-block !important;
    /*width: 100% !important;*/
}

    .toolBox div {
        display: inline-block ;
        padding-left: 10px;
    }

    .toolBox img {
        height: 40px !important;
        cursor: pointer;
    }

    .toolBox span {
        display: inline-block;
        vertical-align: middle;
        padding-left: 0px !important;
        border: none !important;
    }

.toolPanelMenu {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: dimgray;
}


.dataGrid {
    width: 100%;
    margin-top: 40px;
    overflow-x: auto;
    white-space: nowrap;
    background-color: white;
    cursor: pointer;
}

    .dataGrid table {
        width: 100%;
    }

        .dataGrid table tr {
            cursor: pointer;
        }

        .dataGrid table th {
            background-color: black;
            color: white;
            border: solid thin white;
            padding: 10px;
            text-align: center;
            cursor: pointer;
        }

        .dataGrid table td {
            border-bottom: solid thin gray;
            padding: 10px;
        }

            .dataGrid table td ul {
                display: inline-table;
                width: 100px;
                table-layout: fixed;
                padding: 0px;
                margin: 0px;
            }

                .dataGrid table td ul li {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .dataGrid table td ul li img {
                        height: 25px !important;
                        width: auto !important;
                    }

/*.dataGrid table tbody tr:hover{
            background-color:#ffe100 !important;
            }*/

.selectedRow {
    /*background: #eee !important;*/
    background: #ffe100 !important;
    font-weight: 900;
    color: black !important;
}

#menuPageInfo {
    width: 100%;
    height: 100%;
}

#sideMenu {
    width: 200px;
    height: 100%;
    background-color: #2A3F54;
    vertical-align: top;
    float: left;
}

    #sideMenu #secondLevelMenu {
        margin-top: 30px;
        list-style: none;
        padding-left: 0px;
    }

        #sideMenu #secondLevelMenu .menuGroupHeader {
            margin-top: 5px;
            display: block;
            background-color: #336699;
            padding: 10px;
            color: white;
        }

        #sideMenu #secondLevelMenu ul {
            list-style: none;
            padding: 0px;
        }

            #sideMenu #secondLevelMenu ul li {
                padding: 10px 25px 10px 25px;
                cursor: pointer;
            }

                #sideMenu #secondLevelMenu ul li:hover {
                    background-color: #1389C5;
                }


#clientLogo {
    height: 80px;
}

    #clientLogo img {
        width: 200px;
        height: auto;
        max-height: 95px;
    }

#pagePanel {
    margin-left: 200px;
}

#applicationHeader {
    background: linear-gradient(#03699E, #1389C5);
    height: 65px;
    /*padding: 5px;*/
    padding-left: 25px;
    padding-right: 25px;
    /*padding-bottom: 10px;*/
}

    #applicationHeader #clientName, #description {
        display: block;
        color: white;
    }

    #applicationHeader #clientName {
        font-size: 23px;
    }

    #applicationHeader #description {
        font-size: 18px;
    }

    #applicationHeader #lookupSection {
        float: right;
    }

        #applicationHeader #lookupSection #clientLookup {
            /*display: inline-block;*/
            border: solid thin white;
            border-radius: 10px;
            background-color: gray;
            height: 27px;
            margin-top: 3px;
        }

            #applicationHeader #lookupSection #clientLookup i {
                vertical-align: middle;
                color: white;
                font-size: 14px;
                padding: 5px;
                padding-left: 15px;
            }

            #applicationHeader #lookupSection #clientLookup input {
                height: 25px;
                border: solid thin gray;
                border-radius: 0px 10px 10px 0px;
                width: 300px;
                padding-left: 10px;
            }

    #applicationHeader #logoutSection {
        color: white;
        font-size: 14px;
        text-align: right;
    }

        #applicationHeader #logoutSection i {
            font-size: 24px;
        }

/* ------------- error panel styles start--------*/
.errorExpanded {
    height: 100px !important;
    overflow: auto !important;
}

.errUpDownArrowDiv {
    font-size: 18px;
    float: left;
    display: inline-block;
}

    .errUpDownArrowDiv .fa-caret-up {
        display: none;
    }

.clientErrorList {
    margin-left: 0px !important;
    margin-top: 10px;
    padding: 8px;
    margin-bottom: 9px;
    width: 98%;
    height: 32px;
    overflow: hidden;
}

.errorLabelfull {
    height: auto;
    max-width: 90%;
    white-space: normal !important;
    color: #E74F3E;
    display: inline-block;
}
/* ------------- error panel styles end-------------*/

.mediumLblDiv {
    float: left;
    width: 125px;
}

.extraSmallLbldiv {
    float: left;
    width: 75px;
}

.smallLblDiv {
    float: left;
    width: 90px;
}

.largeLblDiv {
    float: left;
    width: 150px;
}

.fullwidthTextbox {
    height: 25px;
    width: 100%;
}

.activePageMenu {
    font-weight: bold;
    background-color: #1389C5;
    border-radius: 5px 5px 0px 0px;
}

    .activePageMenu a {
        color: white !important;
    }

.activeMainMenu {
    background-color: #1389C5;
}

.greenBtn {
    background-color: #008000;
    color: white;
    border-color: #006400;
}

    .greenBtn:hover {
        color: white;
    }

.yellowBtn {
    background: #ffe100 !important;
    color: black !important;
}

.alignNumeric {
    text-align: right;
}

.sectionHead {
    background-color: gray;
    padding: 5px;
    color: white;
    font-weight: bold;
    height: 37px;
}



.dataGrid table td #terminal {
    display: inline;
}


.nmfcWarning {
    color: red;
}

input[type="checkbox"] {
    cursor: pointer;
}

input[type="radio"] {
    cursor: pointer;
}

.fieldlabel {
    float: left;
    width: 125px;
}

.fieldlabel3 {
    float: left;
    width: 200px;
}

.entrypanellargeTextBox {
    width: 230px;
}

.sectionSeperater {
}

.scacCodeTextbox {
    width: 45px;
}

.postalTextbox {
    width: 80px;
}

.TypeDropDown {
    width: 150px;
    height: 25px;
}

.date {
    width: 75px;
    height: 25px;
    z-index: 4000;
}

.Class5 {
    width: 75px;
    height: 25px;
}

.fieldlabel1 {
    float: left;
    width: 120px;
}

.spacer {
    margin-top: 10px;
}

.PostalTextbox {
    height: 25px;
    width: 80px;
}

.verticalTopAlign {
    vertical-align: top;
}

input.largerCheckbox {
    width: 20px;
    height: 20px;
}

.largeLblDiv2 {
    float: left;
    width: 200px;
}

.commandbuttondiv1 {
    background-color: #696969;
    height: 35px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 10px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

.largeTextBox2 {
    width: 248px;
}

/*PANKAJ START 26-SEP-2017*/
#MultiCarrierDiv {
    height: 200px;
    width: 100%;
    overflow: auto;
    border-left-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-right-style:solid;
    border-left-style:solid;
    border-bottom-style:solid;
    border-top-style:solid;
    border-top-width:1px;
    margin-top: 1px !important;
}

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

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

.DbFieldRequired {
    color: red !important;
}

.ui-state-focus {
    background-color: red;
}
/*END*/

body
{
}

.profileRefreshButton
{
    height: 25px;
    background-image: url('/Images/refresh.png');
    background-repeat: no-repeat;
    margin-left:15px;
    margin-top:10px;
}

.profileTextBox
{
    width:200px;
    
}
.profielDropDown
{
    width:200px;
    height:22px;
}

.profileListBox
{
    height: 250px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;   
    /*width:100%;*/

}

.leftProfileTextArea
{
    height: 250px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;
    resize: none;
    width:100%;
}

.profilebuttonDiv
{
    width:70px;
}

.profilesRightButton
{
    font-size:30px;
    height:110px;
    display:table-cell;
    vertical-align:bottom;
}
.profilesLeftButton
{
    font-size:30px;
    height:50px;
    display:table-cell;
    vertical-align:middle;
}

.carrierRightButton
{
    font-size:30px;
    height:85px;
    display:table-cell;
    vertical-align:bottom;
}
.carrierButton
{
    font-size:30px;
    height:35px;
    display:table-cell;
    vertical-align:bottom;
}
.optionsDiv
{
    height: 550px;
    border-style: inset;
    border-color: Gray;
    border-width: thin;   
    width:100%;
}

.optionsDiv ul
{
    list-style-type: none;
    padding-left: 10px;
}

.profileLabel
{
    width:100%;
    height:100%;
    background-color:#d3d3d3;
}
.Quickprofilelistview
{
 height: 225px !important;
                    width: 270px;
}

.quickProfleMapAllCarrier {
    margin-top: 65px;margin-left:10px;font-size: 25px;color:red;cursor:pointer
}
.quickProfileMapCarrier {
    margin-top: 5px;margin-left:10px;font-size: 25px;color:Green;cursor:pointer
}
.quickProfileUnMapCarrier {
    font-size: 25px;margin-left:10px;color:Green;cursor:pointer
}
.quickProfileUnMapAllCarrier {
    font-size: 25px;margin-left:10px;color:red;cursor:pointer
}
/*.quickProfileMapRadio {
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox;    
    -ms-appearance: checkbox;     
    
}*/
.quickProfileMapCarrierListContainer {
    width:270px;
    float:left;
}
.quickProfileMapCarrierButtonContainer {
    width:40px;
    float:left;
}
.ProfileMapGridHeight {
    width:630px;
    height:360px;
    overflow:auto;
    margin-top:0px;
    margin-left:10px;
}

.AdvanceProfileMapGridHeight {
    width:100%;
    height:190px;
    overflow:auto;
}
.advProfileMapLblDiv {
width:65px;
}
.advProfileMapInputDiv {
width:205px;
}
.advProfileSubclientDiv {
    margin-left:40px;
}
/*.quickProfileLeftDiv {
    width:330px;
    float:left;
}*/
.quickProfileSmallLbl {
    width:80px;
    float:left;
}
.quickProfileLargeLbl {
width:270px;
float:left;
}
.quickProfileYesNoBtn {
    width:60px;
    float:left;
}
.quickProfileInputDiv {
    width:250px;
    float:left;
}

.fullWidthDiv {
    width:100% !important;
}
.searchColumnLeft {
width:400px;
}
.searchBtnDiv {
    margin-top:85px;
}

.qblargeLabelDiv {
width:215px;
}
.qblargeLabel {
    min-width:205px;
}
.qbSearchColumnLeft {
width:520px;
}
.synchronizeAllLabel {
min-height:140px;
}
.synchronizeAllLabelDiv {
width:150px;
}


#QuickQuote .wideSection {
    width: 100%;
    margin: 10px;
}

    #QuickQuote .wideSection > div {
        padding: 10px;
        vertical-align: top;
    }

    #QuickQuote .wideSection .subSection {
        display: inline-block;
        background-color: white;
        min-height: 200px;
        width: 24%;
        vertical-align: top;
    }

    #QuickQuote .wideSection .productSubSection {
        min-width: 72%;
        min-height: 190px !important;
        max-height: 190px !important;
        height: 190px;
    }

    /*#QuickQuote .wideSection .subSection div {
        margin-top: 5px;
        margin-bottom: 5px;
    }*/


    #QuickQuote .wideSection .subSection .subdiv {
        margin-bottom: 5px;
    }


    #QuickQuote .wideSection .subSection .custombtn {
        padding-top: 0px !important;
    }

    #QuickQuote .wideSection div[title="shipmentInfo"] label {
        width: 90px;
    }
    

   
    #QuickQuote .wideSection div[title="shipmentInfo"] .largelabel {
        width: 110px;
    }
    #QuickQuote .wideSection .wideNoteSection {
        width: 90%;
    }
    #QuickQuote .wideNoteSection .DispatchNoteSection {
        display: inline-block;
        background-color: white;
        min-height: 70px;
        width:25%;
    }
    #QuickQuote .wideNoteSection .NoteSection {
        width:70%;
    }

    #QuickQuote .wideNoteSection .NoteSection .noteSubSection {
        display: inline-block;
        background-color: white;
        min-height: 70px;
        width:49%;
    }

    #QuickQuote .wideSection div[title="shipmentInfoAdvance"] label {
        width: 130px;
    }

#QuickQuote .wideSection .subSection label {
    min-width: 50px;
}

#QuickQuote .wideSection input[title="locName"] {
    width: 80%;
}

#QuickQuote .wideSection input[title="address"] {
    width: 70%;
}

#QuickQuote .wideSection input[title="country"] {
    /*width: 150px;*/
}

#QuickQuote .wideSection input[title="postal"], input[title="contact"], input[title="email"] {
    /*width: 120px;*/
}

#QuickQuote .wideSection input[title="state"], input[title="phone"], input[title="fax"] {
    width: 80px;
}

#QuickQuote .wideSection div[title="product"], div[title="accessorial"] {
    min-height: 120px !important;
    height: 120px;
    
}

#QuickQuote .wideSection div[title="accessorial"] #ShipAccDiv {
    min-height: 110px !important;
    height: 110px;
}

#QuickQuote .wideSection div[title="product"] table {
    width: 100%;
}

    #ShipmentLongform .wideSection div[title="product"] table td {
        padding: 3px;
    }

#QuickQuote .sectionHead label {
    width: 300px !important;
}

#QuickQuote .sectionHead span:nth-last-child(1) {
    float: right;
}

#QuickQuote .sectionHead {
    background-color: gray !important;
    padding: 5px;
    color: white !important;
    font-weight: bold;
    height: 37px;
}




.locationDtlLabel {
/*min-width:45px;*/
max-width:85px;
}
.locationDtlTextbox {
    max-width:200px;
}

.carrierTextbox {
    width:280px;
    height:25px;
}

.locationPanel {
    max-width:290px;
}

.shipdateCarrierPanel {
    padding:10px;
}

.bestCarrierTableDiv {
    overflow:auto;
    height:180px;
    
}

.productAccessorialTableDiv {
     overflow:auto;
    height:140px;
}

.ratingDetailDiv {
    height:105px;
}

.laneOriDestDiv {
height:210px;
     overflow:auto;
}

.ratingDtls {
    margin-top:36px;
}

.carrierNameDiv {
height:23px;
}

.laneDtlLabel {
min-width:68px;
}

.carrierConnectLbl {
    min-width:85px;
}

.fuelRateLbl {
    min-width:62px;
}
/*.fuelRateLblDiv {
    max-width: 85px;
}*/

.carrierConnectLblDiv {
    max-width:105px;
}
.quoteCarrierLabel {
vertical-align:text-bottom;
}

#Quote .orgDestSection{
    padding:10px;
    width:50%;
    display:inline-block;
}
#Quote .accessorialSection{
    padding:10px;
    width:70%;
     display:inline-block;
     float:left;
}
#Quote .serviceLvlSection{
    padding:10px;
    width:30%;
     display:inline-block;
}
#Quote .productSection{
    padding:10px;
}
#Quote  div[title="product"]{
        
    height: 125px;
    overflow-y: auto;
    padding-top: 0px;
}

#Quote  div[title="product"] table{
        width:100%;
}

#Quote  div[title="product"] table th{
     text-align:center;
}
#Quote  div[title="product"] table td{
    padding:3px;
}
#Quote .AccessorialList{
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

/*Darshan Start 28/10/2020*/
#RoutingGuide .orgDestSection{
    padding:10px;
    width:50%;
    display:inline-block;
}
#RoutingGuide .accessorialSection{
    padding:10px;
    width:70%;
     display:inline-block;
     float:left;
}
#RoutingGuide .serviceLvlSection{
    padding:10px;
    width:30%;
     display:inline-block;
}
#RoutingGuide .productSection{
    padding:10px;
}
#RoutingGuide  div[title="product"]{
        
    height: 125px;
    overflow-y: auto;
    padding-top: 0px;
}

#RoutingGuide  div[title="product"] table{
        width:100%;
}

#RoutingGuide  div[title="product"] table th{
     text-align:center;
}
#RoutingGuide  div[title="product"] table td{
    padding:3px;
}
#RoutingGuide .AccessorialList{
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
/*Darshan End 28/10/2020*/
body
{
}


.shipmentDiv
{
    border-width: thin;
    border-style: solid;
    border-color: Gray;
}

.pickUpDateLabel
{
    font-weight: 500 !important;
}

.carrierDetailLogo
{
    height: 65px;
}

.ratingResultHeader
{
    height: 20px;
    font-size: medium;
    background-color: #d3d3d3;
    color: Black;
    font-weight: bold;
}



.accessorialHeader
{
    height: 20px;
    margin-top: 5px;
    font-size: medium;
    background-color: #d3d3d3;
    color: Black;
}

.actionImage
{
    height: 35px;
}

.quoteDiv
{
    border-right-color: #d3d3d3;
    border-right-style: solid;
    border-right-width: thin;
    padding-top: 5px; /* height: 170px;*/
}

.saveImage
{
    height: 25px;
}

.resultRow
{
    border-color: #d3d3d3;
    border-width: thin;
    border-style: solid; /* border-left-width: 0px;*/
}
.backButton
{
    font-size: 25px;
}




.actionColumn
{
    width: 13%;
}

.carrierColumn
{
    width: 31%;
}
.accesorialColumn
{
    width: 34%;
}
.shipmentColumn
{
    width: 22%;
}


.pinButton
{
    font-size: 24px;
}





.carrierLogo
{
    width: 98px;
}

.productMediumHeader
{
    width: 60px;
}

.productSmallHeader
{
    width: 30px;
}

.productGrid
{
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 50px;
    float: left;
    table-layout: fixed;
}

.RatingPageLink
{
    color: Black;
    font-weight: bold;
    font-size: medium;
}

.WordBreakLabel
{
    word-wrap: break-word;
}

.acceesorialDiv
{
    width: 47%;
}



.RatingResultTab
{
    background:white;
}

body {
}

.underDiscountDisable
{
    cursor: default;
    pointer-events: none;
    background-image: none;    
    background-color: #f2f2f2;
    border-color: Gray;
}

.underDiscountPayment
{
    cursor: default;    
    background-image: none;
    background-color: red;
    border-color: red;
}

.receivePaymentDialog
{
    background:#E2F1FD;
}

.buttonCenter
{
    vertical-align:middle;
    margin-top:0px;
}

.invoiceDetailGridHeight {
    width:100%;
    height:291px;
    overflow:auto;
}
.dailyActivityClientBox {
max-width:335px;
}
.dailyActivityDatepicker {
max-width:160px;
}
.dailyActivityToLabel {
    max-width:25px;
}

.reportListBox {
       
    /*border-style: inset;
    border-color: Gray;
    border-width: thin;
    overflow-y: scroll;
    overflow-x:scroll;*/
    margin-top: 15px;
    /*max-width: 250px;
    min-height:250px;*/
}

.reportListBox ul {
list-style-type: none;
padding-left: 0px;
border-style:solid;
border-width:thin;
}
.reportListBox ul li label{
padding-left:10px;
padding-top:5px;
}
.ReportPageContainer {
    margin-top:15px;
}
body {
}


.requestResponseTextArea
{
    width:100%;
    height:280px;
    overflow-y:auto;
    resize:none;
}


.servicetrackingGrid
{
    height:27px;
}

/*#ShipmentLongform > div > div{
    padding: 10px;
    vertical-align: top;
}*/

#ShipmentLongform .wideSection {
    width: 100%;
    margin: 10px;
}

    #ShipmentLongform .wideSection > div {
        padding: 5px;
        vertical-align: top;
    }

    #ShipmentLongform .wideSection .subSection {
        display: inline-block;
        background-color: white;
        min-height: 240px;
        width: 30%;
    }

    #ShipmentLongform .wideSection .productSubSection {
        min-width: 60%;
        min-height:0px;
        /*height:140px !important;*/
            padding-top: 0px;

        /*min-height: 190px !important;
        max-height: 190px !important;
        height: 190px;*/
       
    }

    /*#ShipmentLongform .wideSection .subSection div {
        margin-top: 5px;
        margin-bottom: 5px;
    }*/

    #ShipmentLongform .wideSection .subSection .subdiv {
       
        margin-bottom: 5px;
    }


    #ShipmentLongform .wideSection .subSection .custombtn {
        padding-top: 0px !important;
    }

    #ShipmentLongform .wideSection div[title="shipmentInfo"] label {
        width: 100px;
    }


    #ShipmentLongform .wideSection .OrgDestSection {
        width:60% !important;     

    }
    #ShipmentLongform .wideSection .OrgDestSection .subSection {
        width:50% !important;
        margin-top: 0px;    
     
    }
    #ShipmentLongform .wideSection .OrgDestSection .subSection .smallLabel{
       min-width:35px;
    }
    /*PANKAJ START */
    #ShipmentLongform .wideSection div[title="shipmentInfo"] .largelabel {
        width: 110px;
    }
    #ShipmentLongform .wideSection .wideNoteSection {
        width: 100% ;
        margin-top:0px !important;
        
    }
    #ShipmentLongform  .DispatchNoteSection {
        /*display: inline-block;*/
        background-color: white;
        min-height: 70px;
        /*width:25%;*/
    }
    #ShipmentLongform .wideNoteSection .NoteSection {
        width:100%;
    }

    #ShipmentLongform .wideNoteSection .NoteSection .noteSubSection {
        display: inline-block;
        background-color: white;
        min-height: 70px;
        width:49%;
    }

    #ShipmentLongform .wideSection div[title="shipmentInfoAdvance"] label {
        width: 130px;
    }
/*PANKAJ END*/
#ShipmentLongform .wideSection .subSection label {
    min-width: 50px;
}

#ShipmentLongform .wideSection input[title="locName"] {
    /*min-width: 77%;*/
}

#ShipmentLongform .wideSection input[title="address"] {
    /*width: 70%;*/
}

#ShipmentLongform .wideSection input[title="country"] {
    /*width: 150px;*/
}

#ShipmentLongform .wideSection input[title="postal"], input[title="contact"], input[title="email"] {
    /*width: 120px;*/
}

#ShipmentLongform .wideSection input[title="state"], input[title="phone"], input[title="fax"] {
    /*width: 80px;*/
}

#ShipmentLongform .wideSection div[title="product"] {
    /*min-height: 190px !important;*/
    height: 80px;
    overflow-y: auto;
    padding-top: 0px;
}

#ShipmentLongform .wideSection div[title="accessorialSection"] #ShipAccDiv {
    /*min-height: 110px !important;*/
    height: 80px;
    
}

#ShipmentLongform .wideSection div[title="accessorialSection"]{
    min-height:0px;
     height:140px !important;
        padding-top: 0px;

}

#ShipmentLongform .wideSection div[title="product"] table {
    width: 100%;
}

    #ShipmentLongform .wideSection div[title="product"] table td {
        padding: 3px;
    }
    #ShipmentLongform .wideSection div[title="product"] table th {
      text-align:center !important;
    }

#ShipmentLongform .sectionHead label {
    width: 300px !important;
}

#ShipmentLongform .sectionHead span:nth-last-child(1) {
    float: right;
}

#ShipmentLongform .sectionHead {
    background-color: gray !important;
    padding: 5px;
    color: white !important;
    font-weight: bold;
    height: 37px;
}

/*@media(min-width: 1730px) {
    
    #ShipmentLongform .wideSection .subSection {
        margin-left:10%;
    }

    #ShipmentLongform .wideSection {
        width:100%;
    }
}

@media(max-width: 1730px) {
    
    #ShipmentLongform .wideSection .subSection {
        margin-left:5%;
    }

    #ShipmentLongform .wideSection {
        width:100%;
    }
}

@media(max-width: 1450px) {
    
    #ShipmentLongform .wideSection .subSection {
        margin-left:3%;
    }

    #ShipmentLongform .wideSection {
        width:100%;
    }
}

@media(max-width:1410px) {
    #ShipmentLongform .wideSection .subSection {
        margin-left:0px;
    }

    #ShipmentLongform .wideSection {
        width:1080px;
    }
}*/


#ShipmentLongformTLMultiStop .wideSection {
    width: 100%;
    margin: 10px;
}

    #ShipmentLongformTLMultiStop .wideSection > div {
        padding: 5px;
        vertical-align: top;
    }

    #ShipmentLongformTLMultiStop .wideSection .subSection {
        display: inline-block;
        background-color: white;
        /*min-height: 240px;*/
        width: 33%;
    }




    #ShipmentLongformTLMultiStop .wideSection .productSubSection {
        min-width: 99%;
        min-height: 0px;
        /*height:140px !important;*/
        padding-top: 0px;
        /*min-height: 190px !important;
        max-height: 190px !important;
        height: 190px;*/
    }

/*  #ShipmentLongformTLMultiStop .wideSection .subSection div {
        margin-top: 5px;
        margin-bottom: 5px;
    }*/

    #ShipmentLongformTLMultiStop .wideSection .subSection .subdiv {
        margin-bottom: 5px;
    }

    #ShipmentLongformTLMultiStop .wideSection .subSection .custombtn {
        padding-top: 0px !important;
    }

#ShipmentLongformTLMultiStop .wideSection div[title="shipmentInfoTL"] label {
    width: 100px;
}


#ShipmentLongformTLMultiStop .wideSection .OrgDestSection {
    /*width: 60% !important;*/
    width: 66% !important;
}

    #ShipmentLongformTLMultiStop .wideSection .OrgDestSection .subSection {
        width: 50% !important;
        margin-top: 0px;
    }

        #ShipmentLongformTLMultiStop .wideSection .OrgDestSection .subSection .smallLabel {
            min-width: 35px;
        }
/*PANKAJ START */
#ShipmentLongformTLMultiStop .wideSection div[title="shipmentInfoTL"] .largelabel {
    width: 110px;
}

#ShipmentLongformTLMultiStop .wideSection .wideNoteSection {
    width: 100%;
    margin-top: 0px !important;
}

#ShipmentLongformTLMultiStop .DispatchNoteSection {
    /*display: inline-block;*/
    background-color: white;
    min-height: 70px;
    /*width:25%;*/
}

#ShipmentLongformTLMultiStop .wideNoteSection .NoteSection {
    width: 100%;
}

    #ShipmentLongformTLMultiStop .wideNoteSection .NoteSection .noteSubSection {
        display: inline-block;
        background-color: white;
        min-height: 70px;
        width: 49%;
    }

#ShipmentLongformTLMultiStop .wideSection div[title="shipmentInfoAdvance"] label {
    width: 130px;
}
/*PANKAJ END*/
#ShipmentLongformTLMultiStop .wideSection .subSection label {
    min-width: 50px;
}

#ShipmentLongformTLMultiStop .wideSection input[title="TLlocName"] {
    /*width: 84%*/
    /*width: 280px;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="TLaddress"] {
    /* width: 84%;*/
    /*width: 280px;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="TLCountry"] {
    /*width: 150px;*/
    /*width: 280px;*/
    /* width: 84%;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="TLPostal"], input[title="TLContact"], input[title="TLEmail"] {
    /*width: 120px;*/
    /*width: 67%;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="TLState"], input[title="TLPhone"], input[title="TLFax"] {
    /*width: 102px;*/
    /*width: 74%;*/
}

/*Bill To*/
#ShipmentLongformTLMultiStop .wideSection input[title="BillToTLlocName"] {
   /* width: 82%*/
    /*width: 280px;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="BillToTLaddress"] {
    /*width: 82%;*/
    /*width: 280px;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="BillToTLCountry"] {
    /*width: 150px;*/
    /*width: 280px;*/
    /*width: 82%;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="BillToTLPostal"], input[title="BillToTLContact"], input[title="BillToTLEmail"] {
    /*width: 120px;*/
    /*width: 67%;*/
}

#ShipmentLongformTLMultiStop .wideSection input[title="BillToTLState"], input[title="BillToTLPhone"], input[title="BillToTLFax"] {
    /*width: 102px;*/
   /* width: 61%;*/
}
/**/

#ShipmentLongformTLMultiStop .wideSection div[title="product"] {
    /*min-height: 190px !important;*/
    height: 80px;
    overflow-y: auto;
    padding-top: 0px;
}

#ShipmentLongformTLMultiStop .wideSection div[title="accessorialSection"] #ShipAccDiv {
    /*min-height: 110px !important;*/
    height: 80px;
}

#ShipmentLongformTLMultiStop .wideSection div[title="accessorialSection"] {
    min-height: 0px;
    height: 140px !important;
    padding-top: 0px;
}

#ShipmentLongformTLMultiStop .wideSection div[title="product"] table {
    width: 100%;
}

    #ShipmentLongformTLMultiStop .wideSection div[title="product"] table td {
        padding: 3px;
    }

    #ShipmentLongformTLMultiStop .wideSection div[title="product"] table th {
        text-align: center !important;
    }

#ShipmentLongformTLMultiStop .sectionHead label {
    width: 300px !important;
}

#ShipmentLongformTLMultiStop .sectionHead span:nth-last-child(1) {
    float: right;
}

#ShipmentLongformTLMultiStop .sectionHead {
    background-color: gray !important;
    padding: 5px;
    color: white !important;
    font-weight: bold;
    height: 37px;
    text-align: left;
}

#ShipmentLongformTLMultiStop .TLsectionHead {
    background-color: gray !important;
    padding: 5px;
    color: white !important;
    font-weight: bold;
    height: 37px;
    text-align: left;
}

.TLshipLocationNotesTxt {
    width: 100% !important;
    height: 48px !important;
    resize: none;
}

/*#ShipmentLongformTL .wideSection input[title="TLlocName"] {
    width: 84%;
}

#ShipmentLongformTL .wideSection input[title="TLaddress"] {
    width: 84%;
}

#ShipmentLongformTL .wideSection input[title="TLcountry"] {
    width: 84%;
}

#ShipmentLongformTL .wideSection input[title="TLpostal"], input[title="TLcontact"], input[title="TLemail"] {
    width: 67%;
}

#ShipmentLongformTL .wideSection input[title="TLstate"], input[title="TLphone"], input[title="TLfax"] {
    width: 74%;
}*/



#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;
    }
  
}

/*#TLStops {
    margin-left:100px;
    margin-top:240px;
}*/

#TLStops .TLwideSection {
    width: 100%;
    margin: 10px;
}

    #TLStops .TLwideSection > div {
        padding: 5px;
        vertical-align: top;
    }

    #TLStops .TLwideSection .TLsubSection {
        display: inline-block;
        background-color: white;
        min-height: 240px;
        /*width: 30%;*/
    }

        /*#TLStops .TLwideSection .productSubSection {
        min-width: 60%;
        min-height: 0px;
        padding-top: 0px;
    }*/

        /*#TLStops .TLwideSection .TLsubSection div {
            margin-top: 5px;
            margin-bottom: 5px;
        }*/

        #TLStops .TLwideSection .TLsubSection .subdiv {
            margin-bottom: 5px;
        }
         

        #TLStops .TLwideSection .TLsubSection .custombtn {
            padding-top: 0px !important;
        }


/*#TLStops .wideSection div[title="shipmentInfo"] label {
        width: 100px;
    }*/


#TLStops .TLwideSection .TLStopSection {
    width: 100% !important;
}

    #TLStops .TLwideSection .TLStopSection .TLsubSection {
        width: 100% !important;
        margin-top: 0px;
    }

        #TLStops .TLwideSection .TLStopSection .TLsubSection .TLsmallLabel {
            min-width: 35px;
        }

/*#TLStops .wideSection div[title="shipmentInfo"] .largelabel {
        width: 110px;
    }*/

/*#TLStops .TLwideSection .wideNoteSection {
        width: 100%;
        margin-top: 0px !important;
    }*/

/*#TLStops .DispatchNoteSection {    
    background-color: white;
    min-height: 70px;    
}*/

/*#TLStops .wideNoteSection .NoteSection {
    width: 100%;
}

    #TLStops .wideNoteSection .NoteSection .noteSubSection {
        display: inline-block;
        background-color: white;
        min-height: 70px;
        width: 49%;
    }

#TLStops .wideSection div[title="shipmentInfoAdvance"] label {
    width: 130px;
}*/

#TLStops .TLwideSection .TLsubSection label {
    /*min-width: 50px;*/
    min-width: 56px;
}

#TLStops .TLwideSection input[title="StoplocName"] {
    /*width: 82%;*/
    /*width: 302px;*/
}

#TLStops .TLwideSection input[title="Stopaddress"] {
    /*width: 82%;*/
    /*width: 302px;*/
}

#TLStops .TLwideSection input[title="StopCountry"] {
    /*width: 82%;*/
    /*width: 302px;*/
}

#TLStops .TLwideSection input[title="StopPostal"], input[title="StopContact"], input[title="StopEmail"] {
    /*width: 66%;*/
    /*width: 150px;*/
}

#TLStops .TLwideSection input[title="StopState"], input[title="StopPhone"], input[title="StopFax"] {
    /*width: 59%;*/
    /*width: 88px;*/
}

/*#TLStops .wideSection div[title="product"] {    
    height: 80px;
    overflow-y: auto;
    padding-top: 0px;
}*/

/*#TLStops .wideSection div[title="accessorialSection"] #ShipAccDiv {    
    height: 80px;
}

#TLStops .wideSection div[title="accessorialSection"] {
    min-height: 0px;
    height: 140px !important;
    padding-top: 0px;
}*/

/*#TLStops .wideSection div[title="product"] table {
    width: 100%;
}

    #TLStops .wideSection div[title="product"] table td {
        padding: 3px;
    }

    #TLStops .wideSection div[title="product"] table th {
        text-align: center !important;
    }*/

/*#TLStops .sectionHead label {
    width: 300px !important;
}

#TLStops .sectionHead span:nth-last-child(1) {
    float: right;
}

#TLStops .sectionHead {
    background-color: gray !important;
    padding: 5px;
    color: white !important;
    font-weight: bold;
    height: 37px;
}*/

#TLStops .TLsectionHead {
    background-color: gray !important;
    padding: 5px;
    color: white !important;
    font-weight: bold;
    height: 37px;
    text-align: center;
    font-size: initial;
}

.ajax-file-upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 5px
}
.ajax-file-upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579
}
.ajax-file-upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.ajax-file-upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
   font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:20px;
	height:25px;
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8; 
  padding: 6px 10px 4px 10px; 
  color: #fff;
  background: #2f8ab9;
  border: none;
  -moz-box-shadow: 0 2px 0 0 #13648d;
  -webkit-box-shadow: 0 2px 0 0 #13648d;
  box-shadow: 0 2px 0 0 #13648d; 
  vertical-align:middle;  
  }
  
.ajax-file-upload:hover {
      background: #3396c9;
      -moz-box-shadow: 0 2px 0 0 #15719f;
      -webkit-box-shadow: 0 2px 0 0 #15719f;
      box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop
{

	border:2px dotted #A5A5C7;
	width:420px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}
body {
}


.grouplistBox {
    height: 165px;
    /*height: 225px;*/
    border-width: thin;
    /*width: 230px;*/
    width: 270px;
    border-style: double;
    overflow-y:scroll;
}


    .grouplistBox ul {
          list-style-type: none;        
    }

.leftrightArrowbuttonDiv {
    width: 60px;
    float: left;
}

.groupaddremoveButton {
    margin-top: 5px;
    margin-left: 10px;
    font-size: 25px;
    color: Green;
    cursor: pointer;
}

.groupleftrightButton {
    height: 155px;
    display: table-cell;
    vertical-align: middle;
}


.groupGrid {
    overflow-y:scroll;
    height:150px;
}

.userSetupLbl {
    width:110px;
    float:left;
}
.groupCol {
width:300px;
float:left;
    margin-top: 5px;
    height: 326px;
}
.groupLbl {
width:75px;
float:left;
}

.groupMapListContainer {
    width:270px;
    float:left;
}
.userMapUnmapBtnDiv {
    width: 60px;
    float: left;
    margin-top:75px;
    padding-left:15px;
    padding-right:15px;
}
.appMapUnmapBtnDiv {
        width: 60px;
    float: left;
    margin-top:40px;
    padding-left:15px;
    padding-right:15px;
}

.mappedUserBox {
    margin-top:35px;
}
.groupInputDiv {
    width:220px;
    float:left;
}
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "";
color: white;
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
	
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
	color: white;
	content: "";
}


.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}
.fa-won:before,
.fa-krw:before {
    content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}