/**
 *	SHOPFLOW
 */

 body .iti { display: block; }
 input  { box-sizing: border-box; }
 .bg-grey   { background:#f1f1f1; }
 .border    { border:1px solid #e4e4e4; }

 .form-floating>.form-control,
 .form-floating>.form-control-plaintext {
   padding: 0rem 0.75rem !important;
 }
 
 .form-floating>.form-control,
 .form-floating>.form-control-plaintext,
 .form-floating>.form-select {
   height: calc(2.5rem + 2px) !important;
   line-height: 1 !important;
 }
 

 .form-floating>.form-control:focus {outline:none;box-shadow:none !important; border: 1px solid #ced4da; }

 .form-floating>label {
   padding: 0.5rem 0.75rem !important;
 }

 .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: .85;
    transform: scale(.85) translateY(-0.7rem) translateX(0.15rem) !important;
    background-color: #FFF !important;
    padding: 0px 0.75rem !important;
    height: auto !important;
    width: auto;
}

 .shop-login-container										{ display:flex; justify-content:space-between; }
 .shop-login-newcustomer									{ box-sizing: border-box; width:calc(49% - 10px); padding: 20px 25px; border:1px solid #e4e4e4; background:#f1f1f1; }
 .shop-login-existingcustomer								{ box-sizing: border-box; width:calc(49% - 10px); padding: 20px 25px; border:1px solid #e4e4e4; background:#f1f1f1; }

 .shop-form-element-login			{ margin:0 15px 0 0; }
     .emailfield										{ position:relative; }
         .email-address-check					{ position:absolute; top:10px; right:9px; color:#75e168; display:none; }

 .shop-form-element-login-linkcontainer			{ display:inline-block; margin:0 0 0 10px; }
 
 .shop-form-element-login.formwrapper				{ margin:0 0 15px; }

 .shop-login-contentwrapper .shop-form-element-login,
 #resetPasswordRequestForm .shop-form-element-login			{ margin:0 0 15px; }		

 .shop-content-header-container						{ display:flex; justify-content:space-between; align-items: baseline; margin: 0 0 0.67em 0; }
 .shop-content-header-container h1 					{ margin: 0; font-size: 30px; line-height: 36px; font-weight: 900; letter-spacing: -0.01em;  }
     .shop-pagetitle-buttonswrapper						{ display:flex; justify-content:space-between; }
     .shop-shipping-notice								{ font-style: italic; font-weight: 600; color: #1f9a32; font-size: 18px; }

     .shop-cart-row									{ display:flex; justify-content:space-between; background:#fff; border-color:#e4e4e4; border-style:solid; border-width:0 1px 1px; }
     .shop-cart-row.discount							{ background:#e7ffff; }
     .shop-cart-row.shop-cart-item-reference-container  { margin-top: -10px; }
         .shop-cart-row-titles							{ font-weight:bold; font-size:14px; background:#f1f1f1; border-width:1px; }
         .shop-cart-row-titles.shop-cart-description		{ text-align:left; }
             .shop-cart-row-titles .shop-cart-row-item				{ padding:15px 0; }
             .shop-cart-row-item.shop-cart-description				{ padding:15px 0; }
             .shop-cart-row-item.shop-cart-total							{ padding:15px 15px 15px 0; }
             .no-flexbox	.shop-cart-row-item									{ display:inline-block; }
             .shop-cart-row-item															{ padding:15px 0; }
             .shop-cart-row-item.titlerow										{ padding:5px; }
             .shop-cart-cover																{ flex:0 0 13%; text-align:center; }
             .shop-cart-cover.titlerow												{ flex:0 0 calc(11% - 10px); }
                 .shop-cart-cover img														{ max-height:120px; max-width:76%; }

             .shop-cart-cover .ereader													{ position:relative; min-height:111px; padding:10px 0 0; background:url('../images/e_reader.png') center 0 no-repeat; }
                 .shop-cart-cover .ereader img											{ width:55%; max-height:100px; }

             .shop-cart-description													{ position:relative; flex:0 0 auto; width:calc(62% - 30px); padding:12px 10px; }
             .shop-cart-description.titlerow									{ flex:0 0 calc(62% - 40px); }
                 .shop-cart-row-titles .shop-cart-description		{ display: flex; justify-content: space-between; }

                 .shop-cart-row-titlewrapper										{ width:80%; }

                 .shop-cart-discount-description								{ position:relative; flex:0 0 54%; }
                 .shop-cart-quantity														{ position:absolute; top:15px; right:-55px; }
                 .shop-cart-price															{ flex:0 0 16%; text-align:right; }
                 .shop-cart-price.titlerow											{ flex:0 0 calc(16% - 10px); }
                 .shop-cart-price-before												{ color:#aaa; text-decoration:line-through; }
                 .shop-cart-total															{ flex:0 0 10%; padding:7px 10px 7px 0; text-align:right; }
                 .shop-cart-total.titlerow											{ flex:0 0 calc(10% - 20px); padding:5px 15px 5px 5px; }

             .shop-cart-cart-shipping-container							{ flex:0 0 40%; padding:10px 17px; }
                 .shop-cart-cart-shipping									{ padding:10px 4%; }
                     .shop-cart-cart-shipping h4									{ margin:0 0 3px; color:#444; }
             .shop-cart-cart-details-container							{ flex:0 0 320px; padding:0 15px 0 0; }
                 .shop-cart-cart-details										{ padding:10px 0; }

             .shop-cart-detail																{ display:flex; margin:0 0 5px; }
             .shop-cart-detail-total													{ display:flex; font-weight:bold; }
                 .shop-cart-detail-label													{ flex:1 0 auto; }
                 .shop-cart-detail-price													{ flex:1 0 auto; text-align:right; }
                     .shop-cart-detail-free													{ font-weight:bold; }

                 .discount		{ color:#3cbb00; }

             .shop-cart-product-details												{ font-size:14px; color:#000; }

             .shop-cart-state																		{ margin:0 0 15px; font-size:14px; line-height: 17px; }
                 .shop-cart-state .available													{ color:#3cbb00; }
                 .shop-cart-state .not-available											{ color:#d84512; }
                 .shop-cart-state .pod                                                      { color:#d84512; }

             .shop-cart-item-handlers-container								{ display:flex; font-size:14px; color:#6e6e6e; }

             .shop-cart-item-handlers-container .btn-primary-outline            { border: 0; font-weight: normal; color: #6e6e6e; }
             .shop-cart-item-handlers-container .btn-primary-outline.wishlist   { display: block !important; }
             .shop-cart-item-handlers-container .btn-primary-outline:hover,
             .shop-cart-item-handlers-container .btn-primary-outline:active,
             .shop-cart-item-handlers-container .btn-primary-outline:active:hover      { background: transparent; color: #6e6e6e; text-decoration: underline; box-shadow: none; }

                 .shop-cart-item-handler														{ padding:0 10px 0 0; cursor:pointer; }
                 .shop-cart-item-handler:hover											{ text-decoration:underline; }
                 .shop-cart-item-handler.wishlist								{ margin:0 5px 0 0; padding:0 0 0 17px; background:url('../images/icons/icon-verlanglijst-small-zwart.svg') 0 0 no-repeat; }
                 .shop-cart-item-handler.wishlist-added						{ margin:0 5px 0 0; padding:0 0 0 17px; background:url('../images/icons/button-verlanglijst-small-red.svg') 0 0 no-repeat; color:red; cursor:default;}
                 .shop-cart-item-handler.remove									{ display: flex; align-items: center; margin:0 0 0 10px; border: none; background: transparent; }
                     .shop-cart-item-handler.remove .label						{ margin:0 0 0 5px; }

             .shop-cart-total-row															{ font-weight:bold; display:none; }

             .discount-label		{ cursor:pointer; }
             .discount-label-input  { display:none;  }
             .discount-field        { float: left; border:1px solid #d8d8d8; font:400 14px/25px 'Source Sans Pro', Arial, Helvetica,sans-serif;}
                 .discount-button       { padding:4px 10px; border:0; background:#e7e7e7; color:#6e6e6e; cursor:pointer; font: 600 16px/25px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; }

            @media only screen and (max-width:767px) {
                .discount-field          { width: 150px; }
            }

            @media only screen and (max-width:990px) {
                .shop-cart-item-handlers-container .product-wishlist-label      { display: none !important; }
            }

             .shop-cart-row-mobile-label			{ display: none; }

     .shop-form-element-password-notification,
     .shop-form-row.error-notification-row									{ font-size:14px; color:#f00; }

     .login-errormessage,
     .error-message																				{ color:#f00; }
     .login-errormessage.reviewform												{ padding:15px 0 0; text-align:right; }

     .shop-cart-reference-wrapper					{ margin: 0; }
     .shop-cart-reference-wrapper h4					{ margin: 0px 0 6px; font-size: 14px; display: block; max-width: 275px; border-bottom: 1px solid #e4e4e4; }
         .shop-cart-order-remarks							{ width:100%; margin:0 0 5px; border:1px solid #9b9c9b; }
         .shop-cart-order-reference						{ width:81%; border:1px solid #d8d8d8; }
             .shop-cart-order-reference									{ padding:5px 10px; font:normal 14px/18px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; }


     .shop-cart-footer-wrapper										{ display:flex; flex-direction:column; margin: 0 0 70px; }
         .shop-details-container											{ justify-content:space-between; order:1; margin: 0 0 15px; background:#f3f3f3; }
             .shop-cart-order-remarks										{ padding:5px 10px; resize:vertical; }
         .shop-form-wide-buttons-container						{ display:flex; justify-content:space-between; order:2; }


         .shop-form-wide-buttons.top						{ margin:0 0 15px; }

         .shop-form-wide-button-wrapper		{ display:flex; align-items:center; }

         @media only screen and (max-width: 768px) {

            .shop-form-wide-buttons-container .btn.btn-primary,
            .shop-form-wide-button-wrapper .btn.btn-primary                             { box-sizing: border-box; width: 100%; margin: 0 0 10px; text-align: center; }
            .shop-form-wide-buttons-container .btn.btn-primary .button-label-left,
            .shop-form-wide-button-wrapper .btn.btn-primary .button-label-left          { width: 100%; }

            .shop-form-wide-buttons-container .shop-form-wide-buttons.left .btn.btn-primary-outline                                 { width: calc(100% - 26px); }
            .shop-form-wide-buttons-container .shop-form-wide-buttons.left .btn.btn-primary-outline .button-label-right             { width: 100%; }

            .shop-cart-container .shop-form-wide-buttons-container .shop-form-wide-buttons.right                                    { margin: 0; }
            .shop-cart-container .shop-form-wide-buttons-container .shop-form-wide-buttons.left .btn.btn-primary-outline            { box-sizing: border-box; width: 100%; }

         }


     .discount-button												{ background-color:#6e6e6e; color:#fff; }
     .discount-button:hover									{ box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.2); }

     /* TL@FB :: 20190122 SET-item styles voor de winkelwagen */
     .shop-cart-set-items		{ color:#6e6e6e; }
         .shop-cart-setitem			{ display: flex; border-top:1px solid #e4e4e4; padding:10px 0; }
         
         .shop-cart-setitem-image-wrapper	{ width: 65px; }
             .shop-cart-setitem-image			{  }
         .shop-cart-setitem-info-wrapper		{ margin: 0 0 0 5px; }
             .shop-cart-setitem-title			{ display: block; margin: 0 0 0.37em 0; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: -0.01em; }
         .shop-cart-product-details			{ font-size: 14px; color: #767676; }

     .shop-overview-row-item .shop-cart-setitem						{ justify-content: space-between; }
     .shop-overview-row-item .shop-cart-setitem-image-wrapper		{ width: 35px; }
     .shop-overview-row-item .shop-cart-setitem-image				{ width: 100%; }
     .shop-overview-row-item .shop-cart-setitem-info-wrapper			{ width: calc(100% - 40px); }
     .shop-overview-row-item .shop-cart-setitem-title				{ font-size: 14px; line-height: 15px; }

     /* TL@FB :: 20200324 :: Modal popup studentenkorting formulier */
     .modal-footer.cart { display: flex; }
     .modal-footer .button-holder-right { text-align: right; }
     .modal-body .student-info-form-error { padding:20px 0; color: #FF0000; }

     .modal-body .studentenkorting-form-rows	select,
     .modal-body .studentenkorting-form-rows	select:focus		{ font-size: 16px; }

     .modal-body .bookshelf-info-form-error td { padding:5px 0; color: #FF0000; }

     /* TL@FB :: 20210401 */
     .shop-address-error { color:#FF0000; }
     /* TL@FB :: 20210413 */
     .shop-form-error { color:#FF0000; }

     @media only screen and (max-width:600px) {
         .modal-footer.cart.bookshelf { flex-direction: column-reverse; -ms-flex-direction: column-reverse; }
         .modal-footer .button-holder-left-bookshelf { flex-basis:100%; text-align:center; }
         .modal-footer .button-holder-right-bookshelf { flex-basis:100%; text-align:center; }
     }


/**
*	SHOPFLOW PROGRESSBAR
*/
  .shop-progress-mobile-container		{ display: none; }
 .shop-progress-container			{ display: flex; justify-content: space-between; }

     .shop-progress-item					{ display: flex; flex: 0 0 20%; flex-flow: column; align-items: center; margin: 0 0 35px; }

         .shop-progress-item-text			{ margin: 0 0 8px; font-size: 14px; color: #a3a3a3; }
         .shop-progress-item-text.active 	{ font-weight: 700; color: #000; }
         .shop-progress-item-dot				{ height: 15px; width: 15px; border: 3px solid #a3a3a3; border-radius: 50%; background: #fff; z-index: 50; }

         .active .shop-progress-item-dot		{ border: 3px solid #a3a3a3; background: #fff; }

     .shop-progress-bar-segments-wrapper		{ display: flex; width: 100%; margin: -8px 0 0; }
         .shop-progress-bar-segment-l			{ height: 3px; width: 50%; background: #a3a3a3; }
         .shop-progress-bar-segment-r			{ height: 3px; width: 50%; background: #a3a3a3; }

         .first .shop-progress-bar-segment-l,
         .last .shop-progress-bar-segment-r			{ background: #fff !important; }

 .shop-progress-item.active:hover .shop-progress-item-text   { font-weight: 700; color: #000; }
 .shop-progress-item.active:hover                            { cursor: pointer; }
 .shop-progress-item.disabled								{ cursor: default !important; }
 .shop-progress-item.disabled .shop-progress-item-text		{ font-weight: 400 !important; color: #a3a3a3 !important; }


/*
 .shop-progress-container		{
     display:flex; flex-flow: row nowrap;
     margin:0 0 29px; background:#fff; border:1px solid #e4e4e4; overflow:hidden;
 }

 .shop-progress-item											{ flex-grow: 1; position: relative; }
 .shop-progress-item.step1									{ flex-grow: 1; }
 .shop-progress-item.step2									{ flex-grow: 0.8; }
 .shop-progress-item.step3									{ flex-grow: 0.7; }
 .shop-progress-item.step4									{ flex-grow: 1.3; }
 .shop-progress-item.step5									{ flex-grow: 1.3; }
 .shop-progress-item.step6									{ flex-grow: 1.4; }

 .shop-progress-item-text									{ padding:15px 5px 0px 30px; height: 32px; font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color: #b3b3b3; z-index:5; }
 .shop-progress-item-text.first								{ padding:15px 5px 0px 15px; }
 .shop-progress-item-text.first .fa-lock						{ margin-right: 5px; font-size: 14px; }
 .shop-progress-item.connection
 .shop-progress-item-text									{ font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color:#4ab41c; }
 .shop-progress-item.active
 .shop-progress-item-text									{ font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color: #fff; }
 .shop-progress-item.clickable
 .shop-progress-item-text									{ font: 600 16px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; color: #8d8d8d; }

     .shop-progress-item-text .fa-check							{ margin-right: 5px; font-size: 14px; }

 .shop-progress-item.clickable							{ cursor: pointer;  }
 .shop-progress-item.connection						{ width:130px;  }
 .shop-progress-item-divider								{ position:absolute; top:0; right:-14px; height:47px; width:26px; background:url('/images/shopflow/shop-progress-divider-white.svg') 0 0/26px 47px no-repeat; z-index:15; }
 .shop-progress-item.active								{ background: #000; }
 .shop-progress-item.active .shop-progress-item-divider	{ background:url('/images/shopflow/shop-progress-divider-black.svg') 0 0 / 26px 47px no-repeat; }
*/




 .payment-method-errormelding-wrapper			{ display:flex; justify-content:flex-end; margin:0 0 20px; padding:10px 0 0; }
 .payment-method-errormelding-wrapper.left	{ justify-content:flex-start; }
     #missing-bank-notification								{ color:#f00; }

 .shop-overview-payment-return-message-wrapper			{ display:flex; margin:0 0 30px; padding:25px; background:#f1f1f1; border:1px solid #aaa; }
     .shop-overview-payment-return-icon								{ margin:0 15px 0 0; padding:7px 0 0; font-size:36px; }
     .shop-overview-payment-return-message							{ font-size:18px; }

/**
*	SHOP BETAALMETHODE
*/
     .shop-paymentmethod-wrapper.available			{ padding: 20px 25px; border:0px solid #e4e4e4; background:#efefef; border-radius: 5px; }
     
         .shop-paymentmethod-container,
         .shop-paymentmethod-row					    { display: flex; flex-wrap: wrap; align-items: flex-start; margin:0 0 10px; padding: 10px; color:#000; background: RGBA(255,255,255,0.5); border: 1px solid RGBA(255,255,255,0.5); cursor: pointer; border-radius: 4px; }
         .shop-paymentmethod-container:hover,
         .shop-paymentmethod-row:hover	        	    { background: RGBA(255,255,255,0.8); border: 1px solid RGBA(255,255,255,1);  }
         .shop-paymentmethod-row-creditcard				{ display: flex; align-items: center; margin: 0; padding: 0; }
         .shop-paymentmethod-container.selected,
         .shop-paymentmethod-row.selected				{ background: #fff; border: 1px solid #dedbdb; }

             .shop-paymentmethod-row-creditcard .shop-paymentmethod-details-icon.master					{ margin: 0 10px 0 0; }
             .shop-paymentmethod-row-creditcard .shop-paymentmethod-details-icon.master:last-of-type		{ margin: 0; }

             .shop-paymentmethod-row-title			{ flex: 0 0 170px; padding: 3px 0 0; }
             .shop-paymentmethod-item				{ display: flex; flex-flow: column; justify-content: center; }
             .shop-paymentmethod-details				{ width: calc(100% - 170px); }
             .shop-paymentmethod-details.factuur		{ display: flex; align-items: center; }
                 .shop-paymentmethod-details.factuur img	{ width: 50px; margin: 0 0 0 -5px; } 		
             .shop-paymentmethod-item label 			{ cursor: pointer;}
             .shop-paymentmethod-details-ideal		{ float: right; width: 100%; display: none; }
             .selected .shop-paymentmethod-details-ideal		{ display: block; }

             .shop-paymentmethod-extra				{ margin: 0 0 0 15px; font-size: 14px; color: #777; }

             /* .shop-paymentmethod-row-title input,
             .shop-paymentmethod-item input			{ display: none; } */

         .shop-paymentmethod-creditoptions-container		{ padding: 10px 0 0; display: none; }
         .shop-paymentmethod-container.selected .shop-paymentmethod-creditoptions-container	{ display: block; }

         .shop-paymentmethod-options-container		{ padding: 10px 0 0; display: none; }
         .shop-paymentmethod-row.selected .shop-paymentmethod-options-container	{ display: block; }
         .riverty .riverty_geboortedatum           { font-size: 15px; width: 100px; border: 1px solid #ccc; border-radius: 3px;background-color: #f9f9f9 !important; margin-left: 5px; padding: 4px; }
         .riverty .riverty_voorwaarden             { max-width: 700px; margin-top: 5px; }



     .shop-paymentmethod-details-dropdown-container		{  }
         .shop-paymentmethod-details-dropdown-icon					{ display: flex; align-items: center; cursor: pointer; }
             .shop-paymentmethod-details-dropdown-icon img			{ width: 32px; }
         .shop-paymentmethod-details-dropdown-label				{ padding:4px 10px; }
 .shop-paymentmethod-details-bank						{ display: flex; justify-content: flex-start; align-items: center; padding: 5px 0 10px; }

 .shop-paymentmethod-details.icons.incasso							{ display:flex; flex-flow: column nowrap; }
     .shop-paymentmethod-a-agree													{ padding: 0px 40px 2px 25px; }
     .shop-paymentmethod-a-agree	label:hover							{ text-decoration: underline; cursor: pointer; }
     .incasso .shop-paymentmethod-a-agree	label:hover		{ text-decoration:none; }
     
     @media (min-width: 1024px) {
     .shop-paymentmethod-details.incasso input[type="text"]  { width: 40%; }
     }

     /* .shop-paymentmethod-a-agree	input[type="checkbox"] 	{ margin-left: -19px; } */
     .shop-paymentmethod-a-iban,
     .shop-paymentmethod-a-bic														{ position:relative; padding: 3px 0px 3px 25px; }
     .shop-paymentmethod-a-iban input[type="text"],
     .shop-paymentmethod-a-bic input[type="text"]				{ font-size: inherit; font-family: inherit; }
     .shop-paymentmethod-a-iban label,
     .shop-paymentmethod-a-bic	label											{ display:inline-block; width:110px; }

     #uitleg-bic	{ position:absolute; bottom:35px; left:0; padding:15px 20px; background:#fff; border:1px solid #e4e4e4; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3); z-index:150; display:none; }
     .shop-paymentmethod-a-bic:hover #uitleg-bic			{ display:block; }
     .shop-paymentmethod-a-bic	.fa										{ font-size:12px; }

 .shop-paymentmethod-details.icons							{ display:flex; }
     .shop-paymentmethod-details-icon						{ display: flex; justify-content: center; align-items: center; height:29px; cursor: pointer; }
         .shop-paymentmethod-details-icon.master img			{ width:45px; }
         .shop-paymentmethod-details-icon.visa img			{ width:45px; }
         .shop-paymentmethod-details-icon.amex img			{ width:35px; }
         .shop-paymentmethod-details-icon.paypal img			{ width:62px; }

         .factuur_nietbeschikbaar			{ display: flex; align-items: flex-start; margin: 10px 0px; padding:15px; border: 2px solid #fff; background: #F1F1F1; overflow: auto; }
             .factuur_nietbeschikbaar img		{ width: 47px; margin:0 20px 0 0; }
             .factuur_nietbeschikbaar .titel		{ margin:0; color:#000; font-weight:bold; }

/**
*	SHOP BEVESTIGEN
*/
 .shop-overview-container			{ display:flex; flex-flow: row nowrap; justify-content:space-between; }
     .shop-overview-side					{ flex:0 0 32.3%; }
     .shop-overview-main					{ flex:0 0 65.3%; }
 .shop-cart-divider						{ display: none; }
 .shop-overview-row									{ padding: 10px 15px; border-top: 1px solid #e4e4e4; background: #FFF; display: flex; }
 .shop-overview-row.shop-details-container		{ justify-content: flex-end; background:#f3f3f3;  border-bottom: 1px solid #e4e4e4; }
 .shop-overview-side-contentblock		{ position: relative; padding: 10px 15px; background: #f1f1f1; border-radius: 4px; }
 .shop-overview-side-contentblock:last-child  {  }

 .shop-overview-side-contentblock h3												{ position:relative; font-size:16px; line-height:22px; }
     .shop-overview-side-contentblock h3 .fa-chevron-down			{ position:absolute; right:0; top:0; display:none; }
     .shop-overview-side-contentblock h3 .fa-chevron-up				{ position:absolute; right:0; top:0; display:none; }
 .shop-overview-side-contentblock h3	{ font-size: 16px;  }
 .shop-overview-side-contentblock .fa.fa-chevron-down,
 .shop-overview-side-contentblock .fa.fa-chevron-up		{ display: none; }

 .nieuw-afhaalpunt-pointer-bevestigen		{ position: absolute; bottom: 1px; right: 4px; }

 input#order_reference                   { padding: 0.5em; width: 100%; box-sizing: border-box; border: 1px solid #cecccc; }

 .shop-overview-row-titles				{ font-weight:bold; font-size:14px; padding: 0px 10px; background: #f1f1f1; }
     .shop-overview-row-item					{ position: relative; padding:7px 1.4%; }
     .shop-overview-cover						{ flex:0 0 15%; }
     .shop-overview-cover img				{ width: 100%; }
     .no-flexbox	.shop-overview-cover img				{ width:auto; }
     .shop-overview-cover .ereader img				{ width: 65%; }
     .shop-overview-description			{ flex:0 0 36%; }
     .shop-overview-quantity					{ flex:0 0 5%; text-align:center; }
     .shop-overview-price						{ flex:0 0 12%; }
         .shop-overview-price-before			{ display:block; color:#aaa; text-decoration:line-through; }
     .shop-overview-total						{ flex:0 0 12%; flex-grow: 1; text-align:right;  }
     .shop-overview-row-titles .shop-overview-total				{ color:#000; }

     .shop-overview-cart-details-container			{ flex: 0 0 50%; __align-self: flex-end; }
     .shop-overview-detail											{ display: flex; flex-flow: row nowrap; justify-content: space-between;  }
     .shop-overview-detail.total								{ font-weight: 600; }
      .shop-overview-detail-payment							{ display: none; }
     .shop-overview-detail-payment-content			{ display: flex; }
     .shop-overview-detail-payment-content-icon { flex: 0 0 20%; display: flex; align-items: center; }
     .shop-overview-detail-payment-content-icon img	{ width: 80%; }

     a.change	{ color: #0055c8; margin-top: 2px; display: inline-block;    }

     .shop-overview-cart-shipping					 			{ flex: 1 0 50%; }
     .shop-overview-cart-shipping h4 						{ margin: 0 0 3px; font-size: 14px; display: block; max-width: 275px; border-bottom: 1px solid #e4e4e4; }
         .cart-shipping											{ max-width:240px; padding:10px 0; font-size:14px; line-height:16px; }
         .cart-shipping.postnl											{ background:url('/images/shopflow/logo-postnl.svg') 8px 6px / 23px auto no-repeat; }
         .cart-shipping.fedex											{ background:url('/images/shopflow/logo-fedex.svg') 3px 20px / 30px auto no-repeat; }
         .cart-shipping.email											{ background:url('/images/shopflow/icon-email.svg') 3px 14px / 26px auto no-repeat; }
         .cart-shipping.bookshelf									{ background:url('/images/shopflow/bookshelflogo.png') 8px 14px / 18px auto no-repeat; }

     .shop-overview-cart-shipping.shop-overview-detail-payment-content			{ display:block; }
     .shop-overview-cart-shipping .shop-overview-detail-payment-title .fa-chevron-up,
     .shop-overview-cart-shipping .shop-overview-detail-payment-title .fa-chevron-down		{ display:none; }

     .shop-overview-conditions-box { margin: 0 0 15px; padding: 10px 15px; background: #f1f1f1; line-height: 20px; }
     .shop-overview-conditions-box.alert {
         /*border: 1px solid #f2781e;*/
     }

     .terms-vink										{ width: 26px; }
     .terms-vink input[type="checkbox"] 				{ margin-right: 4px; }
     .terms-text										{ width: calc(100% - 26px); cursor: pointer; font-size: 15px; line-height: 20px; }
     .av_ruler										{ border-top: 1px solid #e4e4e4; padding-top: 5px; margin-top: 5px; width: 100%; height: 1px; }
     .terms-vink-errormessage						{ padding: 0 0 0 26px; color: #e23750; }

     .shop-betalingsverplichting-melding {
       padding: 10px 15px;
     background: #f1f1f1;
     border: 1px solid #e4e4e4;
     }

     .shop-privacy-melding {
         margin: 0 0 15px;
         padding: 10px 15px;
         background: #f1f1f1;
         border: 1px solid #e4e4e4;
      }
      /* TL@FB :: Algemene voorwaarden foutmelding in shopflow bevestigen/overzicht */
      .terms-vink-errormessage { display: none; color: #FF0000; font-size: normal; }

 .shop-overview-shipping					{ display: flex; align-items: center; margin: 0 0 15px; padding: 10px 15px; border: 1px solid #abdd99; line-height: 20px; }
     .shop-overview-shipping .fa-truck		{ margin: 0 15px 0 0; color: #45b714; font-size: 24px; }

 .shop-overview-newsletter				{ margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #e4e4e4; }

/**
*	SHOP PSP BETALEN
*/
     .shop-psp-wrapper			{ padding: 20px 25px; border:1px solid #e4e4e4; background:#efefef; text-align: center; }
     .shop-psp-spinner			{ height: 58px; width: 58px; background: url(/images/shopflow/hourglass.gif) 0 0 no-repeat; margin: 40px auto 25px;}
     
     
/**
*	SHOP FOOTER
*/
.shop-footer-container 									{ width: 980px; margin:0 auto 50px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.shop-footer-column		{
 flex-grow: 1; display: flex; flex-flow: row nowrap;
 flex: 0 0 calc(50% - 40px); padding: 12px 15px;
 border: 1px solid #e4e4e4;
 background: #f1f1f1;
}
.shop-footer-column.contact							{ flex-flow: column nowrap; font-size: 14px; line-height: 18px; }
.shop-footer-column.payment							{ align-items: center; }

.shop-footer-column-left,
.shop-footer-column-right							{ __width: calc(49% - 50px); }
.shop-footer-column-right							{ display: flex; flex-flow: row nowrap; align-items: center; }

.shop-footer-column-right .fa-phone,
.shop-footer-column-right .fa-at					{ margin: 0 5px 0 0; color: #888; }

.shop-footer-container.checkout						{ margin:0 auto; }
.details-contact-phone,
.details-contact-email 									{ font-weight: 700; font-size: 17px; }
.details-contact-phone									{ margin-right: 15px; }
.details-contact-email a								{ font-weight: 600; }

.shop-footer-payment-item 							{ width: 14%; text-align: center; }
.shop-footer-payment-item img						{ width:75%; }
.shop-footer-payment-item.ideal img 		{ width:50%; }

.shop-footer-column-contact-details			{ display: flex; font-size: 16px; }

.shoppingbasket-icons-bar				{ display: flex; justify-content: space-between; __width: calc(100% - 40px); padding: 20px; }
.shoppingbasket-icons-bar .first		{ padding: 15px 40px 15px 0; border-right: 1px solid #ccc; }
.shoppingbasket-icons-bar .last			{ padding: 15px 0 15px 45px; border-left: 1px solid #ccc; }
 .shoppingbasket-icon					{ flex: 0 0 auto; }
 .shoppingbasket-secure					{ display: flex; align-items: center; text-transform: uppercase; font-size: 13px; line-height: 14px; }	
     .shoppingbasket-secure .fa-lock-alt		{ margin: 0 10px 0 0; color: #0fca00; font-size: 24px; }

 .shoppingbasket-icons-bar-inner		{ display: flex; justify-content: space-between; align-items: center; flex: 1 0 auto; padding: 15px 40px; }
 .shoppingbasket-icons-bar-inner .shoppingbasket-icon		{ max-height: 28px; margin: 0 5px; }
 .shoppingbasket-icons-bar-inner .shoppingbasket-icon.small	{ max-height: 15px; } 

 .shoppingbasket-thuiswinkelwaarborg    { padding: 0 0 0 40px; border-left: 1px solid #ccc; }

 @media only screen and (max-width: 1024px) {

     .shoppingbasket-icons-bar				{ flex-wrap: wrap; } 
     .shoppingbasket-icons-bar .first		{ order: 1; border: 0; padding: 15px 15px 15px 5px; }
     .shoppingbasket-icons-bar .last			{ order: 2; border: 0; padding: 15px 5px 15px 15px; }
     .shoppingbasket-icons-bar-inner			{ order: 3; width: 100%; padding: 15px 0; }
     .shoppingbasket-icons-bar-inner .shoppingbasket-icon	{ max-height: 18px; }

     .shoppingbasket-thuiswinkelwaarborg    { padding: 0; border-left: none; }

 }


/**
*	SHOP
*/
     .shop-form-row											    { display:flex; align-items:flex-end; width:100%; margin:0 0 18px; }
     .shop-form-row.zakelijk									{ display:none; }

     #aflever-zakelijk,   
     #factuur-zakelijk                                          { flex-direction: column; width: 100%; }
     #aflever-zakelijk .shop-form-element.wide,   
     #factuur-zakelijk .shop-form-element.wide                  { width: 100%; }

     @media (min-width: 768px) {
        #aflever-zakelijk,  
        #factuur-zakelijk                                       { flex-direction: row;  }
    }


     .shop-form-element										{ flex:0 1 19%; margin:0 2% 0 0; }
         .shop-form-element.aanhef								{ flex:0 0 11%; margin:0 8px 0 0; }
         .shop-form-element.voornaam							{ flex:0 0 217px; margin:0 2% 0 0; }
         .shop-form-element.small								{ flex:0 0 auto; margin:0; }
         .shop-form-element.medium								{ flex:0 0 18.5%; }
         .shop-form-element.wide								{ flex:0 0 31%; }
         .shop-form-element.full								{ flex:0 1 auto; align-self:center; }
         .shop-form-element-radio								{ margin: 0 0.25rem 0;}
             .shop-form-element-label								{ position:relative; width: 100%; margin:0 0 3px; padding:0 10px 0 0; ___font-weight:600; color:#000; }
                 .shop-form-element-label-flag						{ position:absolute; top:0; right:0; font-size:10px; font-weight:normal; color:#999; font-style:italic; }
                 .shop-form-element-radio-label					{ display:inline-block; padding:5px 15px 5px 5px; cursor: pointer;}
                 .shop-form-element-radio-label.active		{ background:#fff; __border-radius:3px; font-weight:600; }
             .shop-form-element-select								{ width:101%; height:34px; border:1px solid #e4e4e4; font-size:15px; line-height:22px; }
             .shop-form-element-select.account				{ margin:0 10px 15px 0; }
             .shop-form-element-textfield						{ width:100%; margin: 0 ; padding: 5px 10px; border: 1px solid #ccc; background: #fff; 
                                                                    font: normal 16px/22px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; letter-spacing: -0.0085em; box-sizing: border-box; }
             .textfield.custom.disabled,
             .shop-form-element-textfield.disabled		{ background:#e4e4e4; color:#777; }
         .shop-form-element-telephone-alert			{ display:block; color:#868282; font-size:14px; line-height:16px; }

     .form-tipp			{ position: relative; width: 100%; margin: 0 0 15px 0; padding: 0; font-size: 15px; font-weight: 600; }
         .form-tipp a		{ color: #ee6473; }
         .form-tipp-arrow	{
             position: absolute; height: 10px; width: 10px; top: 10px; left: -7px; transform: rotate(225deg); background: #f1f8e8;
             border-color: #cfdabc; border-style: solid; border-width: 1px 1px 0 0;
         }

 .int-warning							{ color:#f00; font-size:14px; line-height:16px; }

 /*.shop-paymentmethod-wrapper h2 							{ font-size: 22px; margin: 8px 5px; font-weight: 400; }*/
 .shop-pagetitle.left												{ float: left; }
 .shop-form-wide-buttons.right 							{ flex: 1 0 auto; margin:0 0 0 10px; text-align: right; }

 .boxed																			{  }
 .thankyoupage-container											{ display:flex; justify-content:space-between; }
     .thankyoupage-title													{ margin:0 0 35px; line-height:30px; font-size:28px; font-weight:600; text-align:center; }
         .thankyoupage-subtitle										{ font-size:22px; font-weight:600; }

     .thankyoupage-overview											{ width:calc(50% - 20px); padding:20px 25px; border:1px solid #e4e4e4; background:#efefef; }
     .thankyoupage-extra													{ width:calc(50% - 20px); padding:20px 25px; border:1px solid #e4e4e4; background:#efefef; }
         .thankyoupage-cart-overview-row							{ display:flex; justify-content:space-between; margin:0 0 5px; padding:10px 0 0; border-top:1px solid #c2c2c2; }
             .thankyoupage-cart-overview-image						{ width:75px; }
             .thankyoupage-cart-overview-details					{ width:265px; }
             .thankyoupage-cart-overview-share						{ width: 70px; }
                 .thankyoupage-cart-overview-share a				{ color:#293b77; }
                 .thankyoupage-cart-overview-share a:hover		{ color:#333; }

     .orderdetails-overview-row								{ display:flex; }
         .orderdetails-overview-label							{ width:180px; }
         .orderdetails-overview-value							{ width:220px; font-weight:600; }

     .thankyoupage-cart-overview						{ padding:15px 0 0; }


/**
*	ACCOUNT
*/
.accountpage-block-intro												{ margin:0 0 30px; }
 .accountpage-block-intro-title									{ margin:0 0 15px; }
 .accountpage-block-intro-text										{ font-size:18px; line-height:24px; font-weight:600; }

.accountpage-block-attention										{ display:flex; justify-content:center; padding:30px; }
 .accountpage-block-attention-image-wrapper			{ width:120px; margin:0 40px 0 0; }
     .accountpage-block-attention-image							{ width:100%; }
 .accountpage-block-attention-info-wrapper				{ width:400px; }
     .accountpage-block-attention-title							{ font-size:24px; font-weight:600; line-height:28px; color:#fff; }
     .accountpage-block-attention-info								{ margin:0 0 15px; color:#fff; }
     .button.accountpage-attention										{ padding:2px 20px; background:#fff; color:#000; }
     .button.accountpage-attention:hover							{ background:#fff; color:#000; }

.accountpage-description-wrapper						{ margin: 0 0 20px; }
     
.accountpage-block-attention.clr-lightgrijs					{ background:#efefef; }
 .clr-lightgrijs .accountpage-block-attention-info,
 .clr-lightgrijs .accountpage-block-attention-title,
 .clr-accent2 .accountpage-block-attention-info,
 .clr-accent2 .accountpage-block-attention-title		{ color:#000; }
 
.accountpage-block-attention.clr-donkergrijs				{ background:#4a4f56; }
 .accountpage-block-attention.clr-donkergrijs .button.accountpage-attention				{ background:#fff; color:#000; }
 .accountpage-block-attention.clr-accent .button.accountpage-attention							{ background:#fff; color:#000; }

.accountpage-address-overview-wrapper								{ display:flex; }
 .accountpage-address-overview-column								{  }
 .accountpage-address-overview-column.first					{ width:300px; }
     .accountpage-address-overview-adress-wrapper				{ display:flex; }
         .accountpage-address-overview-adress								{ width:300px; }
         .accountpage-address-overview-adress hr							{ max-width: 75%; }
             .accountpage-subtitle																{ margin:0 0 6px; font-size:18px; }

.accountpage-block-wrapper									{ position:relative; padding:20px 25px; border: 1px solid #e4e4e4; background:#f1f1f1; }
.accountpage-block-wrapper .accountpage-retouritem:last-child   { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
 .accountpage-anchor												{ position:absolute; top:-206px; left:0; }
 .accountpage-block-content									{ margin:0 0 15px; }
 .accountpage-block-content.history					{ border-bottom:1px solid #e4e4e4; }
 .accountpage-block-content.downloadhistory	{ border-bottom:1px solid #e4e4e4; margin-bottom: 35px; }
 .accountpage-block-link-wrapper							{ padding:10px 0 0; }
     .accountpage-block-link											{ color:#025bbf; }

 .account-history-row										{ display:flex; justify-content:space-between; border-top:1px solid #e4e4e4; }
     .account-history-date										{ padding:3px; width:calc(10% - 6px); }
     .account-history-title									{ padding:3px; width:calc(70% - 6px); }
     .account-history-link										{ padding:3px; width:calc(20% - 6px); text-align:right; }

 .account-download-row.title							{ font-size:14px; font-weight:600; }
 .account-download-row										{ display:flex; justify-content:space-between; border-top:1px solid #e4e4e4; }
     .account-download-title									{ padding:5px 0; width:calc(55% - 6px); }
     .account-download-date									{ padding:5px 0; width:calc(35% - 6px); white-space: nowrap;}
     .account-download-link									{ padding:5px 0; width:calc(10% - 6px); text-align:right; }

 .accountpage-block-wishlist									{ display:flex; justify-content:space-between; flex-wrap:wrap; }
     .accountpage-wishlist-item									{ position:relative; display:flex; align-items:center; justify-content:center; width:24%; height:230px; margin:0 0 11px; background:#fff; }
         .accountpage-wishlist-image									{ height:78%; max-height:170px; }
         .accountpage-wishlist-delete-button					{ position:absolute; bottom:4px; right:9px; color:#aaa; font-size:13px; cursor:pointer; }
         .accountpage-wishlist-delete-button:hover		{ color:#e75757; }
     .accountpage-wishlist-placeholder						{ width:24%; height:1px; color:#aaa; }


.accountpage-bestelling-cover       { width: 65px; }



 .shop-form-row.account									{ margin:0; }
 .shop-form-row.account.wide							{ display:flex; }
     /* .textfield.custom												{ width:calc(100% - 20px); } */
     .textfield.custom												{ width: 100%; box-sizing: border-box; }

     .form-element-error,
     .iti.error	#telefoonnummer,
     .accountpage-form-input.error	.textfield,
     .shop-form-element.error .shop-form-element-textfield,
     .shop-form-element.error .textfield,
     .accountpage-form-element.error .textfield,
     .shop-form-element.error .shop-form-element-select,
     .accountpage-form-input.error .shop-form-element-select		{ border-color:#f00; }

     label.error    { border: 1px solid #f00; padding: 3px; }
 
 .accountpage-form-row										{ margin: 0 0 24px 0; }
 .accountpage-form-error									{ display:inline-block; color:#f00;}
 .accountpage-password-wrapper						{ display:inline-block; width:205px; background: #e7e7e7; padding: 5px 10px; margin-right: 10px; }
 .accountpage-password-change-wrapper		{ display:inline-block; }

 .account-addressblock-wrapper						{ border-bottom:1px solid #cecece; background: #FFF; }
     .account-address-row										{ display:flex; justify-content:flex-end; width:100%; }

     .account-address-row.titles							{ border:0; font-weight:700; }

         .account-address-title								{ padding:8px 16px; width:572px;  }
         .account-address-title-afleveradres		{ padding:8px 0; width:220px; border-color:#e4e4e4; border-style:solid; border-width:1px 0 0 1px; text-align:center; background: #FFF; }
         .account-address-title-factuuradres		{ padding:8px 0; width:220px; border-color:#e4e4e4; border-style:solid; border-width:1px 1px 0 1px; text-align:center; background: #FFF; }

         .account-address-info                      { padding:8px 16px; width: calc(100% - 476px); border-color:#e4e4e4; border-style:solid; border-width:1px 0 0 1px; }
         .account-address-info.title                { border:0; }
         .account-address-info-type                 { font-weight:700; }

         .account-address							{ display:flex; align-items:center; justify-content:left; width:200px; padding:8px 4px 8px 16px; border-color:#e4e4e4; border-style:solid; cursor:pointer; }
         .account-address.selected						{ background:#fff; }

         .account-address.factuuradres				{ border-width:1px 1px 0 0; }
         .account-address.afleveradres				{ border-width:1px 1px 0; }

         .account-address-label							{ text-align:left; }
         .account-address-label.passive			{ color:#525252; }
         .account-address-label.active				{ display:none; }
             .account-address-label .svg-inline--fa					{ margin-right: 10px; }

         /* TL@FB 20180409 :: postNL afhaalpunt */
         .account-address-afhaalpunt					{ display:flex; width: calc(100% - 16px); min-height:40px; padding:8px; border-color:#e4e4e4; border-style:solid; cursor:pointer; }
         .account-address-afhaalpunt:hover           { background: aliceblue; }
             .account-address-afhaalpunt label			{ width: calc(100% - 90px); cursor: pointer; }
         .account-address-afhaalpunt.afleveradres 		{ border-width:1px 1px 0 ; }
             .afhaalpunten-postcode-form								{ display:flex; margin: 0 0 10px; }
             .afhaalpunten-postcode-input							{ height: 30px; width: 100px; margin:0 5px 0 0; padding:4px 7px; font-size: 17px; }
             .afhaalpunten-postcode-button							{ padding:4px 14px; }
             
             .account-address-afhaalpunt-radio					{ }
             .account-address-afhaalpunt-input					{ width:30px; }
             .account-address-afhaalpunt-info					{  }
             .account-address-afhaalpunt-detail					{ width: 50px; text-align: right; }
                 
                 .account-address-afhaalpunten-overzicht			{ width:100%; max-height: 350px; }	
                     .afhaalpunt-openingstijden-title					{ color:#ff0056; cursor:pointer; }
                     .afhaalpunt-openingstijden-title::before	{ content: "+ "; }
                     .afhaalpunt-openingstijden-title.hide::before	{ content: "\2013\20"; }
                     .afhaalpunt-openingstijden-content				{ display:none; }
                     .afhaalpunt-openingstijden-dayname				{ display:inline-block;width:100px;font-size:0.85em;line-height:0.9em;color:#525252;border-bottom: #e4e4e4; }
                     .afhaalpunt-openingstijden-hours				{ display:inline-block;width:100px;font-size:0.85em;line-height:0.9em;color:#525252;border-bottom: #e4e4e4; }

                     .nieuw-afhaalpunt-pointer					{ padding: 23px 0; text-align: center; }

         .account-address-row.afhaalpunten					{ justify-content: flex-start; }
             .afhaalpunt-title									{ font-weight: 700; }
             .account-address-afhaalpunten.afleveradres			{ flex: 1 0 auto; padding: 10px; border-color: #e4e4e4; border-style: solid; border-width: 1px 1px 0 1px; }


    .accountpage-block-content.addresses    { display: flex; flex-direction: column; }         
    .accountpage-block-content div[data-status="active"]    { order:2; } 
    .accountpage-block-content div[data-status="inactive"]   { order:4; } 
    .accountpage-block-content h4    { margin: 5px 0 10px; }
    .accountpage-block-content .header1    { order:1; }
    .accountpage-block-content .header3    { order:3; }
    .account-address-functions  { display: flex; flex-direction: column; margin: 0 0 2rem 0; }
    .account-address-functions a,
    .account-address-functions span { margin-right: 15px; }
    .account-address-functions a svg,
    .account-address-functions span svg { margin-right: 4px; }
    .account-address-functions .disabled { display: flex; flex-direction: row; align-items: center; color:#AAA; }

    @media only screen and (min-width: 768px) {
        .account-address-functions  { flex-direction: row; }
    }


     .account-address-company-info					{ color: #777; margin-bottom: 16px; }

     .button.add .fa-plus									{ font-size: 13px; margin-right: 6px; }

     .account-bestelling-row								{ display: flex; flex-flow: row nowrap; border-top: 1px solid #e4e4e4;  }
     .account-bestelling-row.title					{ font-size: 14px; font-weight: 600;  }
     .account-bestelling-date,
     .account-bestelling-id,
     .account-bestelling-shop,
     .account-bestelling-count,
     .account-bestelling-price,
     .account-bestelling-details						{ flex-grow: 1; display: flex; padding:5px 0;}
     .account-bestelling-state 						{ flex-grow: 1; padding:5px 0;}
     .account-bestelling-row.title	.account-bestelling-details { flex-grow: 1; padding:5px 0;}
     .account-bestelling-date							{ width:10%; }
     .account-bestelling-shop							{ width:26%; }
     .account-bestelling-id								{ width:15%; }
     .account-bestelling-count							{ width:10%; }
     .account-bestelling-price							{ width:10%; }
     .account-bestelling-state							{ width:25%; }
     .account-bestelling-state a.tent			        { display:inline; margin:0 10px 0 0; white-space:nowrap; }
     .account-bestelling-details						{ width: 16%; padding:5px 0; text-align: right; justify-content: end; }
     .account-bestelling-details .fa-chevron-down		{ font-size: 12px; }
     .account-bestelling-row-details                    { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;  margin: 12px 0 40px; 
                                                            -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
                                                            -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
                                                            box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
                                                        }
     .account-bestelling-row-details-row,
     .account-bestelling-row-details-overzichtrow {
        display: flex; justify-content: space-between;
        padding: 10px 10px; border-top: 1px solid #e4e4e4; background-color: #FFF; font-size: 0.93rem; line-height: 1.2rem;
    }
     
     .account-bestelling-row-details-row del,
     .account-bestelling-row-details-row .grey,
     .account-bestelling-row-details-overzichtrow del,
     .account-bestelling-row-details-overzichtrow .grey        { color: #a2a2a2; }
     .account-bestelling-row-details-row > div:nth-child(1)   { width: 65%;  }
     .account-bestelling-row-details-row > div:nth-child(2)   { width: 5%; text-align: right;  }
     .account-bestelling-row-details-row > div:nth-child(3)   { width: 20%; text-align: right; }
     .account-bestelling-row-details-row > div:nth-child(4)   { width: 10%; text-align: right; }

     .account-inkooplijst-row								{ display: flex; flex-flow: row nowrap; border-top: 1px solid #e4e4e4;  }
     .account-inkooplijst-row.title					{ font-size: 14px; font-weight: 600;  }
     .accountpage-block-content.inkooplijsten .td       { padding:5px 0; }
     .account-inkooplijst-row > div:nth-child(1)   { display: none; }
     .account-inkooplijst-row > div:nth-child(2)   { display: flex; width: 55%; flex-grow: 1; }
     .account-inkooplijst-row > div:nth-child(3)   { display: none; }
     .account-inkooplijst-row > div:nth-child(4)   { display: none; }
     .account-inkooplijst-row > div:nth-child(5)   { display: flex; width: 45%; justify-content: end; }
     .account-bestelling-row-details-row span.ean,
     .account-bestelling-row-details-overzichtrow .ean   { display: inline-block; min-width: 115px; }
     .account-bestelling-row-details-overzichtrow-title     { flex: 1 0 auto; }

     .account-bestelling-row-details-overzichtrow           { flex-wrap: wrap; }
     .account-bestelling-row-details-overzichtrow-ean       { order: 2; }
     .account-bestelling-row-details-overzichtrow-title     { order: 1; width: 100%; font-weight: 500; }
     .account-bestelling-row-details-overzichtrow-price     { order: 3; }

     @media (min-width: 993px) {
        .account-inkooplijst-row > div:nth-child(1)   { width: 10%; display: flex; }
        .account-inkooplijst-row > div:nth-child(2)   { width: 45%; display: flex; flex-grow: 1; }
        .account-inkooplijst-row > div:nth-child(3)   { width: 10%; display: flex; }
        .account-inkooplijst-row > div:nth-child(4)   { width: 15%; display: flex; }
        .account-inkooplijst-row > div:nth-child(5)   { width: 20%; justify-content: end; }
     }

/**
 *	DOCENT EXEMPLAREN
 */
 .active-bexgex-wrapper > div                           { margin-bottom: 1rem; }

 @media (min-width: 993px) {
    .active-bexgex-wrapper                              { display: flex; align-items: center; }
    .active-bexgex-wrapper > div                        { padding-right: 4rem; margin-bottom: 0rem; }
 }


/**
 *	LOCATIES
 */
.locatie-overzicht-wrapper							{ position: relative; display: flex; height: 100%; }
.vervolg-wide .locatie-overzicht-wrapper				{ height: 750px; margin: 0 0 25px; }
.vervolg .locatie-overzicht-address-cards				{ display: none; }
.vervolg .locatie-overzicht-google-map					{ width: 100%; height: 500px; margin: 0 0 25px; }

.locatie-count-wrapper {
		position: absolute; top: 61px; left: 0; width: calc(30% - 30px); display: flex; padding: 5px 15px;
		border-bottom: 1px solid #ddd; background: #f7f7f7;  font-size: 14px; color: #555; font-weight: 600; z-index: 23;
	}
	.locatie-count-value					{ margin: 0 5px 0 0; }
	.locatie-overzicht-address-cards		{ width: 30%; max-height: 100%; margin: 93px 0 0; overflow-y: scroll; }
	.locatie-filter-wrapper					{ position: absolute; top: 0; left: 0; height: 30px; width: calc(30% - 30px); padding: 15px; background: #f7f7f7; border-bottom: 1px solid #ddd; z-index: 23; }
		.locatie-filter-input					{ width: calc(100% - 22px); padding: 5px 10px; border: 1px solid #ccc; font-size: inherit; font-family: inherit; }
		.locatie-overzicht-google-map			{ width: 70%; }
			.locatie-filter-icon				{ position: absolute; top: 20px; right: 25px; }
.google-map-container					{ min-height: 100%; background: #f1f1f1; }
.cards-container						{ position: relative; background: #fff; z-index: 20; }
	.address-card							{ padding: 15px; border-bottom: 1px solid #ddd; cursor: pointer; }
	.address-card.selected						{ background: #eee; }
		.address-card-content					{ padding: 0 0 0 52px; background: url('../images/locaties-marker.png') 0 5px no-repeat; }
			.address-card h3						{ margin: 0; }

.set-card								{ padding:0 10px 20px 0; }
.controls 	{ height: 32px; width: calc(100% - 22px); padding: 5px 10px; border: 1px solid #ccc; font-size: inherit; font-family: inherit; }
#pac-input 	{ padding: 0 11px 0 13px; background-color: #fff; font-size: 15px; font-weight: 300; text-overflow: ellipsis;  }

.pac-container { font-family: Roboto; }
#type-selector { padding: 5px 11px 0px 11px; color: #fff; background-color: #4d90fe; }
#type-selector label { font-family: Roboto; font-size: 13px; font-weight: 300; }

/**
 * start: FORM OAUTH AUTORISEER EXTERNE CLIENT 
 */
 
 .oauth-login-extern-with-bua-account-wrapper {max-width:360px;}
 .account-inloggen-extern-form-errormsg {color:#F00;}

/* end: FORM OAUTH AUTORISEER EXTERNE CLIENT */

 .shop-form-element-login.feedback-wrapper					{ display:flex; align-items:center; }
     .wait-indicator																		{ height:25px; margin:0 10px; display:none; }

 .accountpage-title,
 .page.account h2												{ font-size:22px; margin:0 0 18px; }

 .accountpage-button-wrapper							{ display:flex; align-items:baseline; }
     .button.grey.accountpage								{ height:36px; margin:0 15px 0 0; }
     .accountpage-button-wrapper .button			{ height:40px; }

 .accountpage-download-wrapper						{ display:flex; }
     .accountpage-download-box								{ padding:10px; }
     
 .accountpage-newsletter-preferences-field-changed-indicator {
     display:none;
     color:#ccc;
 }
 .page.checkout #bt-annuleren	{ display:none; }
 
 .account-errormelding-wrapper			{ display:flex; margin:0 0 20px; padding:10px 0 0; }

 .account-address-afhaalpunten-overzicht > .scroll-element,
.account-address-afhaalpunten-overzicht > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.account-address-afhaalpunten-overzicht > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_outer { overflow: hidden; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_outer,
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_track,
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_track,
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.account-address-afhaalpunten-overzicht > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.account-address-afhaalpunten-overzicht > .scroll-element:hover .scroll-bar { background-color: #919191; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
/* update scrollbar offset if both scrolls are visible */
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.account-address-afhaalpunten-overzicht > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/**
 *	MEDIA QUERIES
 */
 @media only screen and (max-width:1024px) {

    
    /**
     *	SHOP TABLET
     */
        .shop-cart-cover														{ flex:0 0 14%; }
        .shop-cart-description											{ width:calc(60% - 30px); }
    
        .boxed																			{ background-position:520px 96px; }
        .thankyoupage-container											{ display:block; }
            .thankyoupage-overview											{ margin:0 0 30px; width:calc(100% - 0px); }
            .thankyoupage-extra													{ width:calc(100% - 0px); }
                .thankyoupage-cart-overview-details 				{ width: 185px; }
    
    
    /**
     *	SHOPFLOW PROGRESS TABLET
     */
    .shop-progress-item.connection						{ width: 13px; }
    .shop-progress-item.connection span				{ display: none; }
    .shop-progress-item-text.first						{ padding: 13px 0px 0px 15px; }
    .shop-progress-item.connection
    .shop-progress-item-text									{ font: 700 22px/17px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; }
    
    /**
     *	SHOP FOOTER	TABLET
     */
    .shop-footer-container 							{ width: 730px; flex-flow: column nowrap; }
    .shop-footer-column									{ flex: auto; margin-bottom: 15px; }
    .shop-footer-column.contact					{ flex-flow: column nowrap; }
    .shop-footer-column-left,
    .shop-footer-column-right						{ text-align: center; }
    .shop-footer-column-right						{ flex-flow: row nowrap; justify-content: center; }
    .shop-footer-payment-item img				{ width:55%; }
    .shop-footer-payment-item.ideal img { width:38%; }
    
    
    /**
     *	ACCOUNT TABLET
     */
    .account-address-info                   {  }
    .accountpage-wishlist-item				{ height:140px; }
        .account-history-date							{ width:calc(13% - 6px); }
        .account-history-title						{ width:calc(67% - 6px); }
    
        .accountpage-address-overview-wrapper							{ display:block; }
            .accountpage-address-overview-column.first				{ margin:0 0 30px; }
        
        /* TL@FB 20180411 */
        .account-address-afhaalpunten						{ width: calc(100% - 20px); padding: 0 10px; }
        .account-address-afhaalpunten.afleveradres			{ flex: 0 1 63%; }
        .afhaalpunten-postcode-input						{ width: calc(100% - 100px); }
    
            .account-bestelling-row								{ display: flex; flex-flow: column nowrap; border-top: 1px solid #cecece; padding: 10px 0;  }
            .account-bestelling-row.title					{ display: none;  }
            .account-bestelling-date,
            .account-bestelling-id,
            .account-bestelling-count,
            .account-bestelling-price,
            .account-bestelling-state,
            .account-bestelling-details						{ width: 100%; padding: 2px 0;}
    
            .shop-form-element-label			{ font-size: 14px; }
            .shop-form-element-label-flag		{ line-height: 24px; }
    
    
        .shop-notification													{ position:absolute; }
            .shop-notification-mailinputbox.bookshelf		{ width:calc(100% - 26px); }
    
    /**
     *	FORMS TABLET
     */
    
        .form-table-row						{ display:block; }
            .col2 .textfield 					{ width:calc(100% - 20px); margin:0; }
            .col2 select							{ width:100%; }
    
            
    }
    
    @media only screen and (max-width:767px) {
   
   
    /**
     *	TILES MOBILE
     */
        .tiles-wrapper						{ display:block; }
            .tile-wrapper							{ width:300px; }
    
    
    /**
     *	LOCATIES MOBILE
     */
    .locatie-overzicht-wrapper					{ flex-flow: column nowrap; max-height: unset; }
    .vervolg-wide .locatie-overzicht-wrapper	{ height: auto; }
        .locatie-overzicht-address-cards			{ position: relative; order: 2; width: 100%; }
            .locatie-filter-wrapper						{ width: calc(100% - 30px); }
        .locatie-overzicht-google-map				{ position: relative; order: 1; min-height: 350px; height: 350px; width: 100%; }
    .cards-container							{ margin: 92px 0 0; }
    
    
    /*
     *	NOTIFICATION MOBILE
     */
        .shop-notification										{ width: 340px; }
            .shop-notification-title								{ padding: 10px 40px 10px 20px; background:#e7e7e7; }
                .shop-notification-item									{ display:block; }
                    .shop-notification-item-title						{ margin: 0 0 10px; text-align:center; font-size:15px; line-height: 16px; }
                    .shop-notification-item-image-container				{ width: 65px; margin:0 auto; }
                    .shop-notification-item-content-container			{ width: 300px; }
                        .shop-notification-mailinputbox						{ width: 272px; }
                        .shop-notification-mailme-button						{ display:block; _width:209px; text-align:center; }
    
        span.bookshelflang			{ font-size: 13px !important; line-height: 15px !important; }
                        
        .bookshelf .shop-notification-item		{ padding: 10px; }
        .bookshelf .shop-notification-item-content-container	{ width: 100%; }
    
        .account-addressblock-wrapper				{ border:0; }
            .account-address.factuuradres				{ border-width:1px 1px 1px 0; }
            .account-address.afleveradres				{ border-width:1px; }
    
    
    
    /**
     *	SHOP MOBILE
     */
    
        .shop-login-container							{ display:block; }
            .shop-login-newcustomer						{ width:auto; margin:0 0 15px; }
            .shop-login-existingcustomer			{ width:auto; }
                .shop-form-element-login-linkcontainer			{ display:block; margin:10px 0 0 15px; }
                .shop-form-element-login:last-child					{ margin:0; }
    
    
            .shop-form-row									{ display:block; }
            .shop-form-row.zakelijk					{ flex-wrap:wrap; }
                .shop-form-element							{ margin:0 0 10px !important; }
                .shop-form-element.wide					{ flex:0 0 97%; }
            .shop-content-header-container	{ display: none; }
            .shop-paymentmethod-wrapper h2	{ font-size: 18px; font-weight: 600; text-align: center; margin: 0px 0px 15px; }
    
            .shop-form-wide-buttons-container	{ flex-flow: column nowrap; margin-bottom: 25px; padding: 0 15px; }
            .shop-form-wide-buttons						{ __width: 100%; }
            .shop-form-wide-buttons	.button			    { justify-content:center; width: 100%; }
            .shop-form-wide-buttons	.button.grey		{ justify-content:center; width: 100%; }
    
            .shop-form-wide-buttons.left			{ order:2; margin: 0 0 0 0; __width: 100%; }
            .shop-form-wide-buttons.right			{ order:1; margin: 0 0 10px 0; __width: 100%; }
            .shop-form-wide-buttons.bevestigen.right			{ margin: 0 0 0 0; }
    
            .shop-cart-main															{ border-top:1px solid #e4e4e4; }
                .shop-cart-row-titles												{ display:none; }
                .shop-cart-row															{ flex-wrap:wrap; }
                .shop-cart-row.last	.shop-cart-cover					{ flex: 0 0 0%; }
                .shop-cart-row.last	.shop-cart-description		{ flex: 0 0 95%; }
                .shop-cart-row.last	.shop-cart-price					{ padding: 0 0 0; }
                    .shop-cart-cover										{ flex:0 0 20%; margin:0 0 0 12px; }
                    .shop-cart-description									{ flex:0 0 70%; }
                        .shop-cart-quantity										{ position:relative; top:0; right:0; }
                        .shop-cart-item-handler.remove							{ position:absolute; top:7px; right:14px; height:23px; width:0; }
                            .shop-cart-item-handler.remove .label				{ display:none; }
                    .shop-cart-price										{ flex:0 0 calc(100% - 20px); __display:none; }
                    .shop-cart-total										{ position: relative; flex:0 0 calc(100% - 20px); padding:0 10px 10px; font-weight: bold; }
    
            .shop-cart-cart-shipping-container				{ flex:0 0 100%; padding:10px; }
                .shop-cart-cart-shipping-container .discount-field      { width: 135px; }
            .shop-cart-cart-details-container				{ flex:0 0 calc(100% - 20px); padding:0 10px; }
    
                .shop-cart-kadoboek-sticker						{ position: absolute; top: -50px; right: 0; }
    
            .shop-cart-reference-wrapper h4						{ border-bottom: 0px; }
    
            .shop-cart-order-remarks,
            .shop-cart-order-reference								{ width: calc(100% - 20px); }
    
            .shop-cart-row-item.shop-cart-description		{ padding: 10px 0; }
            .shop-cart-description							{ display: flex; flex-flow: column; align-items: flex-start; }
                .shop-cart-row-titlewrapper						{ margin: 0 0 5px; }
                .shop-cart-quantity								{ order: 1; margin: 0 0 5px; }
                .shop-cart-state								{ order: 4; }
                .shop-cart-item-handlers-container				{ order: 3; margin: 0 0 5px; }
                .available										{ order: 2; }
            .shop-cart-set-items							{ width: 95%; }
    
            .shop-cart-row-mobile-label						{ display: inline; margin: 0 5px 0 0; }
            .shop-cart-row-item.shop-cart-total				{ padding: 0 0 15px 0; }
    
            .form-tipp			{ width: 250px; }
            .form-tipp-arrow	{ top: -6px; left: 13px; transform: rotate(311deg); } 
    

            .btn-primary-outline.wishlist       { display: none !important; }

    /**
     *	SHOP BETAALMETHODE MOBILE
     */
    .shop-paymentmethod-row,
    .shop-paymentmethod-details-bank,
    .shop-paymentmethod-details-dropdown-container 						{ flex-flow:column nowrap; align-items:center; }
    .shop-paymentmethod-icon,
    .shop-paymentmethod-item,
    .shop-paymentmethod-details											{ flex: auto; width: 87%; padding: 15px; text-align: center; }
    
    .shop-paymentmethod-item	{ padding: 15px 0 5px; }
    
    .shop-paymentmethod-details-dropdown-icon {
        display: inline-block;
        height: 70px;
        width: 70px;
    }
    .shop-paymentmethod-details.icons	{
          display: inline-block;
        height: 55px;
        width: 100px;
    }
    
    .shop-paymentmethod-details-icon,
    .shop-paymentmethod-details.factuur				{ flex-flow: column; }
    .shop-paymentmethod-details-dropdown-icon img { width: 75%; }
    .shop-paymentmethod-details-icon.master img		{ width:60px; margin:0 7px 0 0; padding:2px 0 0; }
    .shop-paymentmethod-details-icon.visa img			{ width:60px; margin:0 7px 0 0; padding:8px 0 0; }
    .shop-paymentmethod-details-icon.amex img			{ width:50px; }
    .shop-paymentmethod-details-icon.paypal img		{ width:70px; padding:8px 0 0; }
    .shop-paymentmethod-details-icon.master				{ height: 50px;  }
    
    
    .shop-paymentmethod-a-agree													{ padding: 0px 0px 2px 0px; }
    .shop-paymentmethod-a-agree	input[type="checkbox"] 	{ margin-left: 0px; }
    .shop-paymentmethod-a-iban,
    .shop-paymentmethod-a-bic														{ padding: 3px 0px 3px 0px; }
    
    .shop-paymentmethod-row-title		{ flex: 0 0 100%; margin: 0; padding: 10px 0 0; text-align: center; }
    .shop-paymentmethod-item			{ padding: 0; }
    .shop-paymentmethod-row.creditcard	{ flex: 0 0 47%; margin: 0 3px 6px; }
    
    .shop-paymentmethod-extra			{ margin: 0; }
    .shop-paymentmethod-row-creditcard	{ flex-flow: wrap; text-align: center; justify-content: center; }
    .shop-paymentmethod-row-creditcard .shop-paymentmethod-details-icon.master		{ margin: 0 10px; }
    .shop-paymentmethod-row-creditcard .shop-paymentmethod-extra					{ width: 100%; }
    .shop-paymentmethod-creditoptions-container										{ text-align: center; }
    
    
    /**
     *	SHOP BEVESTIGEN MOBILE
     */
        .shop-overview-container											{ display:flex; flex-flow: column nowrap; justify-content:space-between; }
            .shop-overview-side													{ order: 2; flex:0 0 32.3%; border-bottom: 1px solid #e4e4e4;}
            .shop-overview-main													{ order: 1; flex:0 0 65.3%; }
            .shop-overview-row.shop-details-container		{ flex-flow: column nowrap; }
            .shop-cart-divider													{ display: block; font: 700 18px/22px 'Source Sans Pro', Arial, Helvetica, Sans-Serif; text-align: center; padding-bottom: 13px; }
            .shop-overview-cart-shipping h4 						{ max-width: 100%; margin: 0 0 0px; border-bottom: 0px; }
            .shop-overview-price 												{ display: none; }
            .shop-overview-quantity 										{ display: none; }
            .shop-overview-description 									{ flex: 0 0 56%; }
            .button-wrapper															{ width: 100%; margin:0 0 10px 0; }
    .button-wrapper .button	{ box-shadow: 0 0 0 0;}
    
            .shop-overview-cart-details									{ /*font-size: 14px;*/ }
    
    
            .boxed																			{ background:none }
                .orderdetails-overview-row									{ display:block; margin:0 0 10px; }
    
                .shop-overview-side-contentblock .fa.fa-chevron-down	{ display: block; }
                .shop-overview-side-contentblock .fa.fa-chevron-up		{ display: none; }
    
                .shop-overview-side-contentblock.payment 		{ display:none; }
                .shop-overview-side-contentblock h3				{ cursor:pointer; margin-bottom: 0px; padding-bottom: 0px;}
                .shop-overview-side-contentblock h3.open				{margin-bottom: 10px;}
                    .shop-overview-side-contentblock h3 .fa-chevron-down			{ display:block; }
                    .shop-overview-side-contentblock h3.open .fa-chevron-down		{ display:none; }
                    .shop-overview-side-contentblock h3.open .fa-chevron-up			{ display:block; }
    
            .shop-overview-row.shop-details-container		{ padding: 0 0 0 0;} /* reset padding van prijs vlak */
            .shop-overview-detail.total,
            .shop-overview-detail-payment	{ padding: 10px 15px; }
    
    
            .shop-overview-detail-payment-content,
            .shop-overview-side-contentblock-text				{ display:none; }
    
    
            /* extra informatieblok betaalmethode */
            .shop-overview-cart-shipping							{ order:2; }		
            .shop-overview-cart-shipping,
            .shop-overview-detail									{ padding:0 15px; }
            .shop-cart-cart-details	.shop-overview-detail			{ padding: 0; }
    
                .shop-overview-cart-shipping h4						{ position:relative; padding:10px 0; font-weight:600; font-size:16px; }
    
                .shop-overview-cart-shipping h4 .fa-chevron-down					{ position:absolute; right:0; top:12px; display:block; }
                .shop-overview-cart-shipping h4 .fa-chevron-up						{ display:none; }
                .shop-overview-cart-shipping.open h4 .fa-chevron-down			{ display:none; }
                .shop-overview-cart-shipping.open h4 .fa-chevron-up				{ position:absolute; right:0; top:12px; display:block; }
    
                .shop-overview-cart-shipping .shop-overview-detail-payment-content		{ display:none; }
                .shop-overview-cart-shipping .shop-overview-detail-payment-title .fa-chevron-down		{ display:block; }
    
            .shop-overview-cart-details-container			{ padding:10px 0 0; border-bottom:1px solid #e4e4e4; }
            .shop-overview-detail.total								{ display: flex; }
    
            .shop-overview-detail-payment							{ order:3; display:block; position: relative; border-top: 1px solid #e4e4e4; }
            .shop-overview-detail-payment-title				{ font-weight: 600; font-size: 16px; }
    
            .shop-overview-detail-payment-title	.fa-chevron-down		{ position:absolute; right:14px; top:12px; }
            .shop-overview-detail-payment-title	.fa-chevron-up			{ position:absolute; right:14px; top:12px; display:none; }
            .shop-overview-detail-payment.open .fa-chevron-down		{ display:none; }
            .shop-overview-detail-payment.open .fa-chevron-up			{ display:block; }
            .shop-overview-detail-payment.open .shop-overview-detail-payment-title {margin-bottom: 10px;}
    
    
    
    /**
     *	SHOPFLOW PROGRESS MOBILE
     */
        .shop-progress-mobile-container					{ display:block; height:40px; padding:20px 0 0; text-align:center; }
        .shop-progress-container								{ display:none; }
    
        .shop-overview-side-contentblock:last-child		{ border-bottom:0; }
    
    /**
     *	SHOP FOOTER MOBILE
     */
    .shop-footer-container 							{ max-width:400px; width:93%; flex-flow:column nowrap; }
    .shop-footer-column									{ flex: auto; margin-bottom: 15px; }
    .shop-footer-column.contact					{ flex-flow: column nowrap; text-align: center; }
    .shop-footer-column-left,
    .shop-footer-column-right						{ width: 100%;  }
    .shop-footer-column-right						{ flex-flow: column wrap; justify-content: flex-end; }
    .shop-footer-column.payment					{ flex-flow: row wrap; padding: 20px 20px 2px; }
    .shop-footer-payment-item {
        width: 25%;
        text-align: center;
        margin-bottom: 20px;
    }
    
    /**
     *	ACCOUNT MOBILE
     */
    .accountpage-address-overview-adress-wrapper	{ display:block; }
        .accountpage-address-overview-adress					{ margin: 0 0 20px; }
    
    .accountpage-block-attention									{ display:block; text-align:center; }
        .accountpage-block-attention-image-wrapper		{ width:auto; margin:0; }
            .accountpage-block-attention-image						{ width:70%; margin:0 0 20px; }
        .accountpage-block-attention-info-wrapper			{ width:auto; }
    .accountpage-wishlist-item										{ width:100%; height:200px; }
    
        .account-history-row													{ flex-flow:row wrap; padding:5px 0; }
            .account-history-date													{ width:auto; padding:0 3px; }
            .account-history-title												{ width:auto; padding:0 3px; }
            .account-history-link													{ width:auto; padding:0 3px; text-align:left; }
    
        .account-bestelling-row												{ flex-flow:row wrap; }
            .account-bestelling-date											{ display:block; width:30%; padding:2px 0; }
            .account-bestelling-shop											{ display:block; width:70%; padding:2px 0; text-align:right; }
            .account-bestelling-id												{ display:block; width:40%; padding:2px 0; }
            .account-bestelling-price											{ display:block; width:40%; padding:2px 0; text-align:right; }
            .account-bestelling-state											{ display:block; width:40%; padding:2px 0; }
            .account-bestelling-details										{ display:block; width:40%; padding:2px 0; text-align:right; }

        .docentaanvragen-wrapper .account-bestelling-row												{ flex-flow:row wrap; }
            .docentaanvragen-wrapper .account-bestelling-date											{ display:block; width:100%; padding:2px 0; }
            .docentaanvragen-wrapper .account-bestelling-shop											{ display:block; width:70%; padding:2px 0; text-align:right; }
            .docentaanvragen-wrapper .account-bestelling-id												{ display:block; width:40%; padding:2px 0; }
            .docentaanvragen-wrapper .account-bestelling-price											{ display:block; width:40%; padding:2px 0; text-align:right; }
            .docentaanvragen-wrapper .account-bestelling-state											{ display:block; width:40%; padding:2px 0; }
            .docentaanvragen-wrapper .account-bestelling-details										{ display:block; width:40%; padding:2px 0; text-align:right; }




        .account-download-row.title									{ display:none; }
        .account-download-row												{ display:block; padding:5px 0; }
            .account-download-title											{ width:auto; padding:0 3px; font-weight:600; }
            .account-download-date											{ width:auto; padding:0 3px; }
            .account-download-link											{ width:auto; padding:0 3px; text-align:left; }
    
            .accountpage-download-wrapper	.textfield									{ width:auto; margin:0; }
            .accountpage-download-wrapper	.accountpage-block-link			{ display:block; }
    
            .accountpage-form-row													{ margin:0 0 15px; }
                .accountpage-form-input .textfield						{ margin:0; }
                /* .accountpage-form-input .textfield.custom			{ width:calc(100% - 20px); } */
    
        .account-address-row.titles						{ display:none; }
        .account-address-row									{ display:block; margin:0 0 15px; padding: 0 0 15px; }
            .account-address-info									{ width:calc(100% - 34px); border-width: 0; }
            .account-address											{ width: calc(100% - 52px); margin: 0 auto; padding: 10px 10px 8px; }
            .account-address.factuuradres					{ border-width:0 1px 1px; }
            .account-address-label								{ font-size: 14px; }
            .account-address-label .fa						{ font-size:18px; }
    
            .accountpage-button-wrapper															{ display:flex; }
                .feedback-wrapper																				{ margin:0; }
                .accountpage-button-wrapper .button											{ width:100%; }
                .accountpage-button-wrapper .button.add									{ width:calc(100% - 30px); justify-content:center; }
                .accountpage-button-wrapper .button.grey.accountpage		{ width:calc(100% - 30px); margin:0 0 10px; justify-content:center; }
    
        .accountpage-download-wrapper .textfield		{ width:calc(100% - 20px); margin:0 0 10px; }
            .payment-method-errormelding-wrapper				{ margin: 0 0 20px 0; padding: 0; justify-content: center; text-align: center; }
        
        .shop-notification								{ position: fixed; }
            .shop-notification-mailinputbox.bookshelf		{ width:calc(100% - 26px); }
    
            .account-address-afhaalpunten.afleveradres		{ border: none; }  
    
            .shop-form-element-label			{ font-size: 16px; }
  
    
    
    
    }
    


/* PROFIEL SELECTOR */
.profile-container  { padding: 0 15px; }
.profile-selector-placeholder  { position: relative; min-height: 130px; }
.profile-selector {
    position: absolute; top: 0px; width: 100%; z-index: 15; margin: 1rem 0 2rem;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
    display: flex; flex-direction: column;
}
.profile-selector * { transition: all 0.2s; } 
.profile-selector .profile-option {
    order: 3; display: none; align-items: center; line-height: 18px; height: 90px;
    background-color: #FFF; border: 1px solid #dadada; border-radius: 3px; padding: 10px; box-sizing: border-box;
}
.profile-selector .profile-option.SELECTED  { order: 1; display: flex; border: 1px solid #d7d7d7; }
.profile-selector .profile-info             { padding-left: 10px; flex-grow: 1; }
.profile-selector .fa-circle                { color: #d7e2f1; }
.profile-selector .fa-user                  { color: #003983; }
.profile-selector:hover .profile-option { display: flex;  }
.profile-selector .profile-option:hover { cursor: pointer; border: 1px solid #5d84b9; }
.profile-dropdown .profile-option:hover { -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.10); }
.profile-selector .profile-check            { display: none;  }
.profile-selector .profile-option.SELECTED .profile-check               { display: flex; align-items: center; width: 32px; height: 32px; justify-content: center; transform: rotate(-90deg); }
.profile-selector:hover .profile-option.SELECTED  .profile-check        { transform: rotate(0deg); }
.profile-dropdown   { position: absolute; top: 66px; width: 100%; left: 0; z-index: 5; }

.profile-option .fa-stack       { width: 3.3em; }

@media (min-width: 768px) {
    
    .profile-container  { padding: 0 0; }
    .profile-selector-placeholder       { min-height: 110px; }
    .profile-selector .profile-option   { height: 66px; }

 }