#divCargoTransport .module-header { background-position: 0 -369px; }
#divCargoTransport .module-header-content-module-menu { background-position: right -168px; }
#divCargoTransport .module-header-content-module-menu > ul { background-position: 0 -168px; }
#divCargoTransport .module-header-content-menu .btn-default:hover, 
#divCargoTransport .module-header-content-menu .btn-default:focus,
#divCargoTransport .module-header-content-menu .btn-default:active, 
#divCargoTransport .module-header-content-menu .btn-default.active, 
#divCargoTransport .module-header-content-menu .open > .dropdown-toggle.btn-default { background-color: #00324B; }
#divCargoTransport .module-header-content-menu .open > .dropdown-toggle.btn-default { border-color: #5192BC; }
#divCargoTransport .module-header > div.module-header-itransport { background-position: 0 -185px; }



#PanelRightCargo .panel-path-buttons { padding: 20px 30px 10px; overflow: hidden; }
#PanelRightCargo .panel-path-buttons-center { text-align: center; }
#PanelRightCargo .panel-paths-container { padding: 0 10px; font-size: 13px; overflow: hidden; overflow-y: auto; }
#PanelRightCargo .panel-paths-container .adp-placemark td { padding: 4px; }
#PanelRightCargo .panel-paths-container img.adp-marker { margin: 0 10px 0 5px; }

#PanelRightCargoReport .panel-path-report { overflow: hidden; overflow-y: auto; }


#PathDetailsCargo { display: block; margin: 10px; padding: 0px 10px; font-size: 12px; -moz-box-shadow: 0 0 4px #CCC; -webkit-box-shadow: 0 0 4px #CCC; box-shadow: 0 0 4px #CCC; color: #666; overflow: hidden; }
#PathDetailsCargo > h4 { font-size: 13px; font-weight: 600; }
#PathDetailsCargo .table-path-comparative { width: 100%; table-layout: fixed; text-align: center; }
#PathDetailsCargo .table-path-comparative tr.row-alternative { background-color: #f4dcc4; }
#PathDetailsCargo .table-path-comparative tr > td { padding: 0.5em; white-space: nowrap; }
#PathDetailsCargo .table-path-comparative tr > td:first-child { font-weight: 600; text-align: left; }
#PathDetailsCargo .table-path-comparative select { width: 100%; font-weight: 400; }
#divPathControlAreas { border-top: 1px solid #DDD; padding: 5px 10px; }
#PanelRightCargoPath .panel-path-text { padding: 0 10px; overflow: hidden; overflow-y: auto; }

#PanelRighCargoPathText h4 { overflow: hidden; }


#divAddCustomerAdrress table.table-fixedheader { width: 100%; }
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
#divAddCustomerAdrress table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
#divAddCustomerAdrress table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}

#divAddCustomerAdrress #chkAllCargo  {
    cursor: pointer; 
    margin-left: 8px;
}

#divAddCustomerAdrress #chkAllCustomerAddress  {
    cursor: pointer; 
    margin-left: 2px;
}


#dialog-add-customer .tblFilerCargoLeft  {
   padding-left: 0px;
   padding-right: 0px;
}

#dialog-add-customer .tblFilerCargoRight  {
  padding-right: 0px;
  padding-left: 0px;
}

#dialog-add-customer > .col-sm-12 {padding:0px;}
#dialog-add-customer > .col-sm-12 > .col-sm-6 {padding:0px;}

#dialog-correct-customer-address .tblCorrectAddressLeft  {
   padding-left: 0px;
   padding-right: 0px;
}

#dialog-correct-customer-address .tblCorrectAddressRight  {
  padding-right: 0px;
  padding-left: 0px;
}


#dialog-correct-customer-address fieldset  {
  padding-top: 10px;
  padding-bottom: 0px;
}

/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
#divAddCustomerAdrress table.table-fixedheader>tbody {
    overflow-y: auto;
    max-height: 250px;
    
}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
#divAddCustomerAdrress table.table-fixedheader>thead {
    overflow-y: auto;    
}


/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
#divAddCustomerAdrress table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}


#divAddCustomerAdrress table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

#divAddCustomerAdrress table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}

#divAddCustomerAdrress  table.table-fixedheader>tbody tr td {
       height: 100%;
       height:75px;
       vertical-align: middle; 
       cursor:pointer;
}


#divAddCustomerAdrress table.table-fixedheader>thead tr th {
    padding: 10px 0px 10px;  
    height: 100%;       
}


.delivery-windown-icon  
{
    display: inline-block; 
    width: 22px; 
    height: 22px; 
    background: transparent url('Images/Theme/spr_status_icon.png') no-repeat; 
    vertical-align: middle; 
    text-indent: -999999999px; 
    background-position: -66px -0px;
}

.delivery-windown-icon-inside  
{   
    background-position: -66px -0px;
}


.delivery-windown-icon-outside  
{     
     background-position: -110px -0px;
}

.li-tooltip { background: #FFF; color: #333; font-size: 13px; padding: 0; opacity: 1; width: 300px; border: 1px solid #BBB !important; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; }
.li-tooltip-content { position: relative; padding: 1em; text-align: left; }
.li-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; }
.li-tooltip-right .li-tooltip-content::after { top: 9px; left: -10px; border-color: transparent #BBB; border-width: 10px 10px 10px 0; }
.li-tooltip-left .li-tooltip-content::after { top: 9px; right: -10px; border-color: transparent #BBB; border-width: 10px 0 10px 10px; }
.li-tooltip-top .li-tooltip-content::after { bottom: -10px; left: 72px; border-color: #BBB transparent; border-width: 10px 10px 0; }
.li-tooltip-bottom .li-tooltip-content::after { top: -10px;  left: 12px; border-color: #BBB transparent; border-width: 0 10px 10px; }


/*-- Page: Request Cargo On Demand --*/

#divDialogRequestCargo  fieldset { padding: 10px 5px 5px 5px;  }
#divDialogRequestCargo legend div {cursor:pointer}

#divDialogRequestCargo legend div:hover {
    background-color: #ddd;
}

.div-frame-add-custmer {
     padding-right: 0px;
    padding-left: 0px;
     background-color: #E8E8E8; background-image: url('Images/Theme/bg_horizontal_section_register.png'); background-repeat: repeat-y; height: 260px;
}


.div-frame-add-cargo {
     padding-right: 0px;
    padding-left: 0px;
     background-color: #E8E8E8; background-image: url('Images/Theme/bg_horizontal_section_register.png'); background-repeat: repeat-y; height: 260px;
}



#divDialogRequestCargo  h4 { padding-left: 30px; margin-top: 10px; margin-bottom: 10px;  }

#div-btn-add-cargo { text-align:right; padding: 15px 0px 0px 0px; }

.cssFilterRequestCargoButton, .cssFilterRequestCargoButton a, .cssFilterRequestCargoButton div
{
    text-decoration: none;
}

.cssFilterRequestCargoButton div
{
    background-color: #F4F5F7;
    border: 1px solid #cdcdcd;
    color: #707070;
    float: right;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0px 92px 2px 0px;
    padding-top: 4px;
    height: 25px;
    width: 80px;
    text-align: center;
    text-decoration: none;
}
                     

.cssControlFilterDateTextBox
{
    border: 1px solid #cdcdcd;
    height: 25px;
    padding-top: 2px;
    margin-left: -20px;
    width: 120px;
    position: relative; 
    z-index: 100000;
}

.btnSearch[loading="true"] { background-image:url(/App_Themes/TreeView/Themes/trackingcargo/throbber.gif) !important; background-repeat: no-repeat !important; background-position: center !important;}

.cssLblUnloadTimeUnit
{
    padding: 5px 15px 15px 0px;
}

.lbl-padding-left-zero
{
    padding-left: 0px;
}