.consultationtool-page {
    margin: 1em 0;
}

.consultationtool-page .column-wrapper {
    margin: 1em 0;
}

.consultationtool-page .column-wrapper .first-col {
    float: left;
    width: 49%;
}

.consultationtool-page .column-wrapper .last-col {
    margin-left: 51%;
    width: 49%;
}

.consultationtool-page .box-wrapper {
    overflow: hidden;
}

.consultationtool-page .box {
    background: #646363;
    color: #fff;
    display: inline-block;
    margin-bottom: -100%;
    padding-bottom: 100%;
    width: 100%;
}

.consultationtool-page .box .inner {
    margin: 20px;
}

.consultationtool-page .node {
    margin: 1em 0;
}

#consultationtool-code-form .button-style,
#consultationtool-code-form input {
    box-sizing: border-box;
    width: 100%;
}

#consultationtool-ask-form textarea {
    box-sizing: border-box;
    max-width: 100%;
    min-height: 4em;
    width: 100%;
}

.consultationtool-comment {
    background: #7cdbd5;
    clear: both;
    color: #fff;
    display: inline-block;
    margin: .5em 4em .5em 1em;
    position: relative;
}

.consultationtool-comment h3 {
    color: #fff;
}

.consultationtool-comment.consultant {
    background: #ff6a68;
    margin: 1em 1em 1em 4em;
    float: right;
}

.consultationtool-comment > .corner {
    position: absolute;
    left: -1em;
    top: .5em;
    width: 0;
    height: 0;
    border-top: 1em solid transparent;
    border-right: 1em solid #7cdbd5;
    border-bottom: 1em solid transparent;
}

.consultationtool-comment.consultant > .corner {
    left: auto;
    right: -1em;
    border-left: 1em solid #ff6a68;
    border-right: 0;
}

.consultationtool-comment > .content {
    padding: 10px;
}

.consultationtool-comment.form-wrapper {
    display: block;
    float: none;
    clear: both;
}

.consultationtool-comment.form-wrapper textarea {
    max-width: 100%;
    width: 100%;
}

.consultationtool-comment .submitted {
    display: block;
    text-transform: uppercase;
    margin: 0 0 .5em;
}

#consultationtool-moderator-form .form-actions .form-submit {
    background: #ff6a68;
    border-top: 1px solid #ff9294;
    border-right: 1px solid #8b2e2e;
    border-bottom: 1px solid #521b1b;
    border-left: 1px solid #ff9294;
    margin-right: 1em;
}

#consultationtool-comment-form .form-actions .form-submit {
    background: #7cdbd5;
    border-top: 1px solid #98fff9;
    border-right: 1px solid #77C4C2;
    border-bottom: 1px solid #528c8a;
    border-left: 1px solid #98fff9;
    margin-right: 1em;
}

#consultationtool-moderator-form .form-actions a {
    color: #fff !important;
}

.consultationtool-success {
    margin: 1em 0;
}

.consultationtool-success .code {
    display: block;
    font-size: 5em;
    margin: .2em 0;
}

.consultationtool-hint {
    margin: 1em 4em .5em 1em;
    background: #646363;
    color: #fff;
}

.consultationtool-hint .node-title,
.consultationtool-hint .node h1,
.consultationtool-hint .node h2,
.consultationtool-hint .node h3,
.consultationtool-hint .node h4,
.consultationtool-hint .node h5,
.consultationtool-hint .node h6,
.consultationtool-hint .node p {
    color: #fff;
}

.consultationtool-hint .node a {
    color: #fff;
    text-decoration: underline;
}

.consultationtool-hint > div {
    padding: 10px;
}