.ConflictManagerWidget {
    border-bottom: $border-style;
    margin-top: 30px;
    position: relative;

    &-title {
        font-size: 18px;
        margin-bottom: 4px;
        margin-top: 0;
    }

    &-animated {
        animation-duration: .5s;
        animation-name: conflictManagerWidgetAnimation;
        height: 0;
        margin-top: 0;
        opacity: 0;
    }

    &-youtube-icon {
        background-image: url("images/youtube-icon.svg");
        height: 16px;
        position: absolute;
        right: 35px;
        top: 24px;
        width: 24px;
    }

    &-respond {
        margin-bottom: 5px;
        text-align: right;
    }

    &-respond-link {
        font-weight: $weight_bold;
    }

    .Icons-view-more-next-arrow {
        position: relative;
        top: 4px;
    }

    .LoadingIndicator {
        height: 85px;
    }
}

@keyframes conflictManagerWidgetAnimation {

    0% {
        height: 85px;
        margin-top: 30px;
        opacity: 1;
    }

    100% {
        height: 0;
        margin-top: 0;
        opacity: 0;
    }
}