/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
input::-webkit-autofill {    background-color: white !important;}

/* Default */
html, body { height: 100%; }
body { background:url(../images/bg.jpg) repeat-x 0 150px;}
p { font-family: helvetica, arial, sans-serif; line-height: 17px; color: #333; text-align: left; margin: 0 0 10px; padding: 5px 0; }
body { font: 13px/1.4 Verdana, Helvetica, Arial, sans-serif; color: #333; margin: 0 auto; padding: 0; }
ul, ol, dl { margin: 0; padding: 0; }
ul.epiList li { background-position: left 12px !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
p { margin: 0; }
p strong { font-weight: bold; }
h1, .loginHeader { font-size:22px; font-weight:normal; color:#397eae; border-bottom:solid 1px #e9e9e9; padding-bottom:5px;  }
h2 { padding: 15px 0 5px; font-weight: normal; font-size: 18px; color:#90a30a;  }
h3 { font-size: 15px; font-weight: normal; margin-top: 10px; }
h3 { }
em { font-weight: 700; font-weight: normal; font-style: italic; }
strong { font-weight: bold; }
table { width: 100%; }
table td, table th { padding: 7px 5px; }
table th {  background:#397EAE; color:#fff; font-weight:normal; font-size:8pt; padding: 2px 4px; }
input, select, textarea { padding:3px; border: solid 1px #ccc; }
blockquote { padding: 10px 0 10px 30px; display: block; }
.center { text-align: center; }
.offscreen { position: absolute; left: -9999em; }


/* Links */
a { border: none; outline: none; text-decoration: none; color:#333; }
a:visited {color:#4D8CEA; text-decoration: none; }
a:hover { color:#397EAE}
a:active, a:focus { }

.submit { padding-top:18px;}
.btn {border: solid 1px #CCC;background: #397EAE; width:auto!important; color:#fff; padding: 4px 8px;font-size: 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.btn:hover { background:#2c6892; cursor:pointer;}

/* Classes */
.clear { float: none; clear: both; }
.clear-left { float: none; clear: left; }
.clearLeft { clear:left;}
.clear-right { float: none; clear: right; }
.break-clear { display: inline; height: 0; clear: both; float: none; }
.floatRight { float: right; width: auto; }
.floatLeft { float: left; width: auto; }
.validator { float: left !important; clear: none !important; width: 10px !important; color: Red; padding: 0; }
.radioList { list-style: none; }
.viewMore { cursor: pointer; }
.hidden { visibility: hidden; }
.displayNone { display: none; }
.displayNoneImportant { display: none !important; }
.alignRight { text-align: right; }
.collapsedContent { display: none; }
.black_overlay { background: #000; display: none; height: 100%; left: 0; opacity: 0.3; position: fixed; top: 0; width: 100%; z-index: 1001; }
.noBorder { border:none!important;}

/* General Layout */
.wrapper {
    width: 1080px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 0;
    background: #fff;
    overflow: hidden;
    border: solid 1px #eaeaea;
    border-top: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);
}
.mainContent { float: left; width:100%; padding-top:25px;}
.logo { float:left;}

.ajaxLoader { background-color: Gray; opacity: .4; filter: alpha(opacity=40); position: absolute; }
.loginStatus { float: right; }


/* Navigation */
.menu { float:left; width:100%; padding-top:3px; padding-left:5px;}
.menu a, .menu a:visited { padding-right: 5px; margin-bottom:10px; border-right: solid 1px #ccc; margin-right:5px; color:#333; line-height:20px; }
.menu a:hover { color:#397EAE;}

.naviWrapper { background:#fafafa; padding-bottom:3px; text-align:center; border: solid 1px #d6d6d6; float: left;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.clear { clear: both; } 


/* Home */
.shipmentFilters label { display:block;}
.shipmentFilters li { float:left; padding-bottom:15px;}
.shipmentAddon { display:inline-block; padding:10px; }

li { list-style-type:none;}
#shipment .ui-tabs .ui-tabs-nav li a, #shipment .ui-tabs .ui-tabs-nav li { float: none; }
#shipment .ui-tabs .ui-tabs-nav li a {
    width: 172px;
    display: block;
    padding: 0px 14px 5px 14px;
}
#shipment .ui-tabs, #shipment .ui-tabs .ui-tabs-nav {
    float: left;
}
#shipment .ui-tabs-panel { float: right; }
#shipment .leftcol { width: 50%; float: left; margin-right: 10px; }
#shipment .leftcol ul { list-style: none; padding: 0; font-size: 14px; }
#shipment .addCust ul li {padding-bottom: 5px;}
#shipment .leftcol ul label { display: inline-block; width: 350px; font-size: 14px; }
#shipment .packageEditor { font-size: 11px; float: left; }
#shipment .packageEditor h3 { font-size: 12px; margin-bottom: 3px; margin-top: 3px; }
#shipment .leftcol #Parcels { min-width: 340px; }
#shipment .rightcol { max-width:48%; float: left; }
#shipment .rightcol table { min-width: 455px; padding-bottom: 5px; border-spacing: 0; }
#shipment .rightcol table caption { text-align: left; font-weight: bold; font-size: 13px; border-bottom: 1px solid #ccc; padding-top:15px }
#shipment .rightcol table tr { border-bottom: 1px solid black; }
#shipment .rightcol table th, #shipment .rightcol table td { padding: 2px; margin: 0; font-size: 11px; }
#shipment .rightcol table th { border-bottom: 1px solid black; }
#shipment .rightcol table td { text-align: left; }
#shipment .rightcol table tfoot td { border-top: 1px solid #ccc; font-weight: bold; }
#shipment .col1 { min-width: 72px; }
#shipment .col2 { min-width: 101px; }
#shipment .col3 { min-width: 101px; }
#shipment .col4 { min-width: 155px; }
#shipment .col5 { min-width: 55px; }
#shipment .col6 { min-width: 65px; text-align: right; }
#shipment input.add, #shipment input.subtract { color: White; font-weight: bold; width: 28px; }
#shipment input.add { background-color: Green; }
#shipment input.subtract { background-color: Red; }
#shipment .ajax { width: 16px; height: 16px; background-image: url(../images/ajax.gif); display: inline-block; }
#shipment #lettersSummary {clear: both;}
/* End of Day */
#endofday ul li { padding-bottom:10px;}
#endofday ul li label { display:block;}
#endofday table td { vertical-align:top; }
#endofday table td textarea { width:400px; }
#endofday table th { background:#397EAE; color:#fff; font-weight:normal; font-size:8pt; padding: 2px 4px;}
#transactionLabel{clear:both; font-size: 11px; float: right;}
.addCust { padding-top:20px;}
.addCust li { padding-bottom:15px;}

#shipment .addCust { width:435px; padding-bottom:0!important;}
#shipment .addCust * { float:left; width:auto; }



/* Default Page */
#default { width:100%;}
#default .shipmentFilters ul { list-style: none; padding: 0; }
#default .shipmentFilters ul li { float: left; margin-right: 10px; }
#default #shipments { clear: left; padding-top: 10px; width:100%; }
#default #shipments li { padding:5px 0; border-bottom:solid 1px #eee;}

/* Customers Report */
.reportTable { border-spacing: 0; min-width: 400px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.reportTable caption { font-size: 12px; font-weight:bold; margin-bottom:10px; }
.reportTable caption ul { list-style:none; margin:0;}
.reportTable .alt { background-color: #eee9e9; }
.reportTable thead tr th { border-bottom: 1px solid black; }
.reportTable tr.foot td { border-top: 1px solid black; }
.reportTable td { text-align: left; }
.reportTable td .rcol2 { text-align: right; }
.customerTotalsTable { min-width: 800px; }

/* Package Counts + BOL Report */
.packageCounts table { width:auto;}
.packageCounts table, .bolreport table, .bollookup table  { padding-bottom:10px;} 
.packageCounts table caption, .bolreport table caption, .bollookup table caption {font-weight:bold; text-align:left; padding-bottom:5px; text-decoration:underline; min-width:200px; }
.packageCountFirstCol { max-width: 125px;}



    .bolreport table tr.footStart td, .bollookup table tr.footStart td, .packageCounts table tr.footStart td {
        border-top: 1px solid black;
    } 

.reportFilters ul { float:left; width:100%; clear:both;}
.reportFilters ul li { float:left; width:200px; margin-right:20px;}
.reportFilters ul li label { display:block;}
.reportFilters ul li input { width:185px;}
.reportFilters ul li .RadComboBox { width:185px!important;}

.reportResults { float:left; width:100%; clear:both; margin-top:25px;}
.reportResults table { border-bottom:solid 2px #ccc; margin-bottom:10px;}
.reportResults table td { border-bottom:solid 1px #eee; /*border-right:solid 1px #eee; width:50%;*/}
.reportResults .footStart { font-weight:bold;}

.bollookup ul { float:left; width:100%; clear:both;}
.bollookup ul li { float:left; width:200px; clear: both;
padding-bottom: 10px;
}
.bollookup ul li label { display:block;}
.bollookup ul li input { width:185px;}
.bollookup ul li .RadComboBox { width:185px!important;}

.bollookup table { width:auto;}


.bolreport ul { float:left; width:100%; clear:both;}
.bolreport ul li { float:left; width:200px; margin-right:20px;}
.bolreport ul li label { display:block;}
.bolreport ul li input { width:185px;}
.bolreport ul li .RadComboBox { width:185px!important;}

#endofday ul { float:left; width:100%; clear:both;}
#endofday ul li { float:left; width:200px; margin-right:20px;}
#endofday ul li label { display:block;}
#endofday ul li input { width:185px;}
#endofday ul li .RadComboBox { width:185px!important;}

#shipment ul { float:left; width:100%; clear:both;}
#shipment ul li { float:left; width:200px; margin-right:20px;}
#shipment ul li label { display:block;}
#shipment ul li input { width:185px;}
#shipment ul li .RadComboBox { width:185px!important;}

.login { text-align:left;}
.login td { text-align:left;}
.login td.credential { width:80px!important}
.login #ContentPlaceHolder1_LoginControl_RememberMe { margin-right:8px;}

.changeExistingQuantityCol { width: 125px; }
.priceCol { width: 65px; }


.ordersContainer .row {
    padding: 10px;
}

.ordersContainer span {
    display: inline-table;
    width: 12%;
}

.ordersContainer input {
    width: 350px;
    font-size: 14px;
}

.ordersContainer select {
    width: 358px;
}

.ordersSearchContainer .row {
    padding: 10px;
}

.actionContainer {
    display: inline;
    margin-left: 10px;
}

.actionContainer input {
    width: 100px;
}

.orderMessageContainer {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.error {
    color: #D8000C !important;
    background-color: #FFBABA !important;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: auto;
}

.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
}

.modalDialog .title {
    font-weight: bold;
}

.modalDialog .row{
    display:flex;
}

.modalDialog .action {
    width: 50%;
}

.modalDialog td {
    width: 50%;
    vertical-align: baseline;
}

modalDialog input {
    font-size: 14px;
}

.numbersofChart {
    width: auto;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover {
    background: #00d9ff;
}

.fullWidth{
    width: 100% !important;
}