// Variables
@check-ok-color: #355723;
@check-needed-color: #840705;

.plugin__watchcycle_searchform_cb {
    display: inline-block;
    vertical-align: baseline;
    overflow: hidden;

    input {
        vertical-align: middle;
    }
}

.search_quickhits .plugin__watchcycle_searchresult_icon {
    margin-left: 0.4em;
}

.plugin__watchcycle_searchresult_icon {

    svg {
        fill: @check-ok-color;
        width: 19px;
        vertical-align: top;
    }

    &.check_needed {
        svg {
            fill: @check-needed-color;
        }
    }
}

#plugin__watchcycle {
    display: inline-block;
    padding: 1em 0.2em;
    border: 1px solid #000;

    svg {
        width: 48px;
        height: 48px;
        fill: @check-ok-color;
    }

    .column {
        display: table-cell;
        vertical-align: top;
        padding-right: .8em;
    }

    &.check_needed {
        svg {
            fill: @check-needed-color;
        }
    }
}

#plugin__watchcycle_admin {
    form {
        display: block;
        margin-bottom: .5em;

        label[class=outdated] {
            display: block;
            margin-top: 0.4em;
        }

        input[name=filter] {
            margin-right: .5em;
        }
    }
}

.picker.plugin-watchcycle {
    padding: 0.2rem;
    form {
        div {
            display: flex;
            justify-content: space-between;

            input {
                width: 12rem;
            }
        }
    }
}

.ui-autocomplete {
    z-index: 600;
    .ui-state-active {
        outline: @check-ok-color 1px solid;
    }
}