/* ==========================================================================
   Anvendes af feedback4u.ascx
   v 1.1 JNA: added feedback for jur.vejl.
   v 1.2 JNA: lidt finpudsning
   v 1.3 JNA: feedback4uError added
   v 1.4 JNA: fjernet lidt grundet bs4
   v 1.5 JNA: bootstrap4 klasser tilføjet/override i bunden
   ========================================================================== */
.rate4u, #resultTreeindex .feedback4u, .feedback4uOutput .reply {
    background: #DEDEDE;
    padding: 2.6rem;
    /*margin: .1rem 0 0 0;*/
}
/* jur.vejl */
.layoutClassic #resultTreeindex .feedback4u, .layoutClassic #resultTreeindex .feedback4uOutput {
    float: right;
    clear: both;
    /*width: 275px;*/
    margin-top: 1px;
}

#contentinner > div.containerBottom > span.rating > span > div > div > div.feedback4u > div.header {
    margin-bottom: 1em;
}

.feedback4u .header {
    margin-bottom: 2rem;
}

.feedback4u, .feedback4u > div, .feedback4uOutput, .fbcaption, .fbcaption2 {
    text-align: center;
}

    .feedback4u > div.btn-group {
        text-align: center;
        width: inherit;
        display: inline;
    }

    .feedback4u .commentInput {
        margin: 1em 0 0 0;
    }

    .feedback4u .feedbackComment {
        width: 100%;
        text-align: left;
        margin: 1.3em 0 0 0;
    }

        .feedback4u .feedbackComment > .commentHeader > .center {
            margin-bottom: 16px;
        }

        .feedback4u .feedbackComment > .commentHeader, .feedback4u .feedbackComment > .commentSuffix, .feedback4u .feedbackComment > .feedback4uError {
            text-align: center !important;
        }

        .feedback4u .feedbackComment > .commentSuffix, .feedback4u .feedbackComment > .feedback4uError {
            margin-top: 6px;
        }

    .feedback4u textarea {
        width: 100%;
        padding: 1em;
    }

    .feedback4u .feedbackComment div.btn-group {
        margin-top: 1.3em;
        display: block;
        width: 100%;
    }

    .feedback4u #feedback4uButton.btn-default {
        /*color: #FFF;
        background-color: #5A8D18;
        border-color: #5A8D18;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;*/
        display: block;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    /*.feedback4u #feedback4uButton.active.btn-default, .feedback4u #feedback4uButton.focus.btn-default, .feedback4u #feedback4uButton.btn-default:active, .feedback4u #feedback4uButton.btn-default:focus, .feedback4u #feedback4uButton.btn-default:hover, .open > .dropdown-toggle.feedback4u #feedback4uButton {
            background-color: #acc68b;
            border-color: #acc68b;
        }*/

    /*.feedback4u .btn {
        padding: 1em 3em;
        font-size: 1em;
        border-radius: 0;
    }*/

    .feedback4u > .btn-group > .btn {
        float: none;
        width: 50%;
        max-width: 17rem;
        display: inline-block;
    }

    /*.feedback4u .btn-primary {
        color: white;
    }*/
    .layoutClassic .feedback4u .btn-primary {
        color: #395F77;
        background-color: rgba(0, 0, 0, 0);
        border-color: #395F77;
        /*-webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;*/
    }

        .layoutClassic .feedback4u .btn-primary.active, .layoutClassic .feedback4u .btn-primary.focus, .layoutClassic .feedback4u .btn-primary:active, .layoutClassic .feedback4u .btn-primary:focus, .layoutClassic .feedback4u .btn-primary:hover, .layoutClassic .feedback4u .open > .dropdown-toggle.btn-primary {
            color: #FFF;
            background-color: #395F77;
            border-color: #395F77;
        }

    .feedback4u .feedbackComment > .feedback4uError {
        color: red;
    }

    /*@media (min-width: 992px) {
    .rate4u {
        width: 35rem;
        margin: .1rem 0 0 auto;
    }
}*/

    /* bootstrap4 nye ting */
    .bootstrap4 .feedback4u, .feedback4u > div, .bootstrap4 .feedback4uOutput, .fbcaption, .fbcaption2 {
        text-align: left;
    }

    .bootstrap4 .rate4u, #resultTreeindex .feedback4u, .feedback4uOutput .reply {
        background: none;
        padding: 0;
    }

.bootstrap4 .feedback4u .feedbackComment > .commentHeader, .bootstrap4 .feedback4u .feedbackComment > .commentSuffix, .bootstrap4 .feedback4u .feedbackComment > .feedback4uError {
    text-align: left !important;
}

.bootstrap4 .feedback4u #feedback4uButton {
    width: 100%;
}