/* This file is for portlet-level css. It is overridden by custom.css from the themes. */
 
.bold {
	font-weight: bold;
} 

/* Billing Summary portlet */
.billing-summary-portlet {}
.billing-summary-portlet .fund-landing {
	width: 100%;
}
.billing-summary-portlet .fund-landing table {
	width: 100%;
}
.billing-summary-portlet .fund-landing table th {
	text-align: left;
	padding-bottom: 10px;
}
.billing-summary-portlet .fund-landing table td {
	padding-bottom: 5px;
}
.billing-summary-portlet .fund-landing table .last td {
	padding-bottom: 10px;
}
.billing-summary-portlet .fund-landing table .bordered {
	border-top: dashed 1px;
}
.billing-summary-portlet .fund-landing table .bordered th {
	padding-top: 10px;
}

.summary-container table {
	width: 100%;
}
.summary-container table th,
.summary-container table td {
	padding-bottom: 5px;
}
.summary-container table th {
	text-align: left;
}
.summary-container table td {
	text-align: right;
}
 
.throughput-instructions .instruction-group {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.throughput-instructions .instruction-item {
	/* height: 170px; */
	width: 47%;
	border: 1px solid lightgrey;
	border-radius: 5px;
	padding: 0 10px;
	background: #eee;
}
.throughput-instructions .first {
}
.throughput-instructions .last {
}

/* Basic 3 column inline block layout */
.group {
	display: flex;
	justify-content: space-between;
}
.group .item {
	width: 30%;
}
.group .item .first {
	padding-top: 0;
}
.group .item .last {
	padding-bottom: 0;
}
.group .item a {
	display: block;
	padding: 10px 0;
}

.reports-portlet .substance-report-header-wrapper .substance-report-info {
	float: left;
	margin-top: 5px;
}
.reports-portlet .substance-report-header-wrapper .substance-report-info p {
	margin: 0;
}
.reports-portlet .substance-report-header-wrapper .export-block {
	float: right;
	margin-bottom: 10px;
}

/* Generic inline form */
.inline-form-wrapper {
	height: 30px;
	/* Compensates for AUI's form tag margin */
	margin-bottom: -20px;
}
.reports-portlet .inline-form-wrapper {
	padding: 20px 0;
}
.inline-form-wrapper.bottom-padding {
	padding-bottom: 20px;
}
.inline-form-wrapper h4 {
	float: left;
	line-height: 8px;
	margin-right: 10%;
}
.inline-form-wrapper .inline-form-block {
	height: 30px;
	float: left;
}
.inline-form-wrapper .inline-form-block.first {
	margin-right: 25px;
}
.inline-form-wrapper .inline-form-block label {
	float: left;
	line-height: 30px;
	padding-right: 10px;
}
.inline-form-wrapper .inline-form-block .control-group {
	float: right;
}
.inline-form-wrapper .button-block {
	float: left;
	margin-left: 10px;
}

/* table sorting */
.sort-table .table-columns .table-sort-liner a {
	font-weight: bold;
	color: #555;
}
.sort-table .table-sort-liner {
	display: block;
	height: 100%;
	padding-right: 15px;
	position: relative;
}
.sort-table .table-sort-indicator {
	background: url(/html/js/aui/aui-datatable-core/assets/skins/sam/sort-arrow-sprite.png) no-repeat 0 0;
}
.sort-table .table-sort-indicator {
	bottom: .5ex;
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 7px;
}
.sort-table .table-sorted .table-sort-indicator {
	background-position: 0 -10px;
}
.sort-table .table-sorted-desc .table-sort-indicator {
	background-position: 0 -20px;
}

 /* Change Owner Type modal */
 .dialog-iframe-popup .row-fluid {
 	padding-bottom: 20px;
 }
 .dialog-iframe-popup .submit-buttons {
 	/* padding-bottom: 20px; */
 }
 .dialog-iframe-popup .submit-buttons input {
 	display: inline;
 }
 .dialog-iframe-popup .submit-buttons input:nth-child(2) {
 	margin-left: 20px;
 }
 
 .more-link {
 	color: #0AF;
 	text-decoration: none;
 	font-weight: 200;
 	cursor: pointer;
 	
 }
 
 /* Change billing cycle page */
 .tank-capacity-fees {
 	max-height: 300px;
 	overflow: auto;
 }
 .tank-capacity-fees table {
 	width: 100%;
 }
 
 .calc-div table {
 	width: 100%;
 }
 
 /* Generic inline label and checkbox */
 .checkbox-row {
 	margin-bottom: 10px;
 }
 .checkbox-row label {
 	float: left;
 }
 .checkbox-row .control-group.form-inline {
 	float: left;
 	line-height: 10px;
 	margin-left: 20px;
 }
 
 /* For amount input fields with $ inline span */
 .amount-input span {
 	float: left;
 	line-height: 30px;
 	padding-right: 10px;
 }
 
 /* Search Container CSS */
 /* TODO: Move to theme css */
.searchcontainer-content {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: auto;
	height: 100%;
	width: 100%;
}
.searchcontainer-content thead {
	background: lightgrey;
}
.searchcontainer-content .table-columns th {
	border: none;
}
.searchcontainer-content .table-columns .table-sorted {
	background: lightgrey;
}
.searchcontainer-content .table-columns .table-sort-liner a {
	font-weight: bold;
	color: #555;
}
.searchcontainer-content .table-data td {
	border-left: none;
	border-right: none;
}
.searchcontainer-content .table-bordered {
	border: none;
	border-bottom: 1px solid #ddd;
}
.aui .table-striped .alert.alert-danger {
	background: #FEE5E2;
}
.aui .table-striped .alert.alert-danger td {
	background: #FEE5E2;
}
.searchcontainer-content .table th.right,
.searchcontainer-content .table td.right {
	text-align: right;
}
/* This is horrible */
th#_searchbar_WAR_FeeBillingportlet_facilitiesSearchContainer_col-balance {
	text-align: right;
}
th#_searchbar_WAR_FeeBillingportlet_facilitiesSearchContainer_col-past-due {
	text-align: right;
}

.date-alert {
	width: 50%;
}

/* Throughput upload errors */
.data-upload-errors th:nth-child(9) {
    border-top-right-radius: 5px;
}
.data-upload-errors th:nth-child(10) {
    background: white;
    border: none;
}
.data-upload-errors .bold {
    font-weight: bold;
}
.data-upload-errors table tr td:nth-child(10) {
    background: white;
    border: none;
}
.data-upload-errors .custom {
    border: none;
    background: white;
    padding: 0;
    margin: 0;
    /* max-width: 150px; */
}
.data-upload-errors .custom span {
    padding-right: 5px;
}
.data-upload-errors .table tr:last-child {
    border: none;
}

.throughput-totals {
	/* margin-bottom: 10px; */
}

.info-header {
	margin-bottom: 10px;
}
.info-header p {
	display: inline;
	margin-right: 20px;
}

.continue-buttons {
	padding-top: 10px;
}

.tank-buttons { margin-bottom: 20px; }
.tank-buttons h4 { display: inline; }
.tank-buttons .buttons { float: right; }

.column-padding .small {
	max-height: 50px;
}

/* Stupid IE */
.th {
    text-style: bold;
    text-align: left;
}

/* comments portlet */
.comments-container {    
}
.comments-container .comment {
	padding-bottom: 20px;
}
.comments-container .comment p {
	margin-bottom: 0;
}

/* Bills and Transactions */
.billsandtransactions-container {
	width: 100%;
	height: 140px;
}
.billsandtransactions-container .left-column {
	width: 30%;
	float: left;
}
.billsandtransactions-container .left-column table {
	width: 100%;
	height: 75%;
	/* padding-bottom: 5px; */
}
.billsandtransactions-container .left-column table th {
	text-align: left;
}
.billsandtransactions-container .left-column table td {
	text-align: right;
}
.billsandtransactions-container .right-column {
	height: 100%;
	float: left;
	margin-left: 80px;
}
.billsandtransactions-container .right-column .adjustment-actions {
	margin-top: 25px;
}
.billsandtransactions-container .right-column .make-payment {
	margin-top: 25px;
}
.billsandtransactions-container .right-column .make-payment a {
	display: inline-block;
	margin-left: 0px;
}
.billsandtransactions-container .right-column p {
	display: inline;
}
.billsandtransactions-container .right-column a {
	display: inline;
	margin-left: 20px;
}

.bill-container {
	width: 100%;
}
.bill-container table {
	width: 100%;
}
.bill-container th {
	padding-bottom: 5px;
}
.bill-container td {
	padding-bottom: 5px;
	text-align: right;
}
.bill-container a {
	float: right;
}

.throughputUploadOptions {
}
.throughputUploadOptions p {
	display: inline;
	padding-right: 20px;
}
.throughputUploadOptions a {
	margin: 0 5px;
}
.throughputUploadOptions a span {
	padding-right: 5px;
}


.installer-filters label {
    float: left;
    line-height: 30px;
    margin-right: 20px;
}

.full-window-padding {
    height: 80px;
}

.sticky-header-table {
    /* width: 100%; */
    position: absolute;
}

.manual-save {
    margin-top: 20px;
}

.manual-save div {
    display: inline;
}

.manual-save a {
    display: inline;
    margin-left: 10px;
}

@media print {
    a:after {
        content: none !important;
    }
}

/* Alerts on fund landing page */
.alerts-table {
    width: 100%;
}

.alerts-table td {
    padding-bottom: 10px;
}
    
/* Tank Details page */
.tank-details-info {
    width: 75%;
}
.tank-details-info table {
	width : 100%;
	border: none;
}

/* Sticky table headers */
.sticky-header { /* takes lace of facilities-container-wrapper */
    position: relative;
}

.sticky-header .header-background {
    background-color: lightgrey;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sticky-header .th-inner {
    position: absolute;
    top: 0;
    line-height: 36px;
    text-align: left;
}

.employer-header {
    height: 37px;
    line-height: 37px;
}

/* Custom selectors overriding table-container */
.upload-errors-container .new-upload a.btn {
    display: inline;
}

.claims-table {
    /* max-height: 362px; */
}

.owner-facilities {
    /* max-height: 250px; */
}
.owner-facilities table {
	/* margin-top: -20px; */
}

.throughput-container {
    height: 100%;
}

.employer-installers {
    /* max-height: 400px; */
    /* border-bottom: 1px solid lightgrey; */
}

/* Generic table layout css */
.table-container {
    height: 100%;
    /* max-height: 390px; */
    overflow: auto;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.table-container table {
    width: 100%;
}
.table-container th, .table-container td {
    border-bottom: 1px solid #eee;
}
.table-container .table th.right,
.table-container .table td.right {
 	text-align: right;
 }
 .table-container .table th.left,
 .table-container .table td.left {
	text-align: left;
 }
 .table-container .table th.center,
 .table-container .table td.center {
 	text-align: center;
 }

/* For past due bills */
.pastdue {
    color: red;
}

/* Tank activities portlet */
.activities-header {
    width: 100%;
    height: 120px;
}

.activitiesDateForm {
    fload: left;
    margin-bottom: 5px;
}
.activitiesDateForm label {
    display: inline;
}

/* message at top of add claims page and enter fac stdsid page */
.claim-message {
    margin-left: 15px;
}
.claim-message p {
    margin: 0;
}

/* interface to enter facility stdsid to initiate a Tiip claim */
.form-wrapper {
    text-align: center;
}
.form-wrapper label {
    margin-bottom: 15px;
}
.form-wrapper input {
    text-align: center;
}
.form-wrapper button {
    width: 150px;
    /* background: #488f06; */
}

/* Submit buttons on Claim forms */
.form-buttons {
    width: 100%;
    position: absolute;
    margin-top: -36px;
}
.form-buttons div {
    float: right;
    margin-right: 10%;
}
.form-buttons button {
    width: 200px;
}
.form-buttons p {
    display: inline;
    margin-left: 10px;
    background: rgb(255, 255, 255);
}

/* Facility information tables on Add Claim page */
.fac-info {
    width: 100%;
    text-align: left;
}
.fac-info tr {
    vertical-align: top;
}

.fac-info th {
    width: 50%;
}
.fac-info th, .fac-info td {
    padding-bottom: 5px;
}

/* Tank info table on Add Claim */
.tank-info {
    height: 200px;
    overflow: auto;
}

.tank-info table {
    width: 100%;
    text-align: left;
}

.tank-head {
    background-color: lightgrey;
}

.tank-info tr {
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}

.tank-info tr:last-child {
    border-bottom: 1px solid lightgrey;
}

.tank-info td {
    padding: 5px;
}

/* History tables */
.history-container {
    height: 100%;
    /* max-height: 500px;
    overflow: auto; */
}

.history-container table {
    width: 100%;
}

.history-container th, .history-container td {
    border-bottom: 1px solid #eee;
}

/* Profile portlets */
.profile-container {
    width: 100%;
    text-align: left; /* Not needed? */
}
.profile-container table {
    width: 100%;
}
.profile-container th {
    padding-bottom: 5px;
    vertical-align: top;
}
.profile-container td {
    /* width: 50%; */
    padding-bottom: 5px;
}
/* For IE 11 */
.profile-container table :first-child th, .bill-container table :first-child th {
    text-align: left;
    font-weight: bold;
}
.profile-container td.right {
	text-align: right;
}
.profile-container td.left {
	text-align: left;
}

.transactions-container {
    width: 100%;
    border-radius: 5px;
    /* max-height: 300px;
    overflow: auto; */
}

.transactions-table {
    width: 100%;
}

.transactions-wrapper {
    height: 100%;
    width: 100%;
    margin-top: 1%;
}

/* Status icons in Facility Tanks */
.status-icon {
    border-radius: 8px;
    border: 1px solid lightgrey;
    background: #ECEAEA;
    font-weight: bold;
    height: 30px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.status-icon p {
	text-align: center;
	padding: 4px;
    cursor: help;
}

/* Header on Popup dialogs */
.aui .modal-header h3 {
	font-size: 18px;
}

/*************************************************
 * md-data-table styles 
 ************************************************/

/* header styles needs to go here to override  */
.md-small-header {
	background-color: rgb(211,211,211) !important;
	min-height: 35px;
	height: auto;
	padding: 8px;
	line-height: 20px;
	color: #555 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #eee;
}

.md-sub-header {
	background-color: #eee !important;
	min-height: auto;
	height: auto;
	padding: 8px;
	line-height: 20px;
	color: #555 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #eee;
}

.md-small-header > div {
	min-height: 35px;
	height: auto;
}

.md-sub-header > div {
	min-height: auto;
	height: auto;
}

/* disable select all button */
thead.disable-select-all > tr > th > md-checkbox {
      display: none;
}

/* Reduce height of table header */
table.md-table thead.md-head > tr.md-row {
	height: 30px !important;
	background: #eee !important;
}


table.md-table thead.md-head tr.md-row th.md-column > span {
	font-weight: 800 !important;
}

/* Workaround for md-checkbox not showing the 'check' in internet explorer */
md-checkbox {
    border-collapse: separate;
    border-spacing: 0;
}


.form-group-right {
	display: inline;
}

.form-group-right > .control-group {
	display: inline-block;
	margin: 5px;
}

.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}

/*	 Print only 	*/
.print-only {
   display : none;
}

@media print {
    .print-only {
       display : block;
    }
}

/* Inline radio buttons */
.radios-inline input {
	display: inline-block;
}
.radios-inline label {
	display: inline-block;
}
.radios-inline div {
	display: inline-block;
	margin: 0 5px;
}

/******************************************
 *  Custom validation 
 ******************************************/

.validateRequiredCheck {
	color: #B50303;
	margin-bottom: 10px;
}

.validateRequiredRadio {
	color: #B50303;
	margin-bottom: 10px;
}

/* Override styles */

/* input[type="date"], 
input[type="datetime-local"], 
input[type="datetime"], 
input[type="email"], 
input[type="month"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"], 
textarea {
	border-radius: 2px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 25px !important;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
} */

.modal-header {
	
	font-size: 1.17em;
 /* margin-top: 0.83em; 
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0; */
    font-weight: bold;
 /* margin: 0px 0px 0px 5px; */
    vertical-align: super;
    
}

tr.historyRecord-OwnerAddress td{
	
	font-weight: bold;
	font-style: italic;
}

.SumoSelect {
	
	width: 220px !important;
}

.SumoSelect>.optWrapper {
	width: auto !important;
	min-width: 220px !important;
}

.SumoSelect .select-all.partial>span i, 
.SumoSelect .select-all.selected>span i, 
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
	background-color: #0275d8 !important;
}
.SumoSelect>.CaptionCont {
	border: 1px solid #ccc !important;
}


.form-checkbox-group {
	margin: 0px 10px 0px 0px;
    border: 1px solid lightgrey;
    width: max-content;
    padding: 10px;
    background-color: #f1f7ff;	
}

.form-checkbox-group>div{
	margin-right: 10px
}