/* TODO: Hack to align buttons, find somehting better */
.coal-loading-plans-dashboard-page .coal-loading-plans .number {
  text-align: left;
}
.coal-loading-plans-dashboard-page .search {
  margin-top: 25px;
}
.coal-loading-plan-page .lg-input {
  width: 206px !important;
}
.coal-loading-plan-page .export-name {
  width: 80px;
}
.coal-loading-plan-page input[type="number"]::-webkit-outer-spin-button,
.coal-loading-plan-page input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.coal-loading-plan-page input[type="number"] {
  -moz-appearance: textfield;
}
.coal-loading-plan-page .coal-amount {
  width: 40px;
}
.coal-loading-plan-page .variance {
  width: 60px;
}
.coal-loading-plan-page .summary-details-section {
  margin-left: 10px;
}
.coal-loading-plan-page .summary-details-section .table th,
.coal-loading-plan-page .summary-details-section td {
  text-align: right;
}
.coal-loading-plan-page .fields {
  font-size: small !important;
}
.coal-loading-plan-page .fields .emphasis {
  font-size: larger !important;
  color: red;
  font-weight: bold !important;
}
.coal-loading-plan-page .fields .additional-actions {
  position: relative;
  top: -83px;
  left: 97px;
}
.coal-loading-plan-page .fields .hatch-info-summary {
  margin-top: -16px;
}
.coal-loading-plan-page .fields .display-label:not(.numeric-input) {
  width: 140px;
}
.coal-loading-plan-page .fields .short-display-label span {
  width: 80px;
}
.coal-loading-plan-page .fields .span2large {
  width: 200px;
}
.coal-loading-plan-page .fields .numeric-input {
  width: 40px;
  height: 15px;
  margin: 1px;
}
.coal-loading-plan-page .fields .tonnes-input {
  width: 60px;
  height: 15px;
  margin: 1px;
}
.coal-loading-plan-page .fields .wide-numeric-input {
  width: 85px;
  height: 15px;
  margin: 1px;
}
.coal-loading-plan-page .fields input:not([type="radio"]):not([type="checkbox"]):not(.numeric-input):not(.wide-numeric-input):not(.tonnes-input) {
  width: 100px;
  height: 15px;
  margin: 1px;
  text-align: right;
}
.coal-loading-plan-page .fields .auto-approve-violations ul {
  list-style-type: disc;
  margin-left: 2em;
}
.coal-loading-plan-page .fields .table th,
.coal-loading-plan-page .fields .table td {
  padding: 2px;
}
.coal-loading-plan-page .fields .coal-loading-plans-list {
  width: 220px;
}
.coal-loading-plan-page .fields select {
  width: 100px;
  margin: 1px;
}
.coal-loading-plan-page .fields label {
  float: left;
  font-size: 12px !important;
}
.coal-loading-plan-page .fields .hatch-info-table {
  width: 100%;
  float: left;
}
.coal-loading-plan-page .fields .hatch-info-table th span.hold-indicator {
  display: block;
  height: 3px;
}
.coal-loading-plan-page .fields .hatch-info-table th span.odd {
  background-color: #58a7c6;
}
.coal-loading-plan-page .fields .hatch-info-table th span.even {
  background-color: #ecba58;
}
.coal-loading-plan-page .fields .hatch-info-table .table td {
  text-align: right;
}
.coal-loading-plan-page .fields .hatch-info-summary {
  width: 15%;
  float: left;
  margin-left: 2%;
}
.coal-loading-plan-page .fields .hatch-info-summary .display-label:not(.numeric-input) {
  width: 90px;
}
.coal-loading-plan-page .fields .overview-section {
  margin-left: 10px;
}
.coal-loading-plan-page .fields .overview-section label:not(.radio) {
  width: 200px;
  height: 15px;
}
.coal-loading-plan-page .fields .overview-section span:not(.radio) {
  width: 200px;
  height: 15px;
  vertical-align: initial;
}
.coal-loading-plan-page .fields .overview-section .is-cargo-hold-entry-required-group {
  margin-right: 40px;
  font-weight: bold;
}
.coal-loading-plan-page .fields .overview-section .deballast-stop-group {
  margin-right: 115px;
  font-weight: bold;
}
.coal-loading-plan-page .fields .overview-section .radio:nth-of-type(1) {
  padding-left: 0;
}
.coal-loading-plan-page .fields tr {
  line-height: 14px;
}
.coal-loading-plan-page .fields td {
  line-height: 14px;
}
.coal-loading-plan-page .fields .pass-type {
  text-align: center;
}
.coal-loading-plan-page .fields .arrival-label {
  vertical-align: central;
  text-align: right;
  font-style: italic;
  font-weight: bold;
  line-height: 25px;
}
.coal-loading-plan-page .fields .passes .table th,
.coal-loading-plan-page .fields .passes td {
  text-align: right;
}
.coal-loading-plan-page .fields .passes .comments {
  width: 230px;
}
.coal-loading-plan-page .fields .orange-heading {
  color: #d44e28;
}
@media print {
  h1 {
    display: none!important;
  }
  .no-print {
    display: none;
  }
  .overview-section {
    width: 45%!important;
    display: table-cell;
  }
  .summary-details-section {
    display: inline;
  }
  table {
    page-break-inside: avoid;
  }
  .hatch-info-title {
    page-break-before: avoid;
  }
}