.fade.in {
    opacity: 1;
}

/* UNIFUTBOL TEST 1: FAQ */
.uf-static-content h3,
.uf-static-content h4 {
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
    margin: 12px 0 6px !important;
}
.uf-static-content h4[style*="padding-left"] {
    padding-left: 0 !important;
}
.uf-static-content img {
    max-width: 100%;
    height: auto;
}

/* UNIFUTBOL TEST 2: Activity composer layout and link presentation. */
.cb_template .activityContainerNew,
.cb_template .activityContainerEdit,
.cb_template .activityContainerNew input,
.cb_template .activityContainerNew button,
.cb_template .activityContainerEdit input,
.cb_template .activityContainerEdit button,
.select2-container.streamThemeOptions,
.select2-container.streamSelectOptions {
    font-family: 'ArialNarrow', 'Arial Narrow', Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 17px !important;
}

/* Keep the collapsed message box identical to the legacy test5 layout. */
.cb_template .activityContainerNew:not(.streamItemActive) .streamInputMessageContainer {
    min-height: 0 !important;
}
.cb_template .activityContainerNew textarea.streamInputMessage,
.cb_template .activityContainerEdit textarea.streamInputMessage {
    font-family: 'ArialNarrow', 'Arial Narrow', Arial, sans-serif !important;
}
.cb_template .activityContainerNew .streamInputMessageContainer.streamMessageTheme,
.cb_template .activityContainerEdit .streamInputMessageContainer.streamMessageTheme {
    min-height: 116px !important;
    padding: 5px !important;
}
.cb_template .activityContainerNew .streamMessageTheme textarea.streamInputMessage,
.cb_template .activityContainerEdit .streamMessageTheme textarea.streamInputMessage {
    padding: 0 !important;
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
}

/* Feeling and location rows: compact fields, rounded corners and breathing room. */
.cb_template .activityContainerNew .streamInputActionContainer,
.cb_template .activityContainerNew .streamInputLocationContainer,
.cb_template .activityContainerEdit .streamInputActionContainer,
.cb_template .activityContainerEdit .streamInputLocationContainer {
    margin-top: 5px !important;
    padding-top: 4px !important;
    border-top-color: rgba(117, 176, 211, 0.42) !important;
}
.cb_template .activityContainerNew .streamInputActionContainer .streamItemInputGroupLabel,
.cb_template .activityContainerNew .streamInputLocationContainer .streamItemInputGroupLabel,
.cb_template .activityContainerEdit .streamInputActionContainer .streamItemInputGroupLabel,
.cb_template .activityContainerEdit .streamInputLocationContainer .streamItemInputGroupLabel {
    min-width: 38px;
    padding: 2px 5px !important;
    color: #fff;
    background: rgba(8, 35, 52, 0.9);
    border-color: rgba(117, 176, 211, 0.42) !important;
    border-radius: 4px 0 0 4px;
    font-size: 13px !important;
    line-height: 17px !important;
}
.cb_template .activityContainerNew .streamInputActionContainer .streamItemInputGroupInput,
.cb_template .activityContainerNew .streamInputLocationContainer .streamItemInputGroupInput,
.cb_template .activityContainerEdit .streamInputActionContainer .streamItemInputGroupInput,
.cb_template .activityContainerEdit .streamInputLocationContainer .streamItemInputGroupInput {
    min-width: 0;
}
.cb_template .activityContainerNew .streamInputActionContainer .streamItemInputGroupAddon,
.cb_template .activityContainerNew .streamInputLocationContainer .streamItemInputGroupAddon,
.cb_template .activityContainerEdit .streamInputActionContainer .streamItemInputGroupAddon,
.cb_template .activityContainerEdit .streamInputLocationContainer .streamItemInputGroupAddon {
    flex-shrink: 0 !important;
}
.cb_template .activityContainerNew .streamInputActionContainer .form-control,
.cb_template .activityContainerNew .streamInputLocationContainer .form-control,
.cb_template .activityContainerEdit .streamInputActionContainer .form-control,
.cb_template .activityContainerEdit .streamInputLocationContainer .form-control {
    min-height: 25px !important;
    height: 25px !important;
    padding: 2px 6px !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 17px !important;
}
.cb_template .activityContainerNew .streamInputLocationContainerAddress,
.cb_template .activityContainerEdit .streamInputLocationContainerAddress {
    margin-top: 3px;
}

/* Link editor: separate it from the message and reuse the same subtle divider. */
.cb_template .activityContainerNew .streamInputLinkContainer,
.cb_template .activityContainerEdit .streamInputLinkContainer {
    position: relative;
    margin-top: 5px !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer > .streamItemInputGroupRow:first-child,
.cb_template .activityContainerEdit .streamInputLinkContainer > .streamItemInputGroupRow:first-child,
.cb_template .activityContainerNew .streamInputLinkContainer:not(.cbRepeat),
.cb_template .activityContainerEdit .streamInputLinkContainer:not(.cbRepeat) {
    padding-top: 4px !important;
    border-top-color: rgba(117, 176, 211, 0.42) !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer .streamItemInputGroupRow,
.cb_template .activityContainerEdit .streamInputLinkContainer .streamItemInputGroupRow {
    align-items: center;
    border-top-color: rgba(117, 176, 211, 0.42) !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer > .streamItemInputGroupRow + .streamItemInputGroupRow,
.cb_template .activityContainerEdit .streamInputLinkContainer > .streamItemInputGroupRow + .streamItemInputGroupRow {
    margin-top: 4px !important;
    padding-top: 4px !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer .streamItemInputGroupLabel,
.cb_template .activityContainerEdit .streamInputLinkContainer .streamItemInputGroupLabel,
.cb_template .activityContainerNew .streamInputLinkContainer .streamItemInputGroupAddon,
.cb_template .activityContainerEdit .streamInputLinkContainer .streamItemInputGroupAddon {
    padding: 0 5px !important;
    border-right: 0 !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer .form-control,
.cb_template .activityContainerEdit .streamInputLinkContainer .form-control {
    min-height: 25px !important;
    height: 25px !important;
    padding: 2px 6px !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 17px !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer .cbRepeatRowAdd,
.cb_template .activityContainerNew .streamInputLinkContainer .cbRepeatRowRemove,
.cb_template .activityContainerEdit .streamInputLinkContainer .cbRepeatRowAdd,
.cb_template .activityContainerEdit .streamInputLinkContainer .cbRepeatRowRemove {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    line-height: 22px !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer.hidden,
.cb_template .activityContainerEdit .streamInputLinkContainer.hidden {
    display: none !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer .cbRepeatRowRemove.ufActivityLinkClear,
.cb_template .activityContainerEdit .streamInputLinkContainer .cbRepeatRowRemove.ufActivityLinkClear {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.cb_template .activityContainerNew .streamInputLinkContainer .cbRepeatRowRemove.ufActivityLinkClear .fa-minus,
.cb_template .activityContainerEdit .streamInputLinkContainer .cbRepeatRowRemove.ufActivityLinkClear .fa-minus {
    display: block;
    width: auto;
    margin: 0 !important;
    line-height: 1 !important;
}
.cb_template .activityContainerNew button.ufActivityLinkClear,
.cb_template .activityContainerEdit button.ufActivityLinkClear {
    position: absolute;
    top: 3px;
    right: 4px;
    z-index: 3;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    border: 1px solid #ff7a82;
    border-radius: 4px;
    color: #fff;
    background: #a51f29;
    font: 700 18px/20px Arial, sans-serif !important;
    cursor: pointer;
}

/* Published URL: dark compact block consistent with the activity footer. */
.cb_template .activityContainer .streamItemAttachment.bg-light {
    margin-top: 6px !important;
    padding: 4px 8px !important;
    background: #192831 !important;
    border: 0 !important;
}
.cb_template .activityContainer .streamItemAttachment.bg-light .streamItemAttachmentInfo,
.cb_template .activityContainer .streamItemAttachment.bg-light .streamItemAttachmentUrl,
.cb_template .activityContainer .streamItemAttachment.bg-light a {
    font-size: 12px !important;
    line-height: 16px !important;
}

.cb_template .activityContainerNew .streamPanelFooter,
.cb_template .activityContainerEdit .streamPanelFooter {
    padding: 5px !important;
    background: rgba(8, 35, 52, 0.92);
    border-color: rgba(117, 176, 211, 0.42) !important;
}
.cb_template .activityContainerNew .streamPanelFooter .btn,
.cb_template .activityContainerEdit .streamPanelFooter .btn {
    padding: 4px 7px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
.cb_template .activityContainerNew .streamInputMessageActions,
.cb_template .activityContainerEdit .streamInputMessageActions {
    right: 5px !important;
    bottom: 3px !important;
}
.cb_template .activityContainerNew .streamInputSystem,
.cb_template .activityContainerNew .streamInputGlobal,
.cb_template .activityContainerEdit .streamInputSystem,
.cb_template .activityContainerEdit .streamInputGlobal {
    display: none !important;
}
.cb_template .activityContainerNew .ufActivityLinkAlert,
.cb_template .activityContainerEdit .ufActivityLinkAlert {
    margin: 0;
    padding: 6px 8px;
    color: #fff;
    background: #8b1f28;
    border: 1px solid #dc6971;
    font-size: 12px !important;
    line-height: 16px !important;
}a.be-premium.premium-disabled,
div.user-header .uf-premium-header a.be-premium.premium-disabled {
    cursor: pointer;
}