/*#region Application specific*/
.shadow {
    background:url(../images/shadowbg.gif) top center repeat-y;
    padding:0px 18px;
}

.userdetail {
    text-align:right;
    padding:20px 18px;	
    color:#2c2c2c;
}
.username {
    font-weight:bold;
    font-size:16px;
    color:#9ec20c;
}
.userdetail a {
    font-size:15px;
    color:#97d9f8;	
    font-weight:bold;
}
.headerbar {
    background:url(../images/header.gif) top left repeat;
    height:63px;	
    padding:15px 20px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

.logout {
    float:right;
    background:url(../images/icon-logout.png) 0px 4px no-repeat;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    padding:0px 0px 0px 22px;	
    margin-top:5px;
}
.logout:hover {
    color:#9ec20c;
}

.toolbar-button {
    min-width: 110px !important;
}

.clear {
    clear:both;
    overflow:hidden;	
}

.btn-blue {
    color: #0a84bd;
    text-shadow: 0 1px 0 #def3fd;
    background:url(../images/blue-btn.gif) top left repeat-x #84d0f4;
    border:1px solid #6fc6ee;
    min-width: 90px;
}
.btn-green {
    color: #497602;
    text-shadow: 0 1px 0 #bfde42;
    background:url(../images/green-btn.gif) top left repeat-x;
    border:1px solid #7e9d04;
}

/*.btn-red {
    color: red;
    text-shadow: 0 1px #f4858A;
    background:url(../images/red-btn.gif) top left repeat-x;
    border:1px solid red;
}*/

.head-title {
    background:#fcfcfc;
    border-bottom:1px solid #f0f0f0;	
    padding:15px 20px;
    width:1610px;
    float:left;
    margin-top:-5px;
}
.page-title {
    font-size:30px;
    color:#6a6a6a;	
    float:left;
}
.middlecontent {
    background:#fff;
    padding:25px;
    width:1610px;
    float:left;	
    min-height:648px;
}
.middlecontent h1 {
    float:left;
    width:100%;	
    margin-bottom:10px;
    color:#0A84BD;
}
.footer {
    background:url(../images/footerbg.gif) top left repeat;	
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    height:44px;
    border-top:1px solid #dadcdc;	
    line-height:44px;
    color:#c8c8c8;
    text-align:center;
    font-size:11px;
    clear:both;
}

.nav-bar-menu {
    margin-top: -5px;
    margin-left: -15px;
}

.title {
    font-size:15px;
    font-weight:bold;
    color:#0A84BD;	
}

.btn-large {
    padding: 7px 25px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn-width {
    width:80px;	
}
/*.head-right-btn {
    float:right;	
}

.head-right-btn select {
    margin-right:5px;	
    padding:4px;
}*/

#divProgressDialog > table {
    width: 100%;
}


/*#SuccessDialog {
     padding: 50px;
}*/

.addnewform li {
    float:left;
    width:490px;
    padding:5px 0px;
}
.addnewform li .label {
    float:left;
    font-weight:bold;
    font-size: inherit;
    color:#6A6A6A;
    width:150px;
    padding:5px 0px;
}
.addnewform input[type="text"], .addnewform input[type="password"] {
    width:212px;
    padding:5px 5px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    color:#6A6A6A;
    margin-bottom:10px;
}

.addnewform ul li input[type=checkbox], .addnewform ul li input[type=radio], .popupform ul li input[type=checkbox], .popupform ul li input[type=radio] {
    margin-top: 5px;
}

.addnewform input.smallinput{
    width:80px;
}
.addnewform select {
    width:212px;
    padding:5px 5px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    color:#6A6A6A;
    margin-bottom:8px;
}
.addnewform textarea {
    width:250px;
    padding:5px 5px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    color:#6A6A6A;
    margin-bottom:10px;
    height:80px;
}

.addnewform li.fullform {
    width:100%;	
}

.popupform ul {
    float:left;
    width:720px;	
}
.popupform ul li {
    padding:5px 0px;
    float: left;
    width:360px;	
}
.popupform ul li .label, .pumping-log-search-header-label {
    float: left;
    width: 100px;
    color: #6A6A6A;
    font-weight: bold;
    padding: 7px 5px 7px 0px;
    font-size: 11px;
}

.pumping-log-search-header-label {
    float: none;
    width: auto;
}

.popupform table td.label {
    color: #6A6A6A;
    font-weight: bold;
    padding: 7px 5px 7px 0px;
    font-size: 11px;
}

.popupform ul li .label.wide {
    width: 150px;
}

.popupform ul li .label.col-header {
    width: 260px;
}

.popupform ul li .label.small-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.popupform ul li input[type="text"], .popupform ul li input[type="password"], .popupform table input[type="text"], .pumping-log-search-header-input[type="text"], select.pumping-log-search-header-input {
    color: #6A6A6A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 5px;
    width: 180px;
}

.pumping-log-search-header-input[type="text"], select.pumping-log-search-header-input {
    margin-bottom: 5px;
}

.popupform ul li select, .popupform table select {
    color: #6A6A6A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 5px;
    width: 180px;
}

.popupform ul li textarea {
    color: #6A6A6A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 5px;	
}

.popupform li.fullform {
    width:100%;	
}

.popupform li .long-text-area {
    width: 541px !important;
}

.popupform input {
    margin-bottom:10px;	
}
.popupform input[type="checkbox"] {
    margin-bottom:0px;
    margin-top:8px;	
}

.singlecolpopup .popupform {
    width: 330px;
}

.singlecolpopup .popupform ul
{
    width:330px;
}

.singlecolpopup .popupform ul li
{
    float: none;
    width: 330px;
}

.formtable th {
    border:1px solid #ebebeb;	
    padding:5px 8px;
    font-size:11px;
    font-weight:bold;
    color:#5a7000;
    background:url(../images/grid-headerbar.gif) top left repeat-x;
}
.formtable input[type="text"] {
    border:1px solid #dfdcdc;	
    background:#fff;
    color:#8d8d8d;
    padding:2px 0px;
}
.formtable input.small {
    width:90px;
}

.formtable td {
    border:1px solid #ebebeb;
    padding:5px 8px;
    color:#8d8d8d;
    font-size:11px;
    padding-bottom: 1px;
}

.formtable {
    float:left;
    width:100%;	
    margin-bottom:15px;
}

.formtable table {
    border-collapse:collapse;
}

/*.textarea {
    width:235px;
    height:100px;	
}*/

.long-text-area {
    width: 702px !important;
}

#menu-container {
    position: absolute; 
    width: 700px;
}


/*Error*/
.validation-summary-errors
{
    font-weight: bold;
    color: #DA2727;
}

/*.validation-summary-valid
{
    display: none;
}*/

.validation-summary-errors li {
    float: none;
}

.error-summary {
    display: none;
    margin-bottom: 5px;
}

.alert.alert-success {
    display: none;
}

/*.required {
    font-size:16px;
    color:#FF0000;
}*/

.error {
    color:#DA2727 !important;	
    border-radius: 4px;
    border: 1px solid #CD0A0A !important;
    color: #CD0A0A !important;
    background:#fef6f3 !important;
    padding:5px 25px;
    margin-bottom:20px;
}
.error ul {
    list-style:disc;	
}
.error li {
    padding:2px 0px;
}

.error-color {
    color: #DA2727 !important;
}

.warning-color {
    color: #F4BD00 !important;
}

.header-error-message {
    text-align:center;
    padding-left:15px;
    padding-right:15px;
    margin-top:13px; 
    width:600px;
    display: inline-block; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/*Login*/
.login {
	background:#fff;
	border:1px solid #e5e5e5;	
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	width:400px;
	height:auto;
	margin:150px auto;
	-webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 1px 10px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 1px 10px rgba(50, 50, 50, 0.1);
	overflow:hidden;
}
.login-header {
	background:url(../images/header.gif) top left repeat;
	padding:10px 20px;
	color:#fff;	
	/*height:23px;*/
	font-size:18px;
	font-weight:bold;
}
.loginform {
	padding:20px 40px;	
}
.loginform li {
	padding:5px 0px;	
}
.loginform li .label {
	padding:5px 0px;
	font-size:13px;
	font-weight:bold;
	display:block;	
}
.loginform li input[type="text"], .loginform li input[type="password"] {
	padding:8px 8px;	
	width:300px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
.forgotpassword {
	text-align:right;
	color:#8b8b8b;	
}
.forgotpassword a {
	color:#8b8b8b;	
}
.forgotpassword a:hover {
	color:#9EC20C;	
}
.login p {
	color:#8b8b8b;	
	padding:0px 0px 15px;	
}
.error-summary-login {
    margin: 10px 5px 0 5px;
    margin-bottom: inherit;
    text-align: center;
}
.password-change-error {
    margin: 10px 40px 0px 40px;
}

.invoiceForm .formtable td {
	border:none;
}


/*.NoHeaderTitle .ui-dialog-titlebar {
    display: none;
}*/

.bb td {
    border-bottom: solid black 1px !important;
}

tr.bb td {
    border: none;
    border-bottom: solid #ebebeb 1px !important;
}

tr.bbt td {
    border: none;
    border-bottom: solid #ebebeb 2px !important;
}

/*.custom-combobox {
    position: relative;
    display: inline-block;
}*/

/*.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}*/

/*.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    width: 175px;
    font-weight: normal;
    color: #6A6A6A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: white;
}*/

.link-color {
    color: #95B901 !important;
}

.home-icon {
    width: 20px;
    height: 20px;
}

.icon-divider {
    border-right: 1px solid #CCCCCC;
}

.po-search-text {
    width: 100px !important;
}

.btn#btnAddNewContractBrokerage {
    margin-left: 209px;
}

.btn#btnAddNewShipmentDetail {
    width: 112px;
    margin-left: 157px !important;
}

.btn#btnAddNewCustomerRate
{
    margin-left: 64px; 
    min-width: 115px;
}

.search-icon {
    border: 1px solid #DDDDDD;
    width: 18px;
    background-image: url(../images/search.gif) !important;
}

.needed-font-size {
    font-size: 1.3em !important;
}
/*Customer*/
/*.remove-contact
{
    background: #DE3F3B !important;
    color: white !important;
}*/
.customer-logo {
    width: 240px !important;
    height: 100px !important;
}

#addEditProductsDialog .popupform {
    height: 400px;
    overflow-y:auto;
}

input[type="text"].mass-email, textarea.mass-email {
    width: 560px !important;
}

#btnAddNewCustomerLocation {
    min-width: 115px !important;
}

.btn#btnEditProducts {
    margin-left: 130px;
    min-width: 115px;
}

.customer-location-contact {
    word-wrap: break-word
}

.customer-location-table {
    border:solid 2px; 
    table-layout: fixed; 
    width: 900px;
}

.customer-location-contact-name{ width: 120px;}
.customer-location-contact-title{ width: 100px;}
.customer-location-contact-phone{ width: 100px;}
.customer-location-contact-mobile{ width: 100px;}
.customer-location-contact-fax{ width: 100px;}
.customer-location-contact-email{ width: 200px;}
.customer-location-contact-main{ width: 60px;}
.customer-location-contact-pickup-delivery{ width: 100px;}

.customer-location {
    width:725px !important;
    max-height: 580px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.mass-email#EmailBody{
    height:200px !important;
    overflow: auto !important;
    white-space: nowrap !important;
}

.btn-remove-contact{
    background: #DE3F3B !important;
    color: white; 
    margin-left: 115px;
}

.btn.contact-export {
    margin-left: 106px;
}

#frmCustomerLocationEdit .popupform ul li .label {
    width: 110px;
}

.customer-location-branch{width: 150px;}
.customer-location-address1{width: 100px;}
.customer-location-city{width: 100px;}
.customer-location-state{width: 60px;}
.customer-location-zip{width: 60px;}
.customer-location-country{width: 60px;}
.customer-location-invoice-address{width: 60px;}
.customer-location-invoice-invoices{width: 57px;}

.customer-location-branch-text{ font-size: 13px;}

.customer-rate-rate  {width: 102px;}
.customer-rate-unit  {width: 102px;}
.customer-rate-fixed {width: 100px;}                 
.customer-rate-action{width: 30px;}

.customer-product-name{width: 200px;}
.customer-product-nick { width: 200px; }

#frmCustomerSendMassEmail .popupform > ul {
    width: 485px;
}


/*Product*/
.product-customer-name {
    width: 250px;
}
.product-customer-nick {
    width: 250px;
}
.btn.btnEditCustomers{
    min-width: 100px;
}

#addEditCustomersDialog .popupform 
{
    height: 400px; 
    overflow-y: auto;
}


/*Pumping Log/lab*/
#divEditPumpingLog {
    display: flex;
}

.tank-height {
    width: 90px !important;
    padding: 5px 5px !important;
}
.tank-temp {
    width: 70px !important;
    padding: 5px 5px !important;
}

.tank-calc-wt {
    width: 100px !important;
    padding: 5px 5px !important;
}

.tank-measurement-table {
    padding-left: 30px!important;
}

.tank-measurement-table-tank {
    width: 250px!important;
}

.tank-measurement-table-calc-wt {
    width: 210px !important;
}

.tank-measurement-table-height {
    width: 110px!important;
}
.tank-measurement-table-temp {
    width: 115px!important;
}

.tank-measurement-table-source-dest {
    width: 79px!important;
}
#frmEditLabMeasurement .popupform ul li {
    padding: 0px 0px;
}
.log-date {
    width: 55px !important;
    margin-left: 6px;
}
.log-date-first {
    margin-left: 0px !important;
}
.log-date-long {
    width: 80px !important;
    margin-left: 6px;
}

.pumping-log-related {
    width:400px
}

.lab-icon {
    background-image: url(../images/lab.png) !important;
    background-position: inherit !important;
}

.batch-sub-icon {
    background-image: url(../images/sub.png) !important;
    background-position: inherit !important;
}

.batch-close-icon {
    background-image: url(../images/icons-exit.png) !important;
    background-position: inherit !important;
}

.lab-summary-val {
    border-color: #DDDDDD;
}

.lab-summary-val-moisture {width: 60px;}
.lab-summary-val-av { width: 60px; }
.lab-summary-val-iv { width: 60px; }
.lab-summary-val-insol { width: 80px; }
.lab-summary-val-peroxide { width: 100px; }
.lab-summary-val-acidulation { width: 100px; }
.lab-summary-val-unsap { width: 70px; }

.lab-summary {
    height: 500px; 
    overflow-y: auto;
}

#acidulationCalculatorDialog .popupform {
    height: 150px;
    width: 600px;
}

#acidulationCalculatorDialog .popupform > ul {
    width: 600px;
}

#acidulationCalculatorDialog .popupform > ul > li {
    width: 300px;
}

#spanProductName {
    min-width: 100px;
}

#divFreightRateSearch {
    padding-right: 0px;
}

#divFreightRateSearch > table {
    border-collapse:separate; 
    border-spacing:15px;
}
#divFreightRateSearchButtons {
    margin-right: 8px;
}

/*Contract/Shipment Detail*/
#lnkPrimaryBuyerConformation span, #lnkPrimarySellerConformation, #lnkSecondaryBuyerConformation span, #lnkSecondarySellerConformation span {
    margin-left: -3px;
}

#spanCostFreight {
    border: 1px solid #DFDCDC!important;
    color: #6A6A6A;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 11px!important;
    width: 180px!important;
    height: 22px!important;
}

#addEditShipmentDetailDialog .popupform ul li {
    width: 320px;
}

#addEditShipmentDetailDialog .popupform ul {
    width: 960px;
}

#NumberOfShipmentDetails {
    width: 50px;
}

#tblContractBrokerage {
    max-width: 900px;
    min-width: 400px;
    table-layout: fixed;
}

#tblContractBrokerage td.contract-brokerage-invoice {
    word-wrap: break-word;
    max-width: 934px;
}

#cmbFreightRateSearchCarrierID { width: 250px; }

#spanFreightRateSearchError {
    max-width: 600px; 
    overflow: hidden;
}
.contract-brokerage-rate {max-width: 200px;min-width: 100px;}
.contract-brokerage-customer{width:200px}
.contract-brokerage-invoices{min-width:100px}
.contract-brokerage-action{width:30px}

.google-calendar-icon {
    background-image: url(../images/calendar.gif) !important;
    background-position: inherit !important;
}

/*Missing Weights*/
#divMissingWeights {
    height: 600px; 
    overflow: auto;
}

#divMissingWeights > table {
    border-collapse: collapse;
}

.missing-weight-email {
    width: 150px;
}

/*Unscheduled Load*/
.unscheduled-load-email { width: 150px; }
.unscheduled-load-shipment-period { width: 100px; }


/*Sub-assembly Trace*/
.sub-assembly-trace-line-no{width: 60px;}
.sub-assembly-trace-log-date{width: 140px;}
.sub-assembly-trace-description{width: 180px;}
.sub-assembly-trace-closed{width: 60px;}
.sub-assembly-trace-drain{width: 60px;}

.sub-assembly-trace {
    max-height: 400px; 
    overflow: auto;
}

table#tblSubLogList tbody tr:nth-child(odd) {
    background-color: #F2F4F4;
}

/*Invoice*/
.invoiceForm .formtable {
    max-height: 600px; 
    min-height: 200px; 
    overflow: auto;
} 

.invoiceForm .formtable > table {
    border-collapse: collapse;
}

#divInvoicesToGenerate table.formtable td, #divMissingWeights table.formtable td, #divUnscheduledLoads table.formtable td {
    border-collapse: collapse;
    cell-spacing: 0;
}

/*Unscheduled Loads*/
#divUnscheduledLoads {
    height: 600px; 
    overflow: auto;
}

#divUnscheduledLoads > table {
    border-collapse: collapse;
}

/*#endregion*/

/*Lead*/
.lead-average-number-of-order-between-dates {
    width: 100px;
}
.lead-next-order {
    width: 100px;
}
.table-lead-summary, .table-lead-summary td, .table-lead-summary th {
    padding: .25rem;
}
.table-lead-summary th {
    font-size: 10px;
    font-weight: bold;
}
.table-lead-summary {
    outline-style: solid;
    outline-width: 1px;
}
.lead-icon-margin {
    margin-left: 34px;
}

th.table-lead-summary-main-header {
    font-size: 11px;
}

#addEditLeadCustomerDialog .popupform ul li input[type="text"], #addEditLeadCustomerDialog .popupform ul li input[type="password"], #addEditLeadCustomerDialog .popupform table input[type="text"] {
    width: 250px;
}

#addEditLeadCustomerDialog .popupform ul li select, #addEditLeadCustomerDialog .popupform table select {
    width: 250px;
}

.table-lead-summary-row {
    height: 23px;
}

th#leadsGrid_LastContactTime {
    border-right-color: #A9A9A9 !important;
}
.btn#btnAddNewLeadNote {
    margin-left: 77px !important;
    width: 109px;
}

label#labelLastPFONumber {
    float: none;
    width: 70px;
    margin-left: 30px;
}
/*#endregion*/