﻿div.feedback-left {
    padding: 0 5%;
}
div.feedback-right {
    padding: 0 5%;
}

@media all and (min-width: 1168px) {
    div.feedback-left {
        width: 50%;
        float: left;
    }

    div.feedback-right {
        width: 50%;
        float: right;
    }
}

div.thanks {
    padding-top: 10vh;
}

.large-textareas textarea {
    min-height: 120px;
}

.smiley-container label {
    max-width: 13%;
}

.smiley-container [type=radio] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

    /* IMAGE STYLES */
    .smiley-container [type=radio] + img {
        cursor: pointer;
        max-width: 100%;
        opacity: 0.6;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        /* IE 5-7 */
        filter: alpha(opacity=60);
        /* Netscape */
        -moz-opacity: 0.6;
        /* Safari 1.x */
        -khtml-opacity: 0.6;
    }

    /* CHECKED STYLES */
    .smiley-container [type=radio]:checked + img {
        border-bottom: 2px solid #c9c9c9;
        opacity: 1;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
    }

.thanks a {
    text-decoration: none;
}
.thanks img {
    max-width: 35px;
    margin-right: 10px;
}