.pkb-wrong-sms-code {
  background-color: rgba(255, 218, 218, 0.9) !important;
}
.pkb-ok-sms-code {
  background-color: rgba(218, 255, 218, 0.9) !important;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.pkb-drawing-gift-progress {
    display: none;
    width: 100px;
    height: 100px;
    margin: 110px auto 0;
    border: solid 10px #8822aa;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    transition: all 0.5s ease-in;
    animation-name: rotate;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pkb-drawing-gift-error {
    display: none;
    box-sizing: border-box;
    color: cornsilk;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-size-adjust: 100%;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(50, 40, 100, 0.7);
}

.pkb-form-data-error {
    display: none;
    box-sizing: border-box;
    color: cornsilk;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-size-adjust: 100%;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(50, 40, 100, 0.7);
}

.pkb-img-gift {
    display: block; /* zamieniæ na none */
}

.pkb-verification-code-error {
    display: none;
    box-sizing: border-box;
    color: cornsilk;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-size-adjust: 100%;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(50, 40, 100, 0.7);
}
