
body.bw-has-support .container.main {
    margin-top:3.5em;
}
.bw-support-hint {
    z-index:1;
    height:3.5em;
    max-height:0px;
    transition: max-height 0.6s;
    position:absolute;
    left:0;
    width: 100%;
}
.bw-support-hint:hover,
.bw-support-modal-active .bw-support-hint {
    max-height:3.5em;
}
.bw-support-hint label {
    position:absolute;
    font-size: 1.6rem;
    border-radius: 0 0 6px 6px;
    left: 4em;
    padding: 0.5rem 1.25rem;
    cursor:pointer;
}
.bw-support-hint button {
    opacity:0;
    transition: opacity 1s;
    background-color: rgba(255,255,255,0.2);
    float:right;
    margin-right: 4rem;
    margin-top: 0.3em;
    color: #fff;
    font-weight: bold;
}
.bw-support-hint:hover button {
    opacity:1;
}
.bw-support-modal-active .modal-backdrop {
    background-color: transparent;
}
.modal.bw-support .modal-content {
    border:10px solid #fff;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
}
.bw-support-hint,
.bw-support-hint label {
    background-color: #64b3e4;
}
.modal.bw-support .modal-header {
    display:block;
}
.modal.bw-support .modal-content {
    border-color:#64b3e4;
}
.modal.bw-support .modal-content iFrame {
    border:none;
    width:100%;
}
.modal.bw-support .modal-content h5.modal-title {
    font-size:1.6rem;
    font-weight: 700;
    color: #4ca4db;
}
.modal.bw-support .modal-content p.introtext,
.bw-support-view  p.introtext {
    margin-bottom: 0;
    font-size:1.2rem;
    font-weight: 300;
    font-style: italic;
}
.modal.bw-support .modal-body {
    padding-top:3em;
    padding-bottom:3em;
}
.modal.bw-support .modal-footer .bw-support-vote {
    margin-right: auto;
}
.modal.bw-support .modal-footer .bw-support-vote *,
.bw-support-view-actions .bw-support-vote * {
    display:inline-block;
}
.modal.bw-support .modal-footer .bw-support-vote button,
.bw-support-view-actions .bw-support-vote button {
    margin-left:0.5em;
}
.modal.bw-support .modal-footer .btn-secondary {
    background-color:#c0c0c0;
    border-color:#c0c0c0;
    color:#313335;
}

.bw-support-faq h1 {
    color: #4ca4db;
}
.bw-support-faq h2 {
    font-weight:normal;
    font-size: 1.8rem;
}
.bw-support-faq h3.btn a {
    font-weight:normal;
    font-size: 1.2rem;
    color: #4ca4db;
    padding:0.5rem 1rem;
    background-color: rgba(100,179,228,0.33);
    border-radius: 6px;
}
.bw-support-faq h3.btn a:hover {
    text-decoration: none;
    background-color: rgba(100,179,228,0.22);
}

.bw-support-view h1 {
    margin-top:1em;
    color: #4ca4db;
}
.bw-support-view .btn-back {
    color:#eee;
}
.bw-support-view .btn-back:hover {
    color:#eee;
    opacity:0.8;
    text-decoration: none;
}
.bw-support-view .bw-support-article-body {
    margin-top:1.5em;
    padding:2.5em 0 2em;
    border-top:1px solid #eceeef;
}
.bw-support-view iframe {
    border:none;
}
.bw-support-view-actions.bw-actions-top {
    text-align:right;
}
.bw-support-view-actions.bw-actions-bottom {
    border-top:1px solid #eceeef;
    padding-top:2em;
}
.bw-support-view-actions .bw-support-vote {
    display: inline-block;
    margin-left: 2em;
    float:right;
}

