/* styles for #popup-store-error START */
#popup-store-error form#send-reklama-form .has-error input,
#popup-store-error form#send-reklama-form .has-error textarea {
    border:3px solid #DC362E;
    color:var(--black,#222324);
    font-family:Inter;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:120%
}
#popup-store-error form#send-reklama-form input:hover,
#popup-store-error form#send-reklama-form textarea:hover {
    border:2px solid var(--primary-color--default)
}
#popup-store-error form#send-reklama-form input:focus,
#popup-store-error form#send-reklama-form textarea:focus {
    border:3px solid var(--primary-color--default)
}
#popup-store-error form#send-reklama-form input:required:invalid:not(:placeholder-shown),
#popup-store-error form#send-reklama-form textarea:required:invalid:not(:placeholder-shown) {
    border:1px solid var(--black,#222324)
}
#popup-store-error {
    display:none;
    position:fixed;
    border-radius:16px;
    background:var(--white,#FFF);
    z-index:999;
    flex-direction:column;
    width:488px;
    padding:32px 48px 48px 48px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
#popup-store-error {
    width:490px;
    padding:32px 32px 48px 32px
}
#popup-store-error .header {
    display:flex;
    justify-content:flex-end;
    position:absolute;
    right:30px;
    top:20px;
    z-index:999
}
#popup-store-error .container {
    width:unset
}
#popup-store-error div.row > div {
    width:100%
}
#popup-store-error .x-close {
    cursor:pointer;
    font-size:20px;
    color:#b1b1b1
}
#popup-store-error .separator-text {
    margin:0 0 32px 0
}
#popup-store-error form#send-reklama-form label {
     color:var(--black,#222324);
     font-family:Inter;
     font-size:16px;
     font-style:normal;
     font-weight:400;
     line-height:120%;
     margin-bottom:8px
 }
#popup-store-error form#send-reklama-form input {
    border-radius:8px;
    border:1px solid #D7D7D7;
    font-family:Inter;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:120%;
    height:56px;
    padding:16px
}
#popup-store-error form#send-reklama-form textarea {
    border-radius:8px;
    border:1px solid #D7D7D7;
    padding:16px
}
#popup-store-error .separator-text h2 {
    color:var(--black,#222324);
    font-family:Inter;
    font-size:32px;
    font-style:normal;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    margin:0
}
#popup-store-error .container {
    padding:0
}
#popup-store-error .header {
    right:28px;
    top:36px
}
#popup-store-error.success-container .header{
    top:34px
}
#popup-store-error label[for="application-termsandconditions"]:before{
    top:2px
}

@media only screen and (min-width:768px) and (max-width:1199px){
    #popup-store-error {
        width:490px;
        padding:32px 32px 48px 32px
    }
    #popup-store-error .header {
        right:30px;
        top:20px
    }

    #popup-store-error .separator-text h2 {
        font-size:24px
    }
    #popup-store-error.success-container{
        width:490px;
        padding:32px 32px 48px 32px
    }

    #popup-store-error {
        display:none;
        position:fixed;
        border-radius:16px;
        background:var(--white,#FFF);
        z-index:999;
        flex-direction:column;
        width:488px;
        padding:32px 48px 48px 48px;
        top:50%;
        left:50%;
        bottom:auto;
        transform:translate(-50%,-50%);
        overflow-y:auto;
        max-height:80vh
    }
    #popup-store-error.success-container .header {
        display:block
    }
    #popup-store-error label[for="application-termsandconditions"]:before {
        font-size:20px !important
    }
}
@media only screen and (min-width:768px) {
    #popup-store-error .form-group.has-error:after {
        right:15px;
        top:20px
    }
}
@media only screen and (max-width:768px) {
    #popup-store-error {
        display:none;
        position:fixed;
        background:white;
        z-index:999;
        flex-direction:column;
        width:100%;
        left:0;
        top:13%
    }
    #popup-store-error .separator-text h2 {
        color:var(--black,#222324);
        font-family:Inter;
        font-size:24px;
        font-style:normal;
        font-weight:700;
        line-height:120%
    }
    #popup-store-error {
        display:none;
        position:fixed;
        background:white;
        overflow-x:scroll;
        z-index:999;
        flex-direction:column;
        width:100%;
        left:0;
        top:0;
        bottom:0;
        border-radius:0;
        padding:32px 15px 48px 15px;
        transform:none
    }
    #popup-store-error .header{right:13px;top:32px}
    #popup-store-error.success-container{width:100%;top:auto;transform:translate(-50%,0%);bottom:0;left:50%;border-radius:16px 16px 0 0;padding:32px 24px}
    #popup-store-error{display:none;position:fixed;background:white;overflow-x:scroll;z-index:999;flex-direction:column;width:100%;left:0;top:0;bottom:0;border-radius:0;padding:32px 15px 48px 15px;transform:none}
    #popup-store-error.success-container .header{display:none}
    #popup-store-error label[for="application-termsandconditions"]:before{font-size:20px !important}
}

/* styles for #popup-store-error END */