/* table account */
.no_image {height:64px;margin:10px;width:64px}
.table_row {position: relative;padding: 0.75rem 0;border-bottom:1px solid #eee}
.table_foot .notice{text-align:center;width:210px}
.table_foot .border {border-bottom:1px solid #dfdfdf}
.table_foot .notice{width:280px;margin:0 0 20px}
.table_row .btn svg{width:16px;height:16px;margin:1px 0 0 2px;vertical-align:text-bottom;fill:rgba(255,255,255,.85)}
/* selects */
.supplier_register{margin-bottom:30px;padding:20px;border:solid 1px var(--container-border);background-color:var(--container-gray);border-radius:.3rem}
/* alerts */
.error {font-size: .8rem; border: 1px solid rgb(221, 221, 221);padding: .6em .5em;text-align: center;border-bottom:1px solid #df7373;margin:10px 0; border-radius: .25rem; box-shadow: .2rem .2rem .3rem rgba(var(--bs-body-color-rgb),.1)}
.error a{font-weight:500;color: #a02313}
.error ul {list-style-type: none}
.notice{margin-bottom:2em;padding:.8em;text-align:center;margin-right:0;color: #242f04;background-color: #ccee68;border:1px solid rgba(0, 0, 0, .1);border-radius:.3rem}
/* Progress bar */
progress[value] {appearance: none;-webkit-appearance: none}
progress {width: 120px;height: 12px;border: solid 1px rgba(0,0,0,.22);padding: 1px;background-color: transparent;border-radius: 7px}
progress::-webkit-progress-value {border-radius: 7px;background-color: rgb(199,208,0);background-image: linear-gradient(90deg, rgba(199,208,0,1) 0%, rgba(0,207,42,1) 100%)}
progress::-moz-progress-bar {border-radius: 7px;background-color: rgb(199,208,0);background-image: linear-gradient(90deg, rgba(199,208,0,1) 0%, rgba(0,207,42,1) 100%)}
progress::-webkit-progress-bar {background-color: #f5f5f5}
progress::-moz-progress-bar {background-color: #f5f5f5}
/* payment method */
.payment_method .method{border-right:1px solid #dadada}
.payment_method .method:last-child{border-right:none}
.payment fieldset{background-color:#f6f6f6;border:5px solid #dedede;padding:20px}
.changepayment{box-shadow:0 0 1px 1px red;color:#000!important;font-size:0.846rem!important;font-weight:400!important;margin-left:-3px!important;margin-top:37px!important;padding:5px}
.img-prepayment, .payment-logo{max-width:250px!important; max-height:70px!important;}
/* finish step window */
.finish .teaser,div.inner .account_forms .supportrequest{margin:0}
.finish .finish-window{margin-right:2px}
.finish .finish-window .rebate,.finish .finish-window .voucher{min-height:70px}
.number_to_img{font-size:0.69rem}
.checkdata{margin-top:9px!important;padding:5px 5px 5px 0}
.chklabel .link-info a{text-decoration:underline!important}
.agb-holder{height:22px}
.ctl_checkout .more_info{border:0;margin:0;padding:0;top:70px;position:absolute;z-index:1}
.ctl_checkout .pullup .headingbox{font-size:1.25rem;font-weight:700;height:30px;letter-spacing:0;padding:5px 0 5px 20px;border:0;color:var(--color-link);line-height:20px}
.ctl_checkout .pullup .close{cursor:pointer;display:block;height:21px;position:absolute;right:10px;text-indent:-9999px;top:12px;width:24px}
.ctl_checkout .agb_info{position:absolute;z-index:1;top:130px}
.ctl_checkout .confirm_accept{font-weight:700;color:#000}
.ctl_checkout .more_info label{margin-top:6px;margin-left:5px}
.ctl_checkout .confirm_accept a{color:var(--color-link);text-decoration:underline!important}
.ctl_checkout .confirm_accept a:hover{color:var(--color-link)}
/* stepbox */
.step_box li{list-style:none;border:1px solid #eee;border-bottom:1px solid #bbb;border-radius:6px 6px 0 0}
.step_box li:first-child{margin-left:0}
.step_box .active{border-color:#bbb;background-color:#fff;border-bottom:none}
.step_box .icon{border:0;font-weight:600;padding:0;color:#fff;font-size:1.125rem;height:24px;line-height:24px;border-radius:50%;text-align:center;width:24px;background-color:#ccc}
.step_box .active .icon{background-color:var(--btn-color-bg)}
/* basket */
.basket .agb,.basket .changeorder,.basket .more_info{border:1px solid;border-top:0 none;padding:10px;width:760px}
.basket .more_info label{position:relative;top:-70px}
.basket .more_info textarea{height:75px;left:150px;position:relative}
.basket,.payment fieldset{margin-bottom:20px}
.check_order{border-color:#dfdfdf;margin:10px 0}
.check_order .inner_container{border:1px solid #dfdfdf;border-top:0 none;margin:0;padding:10px 15px 5px;background:#f3f3f3}
.check_order h2,.fuzzy .category_filter h3{font-size:.92rem;font-weight:700;height:35px;line-height:35px;text-transform:none}
.check_order h2{display:block;margin-top:0;padding:0 10px;color:var(--color-link);background:0 0 #fff}
.menu_account .headingbox {border-bottom-width:0!important}
/* */
#gcGiropayBankcode{width:166px}
.rp_finish_card,.rp_trustedshops_form{border:1px solid var(--color-link);padding:10px 20px;margin-top:12px;border-radius:3px}
.rp_finish_card h2,.rp_trustedshops_form h2{font-size:1.85rem;font-weight:700;color:var(--color-link)}
.rp_finish_card p{font-size:1.25rem;font-weight:400;color:#000;margin:15px 0}
.rp_finish_card b{font-weight:700}
#ct00 h2{color:#84af28;font-size:1.54rem;margin-bottom:10px}
#ct00 p{color:#666;margin-bottom:30px}
.additional_footer .agb,.additional_footer .comment,.additional_footer .more_info{border:1px solid;padding:20px}
.additional_footer .comment textarea{height:150px;margin:0 170px}
.additional_footer .agb,.additional_footer .more_info{border-top:0}
.additional_footer .agb .revocation{background-color:#fff;border:1px solid#dfdfdf;display:block;margin:0 0 10px;padding:10px}
.basket_ordernumber{margin:0 0 5px;font-weight:600}
.basket_ordernumber span{font-weight:500}
.account, .addresses {margin-left: 0;margin-right: 0}
/* order-items */
.order-info{height:0;opacity:0;visibility: hidden;pointer-events: none;overflow: hidden}
.order-info.active{height:auto;box-shadow:0 0 5px rgb(0 0 0 / 20%);opacity: 1;transition: .3s;visibility: visible}
.order_items>ul{padding:0.5rem}

.order-info .table_head {background-color:var(--heading-bg);font-weight:600;margin:0!important;padding:.5rem 0;width:100%;border-top-left-radius:.3rem; border-top-right-radius:.3rem;border-bottom:solid 1px rgba(0, 0, 0, .1)}
.lastrow{border-bottom:0}
/* register */
/* flex-containers */
.reqlab,.register-item,.zip,.adress,.register-inputs,.alt_shipping {display: flex;align-items: center}
.reqlab,.register-item {margin-bottom: 0.5rem}
/* flex-elements */
.reqlab >*,.register-item >* {flex: 1 1 auto;max-width:50%}
.reqlab >*:first-child,.register-item >*:first-child {flex: 0 0 30%;max-width: 30%;text-align: right;padding-right: 2rem}
.register-inputs input {flex:1 1 auto;max-width: 100%}
.register-inputs input:first-child{margin-right: 5px}
.register .number{flex:0 0 60px;max-width: 60px; -moz-appearance: textfield !important}
.register .number::-webkit-outer-spin-button,.register .number::-webkit-inner-spin-button {-webkit-appearance: none}
/* text */
.description{color: #999;line-height: 1.2; font-size: 0.8rem}
.vies_info{color:var(--color-link)}
/* for unselected labels text and best ux */
.register label {cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
/* alerts */
.register .error {padding: .8em;text-align: center;border:1px solid #df7373;margin:10px 0}
.register .error ul {padding:0 0 0 15px;list-style-type: none}
.register .error li{margin:5px 0;padding:0}
.register .error h2{color:#8a1f11;margin:0 0 10px;padding:0;border-bottom:1px solid rgba(223, 115, 115, 0.6);font-weight:700}
.alert-danger a {color: var(--bs-heading-color, inherit)!important;}
.register .notice{margin-bottom:2em;padding:.8em;text-align:center;margin-right:0;color: #242f04;background-color: #ccee68;border:1px solid rgba(0, 0, 0, .1);border-radius:.3rem}
.account-height-and-btn-position .card-body{display: flex;flex-direction: column}
.nav-link.logout{color:#CD6262!important}
.cart_items > div:last-child {border:0 !important}
/* steps */
.steps{display:flex;justify-content:space-between;align-items:center;position:relative}
.step-button{width:40px;height:40px;line-height:40px;border-radius: 50%;border:none;background-color:var(--color-gray);transition:.4s}
.done{background-color:var(--color-light-green)}
.step-item{z-index:10;text-align:center}
.progressbar{position:absolute;width:75%;z-index:5;height:6px;left:0;right:0;top:0;margin:18px auto 0 auto;border:0;background:var(--color-gray)}
.progressbar-value{background:var(--color-light-green);height:100%}
.step-title {width:140px;height:20px;line-height: 1rem;font-size: 0.875rem;}
#ajax_validate_password_error {top: 50%!important;left:50%!important;position: fixed!important;opacity: 0.9;transform: translate(-50%,-50%)}
.form-check-radio input {top:20px;left:20px;}
.form-check-radio .form-check-label {background:#fff;border-radius:.25rem;border:3px solid #ccc;width:100%;cursor:pointer;transition:.5s border-color;}
.form-check-radio .form-check-input:enabled + .form-check-label:hover {border-color: #999;}
.form-check-radio input:checked + label {border-color:var(--btn-color-bg)}
.new_customer_form ul li:before {content: '';background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='hsl(0,0%,60%)' class='check2-square' viewBox='0 0 16 16'%3E%3Cpath fill='hsl(0,0%,60%)' d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5H3z'/%3E%3Cpath fill='hsl(0,0%,60%)' d='M8.354 10.354l7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/%3E%3C/svg%3E") no-repeat center;width: 15px;height: 15px;margin-right: 0.25rem;display:inline-block;background-size: contain;position: relative;top:3px;}
.btn svg {width: 20px;height: 20px}
.payment_method_svg li {padding:0 .5rem .3rem 0}
.payment_method_svg svg, .payment_method_svg img {width:64px;max-width:100%;max-height:32px;fill:initial}
@keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/* MEDIA */
@media (max-width:991.98px){
		.progressbar {width:80%}
		.step-title {width:100px; height:35px;}
		.reqlab >*, .register-item >*{max-width: 100%}
		.cart_items, .order_items {font-size:.8rem}
		#aggregation_left .fs-5 {font-size:1rem !important}
		#aggregation_left .fs-4 {font-size:1.05rem !important}
}
@media (max-width:575.98px){
		.reqlab, .register-item{flex-direction: column;align-items: stretch}
		.reqlab >*:first-child, .register-item >*:first-child{text-align: start;margin-bottom: 0.5rem;padding: 0;flex:1 1 auto;max-width: 100%}
		.register-inputs input {width: 100%}
		.payment_method .method{border-bottom:1px solid #dadada;border-right: none}
		#ajax_validate_password_error{width: 90%}
}