/* colours */
/* nav */
/* alerts buttons dialogues */
/* rad */
/* fonts */
/* grid */
/* media query */
/* colours */
/* nav */
/* alerts buttons dialogues */
/* rad */
/* fonts */
/* grid */
/* media query */
/* section */
/* retina images */
.parcel-shop-locations-box {
  display: none;
  border: 0;
  background: #f9f9f9; }

.shop-locations-message {
  display: none !important; }

.collect-deliver-info {
  float: left;
  width: 60%;
  padding-top: 0.5em; }
  .collect-deliver-info p {
    padding-bottom: 0px !important; }

.collect-deliver-contact {
  float: right;
  width: 30%;
  text-align: right;
  display: none; }

.collect-deliver-contact-element {
  display: inline-block;
  vertical-align: middle; }

.collect-deliver-contact-element .icon-phone {
  color: #5fb047;
  font-family: mpd-icon;
  font-size: xx-large;
  margin-right: 0.2em; }

.collect-deliver-contact-element .phone-number {
  font-size: x-large;
  font-family: montserratregular, Helvetica, Arial;
  text-align: left; }

.collect-deliver-contact-element .open-times {
  font-size: small;
  text-align: left;
  margin-top: -0.6em;
  color: #666; }

.residentialAddressMessage {
  display: none;
  margin: 10px 0 15px 0;
  text-align: left;
  font-weight: bold;
  color: #666;
  padding: 10px;
  background: #e8f2f1;
  border: 1px solid #ACCBCD; }

.residentialAddressMessage:before {
  color: #ACCBCD;
  content: "\e086";
  position: relative;
  top: -2px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 25px; }

.section-container {
  background: #f5f5f5;
  margin: 0;
  margin-bottom: 30px; }
  .section-container h4 {
    margin-left: 1em;
    margin-top: 14px;
    float: left;
    width: 93%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px;
    margin-bottom: 0.7em; }

.section-form {
  padding: 4px 20px 3px 20px; }

.content-short {
  height: 57px; }

.section-extension {
  display: inline-table;
  width: 100%; }

.section-extension.bottom-extension {
  background: #0085B2;
  color: white;
  border-bottom: 5px solid #fff;
  padding-top: 3px !important; }

#DeliveryAddressSection .section-extension.bottom-extension {
  background: #f6f6f6;
  color: #111;
  padding-bottom: 4px; }

.section-extension-content {
  display: table-cell;
  vertical-align: middle; }
  .section-extension-content .parcel-details-dims {
    padding-left: 4px;
    padding-right: 4px; }
    .section-extension-content .parcel-details-dims.dimfirst {
      padding-left: 15px; }

.section-extension-content.content-highlight {
  height: 57px !important; }

.person-details-login-message {
  display: none; }
  .person-details-login-message a {
    float: left;
    margin-left: 14px; }

.password-with-show-option {
  display: inline-table; }

.password-with-show-option-element {
  display: table-cell;
  vertical-align: middle; }

.password-with-show-option-element.main-element {
  width: 55%;
  padding-right: 1em; }

.password-with-show-option-element input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin: 0 !important; }

.password-with-show-option-element label {
  padding-top: 0.5em !important; }

.person-details-is-business, .person-details-business-details {
  display: none; }

#DropOffLocationsSection {
  padding: 0.5em 10px; }

#PickUpLocationsSection {
  padding: 0.5em 10px; }

.shop-locations-element {
  margin: 0.5em 0; }

.collection-delivery-comment {
  font-size: 11px;
  text-align: right;
  padding-top: 0.25em; }

.icon-delivery23 {
  float: left;
  color: #aaa;
  font-family: mpd-icon;
  font-size: xx-large;
  margin-right: 0.2em; }

#EstimatedDeliveryDate {
  font-size: large;
  padding-top: 0.2em; }

.service-details-content-left {
  width: 67%;
  background: #fff8de;
  border-right: 1px solid #ccc;
  padding: 0 2em; }

.service-details-content-left .service-name {
  font-size: larger;
  font-weight: 700; }

.service-details-content-left .service-message {
  font-size: smaller;
  color: #db2a31;
  padding-top: 0.5em; }

.service-details-content-right {
  background: #fff8de;
  padding: 0 2em; }

.service-details-content-right .service-price-details label {
  width: 40%; }

.service-details-content-right .service-price-details .amount {
  display: inline-block;
  text-align: right;
  width: 55%; }

.service-details-content-right .amount.total-amount {
  display: inline-block;
  text-align: right;
  font-size: large; }

.collection-delivery-terms {
  border-top: 1px solid #ddd;
  padding-top: 16px;
  margin-top: 9px;
  clear: both;
  float: left;
  margin-bottom: 40px; }

.collection-delivery-terms .terms-text {
  width: 63%;
  float: left;
  font-size: 13px; }

.collection-delivery-terms .terms-check {
  border-right: 1px solid #ccc;
  float: left;
  padding: 1em 1em 1em 2em; }

#TermsAgreed {
  float: left;
  width: 24px !important;
  height: 24px !important; }

.collection-delivery-terms .next-group {
  margin-top: 1em; }

.collection-delivery-terms .next-label {
  display: inline-block;
  padding-right: 1em; }

.collection-delivery-terms .next-button {
  min-width: 150px; }

.form-group {
  margin-bottom: 0.3em !important; }

label.control-label {
  text-align: left !important; }

select.auto-width {
  width: auto; }

.radio-button-row input[type="radio"] {
  display: inline-block;
  width: 18px;
  margin: 0;
  background: transparent; }

.radio-button-row label {
  padding-right: 1em; }

.no-padding {
  padding: 0 !important; }

.no-left-padding {
  padding-left: 0 !important; }

.greyed-out-text {
  color: #a3abb1; }

.hidden-element {
  visibility: hidden;
  margin-bottom: 22px; }

.space-below {
  margin-bottom: 2em; }

html.wait, html.wait * {
  cursor: wait !important; }

.phone-number a {
  color: #111;
  text-decoration: none; }

/* DD */
section.coldel {
  overflow: visible !important;
  margin-top: 16px;
  /* new layout */ }
  section.coldel span.icon-information68 {
    color: #0085B2; }
  section.coldel #UserDetailsSection .form-group {
    position: relative; }
    section.coldel #UserDetailsSection .form-group span.icon-information68 {
      position: absolute;
      left: 70px;
      top: 9px; }
  section.coldel #UserDetailsSection #LoginNextButton {
    margin-top: 10px; }
  section.coldel aside {
    margin-top: 0px !important; }
  section.coldel #user-form-data {
    float: left;
    margin: 0; }
  section.coldel #user-total-balance {
    float: left;
    position: relative; }
    section.coldel #user-total-balance .price-summary {
      -webkit-Transform: translate3d(0%, 0px, 0px) !important;
      transform: translate3d(0%, 0px, 0px) !important; }
      section.coldel #user-total-balance .price-summary .delivery-service {
        text-align: center; }
  section.coldel #DropOffLocationsSection #waiting-logo {
    margin-bottom: 10px; }
    section.coldel #DropOffLocationsSection #waiting-logo .loading {
      margin-left: 10px;
      background: white;
      border-radius: 10px;
      overflow: hidden;
      padding: 4px 0;
      margin-top: 16px; }
      section.coldel #DropOffLocationsSection #waiting-logo .loading img {
        max-width: 32px;
        float: left;
        margin-left: 5px; }
      section.coldel #DropOffLocationsSection #waiting-logo .loading span {
        padding-top: 6px;
        padding-left: 2px;
        display: inline-block;
        font-size: 12px; }
  section.coldel #DropOffLocationsSection .address-entry-find-postcode-group {
    display: none; }
  section.coldel #DropOffLocationsSection a.view-more-locations {
    position: relative;
    padding-left: 18px; }
    section.coldel #DropOffLocationsSection a.view-more-locations:before {
      content: "\e605";
      font-family: mpd-icon;
      color: #28a4d8;
      position: absolute;
      left: 0; }
  section.coldel #DropOffLocationsSection .btn-secondary {
    margin: 10px 10px 10px 0;
    float: left; }
  section.coldel p.welcome-coldel {
    padding: 0 20px;
    clear: both;
    font-size: 13px; }
  section.coldel .est-del-date {
    margin-left: 10px;
    width: 60%;
    margin-top: -3px; }
    section.coldel .est-del-date .icon-delivery23 {
      font-size: 21px;
      color: #0085B2;
      margin-left: 45px;
      margin-top: 2px;
      margin-right: 7px; }
    section.coldel .est-del-date #EstimatedDeliveryDate {
      font-size: 14px !important;
      color: #0085B2; }
  section.coldel input[type=number]::-webkit-outer-spin-button,
  section.coldel input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  section.coldel input[type=number] {
    -moz-appearance: textfield; }
  section.coldel #ParcelDetailsSection {
    position: relative; }
    section.coldel #ParcelDetailsSection h4 {
      margin-bottom: 6px !important; }
    section.coldel #ParcelDetailsSection .rest-item-list {
      position: absolute;
      top: 10px;
      right: 35px; }
    section.coldel #ParcelDetailsSection .parcel-details-dims {
      padding-left: 4px;
      padding-right: 4px;
      margin-bottom: 3px; }
      section.coldel #ParcelDetailsSection .parcel-details-dims.dimfirst {
        padding-left: 15px; }

h4 .icon-information68 {
  font-family: 'mpd-icon';
  font-size: 14px;
  padding-left: 5px;
  position: relative;
  z-index: 2; }

#DeliveryAddressSection
.section-extension .section-form {
  position: relative; }
  #DeliveryAddressSection
  .section-extension .section-form .icon-information68 {
    font-family: mpd-icon;
    font-size: 14px;
    position: absolute;
    left: 175px;
    top: 7px;
    z-index: 2; }

#CollectionAddressSection .form-horizontal .form-group, #ParcelDetailsSection .form-horizontal .form-group {
  position: relative; }
  #CollectionAddressSection .form-horizontal .form-group .icon-information68, #ParcelDetailsSection .form-horizontal .form-group .icon-information68 {
    font-family: mpd-icon;
    font-size: 14px;
    position: absolute;
    left: 140px;
    top: 10px;
    z-index: 2; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top-color: #ddd; }

.password-with-show-option-element label {
  font-size: 12px; }

.booking-header section .filter-button {
  display: none !important; }

#ParcelDetails_ParcelValue {
  width: 106px; }

/* WIDE */
/* DESKTOP */
@media only screen and (max-width: 1240px) {
  section.coldel .est-del-date .icon-delivery23 {
    margin-left: 68px; }
  section.coldel #DropOffLocationsSection #waiting-logo {
    width: 438px; }

  #CollectionAddressSection .form-horizontal .form-group .icon-information68, #ParcelDetailsSection .form-horizontal .form-group .icon-information68 {
    left: 130px; } }
/* TABLET */
@media only screen and (max-width: 990px) {
  .control-label {
    float: left; }

  section.coldel .est-del-date .icon-delivery23 {
    margin-left: 58px; }
  section.coldel #user-total-balance .control-label {
    float: left;
    width: 30%; }
  section.coldel #user-total-balance .address-entry-find-postcode-group .address-entry-find-postcode-btn {
    width: 55%; }
  section.coldel #user-total-balance .service-name {
    clear: none !important;
    text-align: left;
    float: left;
    width: 61% !important;
    margin-left: 20px; }
  section.coldel #user-total-balance .delivery-service a {
    float: left;
    margin-left: 0px;
    margin-top: 7px;
    margin-bottom: 17px;
    /* clear: both; */
    text-align: center;
    /* width: 100%; */
    clear: none;
    margin-left: 21px; }
  section.coldel #user-total-balance .collection-delivery-terms .terms-text {
    width: 54%;
    float: left;
    font-size: 13px; }
  section.coldel #DropOffLocationsSection #waiting-logo {
    width: 306px; }

  a#ChangeServiceLink {
    width: 67%;
    text-align: left !important; }

  img#courier-logo-summary {
    width: 150px !important;
    float: left; }

  .address-entry-find-postcode-group .address-entry-find-postcode-btn {
    width: 55% !important; }

  #CollectionAddressSection .form-horizontal .form-group .icon-information68, #ParcelDetailsSection .form-horizontal .form-group .icon-information68 {
    left: 124px; }

  .collection-delivery-terms .terms-text {
    width: 58%;
    float: left;
    font-size: 12px; }

  #UserDetailsSection .person-details-main .is-business {
    padding-left: 0; }
    #UserDetailsSection .person-details-main .is-business .radio-button-row input[type="radio"] {
      float: left;
      margin: 6px 4px 0 0; } }
/* MOBILE */
@media only screen and (max-width: 767px) {
  .form-inline .find-postcode-input-col .address-entry-find-postcode {
    width: 80% !important; }

  .form-inline .single-line {
    width: 37% !important; }

  .address-entry-find-postcode-group .address-entry-find-postcode-btn {
    width: 56% !important; }

  .control-label {
    float: left;
    width: 100%; }

  label {
    margin-bottom: 7px !important; }

  .terms-check {
    clear: both;
    border: none !important;
    padding-left: 20px !important; }

  .collection-delivery-terms {
    margin-bottom: 40px;
    padding-top: 0px !important;
    margin-top: 0px !important; }
    .collection-delivery-terms .terms-text {
      width: 100%;
      float: left;
      padding: 11px;
      font-size: 12px; }

  .collection-delivery-terms .btn-primary {
    margin-right: 15px; }

  .collect-deliver-info {
    width: 100%;
    padding: 10px;
    background: #e9e9e9; }

  .collect-deliver-contact {
    clear: both;
    text-align: left;
    margin-top: 26px;
    margin-left: 10px;
    width: 100%;
    margin: auto;
    float: left;
    display: block;
    padding: 10px;
    text-align: center; }

  .collection-delivery-comment {
    font-size: 10px !important;
    text-align: left; }

  .booking-header section .booking-summary-info {
    width: 100% !important;
    padding: 2px !important; }

  .phone-number a {
    color: #111;
    text-decoration: underline !important; }

  .next-group {
    width: 80%;
    text-align: right; }

  .next-label {
    width: 42%;
    margin-top: 5px;
    float: none !important;
    text-align: right !important; }

  .collection-delivery-terms .next-button {
    min-width: 123px; }

  #user-total-balance {
    height: auto !important; }

  .rest-item-list {
    display: none; }

  .person-details-main .padRight2, .collection-delivery-contact-details .padRight2 {
    padding-right: 15px !important; }
  .person-details-main .padLeft2, .collection-delivery-contact-details .padLeft2 {
    padding-left: 15px !important;
    padding-top: 3px !important; }

  section.coldel .est-del-date {
    width: 100% !important;
    margin-left: -4px !important; }

  h4 {
    font-size: 16px !important; }

  #user-total-balance {
    padding-right: 15px !important;
    padding-left: 15px !important; }
    #user-total-balance .price-summary .delivery-service span img, #user-total-balance .price-summary .delivery-service img {
      height: auto !important;
      margin-bottom: 12px;
      float: none !important;
      margin: 0 25% !important; }
    #user-total-balance .price-summary .delivery-service span a, #user-total-balance .price-summary .delivery-service a {
      float: none !important;
      margin-left: 0px !important;
      margin-top: 7px;
      margin-bottom: 17px;
      clear: both !important;
      text-align: center;
      width: 100% !important; }
    #user-total-balance .price-summary .delivery-service span .service-name, #user-total-balance .price-summary .delivery-service .service-name {
      clear: both;
      text-align: center !important;
      width: 100% !important;
      margin-left: 0px !important;
      padding: 10px 0; }

  img#courier-logo-summary {
    width: 150px !important; }

  .collection-delivery-terms {
    border-top: none !important;
    padding-top: 4px !important; }

  .content-short {
    height: 70px !important; }

  section.coldel .est-del-date .icon-delivery23 {
    font-size: 21px;
    color: #0085B2;
    margin-left: 4px;
    margin-top: 2px;
    margin-right: 7px; }

  section.coldel #ParcelDetailsSection .parcel-details-dims {
    padding-left: 15px !important;
    padding-right: 15px !important; }
    section.coldel #ParcelDetailsSection .parcel-details-dims.dimfirst {
      padding-left: 15px !important;
      padding-right: 15px !important; }
  section.coldel #DropOffLocationsSection #waiting-logo {
    width: 160px;
    clear: both;
    margin-left: 0; }

  .section-extension-content.content-highlight {
    height: 81px !important; }

  .radio-button-row .control-label {
    float: none !important;
    width: auto !important; }

  #CollectionAddressSection .form-horizontal .form-group .icon-information68, #ParcelDetailsSection .form-horizontal .form-group .icon-information68 {
    left: 130px; }

  #UserDetailsSection .person-details-main .is-business {
    padding-left: 15px; }
    #UserDetailsSection .person-details-main .is-business .radio-button-row input[type="radio"] {
      float: none;
      margin: 0; } }