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