xxxxxxxxxx1
<section my-5>2
<div class="container my-5">3
<div class="row">4
<div class="col-xs-12">5
<form class="shadow-custom">6
<div class="card text-black-50 p-5">7
<!-- Name input -->8
<div class="form-outline md-form md-bg">9
<div class=""><i class="fa fa-user prefix my-fa-user-icon"></i>10
<input type="text" id="form12" class="form-control" /> 11
<label class="form-label" for="form12">Name</label>12
</div>13
</div>14
15
<!-- Email input -->16
<div class="form-outline md-form md-bg">17
<div class=""><i class="fa fa-envelope prefix my-fa-envelope-icon"></i>18
<input type="email" id="form12" class="form-control"/>19
<label class="form-label" for="form12">Email address</label>20
</div>21
</div>22
23
<!-- Phone input -->24
<div class="form-outline md-form md-bg">25
<div><i class="fas fa-phone fa-rotate-90 prefix my-fa-phone-icon"></i>26
<input type="tel" id="typePhone" class="form-control" />27
<label class="form-label" for="typePhone">Phone number</label>28
</div> 29
</div>30
<!-- Textarea -->31
<div class="form-outline md-form md-bg">32
<div><i class="fas fa-edit prefix my-fa-edit-icon"></i>33
<textarea class="md-textarea form-control" id="textAreaExample" rows="4"></textarea>34
<label class="form-label" for="textAreaExample">Message</label>35
</div>36
</div>37
<!-- Recaptcha --> 38
<div class="g-recaptcha mt-4" data-sitekey="6LesYV8UAAAAAFemD2towAKqCciQfNSTwsq9wcvY">39
</div>40
<!-- Checkbox -->41
<div class="form-check d-flex justify-content-center mt-5">42
<input class="form-check-input me-2" type="checkbox" value="" id="form5Example3" unchecked />43
<label class="form-check-label" for="form5Example3">44
I have read and agree to the terms45
</label>46
</div>47
48
<!-- Submit button -->49
<button type="submit" class="btn btn-primary mx-auto d-flex justify-content-center btn-lg mt-5">Subscribe</button>50
</div>51
</form>52
</div>53
</div>54
</div>55
</section>56
57
<script src="https://www.google.com/recaptcha/api.js"></script>xxxxxxxxxx1
.shadow-custom {2
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 2px rgba(0, 0, 0, 0.05) !important;3
}4
.form-label {5
margin-left: 30px !important;6
}7
textarea {8
background-color: transparent !important;9
}10
input{11
background-color: transparent !important;12
}13
.card .md-form label {14
font-weight: 300; }15
16
.md-form.input-group label {17
top: 0;18
margin-bottom: 0; }19
20
.md-form.input-group .input-group-text {21
background-color: #e0e0e0; }22
.md-form.input-group .input-group-text.md-addon {23
font-weight: 500;24
background-color: transparent;25
border: none; }26
27
.md-form.input-group .form-control {28
padding: 0.375rem 0.75rem;29
margin: 0; }30
31
.md-form {32
position: relative;33
margin-top: 1.5rem;34
margin-bottom: 1.5rem; }35
.md-form input:not([type]),36
.md-form input[type="text"]:not(.browser-default),37
.md-form input[type="password"]:not(.browser-default),38
.md-form input[type="email"]:not(.browser-default),39
.md-form input[type="url"]:not(.browser-default),40
.md-form input[type="time"]:not(.browser-default),41
.md-form input[type="date"]:not(.browser-default),42
.md-form input[type="datetime"]:not(.browser-default),43
.md-form input[type="datetime-local"]:not(.browser-default),44
.md-form input[type="tel"]:not(.browser-default),45
.md-form input[type="number"]:not(.browser-default),46
.md-form input[type="search"]:not(.browser-default),47
.md-form input[type="phone"]:not(.browser-default),48
.md-form input[type="search-md"],49
.md-form textarea.md-textarea {50
box-sizing: content-box;51
background-color: transparent;52
border: none;53
border-bottom: 1px solid #ced4da;54
border-radius: 0;55
outline: none;56
box-shadow: none;57
-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;58
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }59
.md-form input:not([type]):focus:not([readonly]),60
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]),61
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]),62
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]),63
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]),64
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]),65
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]),66
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]),67
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),68
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]),69
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]),70
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]),71
.md-form input[type="phone"]:not(.browser-default):focus:not([readonly]),72
.md-form input[type="search-md"]:focus:not([readonly]),73
.md-form textarea.md-textarea:focus:not([readonly]) {74
border-bottom: 1px solid #4285f4;75
box-shadow: 0 1px 0 0 #4285f4; }76
.md-form input:not([type]):focus:not([readonly]) + label,77
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label,78
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label,79
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label,80
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label,81
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label,82
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label,83
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,84
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label,85
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,86
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label,87
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label,88
.md-form input[type="phone"]:not(.browser-default):focus:not([readonly]) + label,89
.md-form input[type="search-md"]:focus:not([readonly]) + label,90
.md-form textarea.md-textarea:focus:not([readonly]) + label {91
color: #4285f4; }92
.md-form input:not([type]) + label::after,93
.md-form input[type="text"]:not(.browser-default) + label::after,94
.md-form input[type="password"]:not(.browser-default) + label::after,95
.md-form input[type="email"]:not(.browser-default) + label::after,96
.md-form input[type="url"]:not(.browser-default) + label::after,97
.md-form input[type="time"]:not(.browser-default) + label::after,98
.md-form input[type="date"]:not(.browser-default) + label::after,99
.md-form input[type="datetime"]:not(.browser-default) + label::after,100
.md-form input[type="datetime-local"]:not(.browser-default) + label::after,101
.md-form input[type="tel"]:not(.browser-default) + label::after,102
.md-form input[type="number"]:not(.browser-default) + label::after,103
.md-form input[type="search"]:not(.browser-default) + label::after,104
.md-form input[type="phone"]:not(.browser-default) + label::after,105
.md-form input[type="search-md"] + label::after,106
.md-form textarea.md-textarea + label::after {107
position: absolute;108
top: 65px;109
display: block;110
content: "";111
opacity: 0;112
-webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;113
transition: 0.2s opacity ease-out, 0.2s color ease-out; }114
.md-form input:not([type]).valid, .md-form input:not([type]):focus.valid,115
.md-form input[type="text"]:not(.browser-default).valid,116
.md-form input[type="text"]:not(.browser-default):focus.valid,117
.md-form input[type="password"]:not(.browser-default).valid,118
.md-form input[type="password"]:not(.browser-default):focus.valid,119
.md-form input[type="email"]:not(.browser-default).valid,120
.md-form input[type="email"]:not(.browser-default):focus.valid,121
.md-form input[type="url"]:not(.browser-default).valid,122
.md-form input[type="url"]:not(.browser-default):focus.valid,123
.md-form input[type="time"]:not(.browser-default).valid,124
.md-form input[type="time"]:not(.browser-default):focus.valid,125
.md-form input[type="date"]:not(.browser-default).valid,126
.md-form input[type="date"]:not(.browser-default):focus.valid,127
.md-form input[type="datetime"]:not(.browser-default).valid,128
.md-form input[type="datetime"]:not(.browser-default):focus.valid,129
.md-form input[type="datetime-local"]:not(.browser-default).valid,130
.md-form input[type="datetime-local"]:not(.browser-default):focus.valid,131
.md-form input[type="tel"]:not(.browser-default).valid,132
.md-form input[type="tel"]:not(.browser-default):focus.valid,133
.md-form input[type="number"]:not(.browser-default).valid,134
.md-form input[type="number"]:not(.browser-default):focus.valid,135
.md-form input[type="search"]:not(.browser-default).valid,136
.md-form input[type="search"]:not(.browser-default):focus.valid,137
.md-form input[type="phone"]:not(.browser-default).valid,138
.md-form input[type="phone"]:not(.browser-default):focus.valid,139
.md-form input[type="search-md"].valid,140
.md-form input[type="search-md"]:focus.valid,141
.md-form textarea.md-textarea.valid,142
.md-form textarea.md-textarea:focus.valid {143
border-bottom: 1px solid #00c851;144
box-shadow: 0 1px 0 0 #00c851; }145
.md-form input:not([type]).valid + label:after,146
.md-form input:not([type]):focus.valid + label:after,147
.md-form input[type="text"]:not(.browser-default).valid + label:after,148
.md-form input[type="text"]:not(.browser-default):focus.valid + label:after,149
.md-form input[type="password"]:not(.browser-default).valid + label:after,150
.md-form input[type="password"]:not(.browser-default):focus.valid + label:after,151
.md-form input[type="email"]:not(.browser-default).valid + label:after,152
.md-form input[type="email"]:not(.browser-default):focus.valid + label:after,153
.md-form input[type="url"]:not(.browser-default).valid + label:after,154
.md-form input[type="url"]:not(.browser-default):focus.valid + label:after,155
.md-form input[type="time"]:not(.browser-default).valid + label:after,156
.md-form input[type="time"]:not(.browser-default):focus.valid + label:after,157
.md-form input[type="date"]:not(.browser-default).valid + label:after,158
.md-form input[type="date"]:not(.browser-default):focus.valid + label:after,159
.md-form input[type="datetime"]:not(.browser-default).valid + label:after,160
.md-form input[type="datetime"]:not(.browser-default):focus.valid + label:after,161
.md-form input[type="datetime-local"]:not(.browser-default).valid + label:after,162
.md-form input[type="datetime-local"]:not(.browser-default):focus.valid + label:after,163
.md-form input[type="tel"]:not(.browser-default).valid + label:after,164
.md-form input[type="tel"]:not(.browser-default):focus.valid + label:after,165
.md-form input[type="number"]:not(.browser-default).valid + label:after,166
.md-form input[type="number"]:not(.browser-default):focus.valid + label:after,167
.md-form input[type="search"]:not(.browser-default).valid + label:after,168
.md-form input[type="search"]:not(.browser-default):focus.valid + label:after,169
.md-form input[type="phone"]:not(.browser-default).valid + label:after,170
.md-form input[type="phone"]:not(.browser-default):focus.valid + label:after,171
.md-form input[type="search-md"].valid + label:after,172
.md-form input[type="search-md"]:focus.valid + label:after,173
.md-form textarea.md-textarea.valid + label:after,174
.md-form textarea.md-textarea:focus.valid + label:after {175
color: #00c851;176
content: attr(data-success);177
opacity: 1; }178
.md-form input:not([type]).invalid, .md-form input:not([type]):focus.invalid,179
.md-form input[type="text"]:not(.browser-default).invalid,180
.md-form input[type="text"]:not(.browser-default):focus.invalid,181
.md-form input[type="password"]:not(.browser-default).invalid,182
.md-form input[type="password"]:not(.browser-default):focus.invalid,183
.md-form input[type="email"]:not(.browser-default).invalid,184
.md-form input[type="email"]:not(.browser-default):focus.invalid,185
.md-form input[type="url"]:not(.browser-default).invalid,186
.md-form input[type="url"]:not(.browser-default):focus.invalid,187
.md-form input[type="time"]:not(.browser-default).invalid,188
.md-form input[type="time"]:not(.browser-default):focus.invalid,189
.md-form input[type="date"]:not(.browser-default).invalid,190
.md-form input[type="date"]:not(.browser-default):focus.invalid,191
.md-form input[type="datetime"]:not(.browser-default).invalid,192
.md-form input[type="datetime"]:not(.browser-default):focus.invalid,193
.md-form input[type="datetime-local"]:not(.browser-default).invalid,194
.md-form input[type="datetime-local"]:not(.browser-default):focus.invalid,195
.md-form input[type="tel"]:not(.browser-default).invalid,196
.md-form input[type="tel"]:not(.browser-default):focus.invalid,197
.md-form input[type="number"]:not(.browser-default).invalid,198
.md-form input[type="number"]:not(.browser-default):focus.invalid,199
.md-form input[type="search"]:not(.browser-default).invalid,200
.md-form input[type="search"]:not(.browser-default):focus.invalid,201
.md-form input[type="phone"]:not(.browser-default).invalid,202
.md-form input[type="phone"]:not(.browser-default):focus.invalid,203
.md-form input[type="search-md"].invalid,204
.md-form input[type="search-md"]:focus.invalid,205
.md-form textarea.md-textarea.invalid,206
.md-form textarea.md-textarea:focus.invalid {207
border-bottom: 1px solid #f44336;208
box-shadow: 0 1px 0 0 #f44336; }209
.md-form input:not([type]).invalid + label:after,210
.md-form input:not([type]):focus.invalid + label:after,211
.md-form input[type="text"]:not(.browser-default).invalid + label:after,212
.md-form input[type="text"]:not(.browser-default):focus.invalid + label:after,213
.md-form input[type="password"]:not(.browser-default).invalid + label:after,214
.md-form input[type="password"]:not(.browser-default):focus.invalid + label:after,215
.md-form input[type="email"]:not(.browser-default).invalid + label:after,216
.md-form input[type="email"]:not(.browser-default):focus.invalid + label:after,217
.md-form input[type="url"]:not(.browser-default).invalid + label:after,218
.md-form input[type="url"]:not(.browser-default):focus.invalid + label:after,219
.md-form input[type="time"]:not(.browser-default).invalid + label:after,220
.md-form input[type="time"]:not(.browser-default):focus.invalid + label:after,221
.md-form input[type="date"]:not(.browser-default).invalid + label:after,222
.md-form input[type="date"]:not(.browser-default):focus.invalid + label:after,223
.md-form input[type="datetime"]:not(.browser-default).invalid + label:after,224
.md-form input[type="datetime"]:not(.browser-default):focus.invalid + label:after,225
.md-form input[type="datetime-local"]:not(.browser-default).invalid + label:after,226
.md-form input[type="datetime-local"]:not(.browser-default):focus.invalid + label:after,227
.md-form input[type="tel"]:not(.browser-default).invalid + label:after,228
.md-form input[type="tel"]:not(.browser-default):focus.invalid + label:after,229
.md-form input[type="number"]:not(.browser-default).invalid + label:after,230
.md-form input[type="number"]:not(.browser-default):focus.invalid + label:after,231
.md-form input[type="search"]:not(.browser-default).invalid + label:after,232
.md-form input[type="search"]:not(.browser-default):focus.invalid + label:after,233
.md-form input[type="phone"]:not(.browser-default).invalid + label:after,234
.md-form input[type="phone"]:not(.browser-default):focus.invalid + label:after,235
.md-form input[type="search-md"].invalid + label:after,236
.md-form input[type="search-md"]:focus.invalid + label:after,237
.md-form textarea.md-textarea.invalid + label:after,238
.md-form textarea.md-textarea:focus.invalid + label:after {239
color: #f44336;240
content: attr(data-error);241
opacity: 1; }242
.md-form input:not([type]).form-control.valid + label:after,243
.md-form input:not([type]).form-control:focus.valid + label:after,244
.md-form input[type="text"]:not(.browser-default).form-control.valid + label:after,245
.md-form input[type="text"]:not(.browser-default).form-control:focus.valid + label:after,246
.md-form input[type="password"]:not(.browser-default).form-control.valid + label:after,247
.md-form input[type="password"]:not(.browser-default).form-control:focus.valid + label:after,248
.md-form input[type="email"]:not(.browser-default).form-control.valid + label:after,249
.md-form input[type="email"]:not(.browser-default).form-control:focus.valid + label:after,250
.md-form input[type="url"]:not(.browser-default).form-control.valid + label:after,251
.md-form input[type="url"]:not(.browser-default).form-control:focus.valid + label:after,252
.md-form input[type="time"]:not(.browser-default).form-control.valid + label:after,253
.md-form input[type="time"]:not(.browser-default).form-control:focus.valid + label:after,254
.md-form input[type="date"]:not(.browser-default).form-control.valid + label:after,255
.md-form input[type="date"]:not(.browser-default).form-control:focus.valid + label:after,256
.md-form input[type="datetime"]:not(.browser-default).form-control.valid + label:after,257
.md-form input[type="datetime"]:not(.browser-default).form-control:focus.valid + label:after,258
.md-form input[type="datetime-local"]:not(.browser-default).form-control.valid + label:after,259
.md-form input[type="datetime-local"]:not(.browser-default).form-control:focus.valid + label:after,260
.md-form input[type="tel"]:not(.browser-default).form-control.valid + label:after,261
.md-form input[type="tel"]:not(.browser-default).form-control:focus.valid + label:after,262
.md-form input[type="number"]:not(.browser-default).form-control.valid + label:after,263
.md-form input[type="number"]:not(.browser-default).form-control:focus.valid + label:after,264
.md-form input[type="search"]:not(.browser-default).form-control.valid + label:after,265
.md-form input[type="search"]:not(.browser-default).form-control:focus.valid + label:after,266
.md-form input[type="phone"]:not(.browser-default).form-control.valid + label:after,267
.md-form input[type="phone"]:not(.browser-default).form-control:focus.valid + label:after,268
.md-form input[type="search-md"].form-control.valid + label:after,269
.md-form input[type="search-md"].form-control:focus.valid + label:after,270
.md-form textarea.md-textarea.form-control.valid + label:after,271
.md-form textarea.md-textarea.form-control:focus.valid + label:after {272
top: 4.1rem; }273
.md-form input:not([type]).form-control.invalid + label:after,274
.md-form input:not([type]).form-control:focus.invalid + label:after,275
.md-form input[type="text"]:not(.browser-default).form-control.invalid + label:after,276
.md-form input[type="text"]:not(.browser-default).form-control:focus.invalid + label:after,277
.md-form input[type="password"]:not(.browser-default).form-control.invalid + label:after,278
.md-form input[type="password"]:not(.browser-default).form-control:focus.invalid + label:after,279
.md-form input[type="email"]:not(.browser-default).form-control.invalid + label:after,280
.md-form input[type="email"]:not(.browser-default).form-control:focus.invalid + label:after,281
.md-form input[type="url"]:not(.browser-default).form-control.invalid + label:after,282
.md-form input[type="url"]:not(.browser-default).form-control:focus.invalid + label:after,283
.md-form input[type="time"]:not(.browser-default).form-control.invalid + label:after,284
.md-form input[type="time"]:not(.browser-default).form-control:focus.invalid + label:after,285
.md-form input[type="date"]:not(.browser-default).form-control.invalid + label:after,286
.md-form input[type="date"]:not(.browser-default).form-control:focus.invalid + label:after,287
.md-form input[type="datetime"]:not(.browser-default).form-control.invalid + label:after,288
.md-form input[type="datetime"]:not(.browser-default).form-control:focus.invalid + label:after,289
.md-form input[type="datetime-local"]:not(.browser-default).form-control.invalid + label:after,290
.md-form input[type="datetime-local"]:not(.browser-default).form-control:focus.invalid + label:after,291
.md-form input[type="tel"]:not(.browser-default).form-control.invalid + label:after,292
.md-form input[type="tel"]:not(.browser-default).form-control:focus.invalid + label:after,293
.md-form input[type="number"]:not(.browser-default).form-control.invalid + label:after,294
.md-form input[type="number"]:not(.browser-default).form-control:focus.invalid + label:after,295
.md-form input[type="search"]:not(.browser-default).form-control.invalid + label:after,296
.md-form input[type="search"]:not(.browser-default).form-control:focus.invalid + label:after,297
.md-form input[type="phone"]:not(.browser-default).form-control.invalid + label:after,298
.md-form input[type="phone"]:not(.browser-default).form-control:focus.invalid + label:after,299
.md-form input[type="search-md"].form-control.invalid + label:after,300
.md-form input[type="search-md"].form-control:focus.invalid + label:after,301
.md-form textarea.md-textarea.form-control.invalid + label:after,302
.md-form textarea.md-textarea.form-control:focus.invalid + label:after {303
top: 4rem; }304
.md-form > input[type="date"]:not(.browser-default) {305
color: transparent; }306
.md-form > input[type="date"]:not(.browser-default) + label {307
-webkit-transform-origin: 0 0;308
transform-origin: 0 0; }309
.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,310
.md-form > input[type="time"]:not(.browser-default) + label {311
font-size: .8rem;312
-webkit-transform: translateY(-25px);313
transform: translateY(-25px);314
-webkit-transform-origin: 0 0;315
transform-origin: 0 0; }316
.md-form .was-validated input[type="text"]:valid + label {317
color: #00c851 !important; }318
.md-form .was-validated input[type="text"]:invalid + label {319
color: #f44336 !important; }320
.md-form .was-validated .form-control:valid:focus {321
box-shadow: 0 1px 0 0 #00c851 !important; }322
.md-form .was-validated .form-control:valid {323
border-color: #00c851 !important; }324
.md-form .was-validated .form-control:invalid:focus {325
box-shadow: 0 1px 0 0 #f44336 !important; }326
.md-form .was-validated .form-control:invalid {327
border-color: #f44336 !important; }328
.md-form .form-control {329
height: auto;330
padding: 0.6rem 0 0.4rem 0;331
margin: 0 0 0.5rem 0;332
background-color: transparent;333
border-radius: 0; }334
.md-form .form-control:focus {335
box-shadow: none; }336
.md-form .form-control:disabled, .md-form .form-control[readonly] {337
background-color: transparent;338
border-bottom: 1px solid #bdbdbd; }339
.md-form .form-control.is-valid {340
border-color: #00c851; }341
.md-form .form-control.is-valid:focus {342
border-color: #00c851 !important;343
box-shadow: 0 1px 0 0 #00c851 !important; }344
.md-form .form-control.is-invalid {345
border-color: #f44336; }346
.md-form .form-control.is-invalid:focus {347
border-color: #f44336 !important;348
box-shadow: 0 1px 0 0 #f44336 !important; }349
.md-form .form-control.is-valid, .md-form .form-control.is-invalid {350
background-position: center right !important; }351
.md-form .validate {352
margin-bottom: 2.5rem; }353
.md-form label {354
font-size: 1rem; }355
.md-form label.active {356
font-size: 1rem; }357
.md-form .prefix {358
top: 0.25rem;359
font-size: 1.75rem; }360
.md-form .prefix ~ input,361
.md-form .prefix ~ textarea {362
width: calc(100% - 2.5rem);363
margin-left: 2.5rem; }364
.md-form .prefix ~ label {365
margin-left: 2.5rem; }366
.md-form .prefix ~ .form-text {367
margin-left: 2.6rem; }368
.md-form label {369
position: absolute;370
top: 0;371
left: 0;372
font-size: 1rem;373
color: #757575;374
cursor: text;375
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;376
transition: color .2s ease-out, -webkit-transform .2s ease-out;377
transition: transform .2s ease-out, color .2s ease-out;378
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;379
-webkit-transform: translateY(12px);380
transform: translateY(12px);381
-webkit-transform-origin: 0% 100%;382
transform-origin: 0% 100%; }383
.md-form label.active {384
-webkit-transform: translateY(-14px) scale(0.8);385
transform: translateY(-14px) scale(0.8); }386
.md-form .prefix {387
position: absolute;388
-webkit-transition: color 0.2s;389
transition: color 0.2s; }390
.md-form .prefix.active {391
color: #4285f4; }392
.md-form.form-lg .validate {393
margin-bottom: 2.8rem; }394
.md-form.form-lg label {395
font-size: 1.25rem; }396
.md-form.form-lg label.active {397
font-size: 1.15rem; }398
.md-form.form-lg .prefix {399
top: 0.4rem;400
font-size: 2rem; }401
.md-form.form-lg .prefix ~ input,402
.md-form.form-lg .prefix ~ textarea {403
width: calc(100% - 3rem);404
margin-left: 3rem; }405
.md-form.form-lg .prefix ~ label {406
margin-left: 3rem; }407
.md-form.form-lg .prefix ~ .form-text {408
margin-left: 3.1rem; }409
.md-form.form-sm .validate {410
margin-bottom: 2.3rem; }411
.md-form.form-sm label {412
font-size: 0.875rem; }413
.md-form.form-sm label.active {414
font-size: 0.95rem; }415
.md-form.form-sm .prefix {416
top: 0.35rem;417
font-size: 1.5rem; }418
.md-form.form-sm .prefix ~ input,419
.md-form.form-sm .prefix ~ textarea {420
width: calc(100% - 2rem);421
margin-left: 2rem; }422
.md-form.form-sm .prefix ~ label {423
margin-left: 2rem; }424
.md-form.form-sm .prefix ~ .form-text {425
margin-left: 2rem; }426
.md-form textarea.md-textarea {427
padding: 0;428
overflow-y: hidden; }429
.md-form textarea.md-textarea + label {430
top: -0.6rem; }431
.md-form textarea.md-textarea-auto {432
padding: 0;433
padding-top: 1.5rem; }434
.md-form textarea.md-textarea-auto + label {435
top: 0; }436
.md-form.md-outline {437
position: relative;438
margin-top: 1.5rem;439
margin-bottom: 1.5rem; }440
.md-form.md-outline input[type="text"],441
.md-form.md-outline input[type="password"],442
.md-form.md-outline input[type="email"],443
.md-form.md-outline input[type="url"],444
.md-form.md-outline input[type="time"],445
.md-form.md-outline input[type="date"],446
.md-form.md-outline input[type="datetime-local"],447
.md-form.md-outline input[type="tel"],448
.md-form.md-outline input[type="number"],449
.md-form.md-outline input[type="search-md"],450
.md-form.md-outline input[type="search"],451
.md-form.md-outline textarea.md-textarea {452
box-sizing: border-box;453
background-color: transparent;454
border: 1px solid #dadce0;455
border-radius: 4px;456
outline: none;457
box-shadow: none;458
-webkit-transition: all .3s;459
transition: all .3s; }460
.md-form.md-outline input[type="text"]:focus:not([readonly]),461
.md-form.md-outline input[type="password"]:focus:not([readonly]),462
.md-form.md-outline input[type="email"]:focus:not([readonly]),463
.md-form.md-outline input[type="url"]:focus:not([readonly]),464
.md-form.md-outline input[type="time"]:focus:not([readonly]),465
.md-form.md-outline input[type="date"]:focus:not([readonly]),466
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]),467
.md-form.md-outline input[type="tel"]:focus:not([readonly]),468
.md-form.md-outline input[type="number"]:focus:not([readonly]),469
.md-form.md-outline input[type="search-md"]:focus:not([readonly]),470
.md-form.md-outline input[type="search"]:focus:not([readonly]),471
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) {472
border-color: #4285f4;473
box-shadow: inset 0 0 0 1px #4285f4; }474
.md-form.md-outline input[type="text"]:focus:not([readonly]) + label,475
.md-form.md-outline input[type="password"]:focus:not([readonly]) + label,476
.md-form.md-outline input[type="email"]:focus:not([readonly]) + label,477
.md-form.md-outline input[type="url"]:focus:not([readonly]) + label,478
.md-form.md-outline input[type="time"]:focus:not([readonly]) + label,479
.md-form.md-outline input[type="date"]:focus:not([readonly]) + label,480
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]) + label,481
.md-form.md-outline input[type="tel"]:focus:not([readonly]) + label,482
.md-form.md-outline input[type="number"]:focus:not([readonly]) + label,483
.md-form.md-outline input[type="search-md"]:focus:not([readonly]) + label,484
.md-form.md-outline input[type="search"]:focus:not([readonly]) + label,485
.md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label {486
color: #4285f4; }487
.md-form.md-outline input[type="text"].valid, .md-form.md-outline input[type="text"]:focus.valid,488
.md-form.md-outline input[type="password"].valid,489
.md-form.md-outline input[type="password"]:focus.valid,490
.md-form.md-outline input[type="email"].valid,491
.md-form.md-outline input[type="email"]:focus.valid,492
.md-form.md-outline input[type="url"].valid,493
.md-form.md-outline input[type="url"]:focus.valid,494
.md-form.md-outline input[type="time"].valid,495
.md-form.md-outline input[type="time"]:focus.valid,496
.md-form.md-outline input[type="date"].valid,497
.md-form.md-outline input[type="date"]:focus.valid,498
.md-form.md-outline input[type="datetime-local"].valid,499
.md-form.md-outline input[type="datetime-local"]:focus.valid,500
.md-form.md-outline input[type="tel"].valid,501
.md-form.md-outline input[type="tel"]:focus.valid,502
.md-form.md-outline input[type="number"].valid,503
.md-form.md-outline input[type="number"]:focus.valid,504
.md-form.md-outline input[type="search-md"].valid,505
.md-form.md-outline input[type="search-md"]:focus.valid,506
.md-form.md-outline input[type="search"].valid,507
.md-form.md-outline input[type="search"]:focus.valid,508
.md-form.md-outline textarea.md-textarea.valid,509
.md-form.md-outline textarea.md-textarea:focus.valid {510
border-color: #00c851;511
box-shadow: inset 0 0 0 1px #00c851; }512
.md-form.md-outline input[type="text"]:focus:not([readonly]).valid + label,513
.md-form.md-outline input[type="text"].valid + label:after,514
.md-form.md-outline input[type="text"]:focus.valid + label:after,515
.md-form.md-outline input[type="password"]:focus:not([readonly]).valid + label,516
.md-form.md-outline input[type="password"].valid + label:after,517
.md-form.md-outline input[type="password"]:focus.valid + label:after,518
.md-form.md-outline input[type="email"]:focus:not([readonly]).valid + label,519
.md-form.md-outline input[type="email"].valid + label:after,520
.md-form.md-outline input[type="email"]:focus.valid + label:after,521
.md-form.md-outline input[type="url"]:focus:not([readonly]).valid + label,522
.md-form.md-outline input[type="url"].valid + label:after,523
.md-form.md-outline input[type="url"]:focus.valid + label:after,524
.md-form.md-outline input[type="time"]:focus:not([readonly]).valid + label,525
.md-form.md-outline input[type="time"].valid + label:after,526
.md-form.md-outline input[type="time"]:focus.valid + label:after,527
.md-form.md-outline input[type="date"]:focus:not([readonly]).valid + label,528
.md-form.md-outline input[type="date"].valid + label:after,529
.md-form.md-outline input[type="date"]:focus.valid + label:after,530
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]).valid + label,531
.md-form.md-outline input[type="datetime-local"].valid + label:after,532
.md-form.md-outline input[type="datetime-local"]:focus.valid + label:after,533
.md-form.md-outline input[type="tel"]:focus:not([readonly]).valid + label,534
.md-form.md-outline input[type="tel"].valid + label:after,535
.md-form.md-outline input[type="tel"]:focus.valid + label:after,536
.md-form.md-outline input[type="number"]:focus:not([readonly]).valid + label,537
.md-form.md-outline input[type="number"].valid + label:after,538
.md-form.md-outline input[type="number"]:focus.valid + label:after,539
.md-form.md-outline input[type="search-md"]:focus:not([readonly]).valid + label,540
.md-form.md-outline input[type="search-md"].valid + label:after,541
.md-form.md-outline input[type="search-md"]:focus.valid + label:after,542
.md-form.md-outline input[type="search"]:focus:not([readonly]).valid + label,543
.md-form.md-outline input[type="search"].valid + label:after,544
.md-form.md-outline input[type="search"]:focus.valid + label:after,545
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label,546
.md-form.md-outline textarea.md-textarea.valid + label:after,547
.md-form.md-outline textarea.md-textarea:focus.valid + label:after {548
color: #00c851;549
content: attr(data-success);550
opacity: 1; }551
.md-form.md-outline input[type="text"].invalid, .md-form.md-outline input[type="text"]:focus.invalid,552
.md-form.md-outline input[type="password"].invalid,553
.md-form.md-outline input[type="password"]:focus.invalid,554
.md-form.md-outline input[type="email"].invalid,555
.md-form.md-outline input[type="email"]:focus.invalid,556
.md-form.md-outline input[type="url"].invalid,557
.md-form.md-outline input[type="url"]:focus.invalid,558
.md-form.md-outline input[type="time"].invalid,559
.md-form.md-outline input[type="time"]:focus.invalid,560
.md-form.md-outline input[type="date"].invalid,561
.md-form.md-outline input[type="date"]:focus.invalid,562
.md-form.md-outline input[type="datetime-local"].invalid,563
.md-form.md-outline input[type="datetime-local"]:focus.invalid,564
.md-form.md-outline input[type="tel"].invalid,565
.md-form.md-outline input[type="tel"]:focus.invalid,566
.md-form.md-outline input[type="number"].invalid,567
.md-form.md-outline input[type="number"]:focus.invalid,568
.md-form.md-outline input[type="search-md"].invalid,569
.md-form.md-outline input[type="search-md"]:focus.invalid,570
.md-form.md-outline input[type="search"].invalid,571
.md-form.md-outline input[type="search"]:focus.invalid,572
.md-form.md-outline textarea.md-textarea.invalid,573
.md-form.md-outline textarea.md-textarea:focus.invalid {574
border-color: #f44336;575
box-shadow: inset 0 0 0 1px #f44336; }576
.md-form.md-outline input[type="text"]:focus:not([readonly]).invalid + label,577
.md-form.md-outline input[type="text"].invalid + label:after,578
.md-form.md-outline input[type="text"]:focus.invalid + label:after,579
.md-form.md-outline input[type="password"]:focus:not([readonly]).invalid + label,580
.md-form.md-outline input[type="password"].invalid + label:after,581
.md-form.md-outline input[type="password"]:focus.invalid + label:after,582
.md-form.md-outline input[type="email"]:focus:not([readonly]).invalid + label,583
.md-form.md-outline input[type="email"].invalid + label:after,584
.md-form.md-outline input[type="email"]:focus.invalid + label:after,585
.md-form.md-outline input[type="url"]:focus:not([readonly]).invalid + label,586
.md-form.md-outline input[type="url"].invalid + label:after,587
.md-form.md-outline input[type="url"]:focus.invalid + label:after,588
.md-form.md-outline input[type="time"]:focus:not([readonly]).invalid + label,589
.md-form.md-outline input[type="time"].invalid + label:after,590
.md-form.md-outline input[type="time"]:focus.invalid + label:after,591
.md-form.md-outline input[type="date"]:focus:not([readonly]).invalid + label,592
.md-form.md-outline input[type="date"].invalid + label:after,593
.md-form.md-outline input[type="date"]:focus.invalid + label:after,594
.md-form.md-outline input[type="datetime-local"]:focus:not([readonly]).invalid + label,595
.md-form.md-outline input[type="datetime-local"].invalid + label:after,596
.md-form.md-outline input[type="datetime-local"]:focus.invalid + label:after,597
.md-form.md-outline input[type="tel"]:focus:not([readonly]).invalid + label,598
.md-form.md-outline input[type="tel"].invalid + label:after,599
.md-form.md-outline input[type="tel"]:focus.invalid + label:after,600
.md-form.md-outline input[type="number"]:focus:not([readonly]).invalid + label,601
.md-form.md-outline input[type="number"].invalid + label:after,602
.md-form.md-outline input[type="number"]:focus.invalid + label:after,603
.md-form.md-outline input[type="search-md"]:focus:not([readonly]).invalid + label,604
.md-form.md-outline input[type="search-md"].invalid + label:after,605
.md-form.md-outline input[type="search-md"]:focus.invalid + label:after,606
.md-form.md-outline input[type="search"]:focus:not([readonly]).invalid + label,607
.md-form.md-outline input[type="search"].invalid + label:after,608
.md-form.md-outline input[type="search"]:focus.invalid + label:after,609
.md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label,610
.md-form.md-outline textarea.md-textarea.invalid + label:after,611
.md-form.md-outline textarea.md-textarea:focus.invalid + label:after {612
color: #f44336;613
content: attr(data-error);614
opacity: 1; }615
.md-form.md-outline input[type="text"].form-control.valid + label:after,616
.md-form.md-outline input[type="text"].form-control:focus.valid + label:after,617
.md-form.md-outline input[type="password"].form-control.valid + label:after,618
.md-form.md-outline input[type="password"].form-control:focus.valid + label:after,619
.md-form.md-outline input[type="email"].form-control.valid + label:after,620
.md-form.md-outline input[type="email"].form-control:focus.valid + label:after,621
.md-form.md-outline input[type="url"].form-control.valid + label:after,622
.md-form.md-outline input[type="url"].form-control:focus.valid + label:after,623
.md-form.md-outline input[type="time"].form-control.valid + label:after,624
.md-form.md-outline input[type="time"].form-control:focus.valid + label:after,625
.md-form.md-outline input[type="date"].form-control.valid + label:after,626
.md-form.md-outline input[type="date"].form-control:focus.valid + label:after,627
.md-form.md-outline input[type="datetime-local"].form-control.valid + label:after,628
.md-form.md-outline input[type="datetime-local"].form-control:focus.valid + label:after,629
.md-form.md-outline input[type="tel"].form-control.valid + label:after,630
.md-form.md-outline input[type="tel"].form-control:focus.valid + label:after,631
.md-form.md-outline input[type="number"].form-control.valid + label:after,632
.md-form.md-outline input[type="number"].form-control:focus.valid + label:after,633
.md-form.md-outline input[type="search-md"].form-control.valid + label:after,634
.md-form.md-outline input[type="search-md"].form-control:focus.valid + label:after,635
.md-form.md-outline input[type="search"].form-control.valid + label:after,636
.md-form.md-outline input[type="search"].form-control:focus.valid + label:after,637
.md-form.md-outline textarea.md-textarea.form-control.valid + label:after,638
.md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after {639
position: absolute;640
top: 4rem;641
left: 0; }642
.md-form.md-outline input[type="text"].form-control.invalid + label:after,643
.md-form.md-outline input[type="text"].form-control:focus.invalid + label:after,644
.md-form.md-outline input[type="password"].form-control.invalid + label:after,645
.md-form.md-outline input[type="password"].form-control:focus.invalid + label:after,646
.md-form.md-outline input[type="email"].form-control.invalid + label:after,647
.md-form.md-outline input[type="email"].form-control:focus.invalid + label:after,648
.md-form.md-outline input[type="url"].form-control.invalid + label:after,649
.md-form.md-outline input[type="url"].form-control:focus.invalid + label:after,650
.md-form.md-outline input[type="time"].form-control.invalid + label:after,651
.md-form.md-outline input[type="time"].form-control:focus.invalid + label:after,652
.md-form.md-outline input[type="date"].form-control.invalid + label:after,653
.md-form.md-outline input[type="date"].form-control:focus.invalid + label:after,654
.md-form.md-outline input[type="datetime-local"].form-control.invalid + label:after,655
.md-form.md-outline input[type="datetime-local"].form-control:focus.invalid + label:after,656
.md-form.md-outline input[type="tel"].form-control.invalid + label:after,657
.md-form.md-outline input[type="tel"].form-control:focus.invalid + label:after,658
.md-form.md-outline input[type="number"].form-control.invalid + label:after,659
.md-form.md-outline input[type="number"].form-control:focus.invalid + label:after,660
.md-form.md-outline input[type="search-md"].form-control.invalid + label:after,661
.md-form.md-outline input[type="search-md"].form-control:focus.invalid + label:after,662
.md-form.md-outline input[type="search"].form-control.invalid + label:after,663
.md-form.md-outline input[type="search"].form-control:focus.invalid + label:after,664
.md-form.md-outline textarea.md-textarea.form-control.invalid + label:after,665
.md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after {666
position: absolute;667
top: 4rem;668
left: 0; }669
.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,670
.md-form.md-outline > input[type="time"]:not(.browser-default) + label {671
left: 8px;672
padding-right: 5px;673
padding-left: 5px;674
font-size: 1rem;675
font-weight: 500;676
background: #fff;677
-webkit-transform: translateY(-9px) scale(0.8);678
transform: translateY(-9px) scale(0.8);679
-webkit-transform-origin: 0 0;680
transform-origin: 0 0; }681
.md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label.active,682
.md-form.md-outline > input[type="time"]:not(.browser-default) + label.active {683
-webkit-transform: translateY(-9px) scale(0.8);684
transform: translateY(-9px) scale(0.8);685
-webkit-transform-origin: 0 0;686
transform-origin: 0 0; }687
688
@-webkit-keyframes autofill {689
to {690
color: #495057;691
background: transparent; } }692
693
@keyframes autofill {694
to {695
color: #495057;696
background: transparent; } }697
.md-form.md-outline input:-webkit-autofill {698
-webkit-animation-name: autofill;699
animation-name: autofill;700
-webkit-animation-fill-mode: both;701
animation-fill-mode: both; }702
.md-form.md-outline .form-control {703
padding: .375rem .75rem; }704
.md-form.md-outline label {705
position: absolute;706
top: 0;707
left: 0;708
padding-left: 10px;709
font-size: 1rem;710
color: #757575;711
cursor: text;712
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;713
transition: color .2s ease-out, -webkit-transform .2s ease-out;714
transition: transform .2s ease-out, color .2s ease-out;715
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;716
-webkit-transform: translateY(9px);717
transform: translateY(9px);718
-webkit-transform-origin: 0% 100%;719
transform-origin: 0% 100%; }720
.md-form.md-outline label.active {721
left: 8px;722
padding-right: 5px;723
padding-left: 5px;724
font-weight: 500;725
background: #fff;726
-webkit-transform: translateY(-13px) scale(0.8);727
transform: translateY(-13px) scale(0.8); }728
.md-form.md-outline.form-lg .form-control.form-control-lg {729
padding: .5rem .725rem; }730
.md-form.md-outline.form-lg label {731
font-size: 1.25rem;732
-webkit-transform: translateY(10px);733
transform: translateY(10px); }734
.md-form.md-outline.form-lg label.active {735
font-size: 1.1rem;736
-webkit-transform: translateY(-14px) scale(0.8);737
transform: translateY(-14px) scale(0.8); }738
.md-form.md-outline.form-lg .prefix {739
top: .65rem;740
font-size: 25px; }741
.md-form.md-outline.form-lg .prefix ~ input,742
.md-form.md-outline.form-lg .prefix ~ textarea {743
width: calc(100% - 2.2rem);744
margin-left: 2.2rem; }745
.md-form.md-outline.form-lg .prefix ~ label {746
margin-left: 2.2rem; }747
.md-form.md-outline.form-lg .prefix ~ .form-text {748
margin-left: 2.3rem; }749
.md-form.md-outline.form-sm .form-control.form-control-sm {750
padding: .25rem .625rem; }751
.md-form.md-outline.form-sm label {752
font-size: .8rem;753
-webkit-transform: translateY(8px);754
transform: translateY(8px); }755
.md-form.md-outline.form-sm label.active {756
font-size: .85rem;757
-webkit-transform: translateY(-12px) scale(0.8);758
transform: translateY(-12px) scale(0.8); }759
.md-form.md-outline.form-sm .prefix {760
top: .5rem;761
font-size: 15px; }762
.md-form.md-outline.form-sm .prefix ~ input,763
.md-form.md-outline.form-sm .prefix ~ textarea {764
width: calc(100% - 1.6rem);765
margin-left: 1.6rem; }766
.md-form.md-outline.form-sm .prefix ~ label {767
margin-left: 1.6rem; }768
.md-form.md-outline.form-sm .prefix ~ .form-text {769
margin-left: 1.7rem; }770
.md-form.md-outline .prefix {771
position: absolute;772
top: .6rem;773
font-size: 20px;774
-webkit-transition: color .2s;775
transition: color .2s; }776
.md-form.md-outline .prefix:focus {777
color: #4285f4; }778
.md-form.md-outline .prefix ~ input,779
.md-form.md-outline .prefix ~ textarea {780
width: calc(100% - 2rem);781
margin-left: 2rem; }782
.md-form.md-outline .prefix ~ label {783
margin-left: 2rem; }784
.md-form.md-outline .prefix ~ .form-text {785
margin-left: 2.1rem; }786
.md-form.md-outline .character-counter {787
margin-top: -.5rem; }788
.md-form.md-bg input[type="text"],789
.md-form.md-bg input[type="password"],790
.md-form.md-bg input[type="email"],791
.md-form.md-bg input[type="url"],792
.md-form.md-bg input[type="time"],793
.md-form.md-bg input[type="date"],794
.md-form.md-bg input[type="datetime-local"],795
.md-form.md-bg input[type="tel"],796
.md-form.md-bg input[type="number"],797
.md-form.md-bg input[type="search-md"],798
.md-form.md-bg input[type="search"],799
.md-form.md-bg textarea.md-textarea {800
box-sizing: border-box;801
padding: 10px 5px;802
background: #f5f5f5 no-repeat;803
background-image: -webkit-gradient(linear, left top, left bottom, from(#4285f4), to(#4285f4)), -webkit-gradient(linear, left top, left bottom, from(#ced4da), to(#ced4da));804
background-image: linear-gradient(to bottom, #4285f4, #4285f4), linear-gradient(to bottom, #ced4da, #ced4da);805
background-position: 50% 100%, 50% 100%;806
background-size: 0 2px, 100% 1px;807
border: 0;808
border-top-left-radius: .3rem;809
border-top-right-radius: .3rem;810
-webkit-transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);811
transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }812
.md-form.md-bg input[type="text"]:focus:not([readonly]),813
.md-form.md-bg input[type="password"]:focus:not([readonly]),814
.md-form.md-bg input[type="email"]:focus:not([readonly]),815
.md-form.md-bg input[type="url"]:focus:not([readonly]),816
.md-form.md-bg input[type="time"]:focus:not([readonly]),817
.md-form.md-bg input[type="date"]:focus:not([readonly]),818
.md-form.md-bg input[type="datetime-local"]:focus:not([readonly]),819
.md-form.md-bg input[type="tel"]:focus:not([readonly]),820
.md-form.md-bg input[type="number"]:focus:not([readonly]),821
.md-form.md-bg input[type="search-md"]:focus:not([readonly]),822
.md-form.md-bg input[type="search"]:focus:not([readonly]),823
.md-form.md-bg textarea.md-textarea:focus:not([readonly]) {824
border-bottom: none;825
box-shadow: none; }826
.md-form.md-bg input[type="text"]:focus,827
.md-form.md-bg input[type="password"]:focus,828
.md-form.md-bg input[type="email"]:focus,829
.md-form.md-bg input[type="url"]:focus,830
.md-form.md-bg input[type="time"]:focus,831
.md-form.md-bg input[type="date"]:focus,832
.md-form.md-bg input[type="datetime-local"]:focus,833
.md-form.md-bg input[type="tel"]:focus,834
.md-form.md-bg input[type="number"]:focus,835
.md-form.md-bg input[type="search-md"]:focus,836
.md-form.md-bg input[type="search"]:focus,837
.md-form.md-bg textarea.md-textarea:focus {838
background-color: #dcdcdc;839
background-size: 100% 2px, 100% 1px;840
outline: none; }841
.md-form.md-bg > input[type="date"]:not(.browser-default) {842
color: transparent; }843
.md-form.md-bg > input[type="date"]:not(.browser-default) + label {844
-webkit-transform-origin: 0 0;845
transform-origin: 0 0; }846
.md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,847
.md-form.md-bg > input[type="time"]:not(.browser-default) + label {848
font-size: .8rem;849
-webkit-transform: translateY(-12px);850
transform: translateY(-12px);851
-webkit-transform-origin: 0 0;852
transform-origin: 0 0; }853
.md-form.md-bg .form-control {854
padding: 1.1rem .7rem .4rem !important; }855
.md-form.md-bg label {856
top: 0;857
padding-left: .7rem;858
font-size: 1rem;859
-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;860
transition: color .2s ease-out, -webkit-transform .2s ease-out;861
transition: transform .2s ease-out, color .2s ease-out;862
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;863
-webkit-transform: translateY(13px);864
transform: translateY(13px);865
-webkit-transform-origin: 0% 100%;866
transform-origin: 0% 100%; }867
.md-form.md-bg label.active {868
padding-left: .75rem;869
font-weight: 500;870
-webkit-transform: translateY(-3px) scale(0.8);871
transform: translateY(-3px) scale(0.8); }872
.md-form.md-bg.form-lg label {873
-webkit-transform: translateY(16px);874
transform: translateY(16px); }875
.md-form.md-bg.form-lg label.active {876
-webkit-transform: translateY(-4px) scale(0.8);877
transform: translateY(-4px) scale(0.8); }878
.md-form.md-bg.form-sm label {879
-webkit-transform: translateY(11px);880
transform: translateY(11px); }881
.md-form.md-bg.form-sm label.active {882
-webkit-transform: translateY(-2px) scale(0.8);883
transform: translateY(-2px) scale(0.8); }884
885
.md-form .form-control.is-invalid,886
.was-validated .md-form .form-control:invalid {887
padding-right: 0; }888
889
.md-form .form-control.is-valid,890
.was-validated .md-form .form-control:valid {891
padding-right: 0; }892
893
.needs-validation .md-form label {894
left: .3rem; }895
896
.custom-file-input:lang(es) ~ .custom-file-label::after {897
content: "Elegir"; }898
899
.custom-file-input:lang(pl-pl) ~ .custom-file-label::after {900
content: "Wybierz"; }901
902
.custom-file-input:lang(fr) ~ .custom-file-label::after {903
content: "Choisir"; }904
905
.custom-file-input:lang(in) ~ .custom-file-label::after {906
content: "Pilih"; }907
908
.custom-file-input:lang(zh) ~ .custom-file-label::after {909
content: "選擇"; }910
911
.custom-file-input:lang(de) ~ .custom-file-label::after {912
content: "Wählen"; }913
914
.custom-file-input:lang(ru) ~ .custom-file-label::after {915
content: "Выбрать"; }916
917
.md-form > label {918
max-width: 100%;919
white-space: nowrap;920
overflow: hidden;921
text-overflow: ellipsis; }922
923
.md-form .form-control {924
box-sizing: border-box !important; }925
926
.md-form .input-prefix {927
position: absolute;928
top: 50%;929
-webkit-transform: translateY(-50%);930
transform: translateY(-50%);931
-webkit-transition: color 0.2s;932
transition: color 0.2s;933
color: rgba(0, 0, 0, 0.87);934
pointer-events: none; }935
.md-form .input-prefix.active {936
color: #4285f4; }937
938
.md-form.input-with-pre-icon label {939
left: 36px;940
right: initial; }941
942
.md-form.input-with-pre-icon .input-prefix {943
left: 16px;944
right: initial; }945
946
.md-form.input-with-pre-icon .form-control {947
padding-left: 2.7rem !important; }948
949
.md-form.input-with-post-icon .input-prefix {950
right: 16px;951
left: initial; }952
953
.md-form.input-with-post-icon .form-control {954
padding-right: 2.7rem !important; }955
956
.md-form.input-with-post-icon.input-with-pre-icon .input-prefix {957
right: 16px;958
left: initial; }959
960
.md-form.input-with-post-icon.input-with-pre-icon .input-prefix:first-of-type {961
left: 16px;962
right: initial; }963
964
.md-form.input-with-post-icon.input-with-pre-icon .form-control {965
padding-left: 2.5rem !important;966
padding-right: 2.5rem !important; }967
968
.form-header {969
padding: 1rem;970
margin-top: -3.13rem;971
margin-bottom: 3rem;972
color: #fff;973
text-align: center;974
border-radius: 0.125rem;975
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }976
977
.form-check-input:not(:checked),978
.form-check-input:checked {979
position: absolute;980
pointer-events: none;981
opacity: 0; }982
983
.form-check-input[type="radio"]:not(:checked) + label,984
.form-check-input[type="radio"]:checked + label,985
label.btn input[type="radio"]:not(:checked) + label,986
label.btn input[type="radio"]:checked + label {987
position: relative;988
display: inline-block;989
height: 1.5625rem;990
padding-left: 35px;991
line-height: 1.5625rem;992
cursor: pointer;993
-webkit-user-select: none;994
-moz-user-select: none;995
-ms-user-select: none;996
user-select: none;997
-webkit-transition: 0.28s ease;998
transition: 0.28s ease; }999
1000
.form-check-input[type="radio"] + label:before,1001
.form-check-input[type="radio"] + label:after,1002
label.btn input[type="radio"] + label:before,1003
label.btn input[type="radio"] + label:after {1004
position: absolute;1005
top: 0;1006
left: 0;1007
z-index: 0;1008
width: 16px;1009
height: 16px;1010
margin: 4px;1011
content: "";1012
-webkit-transition: 0.28s ease;1013
transition: 0.28s ease; }1014
1015
.form-check-input[type="radio"]:not(:checked) + label:before,1016
.form-check-input[type="radio"]:not(:checked) + label:after,1017
.form-check-input[type="radio"]:checked + label:before,1018
.form-check-input[type="radio"]:checked + label:after,1019
.form-check-input[type="radio"].with-gap:checked + label:before,1020
.form-check-input[type="radio"].with-gap:checked + label:after,1021
label.btn input[type="radio"]:not(:checked) + label:before,1022
label.btn input[type="radio"]:not(:checked) + label:after,1023
label.btn input[type="radio"]:checked + label:before,1024
label.btn input[type="radio"]:checked + label:after,1025
label.btn input[type="radio"].with-gap:checked + label:before,1026
label.btn input[type="radio"].with-gap:checked + label:after {1027
border-radius: 50%; }1028
1029
.form-check-input[type="radio"]:not(:checked) + label:before,1030
.form-check-input[type="radio"]:not(:checked) + label:after,1031
label.btn input[type="radio"]:not(:checked) + label:before,1032
label.btn input[type="radio"]:not(:checked) + label:after {1033
border: 2px solid #5a5a5a; }1034
1035
.form-check-input[type="radio"]:not(:checked) + label:after,1036
label.btn input[type="radio"]:not(:checked) + label:after {1037
-webkit-transform: scale(0);1038
transform: scale(0); }1039
1040
.form-check-input[type="radio"]:checked + label:before,1041
label.btn input[type="radio"]:checked + label:before {1042
border: 2px solid transparent; }1043
1044
.form-check-input[type="radio"]:checked + label:after,1045
.form-check-input[type="radio"].with-gap:checked + label:before,1046
.form-check-input[type="radio"].with-gap:checked + label:after,1047
label.btn input[type="radio"]:checked + label:after,1048
label.btn input[type="radio"].with-gap:checked + label:before,1049
label.btn input[type="radio"].with-gap:checked + label:after {1050
border: 2px solid #4285f4; }1051
1052
.form-check-input[type="radio"]:checked + label:after,1053
.form-check-input[type="radio"].with-gap:checked + label:after,1054
label.btn input[type="radio"]:checked + label:after,1055
label.btn input[type="radio"].with-gap:checked + label:after {1056
background-color: #4285f4; }1057
1058
.form-check-input[type="radio"]:checked + label:after,1059
label.btn input[type="radio"]:checked + label:after {1060
-webkit-transform: scale(1.02);1061
transform: scale(1.02); }1062
1063
.form-check-input[type="radio"].with-gap:checked + label:after,1064
label.btn input[type="radio"].with-gap:checked + label:after {1065
-webkit-transform: scale(0.5);1066
transform: scale(0.5); }1067
1068
.form-check-input[type="radio"].with-gap:disabled:checked + label:before,1069
label.btn input[type="radio"].with-gap:disabled:checked + label:before {1070
border: 2px solid rgba(0, 0, 0, 0.46); }1071
1072
.form-check-input[type="radio"].with-gap:disabled:checked + label:after,1073
label.btn input[type="radio"].with-gap:disabled:checked + label:after {1074
background-color: rgba(0, 0, 0, 0.46);1075
border: none; }1076
1077
.form-check-input[type="radio"]:disabled:not(:checked) + label:before,1078
.form-check-input[type="radio"]:disabled:checked + label:before,1079
label.btn input[type="radio"]:disabled:not(:checked) + label:before,1080
label.btn input[type="radio"]:disabled:checked + label:before {1081
background-color: transparent;1082
border-color: rgba(0, 0, 0, 0.46); }1083
1084
.form-check-input[type="radio"]:disabled + span,1085
label.btn input[type="radio"]:disabled + span {1086
color: rgba(0, 0, 0, 0.46); }1087
1088
.form-check-input[type="radio"]:disabled:not(:checked) + span:before,1089
label.btn input[type="radio"]:disabled:not(:checked) + span:before {1090
border-color: rgba(0, 0, 0, 0.46); }1091
1092
.form-check-input[type="radio"]:disabled:checked + span:after,1093
label.btn input[type="radio"]:disabled:checked + span:after {1094
background-color: rgba(0, 0, 0, 0.46);1095
border-color: #bdbdbd; }1096
1097
.form-check-input[type="radio"]:checked + label:after .disabled-material,1098
label.btn input[type="radio"]:checked + label:after .disabled-material {1099
background-color: rgba(66, 133, 244, 0.2); }1100
1101
.md-disabled::after {1102
background-color: rgba(66, 133, 244, 0.5) !important;1103
border-color: rgba(66, 133, 244, 0.2) !important; }1104
1105
.md-disabled::before {1106
border-color: rgba(66, 133, 244, 0.25) !important; }1107
1108
/* Remove default checkbox */1109
[type="checkbox"]:not(:checked),1110
[type="checkbox"]:checked {1111
position: absolute;1112
pointer-events: none;1113
opacity: 0; }1114
1115
.form-check-input[type="checkbox"] + label,1116
label.btn input[type="checkbox"] + label {1117
position: relative;1118
display: inline-block;1119
height: 1.5625rem;1120
padding-left: 35px;1121
line-height: 1.5625rem;1122
cursor: pointer;1123
-webkit-user-select: none;1124
-moz-user-select: none;1125
-ms-user-select: none;1126
user-select: none; }1127
.form-check-input[type="checkbox"] + label.form-check-label-left,1128
label.btn input[type="checkbox"] + label.form-check-label-left {1129
padding: 0 35px 0 0 !important; }1130
.form-check-input[type="checkbox"] + label.form-check-label-left:before,1131
label.btn input[type="checkbox"] + label.form-check-label-left:before {1132
right: 0;1133
left: 100% !important;1134
-webkit-transform: translateX(-100%);1135
transform: translateX(-100%); }1136
1137
.form-check-input[type="checkbox"] + label:before,1138
.form-check-input[type="checkbox"]:not(.filled-in) + label:after,1139
label.btn input[type="checkbox"] + label:before,1140
label.btn input[type="checkbox"]:not(.filled-in) + label:after {1141
position: absolute;1142
top: 0;1143
left: 0;1144
z-index: 0;1145
width: 18px;1146
height: 18px;1147
margin-top: 3px;1148
content: "";1149
border: 2px solid #8a8a8a;1150
border-radius: 1px;1151
-webkit-transition: 0.2s;1152
transition: 0.2s; }1153
1154
.form-check-input[type="checkbox"]:not(.filled-in) + label:after,1155
label.btn input[type="checkbox"]:not(.filled-in) + label:after {1156
border: 0;1157
-webkit-transform: scale(0);1158
transform: scale(0); }1159
1160
.form-check-input[type="checkbox"]:not(:checked):disabled + label:before,1161
label.btn input[type="checkbox"]:not(:checked):disabled + label:before {1162
background-color: #bdbdbd;1163
border: none; }1164
1165
.form-check-input[type="checkbox"]:checked + label:before,1166
label.btn input[type="checkbox"]:checked + label:before {1167
top: -4px;1168
left: -5px;1169
width: 12px;1170
height: 1.375rem;1171
border-top: 2px solid transparent;1172
border-right: 2px solid #4285f4;1173
border-bottom: 2px solid #4285f4;1174
border-left: 2px solid transparent;1175
-webkit-transform: rotate(40deg);1176
transform: rotate(40deg);1177
-webkit-transform-origin: 100% 100%;1178
transform-origin: 100% 100%;1179
-webkit-backface-visibility: hidden;1180
backface-visibility: hidden; }1181
1182
.form-check-input[type="checkbox"]:checked + label.form-check-label-left:before,1183
label.btn input[type="checkbox"]:checked + label.form-check-label-left:before {1184
-webkit-transform: translateX(0) rotateZ(40deg);1185
transform: translateX(0) rotateZ(40deg);1186
-webkit-transform-origin: 0 0;1187
transform-origin: 0 0; }1188
1189
.form-check-input[type="checkbox"]:checked:disabled + label:before,1190
label.btn input[type="checkbox"]:checked:disabled + label:before {1191
border-right: 2px solid #bdbdbd;1192
border-bottom: 2px solid #bdbdbd; }1193
1194
.form-check-input[type="checkbox"]:indeterminate + label:before,1195
label.btn input[type="checkbox"]:indeterminate + label:before {1196
top: -11px;1197
left: -12px;1198
width: 10px;1199
height: 1.375rem;1200
border-top: none;1201
border-right: 2px solid #4285f4;1202
border-bottom: none;1203
border-left: none;1204
-webkit-transform: rotate(90deg);1205
transform: rotate(90deg);1206
-webkit-transform-origin: 100% 100%;1207
transform-origin: 100% 100%;1208
-webkit-backface-visibility: hidden;1209
backface-visibility: hidden; }1210
1211
.form-check-input[type="checkbox"]:indeterminate + label.form-check-label-left:before,1212
label.btn input[type="checkbox"]:indeterminate + label.form-check-label-left:before {1213
top: 0;1214
-webkit-transform-origin: 0 0;1215
transform-origin: 0 0; }1216
1217
.form-check-input[type="checkbox"]:indeterminate:disabled + label:before,1218
label.btn input[type="checkbox"]:indeterminate:disabled + label:before {1219
background-color: transparent;1220
border-right: 2px solid rgba(0, 0, 0, 0.46); }1221
1222
.form-check-input[type="checkbox"].filled-in + label:after,1223
label.btn input[type="checkbox"].filled-in + label:after {1224
border-radius: 0.125rem; }1225
1226
.form-check-input[type="checkbox"].filled-in + label:before,1227
.form-check-input[type="checkbox"].filled-in + label:after,1228
label.btn input[type="checkbox"].filled-in + label:before,1229
label.btn input[type="checkbox"].filled-in + label:after {1230
position: absolute;1231
left: 0;1232
z-index: 1;1233
content: "";1234
/* .1s delay is for check animation */1235
-webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;1236
transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; }1237
1238
.form-check-input[type="checkbox"].filled-in:not(:checked) + label:before,1239
label.btn input[type="checkbox"].filled-in:not(:checked) + label:before {1240
top: 10px;1241
left: 6px;1242
width: 0;1243
height: 0;1244
border: 3px solid transparent;1245
-webkit-transform: rotateZ(37deg);1246
transform: rotateZ(37deg);1247
-webkit-transform-origin: 100% 100%;1248
transform-origin: 100% 100%; }1249
1250
.form-check-input[type="checkbox"].filled-in:not(:checked) + label:after,1251
label.btn input[type="checkbox"].filled-in:not(:checked) + label:after {1252
top: 0;1253
z-index: 0;1254
width: 20px;1255
height: 20px;1256
background-color: transparent;1257
border: 2px solid #5a5a5a; }1258
1259
.form-check-input[type="checkbox"].filled-in:checked + label:before,1260
label.btn input[type="checkbox"].filled-in:checked + label:before {1261
top: 0;1262
left: 1px;1263
width: 8px;1264
height: 13px;1265
border-top: 2px solid transparent;1266
border-right: 2px solid #fff;1267
border-bottom: 2px solid #fff;1268
border-left: 2px solid transparent;1269
-webkit-transform: rotateZ(37deg);1270
transform: rotateZ(37deg);1271
-webkit-transform-origin: 100% 100%;1272
transform-origin: 100% 100%; }1273
1274
.form-check-input[type="checkbox"].filled-in:checked + label:after,1275
label.btn input[type="checkbox"].filled-in:checked + label:after {1276
top: 0;1277
z-index: 0;1278
width: 20px;1279
height: 20px;1280
background-color: #a6c;1281
border: 2px solid #a6c; }1282
1283
.form-check-input[type="checkbox"].filled-in.filled-in-danger:checked + label:after,1284
label.btn input[type="checkbox"].filled-in.filled-in-danger:checked + label:after {1285
background-color: #f44336;1286
border-color: #f44336; }1287
1288
.form-check-input[type="checkbox"]:disabled:not(:checked) + label:before,1289
label.btn input[type="checkbox"]:disabled:not(:checked) + label:before {1290
background-color: #bdbdbd;1291
border-color: #bdbdbd; }1292
1293
.form-check-input[type="checkbox"]:disabled:not(:checked) + label:after,1294
label.btn input[type="checkbox"]:disabled:not(:checked) + label:after {1295
background-color: #bdbdbd;1296
border-color: #bdbdbd; }1297
1298
.form-check-input[type="checkbox"]:disabled:checked + label:before,1299
label.btn input[type="checkbox"]:disabled:checked + label:before {1300
background-color: transparent; }1301
1302
.form-check-input[type="checkbox"]:disabled:checked + label:after,1303
label.btn input[type="checkbox"]:disabled:checked + label:after {1304
background-color: #bdbdbd;1305
border-color: #bdbdbd; }1306
1307
.colorful-select .dropdown-content {1308
padding: 0.5rem; }1309
.colorful-select .dropdown-content li.active span {1310
color: #fff !important;1311
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }1312
.colorful-select .dropdown-content li.active span [type="checkbox"]:checked + label:before {1313
border-color: transparent #fff #fff transparent; }1314
.colorful-select .dropdown-content li a:hover,1315
.colorful-select .dropdown-content li span:hover {1316
color: #fff !important;1317
border-radius: 0.125rem;1318
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);1319
-webkit-transition: 0.15s;1320
transition: 0.15s; }1321
.colorful-select .dropdown-content li a:hover [type="checkbox"] + label:before,1322
.colorful-select .dropdown-content li span:hover [type="checkbox"] + label:before {1323
border-color: #fff; }1324
.colorful-select .dropdown-content li a:hover [type="checkbox"]:checked + label:before,1325
.colorful-select .dropdown-content li span:hover [type="checkbox"]:checked + label:before {1326
border-color: transparent #fff #fff transparent; }1327
.colorful-select .dropdown-content li.disabled.active span, .colorful-select .dropdown-content li:disabled.active span, .colorful-select .dropdown-content li.optgroup.active span {1328
color: rgba(0, 0, 0, 0.3) !important;1329
cursor: default;1330
border-bottom-color: rgba(0, 0, 0, 0.3);1331
box-shadow: none; }1332
.colorful-select .dropdown-content li.disabled a:hover,1333
.colorful-select .dropdown-content li.disabled span:hover, .colorful-select .dropdown-content li:disabled a:hover,1334
.colorful-select .dropdown-content li:disabled span:hover, .colorful-select .dropdown-content li.optgroup a:hover,1335
.colorful-select .dropdown-content li.optgroup span:hover {1336
color: rgba(0, 0, 0, 0.3) !important;1337
cursor: default;1338
background-color: #fff !important;1339
border-bottom-color: rgba(0, 0, 0, 0.3);1340
box-shadow: none; }1341
.colorful-select .dropdown-content li.disabled label, .colorful-select .dropdown-content li:disabled label, .colorful-select .dropdown-content li.optgroup label {1342
cursor: default; }1343
1344
.select-wrapper .select-dropdown {1345
-webkit-user-select: none;1346
-moz-user-select: none;1347
-ms-user-select: none;1348
user-select: none; }1349
1350
.select-label {1351
position: absolute; }1352
1353
.select-wrapper {1354
position: relative; }1355
.select-wrapper:not(.md-outline) .select-dropdown:focus {1356
border-bottom: 1px solid #4285f4;1357
box-shadow: 0 1px 0 0 #4285f4; }1358
.select-wrapper.active span.caret,1359
.select-wrapper.active label.mdb-main-label {1360
color: #007bff; }1361
.select-wrapper.active + label {1362
color: #007bff; }1363
.select-wrapper input.select-dropdown {1364
position: relative;1365
z-index: 2;1366
display: block;1367
width: 100%;1368
height: 40px;1369
padding: 0;1370
margin: 0 0 0.94rem 0;1371
font-size: 1rem;1372
line-height: 2.9rem;1373
text-overflow: ellipsis;1374
cursor: pointer;1375
background-color: transparent;1376
border: none;1377
border-bottom: 1px solid #ced4da;1378
outline: none; }1379
.select-wrapper input.select-dropdown:disabled {1380
color: rgba(0, 0, 0, 0.3);1381
cursor: default;1382
border-bottom-color: rgba(0, 0, 0, 0.2); }1383
.select-wrapper input.select-dropdown .selected,1384
.select-wrapper input.select-dropdown li:focus {1385
background-color: rgba(0, 0, 0, 0.15); }1386
.select-wrapper input.select-dropdown li.active {1387
background: transparent; }1388
.select-wrapper input.select-dropdown .fas,1389
.select-wrapper input.select-dropdown .fab,1390
.select-wrapper input.select-dropdown .far {1391
color: inherit; }1392
.select-wrapper input.active {1393
border-bottom: 1px solid #4285f4;1394
box-shadow: 0 1px 0 0 #4285f4; }1395
.select-wrapper .search-wrap {1396
display: block;1397
padding: 1rem 0 0;1398
margin: 0 0.7rem; }1399
.select-wrapper .search-wrap .md-form {1400
margin-top: 0;1401
margin-bottom: 1rem; }1402
.select-wrapper .search-wrap .md-form input {1403
padding-bottom: 0.4rem;1404
margin-bottom: 0;1405
border: none;1406
border-bottom: 1px solid #ced4da;1407
border-radius: 0; }1408
.select-wrapper .search-wrap .md-form input:focus {1409
box-shadow: none !important;1410
box-shadow: 0 1px 0 0 #4285f4 !important; }1411
.select-wrapper span.caret {1412
position: absolute;1413
top: .8rem;1414
right: 0;1415
font-size: 0.63rem;1416
color: #495057; }1417
.select-wrapper span.caret.disabled {1418
color: rgba(0, 0, 0, 0.3); }1419
.select-wrapper + label {1420
position: absolute;1421
top: 2.125rem;1422
font-weight: 300;1423
color: #757575;1424
-webkit-transition: 0.2s ease-out;1425
transition: 0.2s ease-out; }1426
.select-wrapper + label.active {1427
top: 1.5rem;1428
left: 15px;1429
font-size: .8rem;1430
-webkit-transform: translateY(-14px);1431
transform: translateY(-14px); }1432
.select-wrapper + label.active-check {1433
color: #4285f4; }1434
.select-wrapper + label.mdb-main-label {1435
z-index: 1; }1436
.select-wrapper + label.disabled {1437
color: rgba(0, 0, 0, 0.3); }1438
.select-wrapper > label.mdb-main-label {1439
position: absolute;1440
top: 0;1441
left: 0;1442
font-weight: 300;1443
color: #757575;1444
-webkit-transition: .2s ease-out;1445
transition: .2s ease-out;1446
text-overflow: ellipsis;1447
white-space: nowrap;1448
overflow: hidden;1449
width: 100%;1450
z-index: 1; }1451
.select-wrapper > label.mdb-main-label.active {1452
top: 0;1453
left: 0;1454
font-size: .8rem;1455
-webkit-transform: translateY(-14px);1456
transform: translateY(-14px); }1457
.select-wrapper > label.mdb-main-label.disabled {1458
color: rgba(0, 0, 0, 0.3); }1459
.select-wrapper.dropdown-primary > label.mdb-main-label.active {1460
color: #4285f4; }1461
.select-wrapper.dropdown-danger > label.mdb-main-label.active {1462
color: #c00; }1463
.select-wrapper.dropdown-default > label.mdb-main-label.active {1464
color: #2bbbad; }1465
.select-wrapper.dropdown-secondary > label.mdb-main-label.active {1466
color: #a6c; }1467
.select-wrapper.dropdown-success > label.mdb-main-label.active {1468
color: #00c851; }1469
.select-wrapper.dropdown-info > label.mdb-main-label.active {1470
color: #33b5e5; }1471
.select-wrapper.dropdown-warning > label.mdb-main-label.active {1472
color: #fb3; }1473
.select-wrapper.dropdown-ins > label.mdb-main-label.active {1474
color: #2e5e86; }1475
.select-wrapper.dropdown-dark > label.mdb-main-label.active {1476
color: #2e2e2e; }1477
.select-wrapper i {1478
color: rgba(0, 0, 0, 0.3); }1479
.select-wrapper ul {1480
padding-left: 0;1481
list-style-type: none; }1482
.select-wrapper.md-form > ul li label {1483
top: 0;1484
font-size: .9rem;1485
color: #4285f4;1486
-webkit-transform: none;1487
transform: none; }1488
.select-wrapper.md-form > ul li.select-toggle-all label {1489
padding-left: 38px; }1490
.select-wrapper.md-form.colorful-select > ul li.select-toggle-all:hover label {1491
color: #fff; }1492
.select-wrapper.md-form.md-outline span.caret {1493
padding-right: .75rem;1494
padding-left: .75rem; }1495
.select-wrapper.md-form.md-outline span.caret.active {1496
color: #4285f4 !important; }1497
.select-wrapper.md-form.md-outline .dropdown-content {1498
top: 2.7rem !important; }1499
.select-wrapper.md-form.md-outline input.select-dropdown {1500
padding: .375rem .75rem;1501
color: #495057; }1502
.select-wrapper.md-form.md-outline input.select-dropdown:focus {1503
border-color: #4285f4;1504
box-shadow: inset 0 0 0 1px #4285f4; }1505
.select-wrapper.md-form.md-outline + label {1506
position: absolute;1507
top: .5em !important;1508
left: 23px;1509
z-index: 2 !important;1510
padding-right: 5px;1511
padding-left: 5px;1512
font-size: 13px;1513
font-weight: 500;1514
background: #fff;1515
-webkit-transform: translateY(40%);1516
transform: translateY(40%); }1517
.select-wrapper.md-form.md-outline + label.active {1518
color: #4285f4; }1519
.select-wrapper .select-add-option {1520
position: absolute;1521
top: 1.5rem;1522
right: 1rem;1523
display: none;1524
color: #4285f4;1525
cursor: pointer; }1526
.select-wrapper ~ .invalid-feedback,1527
.select-wrapper ~ .valid-feedback {1528
margin-top: -1rem; }1529
1530
1
1
Console errors: 0