/* Shop */
.shop-profile-image > span {
    width: 180px;
    height: 180px;
    display: inline-block;
    background-size: cover;
    border-radius: 100%;
    border: 4px solid #101010;
    box-shadow: 0px 0px 0px 4px #0d58c6;
    margin: 15px;
    background-position: center;
}
.shop-profile-name > h1 {
    font-size: 26px;
    font-weight: 700;
    color: #f9f9f9;
}
.shop-profile-name > p {
    padding: 5px 30px;
    width: 70%;
    display: inline-block;
    font-size: 13px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.profile-filter > span {
    font-size: 12px;
    background: #0d58c61f;
    border: 1px solid #0d58c6;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 4px;
    color: #3d84ec;
    margin-bottom: 3px;
}

.shop-widget {
    margin: 0px 14px;
    width: 30%;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}

.shop-widget > .shop-widget-icon {
    display: block;
    margin: 15px 0px;
}

.shop-widget > .shop-widget-icon > span {
    display: inline-block;
    background: #0d58c6;
    color: #fff;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    line-height: 65px;
}

.shop-widget > .shop-widget-price:before {
    content: "€";
    color: #6f6f6f;
    font-weight: 600;
    font-size: 15px;
    margin-right: 1px;
}

.shop-widget > .shop-widget-price {
    display: block;
    margin-top: 16px !important;
    font-size: 20px;
    font-weight: 700;
    margin-left: -9px;
    color: #525252;
}

.shop-widget > h1 {
    font-size: 13px;
    font-weight: 700;
    color: #777;
}

.shop-widget > p {
    font-size: 11px;
    margin: 15px 15px;
    color: #676767;
}

.shop-widget > .shop-widget-button {
    display: block;
    text-align: center;
}

.shop-widget > .shop-widget-button > a {
    display: inline-block;
    background: #0d58c6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: 600;
    margin: 0px 5px;
}

.shop-widget > .shop-widget-button > a.delete {
    background: #d41515 !important;
}
.discard-button > a {
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    color: #888888;
    background: #f7f7f7;
    border: 1px solid;
    padding: 2px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    border-color: #fff;
}


.shop-widget > .shop-widget-button > button {
    display: inline-block;
    background: #0d58c6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: 600;
    border: 0px;
}

.shop-widget > .shop-widget-icon > span > img {
    width: 78%;
    position: relative;
    
}

.shop-widget > .shop-widget-icon > span > avatar {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 0px 2px #0d58c6;
}

span.checkout-widget-vat {
    display: block;
    margin: 5px 0px;
    font-size: 12px;
    background: #f5f5f5;
    padding: 9px;
    border-radius: 4px;
    color: #676767;
}

.checkout-widget {
    margin: 0px 14px;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}
.checkout-widget > p > a {
    color: #2972de;
    text-decoration: none;
}
.checkout-widget > .checkout-widget-icon {
    display: block;
    margin-bottom: 16px !important;
}

.checkout-widget > .checkout-widget-icon > div > div > span {
    display: inline-block;
    background: #0d58c6;
    color: #fff;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    line-height: 65px;
}

.checkout-widget > .checkout-widget-icon > div > div > span > img {
    width: 78%;
    position: relative;
}

.checkout-widget > .checkout-widget-icon > div > div > div > h1 {
    font-size: 13px;
    font-weight: 700;
}

.checkout-widget > .checkout-widget-icon > div > div > div > p {
    font-size: 12px;
    color: #929292;
}
.checkout-widget > .checkout-widget-price {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #5a5a5a;
}

.checkout-widget > .checkout-widget-price:before {
    content: "€";
    color: #6f6f6f;
    font-weight: 600;
    font-size: 15px;
    margin-right: 1px;
}

.checkout-widget > p {
    font-size: 11px;
    color: #888;
}

.checkout-widget > .checkout-widget-button {
    display: block;
    text-align: center;
}

.checkout-widget > .checkout-widget-button > a {
    display: inline-block;
    background: #0d58c6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: 600;
}

.checkout-widget > .checkout-widget-button[disabled] > a {
    background: #cecece;
    color: #7d7d7d;
    cursor: not-allowed;
}

.checkout-widget > .checkout-widget-button > button {
    display: inline-block;
    background: #0d58c6;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: 600;
    border:0px;
}

.checkout-widget > .checkout-widget-button > button[disabled] {
    background: #cecece;
    color: #7d7d7d;
    cursor: not-allowed;
}

.checkout-widget > .checkout-widget-icon > div > div.col > div {
    margin-top: 17px;
}
.checkout-widget > .checkout-widget-icon > div > div.col {
    padding-left: 0px;
}

.checkout-widget > .checkout-widget-icon > div > div > div > h1 {
    font-size: 13px;
    font-weight: 700;
    margin: 0px;
    color: #0d58c6;
}

.checkout-widget > h1.checkout-widget-tile {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #757575;
}

.checkout-widget > div > div > label {
    display: block;
    margin: 0px;
    font-size: 11px;
    color: #757575;
}

.checkout-widget > div > div > input, .checkout-widget > div > div > textarea, .checkout-widget > div > div > select {
    width: 100%;
    display: block;
    border: 0px;
    background: #f9f9f9;
    border-radius: 4px;
    padding: 10px;
    font-size: 12px;
    color: #8c8c8c;
    outline-color: #0d58c6;
    position: relative;
}

.checkout-widget > div > div > input[readonly], .checkout-widget > div > div > textarea[readonly]{
    cursor: not-allowed;
    outline:0;
}

.checkout-widget > .input-form {
    margin-bottom: 20px;
}

.widget-radiobox {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.widget-radiobox > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-block {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 4px;
    border: 3px solid #f9f9f9;
}

[radiostyle="mini"] > .radio-block {
    padding: 15px;
}

.col-block-shop-2 {
    flex: 0 0 auto;
    width: 20%;
}

.widget-form > .checkbox_col > label, .widget-form > .checkbox_col > input {
    opacity: 0.1;
    cursor: not-allowed;
}

.widget-form > .checkbox_col.enabled > label, .widget-form > .checkbox_col.enabled > input {
    opacity: 1;
    cursor: auto;
}

label.widget-radiobox[radiostyle="mini"] input ~ .radio-block.product-icon > img {
    width: 30px;
}

label.widget-radiobox:hover input ~ .radio-block {
    background-color: #eaeaea;
    border: 3px solid #eaeaea;
}

label.widget-radiobox input:checked ~ .radio-block {
    background-color: #f5f5f5;
    border: 3px solid #0d58c6;
}

label.widget-radiobox input ~ .radio-block > img {
    filter: grayscale(1);
    opacity: 0.4;
    width: 162px;
}

label.widget-radiobox input ~ .radio-block.product-icon > img {
    width: 64px;
}

label.widget-radiobox:hover input ~ .radio-block > img {
    filter: grayscale(0);
    opacity: 1;
}

label.widget-radiobox input:checked ~ .radio-block > img {
    filter: grayscale(0);
    opacity: 1;
}

label.widget-radiobox input:disabled ~ .radio-block > img {
    filter: grayscale(1);
    opacity: 0.2;
}

label.widget-radiobox:hover input:disabled ~ .radio-block > img {
    filter: grayscale(1);
    opacity: 0.2;
}

label.widget-radiobox input:disabled ~ .radio-block {
    opacity: 0.3;
}

label.widget-subMethod input ~ .radio-block:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #0d58c6;
    border-radius: 100%;
    left: 20px;
    top: 8px;
}

label.widget-subMethod input:disabled ~ .radio-block:before {
    display: none;
}

label.widget-radiobox:hover input:disabled ~ .radio-block {
    background: #171717;
    border-color: #171717;
}

label.widget-radiobox > div > span {
    display: block;
}

.checkout-widget[widget="display-text"] {
    margin-left: 14px;
    margin-right: 14px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}

.checkout-widget[widget="display-text"] > h1.checkout-widget-tile {
    font-size: 11px;
    margin-bottom: 5px;
}

.col-fixed {
    position: fixed;
    margin-right: 10px;
}

.remove-widget-width{
    width: auto;
}

.width-widget-max {
    max-width: 269px;
}
p#dPreview {
    word-wrap: break-word !important;
}

.big-price-input > div > tile-symbol, .big-price-input > div > input {
    display: inline-block !important;
    font-size: 50px !important;
}
.big-price-input > div > input {
    width: auto !important;
    background: #ffffff !important;
    outline: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.checkout-widget > div > div > h1 {
    margin-bottom: 0px;
    font-size: 12px;
    color: #5f5f5f;
    font-weight: 700;
}
.checkout-widget > div > div > h1:before {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #0d58c6;
    border-radius: 100%;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.shop-widget-social > span {
    display: inline-block;
    font-size: 11px;
    background: #00000063;
    border: 1px solid #e4e4e4;
    color: #747474;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 700;
}

.shop-widget-social[social="facebook"] > span {
    background: #0f77f42e;
    border: 1px solid #0f77f4;
    color: #0f77f4;
}

.shop-widget-social[social="instagram"] > span {
    background: #d92e794d;
    border: 1px solid #d92e79;
    color: #ec438d;
}

.shop-widget-social[social="tiktok"] > span {
    background: #09807c29;
    border: 1px solid #05b8b2;
    color: #02ebe4;
}

.shop-widget-social[social="youtube"] > span {
    background: #ca1d203b;
    border: 1px solid #dc2724;
    color: #e62125;
}

.shop-widget-social[social="linkedin"] > span {
    background: #0074b447;
    border: 1px solid #0074b4;
    color: #74bce4;
}

.shop-widget > .shop-widget-icon > span > .social {
    position: absolute;
}

.shop-widget > .shop-widget-icon > span > .social > img {
    width: 27px;
    background: #ffffff;
    border-radius: 100%;
    padding: 2px;
    box-shadow: 0px 0px 0px 2px #0d58c6;
    margin-top: -30px;
    margin-left: -4px;
}

.checkout-widget > .checkout-widget-icon > div > div > span > .social {
    position: absolute;
}

.checkout-widget > .checkout-widget-icon > div > div > span > .social > img {
    width: 27px;
    background: #e4e4e4;
    border-radius: 100%;
    padding: 2px;
    box-shadow: 0px 0px 0px 2px #0d58c6;
    margin-top: -30px;
    margin-left: -4px;
}

.checkout-widget > .checkout-widget-button > button[disabled] > span {
    display: none;
}

.checkout-widget > .checkout-widget-button > button[disabled] {
    background: #cecece;
    color: #7d7d7d;
    cursor: not-allowed;
    min-width: 148px;
}

.checkout-widget > .checkout-widget-button > button[response="success"] {
    background: #6ab56d !important;
    color:#ffffff !important;
}

.checkout-widget > .checkout-widget-button > button > .spinner {
    display: none;
}

.checkout-widget > .checkout-widget-button > button[disabled] > .spinner {
    display: block;
}

.checkout-widget > .checkout-widget-button > button[response="success"] > .spinner {
    display: none !Important;
}

.checkout-widget > .checkout-widget-button > button > #success-text {
    display: none;
}

.checkout-widget > .checkout-widget-button > button[response="success"] > #button-text {
    display: none !Important;
}

.checkout-widget > .checkout-widget-button > button[response="success"] > #success-text {
    display: inline-block !Important;
}

.result-message {
  line-height: 22px;
  font-size: 11px;
}

p.result-message > a {
    display: inline-block;
    background: #76c379;
    padding: 1px 10px;
    border-radius: 4px;
    color: #fff;
}
p.result-message {
    background: #6ab56d;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
}

.hidden {
  display: none;
}

/* Stripe */

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
    width: 3px;
    height: 3px;
    background: #124ea4;
    border-radius: 100%;
    top: -0.2px;
    left: -0.2px;
    -webkit-transform-origin: 10.4px 10.2px;
    transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s infinite ease 1.5s;
    animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
    width: 6px;
    height: 6px;
    background: #5469d4;
    border-radius: 100%;
    top: -1.1px;
    left: 10.2px;
    -webkit-transform-origin: 0px 10.2px;
    transform-origin: 0px 10.2px;
    -webkit-animation: loading 2s infinite ease;
    animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.checkout-widget > div > div > input[disabled], .checkout-widget > div > div > textarea[disabled], .checkout-widget > div > div > select[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.checkout-widget > .input-form > [data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    font-size: 10px;
    background: #dedede;
    color: #a0a0a0;
    padding: 4px 5px;
    margin-top: -30px;
    left: 20px;
    border-radius: 3px;
}

.shop-widget-tab > .shop-widget-tab-head {
    display: inline-block;
    padding: 0px 10px;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}


.shop-widget-tab > .shop-widget-tab-head > button.current {
    border-bottom: 2px solid #0d58c6;
    color: #0d58c6;
}
.shop-widget-tab > .shop-widget-tab-head > button {
    border: 0px;
    padding: 10px 20px;
    background: transparent;
    color: #929292;
    font-size: 12px;
    position: relative;
}

.shop-widget-tab > .shop-widget-tab-body > p {
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
    color: #7d7d7d;
}

.shop-widget-tab-body {
    display: none;
}


.scl-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin: 10px 5px;
    margin-top: 0px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}

.scl-btn > i {
    color: #8e8e8e;
}

.scl-btn > i.fa-instagram {
    color: #d48181;
}

.scl-btn > i.fa-facebook-f {
    color: #6098ea;
}

.scl-btn > i.fa-tiktok {
    color: #464646;
}

.scl-btn > i.fa-youtube {
    color: #e22f2f;
}

a.return-back-button {
    text-decoration: none;
    background: #3464ce;
    margin-left: 30px;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
}