#feedback-overlay {
    z-index: 10000;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

#feedback-overlay.showed {
    pointer-events: all;
}

.feedback-container {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 290px;
    font-size: 23px;
}

.feedback-container:focus {
    outline: none;
}

@media (min-width: 500px) {
    .feedback-container {
        width: 400px;
    }
}

@media (min-width: 768px) {
    .feedback-container {
        width: 600px;
    }
}


    #feedback-success p,
    #feedback-fail p,
    #feedback-tryagain p {
        text-align: center;
        position: absolute;
        left: 130px;
        right: 10px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #feedback-success .feedback-success-left {
        width: 135px;
        height: 135px;
        float: left;
        background-image: url(feedback-success-left.png);
    }

    #feedback-success .feedback-success-right {
        width: 11px;
        height: 123px;
        float: right;
        background-image: url(feedback-success-right.png);
    }

    #feedback-success .feedback-success-middle {
        height: 123px;
        background-image: url(feedback-success-middle.png);
        background-size: 100% 100%;
        margin-left: 135px;
        margin-right: 11px;
    }

    #feedback-tryagain .feedback-tryagain-left,
    #feedback-fail .feedback-fail-left {
        width: 135px;
        height: 135px;
        float: left;
        background-image: url(feedback-fail-left.png);
    }

    #feedback-tryagain .feedback-tryagain-right,
    #feedback-fail .feedback-fail-right {
        width: 11px;
        height: 123px;
        float: right;
        background-image: url(feedback-fail-right.png);
    }

    #feedback-tryagain .feedback-tryagain-middle,
    #feedback-fail .feedback-fail-middle {
        height: 123px;
        background-image: url(feedback-fail-middle.png);
        background-size: 100% 100%;
        margin-left: 135px;
        margin-right: 11px;
    }
