.cc-report-status {
    display: grid;
    grid-template-columns: 1fr .5fr;
    grid-column-gap: 5%;
}

#report-help-id {
    grid-row: 2;
}

#report-id-form {
    display: grid;
    grid-template-columns: 1fr .2fr .5fr;
    gap: 5px 20px;
}

input#report-id {
    height: 55px;
}

.paste-code {
    opacity: 0.5 !important;
}

.cc-report-status input {
    background-color: #E5E5E5;
    border-radius: 10px;
}

.cc-report-status input::placeholder {
    color: black;
}

#report-id-form button {
    min-width: 140px;
}

.cc-report-status div button[type=submit] {
    border: 2px solid rgba(0, 0, 0, 0.75) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    padding: 13px 35px;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.cc-report-status div button[type=submit]:hover, .cc-report-status div button[type=submit]:focus {
    color: white !important;
    border-color: #de1125 !important;
}

.cc-status-result, .comment-result {
    display: none;
}

.cc-status-result div {
    font-weight: 800;
}

.cc-status-result div .status-result {
    font-weight: normal;
    padding-left: 15px;
}

@media only screen and (max-width: 1060px) {
    .cc-report-status {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    a.paste-code {
        text-align: center
    }
}

@media only screen and (max-width: 700px) {
    #report-id-form {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1099px) {

}

@media only screen and (min-width: 1100px) {

}

@-moz-document url-prefix() {
    .paste-code {
        display: none;
    }
}