xref: /plugin/bez/style.css (revision 16c7b168a60daa2c9b9ddcfa51e05d123a2a17dc)
1@font-face {
2    font-family: 'Awesome'; /*a name to be used later*/
3    src: url('fontawesome-webfont.woff'); /*URL to font*/
4}
5
6.bez_awesome {
7	font-family: Awesome;
8}
9
10#bds_issue_box {
11	position: relative;
12	background: #fff;
13	border: 1px solid #bbb;
14	border-radius: 0.4em;
15	margin-top: 0.2em;
16	padding: 0.5em 1em;
17}
18
19#bds_issue_box.pr2 {
20	border-color: #B0D2B6;
21	background-color: #EEF6F0;
22}
23table.bez .pr2, #bds_timeline dt.pr2 {
24	background-color: #EEF6F0;
25}
26#bds_issue_box.pr2 table, #bds_issue_box.pr2 td, #bds_issue_box.pr2 th,#bds_issue_box.pr2 h2, #bds_issue_box.pr2 h1#bez_issue_title {
27	border-color: #B0D2B6;
28}
29
30#bds_issue_box.pr1 {
31	background-color: #ffd;
32	border-color: #dd9;
33}
34table.bez .pr1 , #bds_timeline dt.pr1 {
35	background-color: #ffd;
36}
37#bds_issue_box.pr1 table, #bds_issue_box.pr1 td, #bds_issue_box.pr1 th,#bds_issue_box.pr1 h2, #bds_issue_box.pr1 h1#bez_issue_title {
38	border-color: #dd9;
39}
40
41#bds_issue_box.pr0 {
42	border-color: #F0AFAD;
43	background-color: #F8E8E8;
44}
45table.bez .pr0 , #bds_timeline dt.pr0 {
46	background-color: #F8E8E8;
47}
48
49table.bez .prRejected {
50	color: #aaa;
51    font-style: italic;
52}
53
54
55#bds_issue_box.pr0 table, #bds_issue_box.pr0 td, #bds_issue_box.pr0 th,#bds_issue_box.pr0 h2, #bds_issue_box.pr0 h1#bez_issue_title {
56	border-color: #F0AFAD;
57}
58
59
60#bds_issue_box.prNone {
61	border-color: #a3c8ff;
62	background-color: #e7f1ff;
63}
64table.bez .prNone , #bds_timeline dt.prNone {
65	background-color: #e7f1ff;
66}
67
68
69#bds_issue_box.prNone table, #bds_issue_box.prNone td, #bds_issue_box.prNone th,#bds_issue_box.prNone h2, #bds_issue_box.prNone h1#bez_issue_title {
70	border-color: #a3c8ff;
71}
72
73#bds_issue_box h1 {
74	font-size: 1.3em;
75	margin-top: 1em;
76}
77
78#bds_issue_box h1:first-child {
79	margin: 0;
80}
81#bds_issue_box h1:first-child a:first-child {
82	font-size: 1.5em;
83	padding-right: 0.5em;
84}
85
86#bds_issue_box h1#bez_issue_title {
87/*
88	border-bottom: 1px solid #000;
89*/
90}
91
92.bez_timebox {
93	position: absolute;
94	top: 2px;
95	right: 5px;
96	font-size: 0.8em;
97}
98
99.bez_timebox span {
100	display: block;
101}
102
103#bds_issue_box table, .bds_block table {
104	border-collapse:collapse;
105
106	border:0;
107	border-top: 1px solid #bbb;
108	width: 100%;
109	margin-top: 1.5em;
110}
111
112#bds_issue_box table th, .bds_block th {
113}
114#bds_issue_box table th, #bds_issue_box table td, .bds_block th, .bds_block td {
115	border:0;
116	background: none;
117	border-bottom: 1px solid #bbb;
118	font-size: 90%;
119}
120
121#bds_issue_box h2 {
122	font-size: 1em;
123	border-bottom: 1px dotted #bbb;
124}
125
126.bds_block h1 {
127	font-size: 1.3em;
128	margin: 1em 0;
129	padding-bottom: 3px;
130	border-bottom: 1px solid #bbb;
131}
132
133.bds_block h1 span {
134	color:#999;
135}
136
137.bez_standard_block h2 {
138    border-bottom: 1px solid #D7D7D7;
139    box-shadow: 0.1em 0.4em 0.7em 0 #F2F2F2;
140    color: #999999;
141    font-size: 100%;
142    font-weight: normal;
143    margin-bottom: 0.5em;
144    padding: 0 0.2em;
145}
146
147.bez_standard_block h2 span {
148	display: block;
149	float: right;
150	font-size: 100%;
151	color: #999;
152	padding-right: 0.4em;
153}
154
155.task {
156	position: relative;
157}
158
159.task h2 {
160	font-size: 1.2em;
161	font-weight: bold;
162	color: black;
163	border: 0;
164    box-shadow: none;
165}
166.task h2 a {
167	font-size: 1.3em;
168}
169
170.task h3 {
171    border-bottom: 1px dotted #8bbcbc;
172    font-size: 90%;
173}
174
175.bds_block_content > div {
176	margin-bottom: 3em;
177}
178
179.task table {
180	clear:both;
181	margin-top: 3em;
182}
183
184.task table {
185	clear:both;
186	border-top-color: #8bbcbc;
187	margin-top: 3em;
188}
189
190div.task {
191	background: #e4f4f4;
192	border: 1px solid #8bbcbc;
193	border-radius: 0.4em;
194	margin-bottom: 10px;
195	padding: 0.5em 1em;
196}
197
198.task td, .task th{
199	border-bottom-color: #8bbcbc;
200}
201
202.task .bds_edit_button {
203	position:absolute;
204	bottom: 0.5em;
205	right: 6em;
206}
207.task .bds_send_button {
208	position:absolute;
209	bottom: 0.5em;
210	right: 0.5em;
211}
212bez_comment
213/*commets*/
214#bez_comments .bez_buttons {
215	bottom: -1.3em;
216}
217
218#bez_comments .comment {
219	position: relative;
220}
221
222/*causes*/
223#bez_causes .cause {
224	position: relative;
225	background: #ffeedc !important;
226	border-color: #ddb68d !important;
227}
228
229#bez_causes table {
230	border-color: #ddb68d !important;
231}
232
233#bez_causes table td {
234	border-color: #dd9447 !important;
235}
236
237#bez_causes h2 {
238	font-size: 1.2em;
239	font-weight: bold;
240	color: black;
241	border: 0;
242    box-shadow: none;
243}
244#bez_causes h2 a {
245	font-size: 1.3em;
246}
247
248#bez_causes h3 {
249    border-bottom: 1px dotted #8bbcbc;
250    font-size: 90%;
251}
252
253.bds_block_content > div {
254	margin-bottom: 3em;
255}
256
257#bez_causes table {
258	clear:both;
259	margin-top: 3em;
260}
261
262#bez_causes table {
263	clear:both;
264	border-top-color: #8bbcbc;
265	margin-top: 3em;
266}
267
268#bez_causes div.cause {
269	background: #e4f4f4;
270	border: 1px solid #8bbcbc;
271	border-radius: 0.4em;
272	margin-top: 0.2em;
273	padding: 0.5em 1em;
274}
275
276#bez_causes td, #bez_causes th{
277	border-bottom-color: #8bbcbc;
278}
279
280#bez_causes .bds_edit_button {
281	position:absolute;
282	bottom: 0.5em;
283	right: 6em;
284}
285#bez_causes .bds_send_button {
286	position:absolute;
287	bottom: 0.5em;
288	right: 0.5em;
289}
290
291/*end causes*/
292
293.bez_buttons {
294	text-align: right;
295}
296
297.bez_buttons a {
298	margin-right: 1em;
299	padding: 0.2em 0.5em;
300}
301
302.bez_buttons a:last-child {
303	margin-right: 0;
304}
305
306.bds_inline_button {
307    background: #fff;
308    border: 1px solid #DDDDDD;
309    border-radius: 1em;
310    box-shadow: none;
311	text-shadow: 0.1em 0.1em #DDDDDD;
312	cursor: pointer;
313    color: #808080 !important;
314    font-size: 70%;
315}
316
317.bds_inline_button:hover {
318    background: none repeat scroll 0 0 #F6F6F6;
319    box-shadow: 0.1em 0.1em 0.6em 0 #999999;
320    text-shadow: 0.1em 0.1em #FCFCFC;
321	color: #fff;
322	text-decoration:none !important;
323}
324
325.bds_inline_button_noborder {
326    color: #808080 !important;
327    font-size: 10px;
328    padding-left: 0 !important;
329}
330
331.bds_inline_button_noborder:hover {
332    text-decoration:underline !important;
333}
334
335.bez_delete_button {
336    color: #808080 !important;
337    font-size: 70%;
338	text-decoration:underline !important;
339}
340
341.bez_delete_button:hover {
342	text-decoration:none !important;
343}
344
345.bez_cancel_button {
346	margin-left: 2em;
347}
348
349.bds_last_edit {
350    color: #999999;
351	font-size: 80%;
352	margin-top: 0.8em;
353	padding-left: 2.5em;
354}
355
356.bds_block li {
357	color: #000 !important;
358}
359
360/*FORMS*/
361
362#bds_issue_box.bds_form {
363	width:95%;
364}
365
366.bds_block fieldset.bds_form {
367	display: table;
368	background: none repeat scroll 0 0 #F7F7F0;
369    border: 1px solid #D7D7D7;
370    border-radius: 0.4em;
371    /*box-shadow: 0.1em 0.1em 1em 0 #E7E7E7 inset;*/
372    margin-bottom: 1em;
373	padding: 0.5em;
374/*
375	width:100%;
376*/
377	text-align: left;
378}
379
380.bds_form .row {
381	display: table-row;
382}
383
384.bds_form label[for] {
385	display: table-cell;
386    padding: 0.4em;
387    text-align: right;
388    vertical-align: top;
389    width: 20%;
390}
391.bds_form span {
392	display: table-cell;
393    vertical-align: middle;
394    width: 80%;
395}
396
397.bds_form input {
398	padding: 0.25em 0.5em;
399}
400
401.bds_form textarea {
402	width: 100% !important;
403	height: 10em;
404	display: block;
405}
406
407
408.bds_form input[id=title] {
409	width: 30em;
410}
411
412.bds_form input[id=cost] {
413	width: 7em;
414}
415input.days {
416	width: 3em;
417}
418
419.root_cause {
420	margin-bottom:0.5em;
421}
422.root_cause span {
423	background: #ffeedc;
424	padding: 0.5em;
425}
426
427#bds_timeline h2 {
428    background: none repeat scroll 0 0 #F7F7F7;
429    border-bottom: 1px solid #D7D7D7;
430    border-radius: 0.1em;
431    box-shadow: 1px 1px 0.5em 0 #CCCCCC;
432    font-size: 105%;
433    margin: 2em 0 0.5em;
434    padding: 0.4em;
435}
436
437#bds_timeline dt {
438	font-weight: normal;
439}
440#bds_timeline dd {
441	font-weight: normal;
442	margin: 0 0 0.75em 4.2em;
443}
444
445#bds_timeline dt a {
446	padding: 0 4px 2px 22px;
447}
448
449#bds_timeline dt a .id {
450	font-weight: bold;
451}
452#bds_timeline dt a:hover {
453	text-decoration: none !important;
454	background-color: #eee;
455}
456
457#bds_timeline dt .id {
458	font-weight: normal;
459}
460
461#bds_timeline dt .time {
462    color: #999999;
463    font-size: 80%;
464}
465
466#bds_timeline dt .author {
467    color: #666666;
468}
469#bds_timeline dt > a {
470	background: url('images/changeset.png') no-repeat 1px 4px;
471}
472
473#bds_timeline .issue_closed > a {
474	background: url('images/closedticket.png') no-repeat 1px 4px;
475}
476
477#bds_timeline .issue_created > a {
478	background: url('images/newticket.png') no-repeat 1px 4px;
479}
480
481#bds_timeline .issue_rejected > a {
482	background: url('images/rejectedticket.png') no-repeat 1px 4px;
483}
484
485
486#bds_timeline .task_opened > a {
487	background: url('images/newtask.png') no-repeat 1px 4px;
488}
489
490#bds_timeline .task_done > a {
491	background: url('images/closedtask.png') no-repeat 1px 4px;
492}
493
494#bds_timeline .task_rejected > a {
495	background: url('images/rejectedtask.png') no-repeat 1px 4px;
496}
497
498#bds_timeline .cause > a {
499	background: url('images/newcause.png') no-repeat 1px 4px;
500}
501
502#bds_timeline h3 {
503	font-size: 1em;
504	border-bottom: 1px dotted #ddd;
505	margin-bottom: 0;
506}
507
508#entities_form label {
509	display: block;
510}
511
512#entities_form textarea {
513	display: block;
514	height: 40em;
515	width: 20em;
516	margin-bottom: 1em;
517}
518
519#entities_form input[type=reset] {
520	background: none;
521	border: none;
522	text-decoration: underline;
523}
524
525#entities_form input[type=reset]:hover {
526	text-decoration: none;
527}
528
529#bez_removal_confirm {
530	max-width: 15em;
531	background: #f7F7F0;
532	border: 1px solid #D7D7D7;
533	border-radius: 0.4em;
534	box-shadow: 0.1em 0.1em 1em 0px #E7E7E7 inset;
535	margin: 1em 0px;
536	padding: 0.5em;
537	width: 100%;
538	text-align: left;
539}
540
541#bez_report_issue_button {
542    background: url("images/addticket.png") no-repeat 4px 50% #fafafa;
543}
544
545#bez_report_task_button {
546	background: url("images/addtask.png") no-repeat 4px 50% #fafafa;
547}
548
549#bez_info_issues {
550    background: url("images/newticket.png") no-repeat 4px 50% #fafafa;
551}
552
553#bez_info_tasks {
554    background: url("images/newtask.png") no-repeat 4px 50% #fafafa;
555}
556
557#bez_info_proposals {
558    background: url("images/newticket.png") no-repeat 4px 50% #fafafa;
559}
560
561.bez_start_button {
562	border: 1px solid #eee;
563	border-radius: 0.3em;
564	color: #222 !important;
565	padding: 0.7em 0.7em 0.6em 24px;
566	text-shadow: 0.1em 0.1em #FCFCFC;
567	cursor: pointer;
568}
569
570.bez_start_button:hover {
571	background-color: #fcfcfc;
572	border: 1px solid #bbb;
573	text-decoration: none !important;
574}
575
576#bez_info {
577	text-align: center;
578	margin-top: 15px;
579}
580
581#bez_info a {
582	margin-left: 2em;
583}
584
585#bez_info a:first-child {
586	margin-left: 0;
587}
588
589#bez_version {
590	position: relative;
591}
592#bez_version div {
593	position:absolute;
594	font-size: 90%;
595	top: -18px;
596	left: -18px;
597}
598
599#bez_8d_send_button {
600	font-size: 50%;
601	font-weight: normal;
602}
603
604h3.bez_8d {
605	font-size: inherit;
606	border-bottom: 1px solid #ccc;
607}
608
609.bez_sumarise {
610	border: 0;
611}
612
613.bez_sumarise tr:last-child th {
614	background-color: transparent;
615	border-left: 0;
616	border-right: 0;
617}
618
619.bez_sumarise tr:last-child td {
620	border-left: 0;
621	border-right: 0;
622}
623
624h1.bez_report span {
625	display:block;
626	font-size: 50%;
627	font-weight: normal;
628}
629
630.bez_filter_form {
631	background-color: #F7F7F0;
632    	border: 1px solid #D7D7D7;
633    	border-radius: 0.4em;
634    	margin-bottom: 1em;
635	text-align: left;
636	display:block;
637	line-height: 200%;
638}
639
640.bez_filter_form label {
641	margin: 0.8em;
642	white-space: nowrap;
643}
644
645.bez_filter_form div {
646	display: block;
647}
648
649/*NEW FORM */
650
651form.bez_form > fieldset {
652	display: table;
653	background: none repeat scroll 0 0 #F7F7F0;
654    border: 1px solid #D7D7D7;
655    border-radius: 0.4em;
656	text-align: left;
657	width: 98.5%;
658	margin-bottom: 1em !important;
659}
660
661form.bez_cause_form > fieldset {
662	background: #ffeedc !important;
663	border-color: #ddb68d !important;
664}
665
666form.bez_task_form > fieldset {
667	background: #e4f4f4 !important;
668	border-color: #8bbcbc !important;
669}
670
671.bez_form .row {
672	display: table-row;
673}
674
675.bez_form label[for] {
676	display: table-cell;
677    padding: 0.4em;
678    text-align: right;
679    vertical-align: top;
680    width: 200px;
681}
682.bez_form span {
683	display: table-cell;
684    vertical-align: middle;
685    width: 80%;
686}
687
688.bez_form input {
689	padding: 0.25em 0.5em;
690}
691
692.bez_form a {
693	margin-left: 1em;
694}
695
696.bez_form textarea {
697	width: 100% !important;
698	height: 10em;
699	display: block;
700}
701
702
703.bez_form input[id=title] {
704	width: 30em;
705}
706
707.bez_form input[id=cost] {
708	width: 7em;
709}
710input.days {
711	width: 3em;
712}
713
714.rr h3 {
715	font-size:inherit;
716	font-weight: normal;
717}
718
719.rr table {
720	table-layout:fixed;
721}
722
723.rr th {
724	width: 33%;
725}
726
727.bez_timepicker_wrapper {
728	overflow-y: auto;
729	height: 150px;
730	width: 6.5em;
731	background: #fff;
732	border: 1px solid #ddd;
733	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
734	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
735	box-shadow:0 5px 10px rgba(0,0,0,0.2);
736	outline: none;
737	z-index: 10001;
738	margin: 0;
739}
740
741.bez_timepicker_wrapper ul {
742	margin: 0;
743	padding: 0;
744}
745
746.bez_timepicker_wrapper li {
747	margin: 0;
748	padding: 0;
749	list-style: none;
750	padding: 3px 0 3px 5px;
751	cursor: pointer;
752	white-space: nowrap;
753	color: #000;
754	list-style: none;
755}
756
757.bez_timepicker_wrapper li:hover {
758	background: #1980EC;
759}
760
761.bez_timepicker_wrapper li.selected {
762	background: #1980EC;
763}
764
765/*comments*/
766
767.bez_comments .bez_comment {
768	margin-top: 10px;
769	width: 100%;
770	display: table;
771}
772
773.bez_comments .bez_avatar {
774	display: table-cell;
775	vertical-align: top;
776	width: 50px;
777}
778
779.bez_comments .bez_text_comment {
780	display: table-cell;
781}
782
783.bez_comments .bez_content {
784	box-sizing: border-box;
785	border-radius: 0 0 3px 3px;
786	border: 1px solid #ddd;
787	margin-top: -1px;
788	margin-left: 13px;
789	padding: 8px;
790}
791
792.bez_comments .bez_comment  .commcause_content h2 {
793	font-size: 15px;
794	font-weight: normal;
795	height:50px;
796	line-height:50px;
797
798	display: block;
799	position: relative;
800	color: #767676;
801	background: #F7F7F7;
802	box-sizing: border-box;
803	border-radius: 0 3px 0 0;
804	border: 1px solid #ddd;
805	border-left: 0;
806	padding-left: 5px;
807	margin-left: 14px;
808	margin-bottom:0;
809}
810
811.bez_comments .bez_arrow-tip-container {
812	display: block;
813	width:50px;
814	height:50px;
815	position:absolute;
816	overflow:hidden;
817}
818.bez_comments .bez_arrow-tip {
819	display:block;
820	width:50px;
821	height:50px;
822	transform:rotate(45deg) skew(20deg,20deg);
823}
824.bez_comments .bez_arrow-tip-grad {
825	display:block;
826	width:100%;
827	height:100%;
828	background: #F7F7F7;
829	border: 1px solid #ddd;
830}
831
832.bez_comments textarea {
833	display: block;
834	box-sizing: border-box;
835	width: 100%;
836	margin-bottom: 10px;
837	height: 200px;
838}
839
840.bez_toolbar {
841	display: inline-block;
842}
843
844.bez_comment.bez_my_comment .commcause_content h2 {
845	background: #f2f8fa;
846	border-color: #bfccd1;
847
848}
849
850.bez_comment.bez_my_comment .bez_arrow-tip-grad {
851	background: #f2f8fa;
852	border-color: #bfccd1;
853
854}
855
856.bez_comments.bez_my_comment .bez_content {
857	border-color: #bfccd1;
858}
859
860.bez_comments .bez_comment_buttons {
861	display: inline-block;
862	position: absolute;
863	right: 20px;
864}
865
866.bez_comments .bez_comment_buttons a {
867	color: #767676;
868	display: inline-block;
869	margin-left: 20px;
870}
871
872.bez_comments .bez_comment_buttons a:hover {
873	color: #2b73b7;
874	text-decoration: none;
875}
876
877#bez_issue_activity {
878	margin-top: 10px;
879	width: 100%;
880	font-size: 0.8em;
881}
882
883.bez_comments .bez_cause .bez_content {
884	border-color: #ddb68d;
885}
886
887.bez_comment.bez_cause .commcause_content h2 {
888	background-color: #ffeedc;
889	border-color: #ddb68d;
890}
891
892.bez_comment.bez_cause .bez_arrow-tip-grad {
893	background-color: #ffeedc;
894	border-color: #ddb68d;
895}
896
897.bez_comments.bez_cause .bez_content {
898	border-color: #ddb68d;
899}
900
901/*forms*/
902
903.bez_comments .bez_comment_form .commcause_content h2 {
904	display: flex;
905}
906
907.bez_comment_form .bez_toolbar {
908	margin-top: 1px;
909	line-height: 50px;
910	overflow: hidden;
911}
912
913.bez_tabs {
914	padding: 0;
915	margin: 0;
916	display: block;
917	white-space: nowrap;
918	margin-right: 10px;
919}
920
921
922.bez_tabs li {
923	margin: 0;
924	position: relative;
925	bottom: -1px;
926
927	display: inline-block;
928	padding: 8px 12px;
929	padding-bottom: 13px;
930	font-size: 14px;
931	line-height: 20px;
932	border: 1px solid #ddd;
933	border-bottom: 0;
934
935	background-color: #F0F0F0;
936
937}
938
939.bez_tabs li a {
940	color: #24292e;
941	text-decoration: none !important;
942}
943.bez_tabs li a:hover {
944	text-decoration: none !important;
945}
946
947.bez_tabs li.active {
948	background-color: #fff;
949}
950
951.bez_comments {
952	display: table-row;
953}
954
955.bez_comments .bez_left_col {
956	width: 100%;
957}
958
959.bez_comments .bez_left_col, .bez_comments .bez_right_col {
960	display: table-cell;
961	margin: 0;
962	padding: 0;
963}
964
965.bez_comments .bez_right_col {
966	padding-left: 10px;
967	min-width: 150px;
968}
969
970.bez_comments .bez_right_col h2 {
971	margin: 0;
972	padding: 0;
973
974    margin-bottom: 10px;
975    font-size: 12px;
976    line-height: 16px;
977    color: #767676;
978}
979.bez_comments .bez_right_col div.bez_box:first-child {
980	border-top: 0;
981	margin-top: 0;
982	padding-top: 0;
983}
984
985.bez_comments .bez_right_col div.bez_box {
986    margin-top: 15px;
987    border-top: 1px solid #eee;
988    padding-top: 15px;
989    font-size: 12px;
990    color: #767676;
991}
992
993.bez_subscribe_button {
994	display: block;
995	text-align: center;
996    text-decoration: none;
997    padding: 3px 10px;
998    font-size: 12px;
999    line-height: 20px;
1000    font-weight: 600;
1001    color: #333 !important;
1002    white-space: nowrap;
1003    vertical-align: middle;
1004    cursor: pointer;
1005    -webkit-user-select: none;
1006    -moz-user-select: none;
1007    -ms-user-select: none;
1008    user-select: none;
1009    background-color: #eee;
1010    background-image: -webkit-linear-gradient(#fcfcfc, #eee);
1011    background-image: linear-gradient(#fcfcfc, #eee);
1012    border: 1px solid #d5d5d5;
1013    border-radius: 3px;
1014    -webkit-appearance: none;
1015    -moz-appearance: none;
1016    appearance: none;
1017
1018}
1019
1020.bez_subscribe_button:hover,
1021.bez_subscribe_button:active {
1022    background-color: #ddd;
1023    background-image: -webkit-linear-gradient(#eee, #ddd);
1024    background-image: linear-gradient(#eee, #ddd);
1025    border-color: #ccc;
1026    text-decoration: none !important;
1027}
1028
1029.bez_second_lv_buttons {
1030	display: flex;
1031}
1032
1033.bez_second_lv_buttons .bez_subscribe_button {
1034	display: inline-block;
1035	margin-right: 10px;
1036}
1037
1038.bez_subscribe_box p {
1039    margin: 5px 0 0;
1040    color: #767676;
1041    line-height: 1.5;
1042
1043}
1044
1045#issue_participants {
1046	list-style: none;
1047	padding-left: 5px;
1048
1049}
1050#issue_participants li {
1051	margin-left: 0;
1052}
1053#issue_participants a {
1054	color: inherit;
1055}
1056
1057
1058.custom-combobox {
1059    display: flex;
1060    margin-right: 5px;
1061}
1062
1063.custom-combobox-toggle {
1064    margin-left: -1px;
1065}
1066
1067.custom-combobox-input {
1068    margin: 0;
1069    padding: 6px 10px;
1070    max-width: 90px;
1071}
1072
1073#bez_invite_users_form select {
1074     max-width: 90px;
1075}
1076
1077#bez_invite_users_form {
1078    display: flex;
1079}
1080
1081#bez_invite_users button {
1082    display: block;
1083}
1084
1085.bez_metadata_edit_warn {
1086    border: 1px solid #f00 !important;
1087    background: url('images/warn-background.png') repeat !important;
1088}
1089
1090.bez_box_data_table th {
1091    width: 20%;
1092}
1093
1094.bez_box_data_table td {
1095    width: 30%;
1096}
1097
1098nav#plugin__bez svg {
1099	vertical-align: middle;
1100	margin: 0.2em;
1101	margin-right: 12px;
1102}
1103nav#plugin__bez ul {
1104	margin-top: 5px;
1105}
1106
1107
1108nav#plugin__bez li {
1109	list-style: none;
1110}
1111
1112.bez_comments .plugin__bez_button {
1113	margin-left: 5px;
1114
1115	position: relative;
1116	display: inline-block;
1117	padding: 6px 12px;
1118	font-size: 14px;
1119	font-weight: 600;
1120	line-height: 20px;
1121	white-space: nowrap;
1122	vertical-align: middle;
1123	cursor: pointer;
1124	user-select: none;
1125	background-repeat: repeat-x;
1126	background-position: -1px -1px;
1127	background-size: 110% 110%;
1128	border: 1px solid rgba(27,31,35,0.2);
1129	border-radius: 0.25em;
1130}
1131.bez_comments .plugin__bez_button:hover {
1132	text-decoration: none;
1133}
1134
1135
1136.bez_comments .plugin__bez_button_gray {
1137	color: #24292e;
1138	background-color: #eff3f6;
1139	background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
1140}
1141
1142.bez_comments .plugin__bez_button_gray:active {
1143	background-color: #e9ecef;
1144	background-image: none;
1145	border-color: rgba(27,31,35,0.35);
1146	box-shadow: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
1147}
1148
1149.bez_comments .plugin__bez_button_gray:hover {
1150	background-color: #e6ebf1;
1151	background-image: linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
1152	background-position: 0 -0.5em;
1153	border-color: rgba(27,31,35,0.35);
1154}
1155
1156.bez_comments .plugin__bez_button_green {
1157	color: #fff;
1158	background-color: #28a745;
1159	background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%);
1160}
1161
1162.bez_comments .plugin__bez_button_green:active {
1163	background-color: #279f43;
1164	border-color: rgba(27,31,35,0.5);
1165	box-shadow: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
1166}
1167
1168.bez_comments .plugin__bez_button_green:hover {
1169	background-color: #269f42;
1170	background-image: linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);
1171	background-position: 0 -0.5em;
1172	border-color: rgba(27,31,35,0.5);
1173}
1174
1175.bez_comments .plugin__bez_button_red {
1176	color: #cb2431;
1177	background-color: #fafbfc;
1178	background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
1179}
1180
1181.bez_comments .plugin__bez_button_red:active {
1182	color: #fff;
1183	background-color: #b5202c;
1184	background-image: none;
1185	border-color: rgba(27,31,35,0.5);
1186	box-shadow: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
1187}
1188
1189.bez_comments .plugin__bez_button_red:hover {
1190	color: #fff;
1191	background-color: #cb2431;
1192	background-image: linear-gradient(-180deg, #de4450 0%, #cb2431 90%);
1193	border-color: rgba(27,31,35,0.5);
1194}
1195
1196.plugin__bez_status_label {
1197	margin-top: 20px;
1198	margin-bottom: 20px;
1199}
1200
1201.plugin__bez_status_label .icon {
1202	display: inline-block;
1203	width: 30px;
1204	height: 30px;
1205	line-height: 35px;
1206	border-radius: 50%;
1207	text-align: center;
1208	vertical-align: middle;
1209}
1210
1211.plugin__bez_status_label .icon_green {
1212	background-color: #2cbe4e;
1213}
1214
1215.plugin__bez_status_label .icon_green svg {
1216	fill: #fff;
1217}
1218
1219.plugin__bez_status_label .icon_red {
1220	background-color: #cb2431;
1221}
1222
1223.plugin__bez_status_label .icon_red svg {
1224	fill: #fff;
1225}
1226
1227.plugin__bez_form_buttons_container {
1228	float: right;
1229}
1230
1231.plugin__bez_form_buttons .bez_cause_type {
1232	float: left;
1233}
1234
1235.plugin__bez_form_buttons::after {
1236	content: "";
1237	display: block;
1238	clear: both;
1239}