/* TODO: Hack to align buttons, find somehting better */
.shipment-application-page .changed,
.shipment-contract-page .changed,
.contracts-dashboard-page .changed,
.hvccc-recommendation-page .changed {
  background-color: #fffdc4;
}
.shipment-application-page .section-changed .change-indicator,
.shipment-contract-page .section-changed .change-indicator,
.contracts-dashboard-page .section-changed .change-indicator,
.hvccc-recommendation-page .section-changed .change-indicator {
  color: #f5ef40;
}
.shipment-application-page .pending-vessel .pending-indicator,
.contracts-dashboard-page .pending-vessel .pending-indicator {
  color: #1464f4;
}
.shipment-application-page .shipment-application-section-two,
.shipment-contract-page .shipment-application-section-two {
  height: 400px;
}
.shipment-application-page .pro-rating-choice,
.shipment-contract-page .pro-rating-choice {
  margin-left: 20px;
}
.shipment-application-page .shipment-application-checklist i,
.shipment-contract-page .shipment-application-checklist i {
  width: 24px;
  display: inline-block;
  text-align: center;
}
.shipment-application-page .shipment-application-checklist p.hvccc-comment,
.shipment-contract-page .shipment-application-checklist p.hvccc-comment {
  margin-left: 32px;
}
.shipment-application-page .shipment-application-cargo,
.shipment-contract-page .shipment-application-cargo {
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;
}
.shipment-application-page .shipment-application-cargo .coal-availabilites,
.shipment-contract-page .shipment-application-cargo .coal-availabilites {
  width: 625px;
}
.shipment-application-page .shipment-application-cargo .coal-availabilites .coal-availibility > ul > li,
.shipment-contract-page .shipment-application-cargo .coal-availabilites .coal-availibility > ul > li {
  display: inline-block;
}
.shipment-application-page .shipment-application-cargo .coal-availabilites .coal-availibility > ul > li .add-on,
.shipment-contract-page .shipment-application-cargo .coal-availabilites .coal-availibility > ul > li .add-on {
  margin-top: 0px;
}
.shipment-application-page .shipment-application-cargo .component-list-header,
.shipment-contract-page .shipment-application-cargo .component-list-header {
  font-weight: bold;
  margin-top: 10px;
}
.shipment-application-page .shipment-application-cargo .component-brief,
.shipment-contract-page .shipment-application-cargo .component-brief {
  display: inline;
  margin-right: 10px;
}
.shipment-application-page .shipment-application-cargo .component-brief-loadpoint,
.shipment-contract-page .shipment-application-cargo .component-brief-loadpoint {
  display: inline-block;
  width: 200px;
}
.shipment-application-page .shipment-application-cargo .component-brief-componentcoalbrand,
.shipment-contract-page .shipment-application-cargo .component-brief-componentcoalbrand {
  display: inline-block;
  width: 300px;
}
.shipment-application-page .shipment-application-cargo .component-brief-tonnes,
.shipment-contract-page .shipment-application-cargo .component-brief-tonnes {
  display: inline-block;
  width: 200px;
}
.shipment-application-page .shipment-application-cargo .accordion-heading,
.shipment-contract-page .shipment-application-cargo .accordion-heading {
  background-color: #f8f8f8;
}
.shipment-application-page .shipment-application-cargo .accordion-group,
.shipment-contract-page .shipment-application-cargo .accordion-group {
  border-color: #bbbbbb;
}
.shipment-application-page .shipment-application-cargo .accordion-inner,
.shipment-contract-page .shipment-application-cargo .accordion-inner {
  height: 300px;
}
.shipment-application-page .shipment-application-cargo td,
.shipment-contract-page .shipment-application-cargo td {
  width: 160px;
  text-align: left;
}
.shipment-application-page .shipment-application-cargo .table-header,
.shipment-contract-page .shipment-application-cargo .table-header {
  font-weight: bold;
}
.shipment-application-page .shipment-application-cargo .chzn-results,
.shipment-contract-page .shipment-application-cargo .chzn-results {
  max-height: 150px;
}
.shipment-application-page .shipment-application-cargo .component-validation-icon,
.shipment-contract-page .shipment-application-cargo .component-validation-icon {
  width: 16px;
  height: 16px;
  margin-left: 20px;
}
.shipment-application-page .shipment-application-cargo .component-status-column,
.shipment-contract-page .shipment-application-cargo .component-status-column {
  width: 120px;
  padding-left: 20px;
}
.shipment-application-page .shipment-application-cargo .component-validation-summary,
.shipment-contract-page .shipment-application-cargo .component-validation-summary {
  margin-bottom: 15px;
}
.shipment-application-page .shipment-application-cargo .allocation-exceeded,
.shipment-contract-page .shipment-application-cargo .allocation-exceeded {
  color: #ff2626;
  font-weight: bold;
}
.shipment-application-page .shipment-application-cargo .allocation-under,
.shipment-contract-page .shipment-application-cargo .allocation-under {
  color: #30ad2b;
}
.shipment-application-page .shipment-application-cargo .allocation-no-status,
.shipment-contract-page .shipment-application-cargo .allocation-no-status {
  color: black;
}
.shipment-application-page .shipment-application-cargo .showRail_true,
.shipment-contract-page .shipment-application-cargo .showRail_true {
  visibility: visible;
}
.shipment-application-page .shipment-application-cargo .showRail_false,
.shipment-contract-page .shipment-application-cargo .showRail_false {
  visibility: hidden;
}
.shipment-application-page .shipment-application-cargo .remove-coal-availability,
.shipment-contract-page .shipment-application-cargo .remove-coal-availability {
  vertical-align: top;
}
.shipment-application-page .shipment-application-instructions,
.shipment-contract-page .shipment-application-instructions {
  margin-bottom: 30px;
}
.shipment-application-page .shipment-application-instructions .add-instructions-buttons,
.shipment-contract-page .shipment-application-instructions .add-instructions-buttons {
  margin-bottom: 5px;
}
.shipment-application-page .shipment-application-instructions .instructions-group,
.shipment-contract-page .shipment-application-instructions .instructions-group {
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.shipment-application-page .shipment-application-instructions .instructions-group .instructions-header,
.shipment-contract-page .shipment-application-instructions .instructions-group .instructions-header {
  margin-left: 0px;
  background-color: #f8f8f8;
  font-weight: bold;
}
.shipment-application-page .shipment-application-instructions .instructions-group .instructions-header div:first-child,
.shipment-contract-page .shipment-application-instructions .instructions-group .instructions-header div:first-child {
  padding-left: 15px;
  margin-left: 0px;
}
.shipment-application-page .shipment-application-instructions .instructions-group .instructions-body,
.shipment-contract-page .shipment-application-instructions .instructions-group .instructions-body {
  padding: 9px 15px;
}
.shipment-application-page .shipment-application-instructions .instructions-group .instructions-body .first,
.shipment-contract-page .shipment-application-instructions .instructions-group .instructions-body .first {
  border-top: solid 1px #eeeeee;
  padding-top: 10px;
}
.shipment-application-page .shipment-application-decision .basic-details .remnantCls,
.shipment-contract-page .shipment-application-decision .basic-details .remnantCls,
.shipment-application-page .shipment-contract .basic-details .remnantCls,
.shipment-contract-page .shipment-contract .basic-details .remnantCls {
  display: flex;
}
.shipment-application-page .shipment-application-decision .basic-details .remnantCls .table,
.shipment-contract-page .shipment-application-decision .basic-details .remnantCls .table,
.shipment-application-page .shipment-contract .basic-details .remnantCls .table,
.shipment-contract-page .shipment-contract .basic-details .remnantCls .table {
  width: auto;
}
.shipment-application-page .shipment-application-decision .basic-details .remnantCls .table td,
.shipment-contract-page .shipment-application-decision .basic-details .remnantCls .table td,
.shipment-application-page .shipment-contract .basic-details .remnantCls .table td,
.shipment-contract-page .shipment-contract .basic-details .remnantCls .table td {
  padding-right: 20px;
  border-top: none;
}
.shipment-application-page .shipment-application-decision .toggle-approvals,
.shipment-contract-page .shipment-application-decision .toggle-approvals,
.shipment-application-page .shipment-contract .toggle-approvals,
.shipment-contract-page .shipment-contract .toggle-approvals {
  cursor: pointer;
}
.shipment-application-page .shipment-application-decision .basic-details-left,
.shipment-contract-page .shipment-application-decision .basic-details-left,
.shipment-application-page .shipment-contract .basic-details-left,
.shipment-contract-page .shipment-contract .basic-details-left {
  display: block;
}
.shipment-application-page .shipment-application-decision .basic-details-left,
.shipment-contract-page .shipment-application-decision .basic-details-left,
.shipment-application-page .shipment-contract .basic-details-left,
.shipment-contract-page .shipment-contract .basic-details-left {
  float: left;
}
.shipment-application-page .shipment-application-decision .basic-details-right,
.shipment-contract-page .shipment-application-decision .basic-details-right,
.shipment-application-page .shipment-contract .basic-details-right,
.shipment-contract-page .shipment-contract .basic-details-right {
  float: right;
}
.shipment-application-page .shipment-application-decision .cargo,
.shipment-contract-page .shipment-application-decision .cargo,
.shipment-application-page .shipment-contract .cargo,
.shipment-contract-page .shipment-contract .cargo {
  display: block;
  float: none;
}
.shipment-application-page .shipment-application-decision .allocation-exceeded,
.shipment-contract-page .shipment-application-decision .allocation-exceeded,
.shipment-application-page .shipment-contract .allocation-exceeded,
.shipment-contract-page .shipment-contract .allocation-exceeded {
  color: #ff2626;
  font-weight: bold;
}
.shipment-application-page .shipment-application-decision .allocation-under,
.shipment-contract-page .shipment-application-decision .allocation-under,
.shipment-application-page .shipment-contract .allocation-under,
.shipment-contract-page .shipment-contract .allocation-under {
  color: #30ad2b;
}
.shipment-application-page .shipment-application-decision .notify-hvccc,
.shipment-contract-page .shipment-application-decision .notify-hvccc,
.shipment-application-page .shipment-contract .notify-hvccc,
.shipment-contract-page .shipment-contract .notify-hvccc {
  padding-right: 5px;
}
@media (max-width: 570px) {
  .shipment-application-page .shipment-application-decision .notify-hvccc,
  .shipment-contract-page .shipment-application-decision .notify-hvccc,
  .shipment-application-page .shipment-contract .notify-hvccc,
  .shipment-contract-page .shipment-contract .notify-hvccc {
    padding-top: 5px;
  }
  .shipment-application-page .shipment-application-decision .notify-hvccc input[type=checkbox],
  .shipment-contract-page .shipment-application-decision .notify-hvccc input[type=checkbox],
  .shipment-application-page .shipment-contract .notify-hvccc input[type=checkbox],
  .shipment-contract-page .shipment-contract .notify-hvccc input[type=checkbox] {
    width: auto;
  }
}
.shipment-application-page .additional-actions {
  position: relative;
  top: -80px;
  left: 85px;
}
.shipment-application-page p.validation-summary-errors {
  display: none;
}
@media (min-width: 375px) and (max-width: 570px) {
  .shipment-application-page .content-right-column {
    float: none !important;
    width: 100% !important;
  }
  .shipment-application-page .accordion-inner {
    height: auto !important;
  }
  .shipment-application-page .coal-availibility .tons,
  .shipment-application-page .coal-availibility .date {
    display: inline !important;
  }
  .shipment-application-page .shipment-application-section-two {
    height: auto !important;
  }
  .shipment-application-page .content-left-column {
    width: 100% !important;
  }
  .shipment-application-page textarea {
    width: 95% !important;
  }
}