body {
    background-color: white;
}

/* Drag-and-drop sorting for applicable standards */
.drag-handle-col {
    width: 2rem;
}

.drag-handle {
    cursor: grab;
    font-size: 1.2rem;
    color: #adb5bd;
    user-select: none;
    display: inline-block;
    padding: 0 0.25rem;
}

.drag-handle:active {
    cursor: grabbing;
}

tr.dragging {
    opacity: 0.4;
}

tr.drag-over {
    outline: 2px dashed #0d6efd;
    outline-offset: -2px;
}

/* ------------------------------------------------------------------------------------------------
   Frontend two-factor authentication (WP-1204)
   Lives here (and not in public/css/style.css) because the asset mapper versioned file name changes
   with the content, while public/css/style.css is cached by the browser for two weeks.
   ------------------------------------------------------------------------------------------------ */
.two-factor {
    display: flex;
    justify-content: center;
    padding: 10rem 1.5rem;
}

.two-factor__box {
    width: 100%;
    max-width: 56rem;
    padding: 3.5rem 4rem;
}

.two-factor__box h2 {
    font-size: 2.8rem;
    line-height: 1.2;
    margin: 0 0 1.5rem;
}

.two-factor__box p {
    margin: 1.5rem 0;
}

.two-factor__box form {
    margin-top: 2rem;
}

.two-factor__qr {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 2rem;
}

.two-factor__secret {
    display: block;
    margin: 0 0 2rem;
    padding: 1.2rem 1.4rem;
    font-family: monospace;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    background: #f2f4f7;
    border: 1px solid #dfe3e8;
    word-break: break-all;
    overflow-wrap: anywhere;
    white-space: normal;
    -webkit-user-select: all;
    user-select: all;
}

.two-factor .error {
    margin-bottom: 2rem;
}

.two-factor .form-control {
    padding-bottom: 1.2rem;
}

@media screen and (max-width: 767px) {
    .two-factor {
        padding: 4rem 1rem;
    }

    .two-factor__box {
        padding: 2.5rem 1.8rem;
    }

    .two-factor__box h2 {
        font-size: 2.2rem;
    }
}