| commit | author | age | ||
| 9f6455 | 1 | html { |
| DC | 2 | margin: 0; |
| 3 | padding: 0; | |
| 4 | box-sizing: border-box; | |
| 5 | width: 100%; | |
| 6 | } | |
| 7 | ||
| 8 | body{ | |
| 9 | font-family: 'Vodafone-Rg'; | |
| 10 | } | |
| 11 | ||
| 12 | .btn-primary{ | |
| 13 | background-color: #E60000; | |
| 14 | border-color: #E60000; | |
| 15 | color: #fff !important; | |
| 16 | } | |
| 17 | ||
| 18 | ||
| 19 | .btn:hover{ | |
| 20 | background-color: #E60000; | |
| 21 | border-color: #E60000; | |
| 22 | } | |
| 23 | ||
| 24 | .vf-card{ | |
| 25 | box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16); | |
| 26 | border: none; | |
| 27 | padding: 20px 30px; | |
| 28 | min-height: 680px; | |
| 29 | border-radius: 1rem; | |
| 30 | } | |
| 31 | ||
| 32 | @media screen and (max-width: 768px) { | |
| 33 | .vf-card{ | |
| 34 | box-shadow: none; | |
| 35 | padding: 0px; | |
| 36 | max-height: none !important; | |
| 37 | } | |
| 38 | } | |
| 39 | ||
| 40 | h3 { | |
| 41 | font-size: 1.5rem; | |
| 42 | font-weight:bold; | |
| 43 | } | |
| 44 | ||
| 45 | h5 { | |
| 46 | font-size: 1.25rem; | |
| 47 | font-weight:bold; | |
| 48 | padding-bottom: 1.5rem; | |
| 49 | } | |
| 50 | ||
| 51 | .text-bold { | |
| 52 | font-weight:bold; | |
| 53 | } | |
| 54 | ||
| 55 | th,td { | |
| 56 | padding: 0.5rem 0; | |
| 57 | } | |
| 58 | ||
| 59 | .vf-card .card-title{ | |
| 60 | text-align: center; | |
| 61 | } | |
| 62 | ||
| 63 | .vf-card .card-text{ | |
| 64 | text-align: center; | |
| 65 | font-size: 18px; | |
| 66 | } | |
| 67 | ||
| 68 | .vf-card .btn{ | |
| 69 | width: 100%; | |
| 70 | min-height: 44px; | |
| 71 | padding: 0; | |
| 72 | display: flex; | |
| 73 | align-items: center; | |
| 74 | justify-content: center; | |
| 75 | } | |
| 76 | ||
| 77 | .vf-card .btn-link, .vf-card a{ | |
| 78 | color: #007C92; | |
| 79 | text-decoration: none; | |
| 80 | text-align: left; | |
| 81 | justify-content: flex-start; | |
| 82 | } | |
| 83 | ||
| 84 | .vf-card .form-control{ | |
| 85 | box-sizing: border-box; | |
| 86 | ||
| 87 | /* Auto layout */ | |
| 88 | ||
| 89 | display: flex; | |
| 90 | flex-direction: row; | |
| 91 | align-items: flex-start; | |
| 92 | padding: 16px; | |
| 93 | gap: 16px; | |
| 94 | ||
| 95 | width: 100%; | |
| 96 | ||
| 97 | background: #FFFFFF; | |
| 98 | /* New palette/Default/Monochrome/Monochrome3 */ | |
| 99 | ||
| 100 | border: 1px solid #BEBEBE; | |
| 101 | border-radius: 5px; | |
| 102 | ||
| 103 | /* Inside auto layout */ | |
| 104 | ||
| 105 | flex: none; | |
| 106 | flex-grow: 0; | |
| 107 | } | |
| 108 | ||
| 109 | .vf-card input:focus, | |
| 110 | .vf-card input:not([value=""]){ | |
| 111 | outline: none !important; | |
| 112 | box-shadow: none; | |
| 113 | padding-top: .625rem !important; | |
| 114 | } | |
| 115 | ||
| 116 | .vf-card input:focus + label, | |
| 117 | .vf-card select + label{ | |
| 118 | top: -4px; | |
| 119 | background-color: #fff !important; | |
| 120 | opacity: 1 !important; | |
| 121 | width: auto; | |
| 122 | left: 8px; | |
| 123 | padding: 0px 10px; | |
| 124 | height: 30px; | |
| 125 | } | |
| 126 | ||
| 127 | .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){ | |
| 128 | padding-top: 1.625rem !important; | |
| 129 | } | |
| 130 | ||
| 131 | ||
| 132 | ||
| 133 | .vf-card select{ | |
| 134 | padding-top: .625rem !important; | |
| 135 | } | |
| 136 | ||
| 137 | .vf-card .card-footer{ | |
| 138 | background-color: transparent; | |
| 139 | border: none; | |
| 140 | } | |
| 141 | ||
| 142 | .vf-card a[disabled]{ | |
| 143 | background-color: #BEBEBE; | |
| 144 | border-color: #BEBEBE; | |
| 145 | } | |
| 146 | ||
| 147 | .btn-link:hover{ | |
| 148 | background-color: transparent; | |
| 149 | border: none !important; | |
| 150 | padding: inherit; | |
| 151 | } | |
| 152 | .btn-link:focus{ | |
| 153 | background-color: transparent; | |
| 154 | border: none !important; | |
| 155 | } | |
| 156 | ||
| 157 | .vf-badge{ | |
| 158 | width: 24px; | |
| 159 | height: 24px; | |
| 160 | border-radius: 50%; | |
| 161 | background-color: #E60000; | |
| 162 | justify-content: center; | |
| 163 | display: flex; | |
| 164 | flex-direction: column; | |
| 165 | align-items: center; | |
| 166 | } | |
| 167 | ||
| 168 | .vf-badge.green{ | |
| 169 | background-color: #009900; | |
| 170 | } | |
| 171 | .vf-badge.yellow{ | |
| 172 | background-color: #FFA800; | |
| 173 | } | |
| 174 | ||
| 175 | .vf-badge-text{ | |
| 176 | color: #fff; | |
| 177 | padding: 0px; | |
| 178 | max-height: 12px; | |
| 179 | } | |
| 180 | ||
| 181 | span.vf-badge-text{ | |
| 182 | font-size: 12px; | |
| 183 | font-family: 'Vodafone RgBd'; | |
| 184 | margin-bottom: 3px; | |
| 185 | } | |
| 186 | ||
| 187 | small.vf-badge-text{ | |
| 188 | font-size: 3.5px; | |
| 189 | text-align: center; | |
| 190 | line-height: 3px; | |
| 191 | } | |
| 192 | ||
| 193 | .vf-card .form-check-input:checked { | |
| 194 | background-color: #007C92; | |
| 195 | border-color: #007C92; | |
| 196 | } | |
| 197 | ||
| 198 | .btn-back{ | |
| 199 | display: flex; | |
| 200 | align-items: center; | |
| 201 | } | |
| 202 | ||
| 203 | .btn-back svg{ | |
| 204 | margin-right: 10px; | |
| 205 | } | |
| 206 | ||
| 207 | .shadow-none{ | |
| 208 | box-shadow: none !important; | |
| 209 | } | |
| 210 | ||
| 211 | .vf-card.shadow-none{ | |
| 212 | background-repeat: no-repeat; | |
| 213 | background-position: top; | |
| 214 | background-size: contain; | |
| 215 | background-image: url("./pdf-header.png"); | |
| 216 | } | |
| 217 | ||
| 218 | .vf-card.shadow-none .card-body{ | |
| 219 | background: #fff; | |
| 220 | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); | |
| 221 | margin-top: 2vh; | |
| 222 | border-radius: 10px; | |
| 223 | } | |
| 224 | ||
| 225 | .vf-card.shadow-none .card-title{ | |
| 226 | color: #fff; | |
| 227 | } | |
