.modal .section {
    display: none;
}

.modal .section.section-visible {
    display: block;
}

#upload-button {
    width: 100%;
}

.form-review .buttons .btn,
.upload-files .buttons .btn {
    display: none;
    padding-left: 2em;
    padding-right: 2em;
}

.form-review.waiting .buttons .waiting,
.form-review.ready .buttons .ready,
.upload-files.waiting .buttons .waiting,
.upload-files.ready .buttons .ready {
    display: inline-block;
}

.upload-queue .waiting .btn-rotate{
    display: none;
}

.upload-queue .image-description {
    margin-bottom: 5px;
}

.upload-queue .btn-rotate {
    padding: 5px;
}
.upload-queue .btn-rotate span {
    display: block;
    text-indent: -100em;
    width: 24px;
    height: 24px;
    background: url('rotate-left.png') no-repeat;
}
.upload-queue .btn-rotate[data-rotate=right] span {
    background-image: url('rotate-right.png');
}

.upload-queue .wait-message{
    display: none;
}

.upload-queue .waiting .wait-message{
    display: inline-block;
}

.upload-queue .label-images {
    padding-top: 10px;
}

.upload-queue img {
    width: 80px;
    height: 80px;
}

.upload-queue .delete-image{
    color: #C00;
    font-weight: bold;
    font-size: 0.9em;
}


.br-wrapper-rating .br-widget {
    height: 24px;
}
.br-wrapper-rating .br-widget a {
    background-image: url("star.png");
    width: 15px;
    height: 15px;
    display: block;
    float: left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .br-wrapper-rating .br-widget a {
        background-image: url("star@2x.png");
        background-size: 15px 30px;
    }
}
.br-wrapper-rating .br-widget a:hover,
.br-wrapper-rating .br-widget a.br-active,
.br-wrapper-rating .br-widget a.br-selected {
    background-position: 0 15px;
}
.br-wrapper-rating .br-widget .br-current-rating {
    display: block;
    color: #646464;
    font-size: 12px;
    float: left;
    margin-left: 5px;
}
.br-wrapper-rating .br-readonly a.br-active,
.br-wrapper-rating .br-readonly a.br-selected {
    background-color: #50e3c2;
}
.br-wrapper-rating {
    margin-top: 5px;
}
#review-form label.is-required {
    padding-right: 0;
}
#review-form label .required {
    font-weight: normal;
    display: inline-block;
    width: 10px;
    text-align: right;
}

#review-form .error {
    margin: 10px;
    padding: 5px;
}

.contrib-modal .section-intro {
    background: #f5f5f5;
    text-align: center;
    margin-top: 1em;
}
.contrib-modal .modal-footer .btn-success {
    background-color: #53a653;
    background-image: linear-gradient(to bottom, #53a653 0%, #459945 100%);
}


@media (min-width: 768px) {
    #review-modal .modal-dialog {
        width: 670px;
    }

    #review-form label {
        text-align: right;
        padding-right: 10px;
        overflow: hidden;
        font-weight: normal;
        margin-top: 5px;
        padding-left: 0;
    }
    .contrib-modal .form-review .modal-footer,
    .contrib-modal .form-review .modal-body {
        padding-right: 35px;
    }
}

@media (max-width: 767px) {
    #review-modal .modal-dialog {
        /* height: 101%; */
    }
}
