1// Variables
2@check-ok-color: #355723;
3@check-needed-color: #840705;
4
5.plugin__watchcycle_searchform_cb {
6    display: inline-block;
7    vertical-align: baseline;
8    overflow: hidden;
9
10    input {
11        vertical-align: middle;
12    }
13}
14
15.search_quickhits .plugin__watchcycle_searchresult_icon {
16    margin-left: 0.4em;
17}
18
19.plugin__watchcycle_searchresult_icon {
20
21    svg {
22        fill: @check-ok-color;
23        width: 19px;
24        vertical-align: top;
25    }
26
27    &.check_needed {
28        svg {
29            fill: @check-needed-color;
30        }
31    }
32}
33
34#plugin__watchcycle {
35    display: inline-block;
36    padding: 1em 0.2em;
37    border: 1px solid #000;
38
39    svg {
40        width: 48px;
41        height: 48px;
42        fill: @check-ok-color;
43    }
44
45    .column {
46        display: table-cell;
47        vertical-align: top;
48        padding-right: .8em;
49    }
50
51    &.check_needed {
52        svg {
53            fill: @check-needed-color;
54        }
55    }
56}
57
58#plugin__watchcycle_admin {
59    form {
60        display: block;
61        margin-bottom: .5em;
62
63        label[class=outdated] {
64            display: block;
65            margin-top: 0.4em;
66        }
67
68        input[name=filter] {
69            margin-right: .5em;
70        }
71    }
72}
73
74.picker.plugin-watchcycle {
75    padding: 0.2rem;
76    form {
77        div {
78            display: flex;
79            justify-content: space-between;
80
81            input {
82                width: 12rem;
83            }
84        }
85    }
86}
87
88.ui-autocomplete {
89    z-index: 600;
90    .ui-state-active {
91        outline: @check-ok-color 1px solid;
92    }
93}
94