/**
 *
 *          ..::..
 *     ..::::::::::::..
 *   ::'''''':''::'''''::
 *   ::..  ..:  :  ....::
 *   ::::  :::  :  :   ::
 *   ::::  :::  :  ''' ::
 *   ::::..:::..::.....::
 *     ''::::::::::::''
 *          ''::''
 *
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Creative Commons License.
 * It is available through the world-wide-web at this URL:
 * http://creativecommons.org/licenses/by-nc-nd/3.0/nl/deed.en_US
 * If you are unable to obtain it through the world-wide-web, please send an email
 * to servicedesk@tig.nl so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this module to newer
 * versions in the future. If you wish to customize this module for your
 * needs please contact servicedesk@tig.nl for more information.
 *
 * @copyright   Copyright (c) Total Internet Group B.V. https://tig.nl/copyright
 * @license     http://creativecommons.org/licenses/by-nc-nd/3.0/nl/deed.en_US
 */
/* =================================================================================================================== *
/*
/* Do you want to customize the colors of the PostNL extension?
/* Colors can be overwritten by copying the variables to your own theme
/*
* =================================================================================================================== */
/*** PostNL Color Pallet ***/
/*** Custom Color Pallet ***/
/* Buttons */
/* Border radius button group */
/* Top row elements */
/* Middle row */
/* Opening hours */
/* =================================================================================================================== *
*
* TIG PostNL Magento 2 Extension
*
* =================================================================================================================== */
/* PostNL Branding Frontend */
#label_method_regular_tig_postnl:before {
  float: left;
  width: 50px;
  height: 37px;
  content: ' ';
  background-image: url(../images/postnl_logo.png) !important;
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: auto 33px;
  margin-top: -10px;
}
/* Delivery Options */
.postnl-delivery-options {
  color: #27324C;
  overflow: hidden;
  width: 100%;
  max-width: 500px;
  margin-bottom: 10px;
  /* End Delivery */
}
.postnl-delivery-options * {
  box-sizing: border-box;
}
.postnl-delivery-options .btn-group {
  background: #ED8C00;
  float: left;
  width: 100%;
  border: 1px solid #D4D9E3;
  box-sizing: border-box;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}
.postnl-delivery-options button.btn.btn-default {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border: 0;
  background: #fff;
  text-align: left;
  padding: 15px;
  min-height: 55px;
}
.postnl-delivery-options button.btn.btn-default > .pickup-date {
  font-size: 10px;
}
.postnl-delivery-options button.btn.btn-default:not(.primary) {
  box-shadow: none;
}
.postnl-delivery-options button.btn.btn-default:nth-child(1) {
  border-radius: 4px 0 0 0;
  border-right: 0;
}
.postnl-delivery-options button.btn.btn-default:nth-child(2) {
  border-radius: 0 4px 0 0;
}
.postnl-delivery-options button.btn.btn-default:hover {
  background: #F3F4F7;
}
.postnl-delivery-options button.btn.btn-default.button-active {
  background: #ED8C00;
  color: #fff;
}
@media screen and (min-width: 480px) {
  .postnl-delivery-options button.btn.btn-default .data {
    float: right;
  }
}
.postnl-delivery-options input.tig-postnl-delivery-radio,
.postnl-delivery-options input.tig-postnl-pickup-radio {
  box-shadow: none;
}
.postnl-delivery-options input.tig-postnl-delivery-radio:active,
.postnl-delivery-options input.tig-postnl-pickup-radio:active,
.postnl-delivery-options input.tig-postnl-delivery-radio:hover,
.postnl-delivery-options input.tig-postnl-pickup-radio:hover,
.postnl-delivery-options input.tig-postnl-delivery-radio:focus,
.postnl-delivery-options input.tig-postnl-pickup-radio:focus,
.postnl-delivery-options input.tig-postnl-delivery-radio:visited,
.postnl-delivery-options input.tig-postnl-pickup-radio:visited {
  box-shadow: none;
}
.postnl-delivery-options .delivery,
.postnl-delivery-options .pickup {
  float: left;
  width: 100%;
  background: #fff;
  border: 1px solid #D4D9E3;
  box-sizing: border-box;
  border-top: 0;
}
.postnl-delivery-options .delivery ul,
.postnl-delivery-options .pickup ul,
.postnl-delivery-options .delivery ol,
.postnl-delivery-options .pickup ol {
  padding: 0;
  list-style: none;
}
.postnl-delivery-options .delivery ul li,
.postnl-delivery-options .pickup ul li,
.postnl-delivery-options .delivery ol li,
.postnl-delivery-options .pickup ol li {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
  position: relative;
}
.postnl-delivery-options .delivery ul li.selected-row,
.postnl-delivery-options .pickup ul li.selected-row,
.postnl-delivery-options .delivery ol li.selected-row,
.postnl-delivery-options .pickup ol li.selected-row {
  background: #eaf7ff;
}
.postnl-delivery-options .delivery ul li label,
.postnl-delivery-options .pickup ul li label,
.postnl-delivery-options .delivery ol li label,
.postnl-delivery-options .pickup ol li label {
  cursor: pointer;
  box-sizing: border-box;
}
.postnl-delivery-options .delivery ul li label:hover,
.postnl-delivery-options .pickup ul li label:hover,
.postnl-delivery-options .delivery ol li label:hover,
.postnl-delivery-options .pickup ol li label:hover {
  background: #eaf7ff;
}
.postnl-delivery-options .delivery {
  border: 0;
  background: transparent;
}
.postnl-delivery-options .delivery .days {
  border: 1px solid #D4D9E3;
  border-top: 0;
  overflow: hidden;
  background: #fff;
}
.postnl-delivery-options .delivery .days .wrapper {
  float: left;
  width: 100%;
}
.postnl-delivery-options .delivery .days .wrapper:nth-child(even) {
  background: #fff;
}
.postnl-delivery-options .delivery .days .wrapper strong {
  font-size: 12px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: #F3F4F7;
  border-bottom: 1px solid #D4D9E3;
  border-top: 1px solid #D4D9E3;
  padding: 5px 15px;
}
.postnl-delivery-options .delivery .days .wrapper strong .deliverydays-day {
  text-transform: uppercase;
  display: inline-block;
}
.postnl-delivery-options .delivery .days .wrapper strong .deliverydays-day:after {
  content: ",";
}
.postnl-delivery-options .delivery .days .wrapper strong .deliverydays-date {
  display: inline-block;
}
.postnl-delivery-options .delivery .days .wrapper-fullwidth ul {
  width: 100% !important;
}
.postnl-delivery-options .delivery .days .wrapper ul,
.postnl-delivery-options .delivery .days .wrapper ol {
  float: left;
  width: 100%;
}
.postnl-delivery-options .delivery .days .wrapper ul li,
.postnl-delivery-options .delivery .days .wrapper ol li {
  float: left;
  width: 100%;
}
.postnl-delivery-options .delivery .days .wrapper ul li label,
.postnl-delivery-options .delivery .days .wrapper ol li label {
  float: left;
  width: 100%;
  padding: 13px 15px 13px 15px;
}
@media screen and (min-width: 400px) {
  .postnl-delivery-options .delivery .days .wrapper ul li li,
  .postnl-delivery-options .delivery .days .wrapper ol li li {
    padding: 10px 100px 10px 20px;
  }
}
.postnl-delivery-options .delivery .days .wrapper ul li .data-container,
.postnl-delivery-options .delivery .days .wrapper ol li .data-container {
  display: inline-block;
  width: calc(100% - 40px);
}
.postnl-delivery-options .delivery .days .wrapper ul li .tig-postnl-delivery-radio,
.postnl-delivery-options .delivery .days .wrapper ol li .tig-postnl-delivery-radio {
  position: absolute;
}
.postnl-delivery-options .delivery .days .wrapper ul li .tig-postnl-delivery-time,
.postnl-delivery-options .delivery .days .wrapper ol li .tig-postnl-delivery-time {
  padding-left: 30px;
  float: left;
  width: 50%;
}
.postnl-delivery-options .delivery .days .wrapper ul li .tig-postnl-delivery-fallback,
.postnl-delivery-options .delivery .days .wrapper ol li .tig-postnl-delivery-fallback {
  padding-left: 30px;
  float: left;
  width: 100%;
}
.postnl-delivery-options .delivery .days .wrapper ul li .tig-postnl-delivery-option,
.postnl-delivery-options .delivery .days .wrapper ol li .tig-postnl-delivery-option {
  float: left;
  width: 100%;
  padding-left: 30px;
}
@media screen and (min-width: 400px) {
  .postnl-delivery-options .delivery .days .wrapper ul li .data-container,
  .postnl-delivery-options .delivery .days .wrapper ol li .data-container {
    width: calc(100% - 100px);
  }
  .postnl-delivery-options .delivery .days .wrapper ul li .tig-postnl-delivery-option,
  .postnl-delivery-options .delivery .days .wrapper ol li .tig-postnl-delivery-option {
    padding-left: 0;
    width: 50%;
    text-align: right;
  }
}
.postnl-delivery-options .delivery .extra-service-container {
  border: 1px solid #D4D9E3;
  margin-top: 25px;
  background: #fff;
}
.postnl-delivery-options .delivery .extra-service-container .extra-service-header {
  padding: 6px 15px;
  font-size: 12px;
  background: #27324C;
  color: #fff;
  text-transform: uppercase;
}
.postnl-delivery-options .delivery .extra-service-container .extra-service-header .extra-service-label {
  font-weight: 600;
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address {
  padding: 0;
  position: relative;
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address input {
  position: absolute;
  left: 15px;
  transform: translateY(-50%);
  top: 49%;
  pointer-events: none;
  z-index: 2;
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address input:not([disabled]):focus {
  box-shadow: none;
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address label {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 0 0 0 40px;
  line-height: 55px;
  cursor: pointer;
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address label:hover {
  background: #eaf7ff;
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address .price {
  position: absolute;
  right: 15px;
  transform: translateY(-50%);
  top: 50%;
  pointer-events: none;
}
@media screen and (max-width: 399px) {
  .postnl-delivery-options .delivery .extra-service-container .only-stated-address .price {
    position: relative;
    pointer-events: none;
    padding-left: 40px;
    top: -15px;
    right: unset;
  }
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address .price:before {
  content: '(+ ';
}
.postnl-delivery-options .delivery .extra-service-container .only-stated-address .price:after {
  content: ')';
}
@media screen and (max-width: 480px) {
  .postnl-delivery-options .delivery .days .wrapper strong {
    float: left;
    width: 100%;
  }
  .postnl-delivery-options .delivery .days .wrapper ul,
  .postnl-delivery-options .delivery .days .wrapper ol {
    float: right;
    width: 100%;
  }
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row strong {
  font-size: 12px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: #F3F4F7;
  border-bottom: 1px solid #D4D9E3;
  border-top: 1px solid #D4D9E3;
  padding: 5px 15px;
  text-transform: uppercase;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row strong .tig-postnl-distance {
  float: right;
  font-weight: 400;
  text-transform: none;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label {
  float: left;
  width: 100%;
  padding: 18px 15px 18px 15px;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label input {
  float: left;
  margin: 0 10px 0 0;
  width: 20px;
  height: 21px;
  position: absolute;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-address-container {
  float: left;
  width: 70%;
  padding-left: 30px;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-address-container .tig-postnl-pickup-hours-link {
  display: block;
  margin-top: 10px;
  color: #ED8C00;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-address-container .tig-postnl-pickup-hours-link .hide {
  display: none;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-address-container .tig-postnl-pickup-hours-link .show {
  display: block;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-address-container .tig-postnl-pickup-hours-link.active .hide {
  display: block;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-address-container .tig-postnl-pickup-hours-link.active .show {
  display: none;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-date-time-container {
  float: right;
  text-align: right;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-date-time-container {
    float: left;
    margin-top: 10px;
    padding-left: 30px;
    text-align: left;
    width: 100%;
  }
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-date-time-container span {
  display: block;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-date-time-container .pickup-date-date {
  font-size: 12px;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-pickup-hours-list {
  float: left;
  width: calc(100% - 30px);
  margin-left: 30px;
  background: #F3F4F7;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #D4D9E3;
  box-sizing: border-box;
  margin-top: 10px;
}
.postnl-delivery-options .pickup .tig-postnl-pickup-row label .tig-postnl-pickup-hours-list li {
  float: left;
  line-height: 25px;
  width: 50%;
}
/* Loading Image */
.postnl-delivery-options {
  position: relative;
}
.postnl-delivery-options .tig-postnl-loading {
  position: absolute;
  background: rgba(255, 255, 255, 0.65) url(../images/loading_1.gif) no-repeat center center;
  background-size: 60px;
  height: 100px;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;
}

.tig-housenumber {
    display: inline;
}
/* =================================================================================================================== *
*
* Override Magento Narrow Shipping Table
*
* =================================================================================================================== */
#opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method {
  width: 100% !important;
  max-width: 500px;
}
#opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method .col-price {
  min-width: 100px;
}