/**
 * MIT License
 *
 * Copyright (c) 2016 CM Groep
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 * @category   CMGroep
 * @package    Idin
 * @author     Epartment Ecommerce B.V. <support@epartment.nl>
 * @copyright  2016-2017 CM Groep
 * @license    http://www.opensource.org/licenses/mit-license.html  MIT License
 */
/*
 * iDIN Colors
 */
/*
 * Breakpoints
 */
/*
 * Basic Form Components
 */
.cmgroep__idin__select {
  width: 100%;
  background: #FFF;
  padding: 0 8px;
  height: 30px;
}
.cmgroep__idin__input {
  float: none;
  width: 100%;
  background: #FFF;
  padding: 0 8px;
  height: 30px;
  border: 1px solid #A6A6A6;
  border-radius: 2px;
}
.button.danger {
  background: white;
  color: #00b0f0;
}
.button.danger:hover,
.button.danger:focus,
.button.danger:active {
  background: white;
  color: #00b0f0;
}
/*
 * Account Login and Registration
 */
.account-login.idin .idin-login-panel,
.finish-registration.idin .idin-login-panel {
  color: #000000;
  padding: 25px 25px 25px 30px;
  background: #d3e9ea;
  margin: 0 0 30px 0;
}
.account-login.idin .idin-login-panel .info,
.finish-registration.idin .idin-login-panel .info {
  min-height: 105px;
  float: left;
  width: 40%;
  padding: 0 25px 0 0;
  border-right: 2px solid #FFF;
}
@media (max-width: 979px) {
  .account-login.idin .idin-login-panel .info,
  .finish-registration.idin .idin-login-panel .info {
    min-height: unset;
    float: none;
    width: 100%;
    padding: 0;
    border-right: none;
  }
}
.account-login.idin .idin-login-panel .info .idin-logo,
.finish-registration.idin .idin-login-panel .info .idin-logo {
  float: left;
  position: relative;
  content: '';
  width: 80px;
  height: 105px;
  background-image: url(../images/iDIN.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.account-login.idin .idin-login-panel .info .introduction,
.finish-registration.idin .idin-login-panel .info .introduction {
  display: table;
  height: 105px;
  margin: 0 0 0 100px;
}
.account-login.idin .idin-login-panel .info .introduction p,
.finish-registration.idin .idin-login-panel .info .introduction p {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.6;
}
.account-login.idin .idin-login-panel .info .introduction p .what-is-idin,
.finish-registration.idin .idin-login-panel .info .introduction p .what-is-idin {
  display: block;
  margin-top: 5px;
}
.account-login.idin .idin-login-panel .select-issuer,
.finish-registration.idin .idin-login-panel .select-issuer,
.account-login.idin .idin-login-panel .finish-form,
.finish-registration.idin .idin-login-panel .finish-form {
  display: table;
  height: 105px;
  padding: 0 30px;
  float: left;
  width: 30%;
  border-right: 2px solid #FFF;
}
@media (max-width: 979px) {
  .account-login.idin .idin-login-panel .select-issuer,
  .finish-registration.idin .idin-login-panel .select-issuer,
  .account-login.idin .idin-login-panel .finish-form,
  .finish-registration.idin .idin-login-panel .finish-form {
    width: 50%;
    padding: 0 30px 0 0;
  }
}
@media (max-width: 599px) {
  .account-login.idin .idin-login-panel .select-issuer,
  .finish-registration.idin .idin-login-panel .select-issuer,
  .account-login.idin .idin-login-panel .finish-form,
  .finish-registration.idin .idin-login-panel .finish-form {
    width: 100%;
    padding: 0;
    border-right: none;
  }
}
.account-login.idin .idin-login-panel .select-issuer .form-group,
.finish-registration.idin .idin-login-panel .select-issuer .form-group,
.account-login.idin .idin-login-panel .finish-form .form-group,
.finish-registration.idin .idin-login-panel .finish-form .form-group {
  display: table-cell;
  vertical-align: middle;
}
.account-login.idin .idin-login-panel .select-issuer .form-group label,
.finish-registration.idin .idin-login-panel .select-issuer .form-group label,
.account-login.idin .idin-login-panel .finish-form .form-group label,
.finish-registration.idin .idin-login-panel .finish-form .form-group label {
  margin: 0 0 5px 0;
}
.account-login.idin .idin-login-panel .select-issuer .form-group .cmgroep__idin__input,
.finish-registration.idin .idin-login-panel .select-issuer .form-group .cmgroep__idin__input,
.account-login.idin .idin-login-panel .finish-form .form-group .cmgroep__idin__input,
.finish-registration.idin .idin-login-panel .finish-form .form-group .cmgroep__idin__input {
  width: 100%;
  padding: 0 8px;
  height: 30px;
}
.account-login.idin .idin-login-panel .finish-form .form-group,
.finish-registration.idin .idin-login-panel .finish-form .form-group {
  display: block;
}
.account-login.idin .idin-login-panel .finish-form .form-group:not(:first-child),
.finish-registration.idin .idin-login-panel .finish-form .form-group:not(:first-child) {
  margin: 5px 0 0 0;
}
.account-login.idin .idin-login-panel .actions,
.finish-registration.idin .idin-login-panel .actions {
  display: table;
  height: 105px;
  padding: 0 0 0 30px;
  float: left;
  width: 30%;
}
@media (max-width: 979px) {
  .account-login.idin .idin-login-panel .actions,
  .finish-registration.idin .idin-login-panel .actions {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .account-login.idin .idin-login-panel .actions,
  .finish-registration.idin .idin-login-panel .actions {
    width: 100%;
    padding: 0;
    height: auto;
  }
}
.account-login.idin .idin-login-panel .actions .action-wrapper,
.finish-registration.idin .idin-login-panel .actions .action-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.account-login.idin .idin-login-panel .actions .button,
.finish-registration.idin .idin-login-panel .actions .button {
  width: 100%;
}
.account-login.idin .idin-login-panel .actions .button.register,
.finish-registration.idin .idin-login-panel .actions .button.register {
  background: #00b0f0;
}
.account-login.idin .idin-login-panel .actions .button.login,
.finish-registration.idin .idin-login-panel .actions .button.login {
  background: #1d5393;
}
.account-login.idin .idin-login-panel .actions .button:not(:first-child),
.finish-registration.idin .idin-login-panel .actions .button:not(:first-child) {
  margin: 0 0 0 0;
}
.account-login.idin .idin-login-panel .actions .button:not(:last-child),
.finish-registration.idin .idin-login-panel .actions .button:not(:last-child) {
  margin: 0 0 10px 0;
}
.account-login.idin .idin-login-panel:after,
.finish-registration.idin .idin-login-panel:after {
  clear: both;
  display: table;
  content: ' ';
}
.account-login.idin.finish-registration .info,
.finish-registration.idin.finish-registration .info {
  min-height: 115px;
}
.account-login.idin.finish-registration .idin-logo,
.finish-registration.idin.finish-registration .idin-logo,
.account-login.idin.finish-registration .introduction,
.finish-registration.idin.finish-registration .introduction,
.account-login.idin.finish-registration .actions,
.finish-registration.idin.finish-registration .actions {
  min-height: 115px;
}
.account-login #idin-finish-form .info,
.finish-registration #idin-finish-form .info {
  border-right: 0;
}
.account-login #idin-finish-form .finish-form,
.finish-registration #idin-finish-form .finish-form {
  border-left: 2px solid #FFF;
}
@media (max-width: 979px) {
  .account-login #idin-finish-form .finish-form,
  .finish-registration #idin-finish-form .finish-form {
    border-left: none;
  }
}
.account-login #idin-finish-form .finish-form,
.finish-registration #idin-finish-form .finish-form,
.account-login #idin-finish-form .idin-logo,
.finish-registration #idin-finish-form .idin-logo,
.account-login #idin-finish-form .introduction,
.finish-registration #idin-finish-form .introduction,
.account-login #idin-finish-form .actions,
.finish-registration #idin-finish-form .actions {
  min-height: 145px;
}
.opc #opc-login .account-login.account-login-checkout .idin-login-panel {
  margin: 15px 0 0 0;
}
.opc #opc-login .account-login.account-login-checkout .idin-login-panel .info .idin-logo {
  width: 50px;
}
.opc #opc-login .account-login.account-login-checkout .idin-login-panel .info .introduction {
  margin: 0 0 0 70px;
}
.opc #opc-login .account-login.account-login-checkout .idin-login-panel .info .introduction p.introduction-text {
  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
  font-style: normal;
  color: #000000;
}
.customer-account-idin-info {
  padding: 15px;
  background: #d3e9ea;
  display: table;
  width: 100%;
  height: 80px;
  color: #000000;
}
.customer-account-idin-info + .customer-account-idin-info {
  margin-top: 25px;
}
.customer-account-idin-info:after {
  clear: both;
  display: table;
  content: ' ';
}
.customer-account-idin-info .idin-details span {
  padding-right: 15px;
}
.customer-account-idin-info.idin-connected.age-verified {
  height: 40px;
}
.customer-account-idin-info.idin-connected.age-verified .idin-logo {
  width: 50px;
  height: 40px;
}
.customer-account-idin-info.idin-connected.age-verified .idin-details {
  height: 40px;
}
.customer-account-idin-info.idin-connected.age-verified .age-verification {
  height: auto;
}
.customer-account-idin-info.idin-connected.age-verified .age-verification span {
  height: auto;
}
.customer-account-idin-info .idin-logo {
  display: table-cell;
  vertical-align: middle;
  float: left;
  width: 80px;
  height: 80px;
  background-image: url(../images/iDIN.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 20px 0 5px;
}
.customer-account-idin-info .idin-details {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
  width: 100%;
}
.customer-account-idin-info .idin-details span {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}
.customer-account-idin-info .idin-details .action-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}
.customer-account-idin-info .idin-details .action-wrapper button {
  background: #00b0f0;
  width: 100%;
  margin: 15px 0 0 0;
}
@media (max-width: 599px) {
  .customer-account-idin-info {
    display: block;
    height: auto;
  }
  .customer-account-idin-info .idin-logo {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .customer-account-idin-info .idin-details {
    display: block;
    height: auto;
  }
  .customer-account-idin-info .idin-details .age-verification span {
    display: block;
  }
  .customer-account-idin-info .idin-details .age-verification .action-wrapper {
    display: block;
    width: 100%;
  }
}
.customer-account-idin-info .age-verification {
  display: table;
  height: 80px;
}
.customer-account-idin-info .age-verification span {
  display: table-cell;
  width: auto;
  height: 80px;
  vertical-align: middle;
}
.cart-idin-notice {
  display: table;
  width: 100%;
  padding: 20px;
  margin: 0 0 25px 0;
  background: #d3e9ea;
  color: #000000;
}
.cart-idin-notice .idin-logo {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 40px;
  background-image: url(../images/iDIN.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cart-idin-notice span {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  text-align: left;
  padding: 0 0 0 15px;
}
.product-idin-notice {
  display: table;
  width: 100%;
  padding: 15px;
  margin: 0 0 25px 0;
  background: #d3e9ea;
  color: #000000;
}
.product-idin-notice .idin-logo {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  height: 40px;
  background-image: url(../images/iDIN.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.product-idin-notice span {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  text-align: left;
  padding: 0 0 0 15px;
}
.checkout-step.idin-age-verification {
  display: table;
  width: 100%;
  height: 100px;
  padding: 20px;
  background: #d3e9ea;
  color: #000000;
}
.checkout-step.idin-age-verification .idin-logo {
  float: left;
  width: 70px;
  height: 80px;
  background-image: url(../images/iDIN.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.checkout-step.idin-age-verification .idin-details p {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  height: 80px;
  padding: 0 20px;
  line-height: 33px;
}
.checkout-step.idin-age-verification .idin-details.age-verified button {
  float: right;
}
.checkout-step.idin-age-verification .idin-details .verify-action {
  width: 40%;
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}
.checkout-step.idin-age-verification .idin-details .verify-action .button {
  background: #00b0f0;
  width: 100%;
  margin: 15px 0 0 0;
}
.checkout-step.idin-age-verification.onestepcheckout {
  margin: 20px 0 20px 0;
}
.checkout-step.idin-age-verification.onestepcheckout .idin-details {
  display: table;
  width: 1090px;
}
.checkout-step.idin-age-verification.onestepcheckout .idin-details p {
  width: 50%;
}
.checkout-step.idin-age-verification.onestepcheckout .idin-details .select-bank {
  display: table-cell;
  vertical-align: middle;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  width: 30%;
  height: 80px;
  padding: 0 20px;
}
.checkout-step.idin-age-verification.onestepcheckout .idin-details .verify-action {
  width: 20%;
  padding: 0 0 0 20px;
  text-align: center;
}
.idin-disabled {
  position: relative;
  opacity: 0.7;
  padding: 25px;
  cursor: not-allowed !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.idin-disabled:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}