1 | label {
|
2 |
|
3 | font-size: 1rem;
|
4 | font-weight: $availity-font-weight-normal;
|
5 | color: $gray-base;
|
6 | cursor: pointer;
|
7 | margin-bottom: .1rem;
|
8 |
|
9 | small {
|
10 | font-size: 65%;
|
11 | color: $headings-small-color;
|
12 | font-weight: $availity-font-weight-bold;
|
13 | }
|
14 |
|
15 | }
|
16 |
|
17 | select.form-control {
|
18 | background-color: $gray-lightest;
|
19 | }
|
20 |
|
21 | .custom-select {
|
22 | -webkit-appearance: none;
|
23 | width: auto;
|
24 | }
|
25 |
|
26 |
|
27 |
|
28 | .form-group {
|
29 | margin-bottom: 20px;
|
30 | }
|
31 |
|
32 | .form-group-block {
|
33 | min-height: 20px;
|
34 | padding: 19px;
|
35 | margin-bottom: 20px;
|
36 | background-color: $gray-lighter;
|
37 | border: 1px solid $card-border-width;
|
38 | border-radius: $border-radius;
|
39 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
40 | blockquote {
|
41 | border-color: #ddd;
|
42 | border-color: rgba(0,0,0,.15);
|
43 | }
|
44 | padding: $card-spacer-x;
|
45 | }
|
46 |
|
47 | .form-controls {
|
48 | padding: 1em 0;
|
49 | @include clearfix();
|
50 | > .btn,
|
51 | > .btn-group,
|
52 | > .input-group {
|
53 | margin-left: 5px;
|
54 | }
|
55 | }
|
56 |
|
57 | select.form-control {
|
58 | &:not([size], [multiple]) {
|
59 | height: $input-height;
|
60 | }
|
61 | }
|
62 |
|
63 | .form-controls-right {
|
64 |
|
65 |
|
66 | @include media-breakpoint-up(md) {
|
67 | float: right;
|
68 | }
|
69 | }
|
70 |
|
71 | .has-danger {
|
72 | @include availity-form-control-validation($state-danger-text, $state-danger-border, $state-danger-bg);
|
73 | }
|
74 |
|
75 | .has-success {
|
76 | @include availity-form-control-validation($state-success-text, $state-success-border, $state-success-bg);
|
77 | }
|
78 |
|
79 | .has-warning {
|
80 | @include availity-form-control-validation($state-warning-text, $state-warning-border, $state-warning-bg);
|
81 | }
|
82 |
|
83 |
|
84 |
|
85 | .radio-group-vertical {
|
86 |
|
87 | label {
|
88 | display: block;
|
89 | margin: 0;
|
90 | cursor: pointer;
|
91 | padding: 5px;
|
92 | font-size: $font-size-base;
|
93 |
|
94 | &:hover {
|
95 | background-color: $gray-lightest;
|
96 | }
|
97 |
|
98 | }
|
99 |
|
100 | input[type="radio"] {
|
101 | margin-left: 7px;
|
102 | margin-right: .3em;
|
103 | }
|
104 |
|
105 | input:checked {
|
106 | background-color: #e8ebeb;
|
107 | }
|
108 | }
|
109 |
|
110 |
|
111 | input[type=text] {
|
112 | &::-ms-clear {
|
113 | display: none;
|
114 | }
|
115 | }
|
116 |
|
117 | .custom-block {
|
118 | display: block;
|
119 | width: 100%;
|
120 | }
|
121 |
|
122 | .custom-control.disabled {
|
123 | cursor: not-allowed;
|
124 | }
|
125 |
|
126 | .custom-control-input:disabled ~ .custom-control-description {
|
127 | color: lighten($text-muted, 5%);
|
128 | }
|
129 |
|
130 | .input-group .form-control {
|
131 | flex-direction: row;
|
132 | }
|