.gdfar-bulk-control {
    display: none;
}

.bbp-forum-info,
.bbp-topic-title {
    .gdfar-ctrl-wrapper {
        float: right;
        z-index: 1000;
        text-align: center;
        position: relative;
        margin: 0 0 0 5px;

        .gdfar-ctrl-checkbox {
            visibility: hidden;
            margin: 0;

            &.gdfar-is-on {
                visibility: visible;
            }
        }

        .gdfar-ctrl-edit {
            visibility: hidden;
            display: block;
        }
    }

    &:hover {
        .gdfar-ctrl-wrapper {
            .gdfar-ctrl-checkbox,
            .gdfar-ctrl-edit {
                visibility: visible;
            }
        }
    }
}

.gdfar-modal__content {
    box-sizing: border-box;

    * {
        box-sizing: border-box;
    }

    .gdfar-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .gdfar-dialog-error,
    .gdfar-dialog-message {
        padding: 15px;
    }

    dl {
        display: table;
        table-layout: fixed;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        line-height: 32px;

        > dt,
        > dd {
            display: table-cell;
            vertical-align: top;
            padding: 8px 15px;
            margin: 0;
        }

        > dt {
            background: #F5F5F5;
            color: #555;
            border-right: 1px solid #DDD;
            text-align: right;
            font-size: 15px;
            width: 34%;
        }

        > dd {
            width: 66%;
        }

        &.gdfar-is-error {
            > dt {
                background: #FFF5F5;
                color: #500;
                border-right-color: #D6B3B3;
            }
        }

        .gdfar-label-wrapper {
            label {
                line-height: 32px;
                font-weight: bold;
                font-size: 1em;
            }
        }

        .gdfar-content-wrapper {
            label {
                font-size: 13px;
                line-height: 32px;

                &:after {
                    content: ": ";
                }
            }

            .gdfar-content-notice {
                font-size: 13px;
                font-style: italic;
                line-height: 1.5;
                margin: 3px 0 0;
            }

            .gdfar-error-message {
                background: #FFDFDF;
                padding: 0 10px;
                margin: 5px 0 0;
                color: #900;
                border-radius: 4px;
                font-weight: bold;
            }
        }

        &:first-of-type {
            > dt,
            > dd {
                padding-top: 15px;
            }
        }

        &:last-of-type {
            > dt,
            > dd {
                padding-bottom: 15px;
            }
        }

    }

    form {
        select,
        input[type=number],
        input[type=text] {
            width: 100%;
            font-size: 14px;
            line-height: 2;
            min-height: 30px;
            color: #32373C;
            border-color: #7E8993;
            border-radius: 3px;
            margin: 0;
            height: 32px;
        }

        select {
            padding: 0 24px 0 8px;
            max-width: 250px;

            &.gdfar-full-width {
                max-width: 100%;
            }
        }

        input[type=number],
        input[type=text] {
            padding: 0 8px;
        }
    }

    .gdfar-manager-edit-log {
        border-top: 2px solid #DDD;

        input[type=checkbox] {
            width: 16px;
            height: 16px;
            float: left;
            margin: 9px 5px 0 0;
        }

        span {
            font-size: 15px;
        }
    }
}

.gdfar-bulk-control {
    background: #EEE;
    padding: 10px;
    margin: 0 0 20px;
    line-height: 25px;
    overflow: auto;

    > div {
        display: inline-block;

        &.__status {
            padding: 0 10px 0 0;
            margin: 0 10px 0 0;
            border-right: 1px solid #999;

            span {
                font-weight: bold;
            }
        }

        &.__editor {
            float: right;

            button {
                font-size: 13px;
                padding: 6px 12px;
                background-color: #C4C4C4;
                color: #000;
                border-radius: .25rem;
                border-style: none;
                border-width: 0;
                cursor: pointer;
                -webkit-appearance: button;
                text-transform: none;
                overflow: visible;
                line-height: 1;
                margin: 0;
                will-change: transform;
                backface-visibility: hidden;
                transform: translateZ(0);
                transition: -webkit-transform .25s ease-out;
                transition: transform .25s ease-out;

                -moz-osx-font-smoothing: grayscale;
                -webkit-backface-visibility: hidden;

                &:active,
                &:hover {
                    background-image: none;
                    background-color: #DDD;
                }
            }
        }
    }
}

@media (max-width: 640px) {
    .bbp-forum-info,
    .bbp-topic-title {
        .gdfar-ctrl-wrapper.is-always-on {
            .gdfar-ctrl-checkbox,
            .gdfar-ctrl-edit {
                visibility: visible;
            }
        }
    }

    .gdfar-modal__content {
        dl {
            display: block;
            padding: 15px 15px 0;

            &:first-of-type {
                > dt,
                > dd {
                    padding-top: 0;
                }
            }

            &:last-of-type {
                padding-bottom: 15px;

                > dt,
                > dd {
                    padding-bottom: 0;
                }
            }

            > dt,
            > dd {
                display: block;
                width: 100%;
            }

            > dt {
                padding: 0;
                background: none;
                border: none;
                text-align: left;
            }

            > dd {
                padding: 0;
            }
        }
    }

    .gdfar-bulk-control {
        > div {
            &.__editor {
                float: none;
                display: block;
                text-align: center;
                margin: 10px 0 0;
            }
        }
    }
}

@media (max-width: 480px) {
    .gdfar-modal__content {
        form {
            select {
                max-width: 100%;
            }
        }
    }
}