Last active
January 14, 2018 17:19
-
-
Save danthegoodman1/a8fce9fb25c82c584325e4ce30ce48f7 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! * Material Design for Bootstrap 4 * Version: MDB Free 4.4.4 * * * Copyright: Material Design for Bootstrap * https://mdbootstrap.com/ * * Read the license: https://mdbootstrap.com/license/ * * * Documentation: https://mdbootstrap.com/ * * Getting started: https://mdbootstrap.com/getting-started/ * * Tutorials: https://mdbootstrap.com/bootstrap-tutorial/ * * Templates: https://mdbootstrap.com/templates/ * * Support: https://mdbootstrap.com/support/ * * Contact: office@mdbootstrap.com * * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js * */ | |
.mr-0,.mx-0{ | |
margin-right:0!important | |
} | |
.ml-0,.mx-0{ | |
margin-left:0!important | |
} | |
.mt-0,.my-0{ | |
margin-top:0!important | |
} | |
.mb-0,.my-0{ | |
margin-bottom:0!important | |
} | |
.btn .fa,.card .card-body{ | |
position:relative | |
} | |
.divider-new,.navbar .nav-flex-icons,.navbar.double-nav{ | |
-webkit-box-orient:horizontal; | |
-webkit-box-direction:normal | |
} | |
.waves-effect,a{ | |
-webkit-tap-highlight-color:transparent | |
} | |
.btn,.hiddendiv{ | |
word-wrap:break-word | |
} | |
.btn,.font-up,footer.page-footer .title{ | |
text-transform:uppercase | |
} | |
.mdb-color.lighten-5{ | |
background-color:#D0D6E2!important | |
} | |
.mdb-color.lighten-4{ | |
background-color:#B1BACE!important | |
} | |
.mdb-color.lighten-3{ | |
background-color:#929FBA!important | |
} | |
.mdb-color.lighten-2{ | |
background-color:#7283A7!important | |
} | |
.mdb-color.lighten-1{ | |
background-color:#59698D!important | |
} | |
.mdb-color-text{ | |
color:#45526E!important | |
} | |
.mdb-color.darken-1{ | |
background-color:#3B465E!important | |
} | |
.mdb-color.darken-2{ | |
background-color:#2E3951!important | |
} | |
.mdb-color.darken-3{ | |
background-color:#1C2A48!important | |
} | |
.mdb-color.darken-4{ | |
background-color:#1C2331!important | |
} | |
.red.lighten-5{ | |
background-color:#FFEBEE!important | |
} | |
.red.lighten-4{ | |
background-color:#FFCDD2!important | |
} | |
.red.lighten-3{ | |
background-color:#EF9A9A!important | |
} | |
.red.lighten-2{ | |
background-color:#E57373!important | |
} | |
.red.lighten-1{ | |
background-color:#EF5350!important | |
} | |
.red{ | |
background-color:#F44336!important | |
} | |
.red-text{ | |
color:#F44336!important | |
} | |
.red.darken-1{ | |
background-color:#E53935!important | |
} | |
.red.darken-2{ | |
background-color:#D32F2F!important | |
} | |
.red.darken-3{ | |
background-color:#C62828!important | |
} | |
.red.darken-4{ | |
background-color:#B71C1C!important | |
} | |
.red.accent-1{ | |
background-color:#FF8A80!important | |
} | |
.red.accent-2{ | |
background-color:#FF5252!important | |
} | |
.red.accent-3{ | |
background-color:#FF1744!important | |
} | |
.red.accent-4{ | |
background-color:#D50000!important | |
} | |
.pink.lighten-5{ | |
background-color:#fce4ec!important | |
} | |
.pink.lighten-4{ | |
background-color:#f8bbd0!important | |
} | |
.pink.lighten-3{ | |
background-color:#f48fb1!important | |
} | |
.pink.lighten-2{ | |
background-color:#f06292!important | |
} | |
.pink.lighten-1{ | |
background-color:#ec407a!important | |
} | |
.pink{ | |
background-color:#e91e63!important | |
} | |
.pink-text{ | |
color:#e91e63!important | |
} | |
.pink.darken-1{ | |
background-color:#d81b60!important | |
} | |
.pink.darken-2{ | |
background-color:#c2185b!important | |
} | |
.pink.darken-3{ | |
background-color:#ad1457!important | |
} | |
.pink.darken-4{ | |
background-color:#880e4f!important | |
} | |
.pink.accent-1{ | |
background-color:#ff80ab!important | |
} | |
.pink.accent-2{ | |
background-color:#ff4081!important | |
} | |
.pink.accent-3{ | |
background-color:#f50057!important | |
} | |
.pink.accent-4{ | |
background-color:#c51162!important | |
} | |
.purple.lighten-5{ | |
background-color:#f3e5f5!important | |
} | |
.purple.lighten-4{ | |
background-color:#e1bee7!important | |
} | |
.purple.lighten-3{ | |
background-color:#ce93d8!important | |
} | |
.purple.lighten-2{ | |
background-color:#ba68c8!important | |
} | |
.purple.lighten-1{ | |
background-color:#ab47bc!important | |
} | |
.purple{ | |
background-color:#9c27b0!important | |
} | |
.purple-text{ | |
color:#9c27b0!important | |
} | |
.purple.darken-1{ | |
background-color:#8e24aa!important | |
} | |
.purple.darken-2{ | |
background-color:#7b1fa2!important | |
} | |
.purple.darken-3{ | |
background-color:#6a1b9a!important | |
} | |
.purple.darken-4{ | |
background-color:#4a148c!important | |
} | |
.purple.accent-1{ | |
background-color:#ea80fc!important | |
} | |
.purple.accent-2{ | |
background-color:#e040fb!important | |
} | |
.purple.accent-3{ | |
background-color:#d500f9!important | |
} | |
.purple.accent-4{ | |
background-color:#a0f!important | |
} | |
.deep-purple.lighten-5{ | |
background-color:#ede7f6!important | |
} | |
.deep-purple.lighten-4{ | |
background-color:#d1c4e9!important | |
} | |
.deep-purple.lighten-3{ | |
background-color:#b39ddb!important | |
} | |
.deep-purple.lighten-2{ | |
background-color:#9575cd!important | |
} | |
.deep-purple.lighten-1{ | |
background-color:#7e57c2!important | |
} | |
.deep-purple{ | |
background-color:#673ab7!important | |
} | |
.deep-purple-text{ | |
color:#673ab7!important | |
} | |
.deep-purple.darken-1{ | |
background-color:#5e35b1!important | |
} | |
.deep-purple.darken-2{ | |
background-color:#512da8!important | |
} | |
.deep-purple.darken-3{ | |
background-color:#4527a0!important | |
} | |
.deep-purple.darken-4{ | |
background-color:#311b92!important | |
} | |
.deep-purple.accent-1{ | |
background-color:#b388ff!important | |
} | |
.deep-purple.accent-2{ | |
background-color:#7c4dff!important | |
} | |
.deep-purple.accent-3{ | |
background-color:#651fff!important | |
} | |
.deep-purple.accent-4{ | |
background-color:#6200ea!important | |
} | |
.indigo.lighten-5{ | |
background-color:#e8eaf6!important | |
} | |
.indigo.lighten-4{ | |
background-color:#c5cae9!important | |
} | |
.indigo.lighten-3{ | |
background-color:#9fa8da!important | |
} | |
.indigo.lighten-2{ | |
background-color:#7986cb!important | |
} | |
.indigo.lighten-1{ | |
background-color:#5c6bc0!important | |
} | |
.indigo{ | |
background-color:#3f51b5!important | |
} | |
.indigo-text{ | |
color:#3f51b5!important | |
} | |
.indigo.darken-1{ | |
background-color:#3949ab!important | |
} | |
.indigo.darken-2{ | |
background-color:#303f9f!important | |
} | |
.indigo.darken-3{ | |
background-color:#283593!important | |
} | |
.indigo.darken-4{ | |
background-color:#1a237e!important | |
} | |
.indigo.accent-1{ | |
background-color:#8c9eff!important | |
} | |
.indigo.accent-2{ | |
background-color:#536dfe!important | |
} | |
.indigo.accent-3{ | |
background-color:#3d5afe!important | |
} | |
.indigo.accent-4{ | |
background-color:#304ffe!important | |
} | |
.blue.lighten-5{ | |
background-color:#E3F2FD!important | |
} | |
.blue.lighten-4{ | |
background-color:#BBDEFB!important | |
} | |
.blue.lighten-3{ | |
background-color:#90CAF9!important | |
} | |
.blue.lighten-2{ | |
background-color:#64B5F6!important | |
} | |
.blue.lighten-1{ | |
background-color:#42A5F5!important | |
} | |
.blue{ | |
background-color:#2196F3!important | |
} | |
.blue-text{ | |
color:#2196F3!important | |
} | |
.blue.darken-1{ | |
background-color:#1E88E5!important | |
} | |
.blue.darken-2{ | |
background-color:#1976D2!important | |
} | |
.blue.darken-3{ | |
background-color:#1565C0!important | |
} | |
.blue.darken-4{ | |
background-color:#0D47A1!important | |
} | |
.blue.accent-1{ | |
background-color:#82B1FF!important | |
} | |
.blue.accent-2{ | |
background-color:#448AFF!important | |
} | |
.blue.accent-3{ | |
background-color:#2979FF!important | |
} | |
.blue.accent-4{ | |
background-color:#2962FF!important | |
} | |
.light-blue.lighten-5{ | |
background-color:#e1f5fe!important | |
} | |
.light-blue.lighten-4{ | |
background-color:#b3e5fc!important | |
} | |
.light-blue.lighten-3{ | |
background-color:#81d4fa!important | |
} | |
.light-blue.lighten-2{ | |
background-color:#4fc3f7!important | |
} | |
.light-blue.lighten-1{ | |
background-color:#29b6f6!important | |
} | |
.light-blue{ | |
background-color:#03a9f4!important | |
} | |
.light-blue.darken-1{ | |
background-color:#039be5!important | |
} | |
.light-blue.darken-2{ | |
background-color:#0288d1!important | |
} | |
.light-blue.darken-3{ | |
background-color:#0277bd!important | |
} | |
.light-blue.darken-4{ | |
background-color:#01579b!important | |
} | |
.light-blue.accent-1{ | |
background-color:#80d8ff!important | |
} | |
.light-blue.accent-2{ | |
background-color:#40c4ff!important | |
} | |
.light-blue.accent-3{ | |
background-color:#00b0ff!important | |
} | |
.light-blue.accent-4{ | |
background-color:#0091ea!important | |
} | |
.cyan.lighten-5{ | |
background-color:#e0f7fa!important | |
} | |
.cyan.lighten-4{ | |
background-color:#b2ebf2!important | |
} | |
.cyan.lighten-3{ | |
background-color:#80deea!important | |
} | |
.cyan.lighten-2{ | |
background-color:#4dd0e1!important | |
} | |
.cyan.lighten-1{ | |
background-color:#26c6da!important | |
} | |
.cyan{ | |
background-color:#00bcd4!important | |
} | |
.cyan-text{ | |
color:#00bcd4!important | |
} | |
.cyan.darken-1{ | |
background-color:#00acc1!important | |
} | |
.cyan.darken-2{ | |
background-color:#0097a7!important | |
} | |
.cyan.darken-3{ | |
background-color:#00838f!important | |
} | |
.cyan.darken-4{ | |
background-color:#006064!important | |
} | |
.cyan.accent-1{ | |
background-color:#84ffff!important | |
} | |
.cyan.accent-2{ | |
background-color:#18ffff!important | |
} | |
.cyan.accent-3{ | |
background-color:#00e5ff!important | |
} | |
.cyan.accent-4{ | |
background-color:#00b8d4!important | |
} | |
.teal.lighten-5{ | |
background-color:#e0f2f1!important | |
} | |
.teal.lighten-4{ | |
background-color:#b2dfdb!important | |
} | |
.teal.lighten-3{ | |
background-color:#80cbc4!important | |
} | |
.teal.lighten-2{ | |
background-color:#4db6ac!important | |
} | |
.teal.lighten-1{ | |
background-color:#26a69a!important | |
} | |
.teal{ | |
background-color:#009688!important | |
} | |
.teal-text{ | |
color:#009688!important | |
} | |
.teal.darken-1{ | |
background-color:#00897b!important | |
} | |
.teal.darken-2{ | |
background-color:#00796b!important | |
} | |
.teal.darken-3{ | |
background-color:#00695c!important | |
} | |
.teal.darken-4{ | |
background-color:#004d40!important | |
} | |
.teal.accent-1{ | |
background-color:#a7ffeb!important | |
} | |
.teal.accent-2{ | |
background-color:#64ffda!important | |
} | |
.teal.accent-3{ | |
background-color:#1de9b6!important | |
} | |
.teal.accent-4{ | |
background-color:#00bfa5!important | |
} | |
.green.lighten-5{ | |
background-color:#E8F5E9!important | |
} | |
.green.lighten-4{ | |
background-color:#C8E6C9!important | |
} | |
.green.lighten-3{ | |
background-color:#A5D6A7!important | |
} | |
.green.lighten-2{ | |
background-color:#81C784!important | |
} | |
.green.lighten-1{ | |
background-color:#66BB6A!important | |
} | |
.green{ | |
background-color:#4CAF50!important | |
} | |
.green-text{ | |
color:#4CAF50!important | |
} | |
.green.darken-1{ | |
background-color:#43A047!important | |
} | |
.green.darken-2{ | |
background-color:#388E3C!important | |
} | |
.green.darken-3{ | |
background-color:#2E7D32!important | |
} | |
.green.darken-4{ | |
background-color:#1B5E20!important | |
} | |
.green.accent-1{ | |
background-color:#B9F6CA!important | |
} | |
.green.accent-2{ | |
background-color:#69F0AE!important | |
} | |
.green.accent-3{ | |
background-color:#00E676!important | |
} | |
.green.accent-4{ | |
background-color:#00C853!important | |
} | |
.light-green.lighten-5{ | |
background-color:#f1f8e9!important | |
} | |
.light-green.lighten-4{ | |
background-color:#dcedc8!important | |
} | |
.light-green.lighten-3{ | |
background-color:#c5e1a5!important | |
} | |
.light-green.lighten-2{ | |
background-color:#aed581!important | |
} | |
.light-green.lighten-1{ | |
background-color:#9ccc65!important | |
} | |
.light-green{ | |
background-color:#8bc34a!important | |
} | |
.light-green-text{ | |
color:#8bc34a!important | |
} | |
.light-green.darken-1{ | |
background-color:#7cb342!important | |
} | |
.light-green.darken-2{ | |
background-color:#689f38!important | |
} | |
.light-green.darken-3{ | |
background-color:#558b2f!important | |
} | |
.light-green.darken-4{ | |
background-color:#33691e!important | |
} | |
.light-green.accent-1{ | |
background-color:#ccff90!important | |
} | |
.light-green.accent-2{ | |
background-color:#b2ff59!important | |
} | |
.light-green.accent-3{ | |
background-color:#76ff03!important | |
} | |
.light-green.accent-4{ | |
background-color:#64dd17!important | |
} | |
.lime.lighten-5{ | |
background-color:#f9fbe7!important | |
} | |
.lime.lighten-4{ | |
background-color:#f0f4c3!important | |
} | |
.lime.lighten-3{ | |
background-color:#e6ee9c!important | |
} | |
.lime.lighten-2{ | |
background-color:#dce775!important | |
} | |
.lime.lighten-1{ | |
background-color:#d4e157!important | |
} | |
.lime{ | |
background-color:#cddc39!important | |
} | |
.lime-text{ | |
color:#cddc39!important | |
} | |
.lime.darken-1{ | |
background-color:#c0ca33!important | |
} | |
.lime.darken-2{ | |
background-color:#afb42b!important | |
} | |
.lime.darken-3{ | |
background-color:#9e9d24!important | |
} | |
.lime.darken-4{ | |
background-color:#827717!important | |
} | |
.lime.accent-1{ | |
background-color:#f4ff81!important | |
} | |
.lime.accent-2{ | |
background-color:#eeff41!important | |
} | |
.lime.accent-3{ | |
background-color:#c6ff00!important | |
} | |
.lime.accent-4{ | |
background-color:#aeea00!important | |
} | |
.yellow.lighten-5{ | |
background-color:#fffde7!important | |
} | |
.yellow.lighten-4{ | |
background-color:#fff9c4!important | |
} | |
.yellow.lighten-3{ | |
background-color:#fff59d!important | |
} | |
.yellow.lighten-2{ | |
background-color:#fff176!important | |
} | |
.yellow.lighten-1{ | |
background-color:#ffee58!important | |
} | |
.yellow{ | |
background-color:#ffeb3b!important | |
} | |
.yellow-text{ | |
color:#ffeb3b!important | |
} | |
.yellow.darken-1{ | |
background-color:#fdd835!important | |
} | |
.yellow.darken-2{ | |
background-color:#fbc02d!important | |
} | |
.yellow.darken-3{ | |
background-color:#f9a825!important | |
} | |
.yellow.darken-4{ | |
background-color:#f57f17!important | |
} | |
.yellow.accent-1{ | |
background-color:#ffff8d!important | |
} | |
.yellow.accent-2{ | |
background-color:#ff0!important | |
} | |
.yellow.accent-3{ | |
background-color:#ffea00!important | |
} | |
.yellow.accent-4{ | |
background-color:#ffd600!important | |
} | |
.amber.lighten-5{ | |
background-color:#fff8e1!important | |
} | |
.amber.lighten-4{ | |
background-color:#ffecb3!important | |
} | |
.amber.lighten-3{ | |
background-color:#ffe082!important | |
} | |
.amber.lighten-2{ | |
background-color:#ffd54f!important | |
} | |
.amber.lighten-1{ | |
background-color:#ffca28!important | |
} | |
.amber{ | |
background-color:#ffc107!important | |
} | |
.amber-text{ | |
color:#ffc107!important | |
} | |
.amber.darken-1{ | |
background-color:#ffb300!important | |
} | |
.amber.darken-2{ | |
background-color:#ffa000!important | |
} | |
.amber.darken-3{ | |
background-color:#ff8f00!important | |
} | |
.amber.darken-4{ | |
background-color:#ff6f00!important | |
} | |
.amber.accent-1{ | |
background-color:#ffe57f!important | |
} | |
.amber.accent-2{ | |
background-color:#ffd740!important | |
} | |
.amber.accent-3{ | |
background-color:#ffc400!important | |
} | |
.amber.accent-4{ | |
background-color:#ffab00!important | |
} | |
.orange.lighten-5{ | |
background-color:#fff3e0!important | |
} | |
.orange.lighten-4{ | |
background-color:#ffe0b2!important | |
} | |
.orange.lighten-3{ | |
background-color:#ffcc80!important | |
} | |
.orange.lighten-2{ | |
background-color:#ffb74d!important | |
} | |
.orange.lighten-1{ | |
background-color:#ffa726!important | |
} | |
.orange{ | |
background-color:#ff9800!important | |
} | |
.orange-text{ | |
color:#ff9800!important | |
} | |
.orange.darken-1{ | |
background-color:#fb8c00!important | |
} | |
.orange.darken-2{ | |
background-color:#f57c00!important | |
} | |
.orange.darken-3{ | |
background-color:#ef6c00!important | |
} | |
.orange.darken-4{ | |
background-color:#e65100!important | |
} | |
.orange.accent-1{ | |
background-color:#ffd180!important | |
} | |
.orange.accent-2{ | |
background-color:#ffab40!important | |
} | |
.orange.accent-3{ | |
background-color:#ff9100!important | |
} | |
.orange.accent-4{ | |
background-color:#ff6d00!important | |
} | |
.deep-orange.lighten-5{ | |
background-color:#fbe9e7!important | |
} | |
.deep-orange.lighten-4{ | |
background-color:#ffccbc!important | |
} | |
.deep-orange.lighten-3{ | |
background-color:#ffab91!important | |
} | |
.deep-orange.lighten-2{ | |
background-color:#ff8a65!important | |
} | |
.deep-orange.lighten-1{ | |
background-color:#ff7043!important | |
} | |
.deep-orange{ | |
background-color:#ff5722!important | |
} | |
.deep-orange-text{ | |
color:#ff5722!important | |
} | |
.deep-orange.darken-1{ | |
background-color:#f4511e!important | |
} | |
.deep-orange.darken-2{ | |
background-color:#e64a19!important | |
} | |
.deep-orange.darken-3{ | |
background-color:#d84315!important | |
} | |
.deep-orange.darken-4{ | |
background-color:#bf360c!important | |
} | |
.deep-orange.accent-1{ | |
background-color:#ff9e80!important | |
} | |
.deep-orange.accent-2{ | |
background-color:#ff6e40!important | |
} | |
.deep-orange.accent-3{ | |
background-color:#ff3d00!important | |
} | |
.deep-orange.accent-4{ | |
background-color:#dd2c00!important | |
} | |
.brown.lighten-5{ | |
background-color:#efebe9!important | |
} | |
.brown.lighten-4{ | |
background-color:#d7ccc8!important | |
} | |
.brown.lighten-3{ | |
background-color:#bcaaa4!important | |
} | |
.brown.lighten-2{ | |
background-color:#a1887f!important | |
} | |
.brown.lighten-1{ | |
background-color:#8d6e63!important | |
} | |
.brown{ | |
background-color:#795548!important | |
} | |
.brown-text{ | |
color:#795548!important | |
} | |
.brown.darken-1{ | |
background-color:#6d4c41!important | |
} | |
.brown.darken-2{ | |
background-color:#5d4037!important | |
} | |
.brown.darken-3{ | |
background-color:#4e342e!important | |
} | |
.brown.darken-4{ | |
background-color:#3e2723!important | |
} | |
.blue-grey.lighten-5{ | |
background-color:#eceff1!important | |
} | |
.blue-grey.lighten-4{ | |
background-color:#cfd8dc!important | |
} | |
.blue-grey.lighten-3{ | |
background-color:#b0bec5!important | |
} | |
.blue-grey.lighten-2{ | |
background-color:#90a4ae!important | |
} | |
.blue-grey.lighten-1{ | |
background-color:#78909c!important | |
} | |
.blue-grey{ | |
background-color:#607d8b!important | |
} | |
.blue-grey-text{ | |
color:#607d8b!important | |
} | |
.blue-grey.darken-1{ | |
background-color:#546e7a!important | |
} | |
.blue-grey.darken-2{ | |
background-color:#455a64!important | |
} | |
.blue-grey.darken-3{ | |
background-color:#37474f!important | |
} | |
.blue-grey.darken-4{ | |
background-color:#263238!important | |
} | |
.grey.lighten-5{ | |
background-color:#fafafa!important | |
} | |
.grey.lighten-4{ | |
background-color:#f5f5f5!important | |
} | |
.grey.lighten-3{ | |
background-color:#eee!important | |
} | |
.grey.lighten-2{ | |
background-color:#e0e0e0!important | |
} | |
.grey.lighten-1{ | |
background-color:#bdbdbd!important | |
} | |
.grey{ | |
background-color:#9e9e9e!important | |
} | |
.grey-text{ | |
color:#9e9e9e!important | |
} | |
.grey.darken-1{ | |
background-color:#757575!important | |
} | |
.grey.darken-2{ | |
background-color:#616161!important | |
} | |
.grey.darken-3{ | |
background-color:#424242!important | |
} | |
.grey.darken-4{ | |
background-color:#212121!important | |
} | |
.shades.black{ | |
background-color:#000!important | |
} | |
.shades.white{ | |
background-color:#FFF!important | |
} | |
.shades.transparent{ | |
background-color:transparent!important | |
} | |
.black{ | |
background-color:#000!important | |
} | |
.black-text,.btn-link{ | |
color:#000!important | |
} | |
.white{ | |
background-color:#FFF!important | |
} | |
.btn,.white-text{ | |
color:#FFF!important | |
} | |
.transparent{ | |
background-color:transparent!important | |
} | |
.transparent-text{ | |
color:transparent!important | |
} | |
.light-blue-text{ | |
color:#82B1FF!important | |
} | |
.dark-grey-text{ | |
color:#4f4f4f!important | |
} | |
.danger-color{ | |
background-color:#ff3547!important | |
} | |
.danger-color-dark{ | |
background-color:#C00!important | |
} | |
.warning-color{ | |
background-color:#fb3!important | |
} | |
.warning-color-dark{ | |
background-color:#F80!important | |
} | |
.success-color{ | |
background-color:#00C851!important | |
} | |
.success-color-dark{ | |
background-color:#007E33!important | |
} | |
.info-color{ | |
background-color:#33b5e5!important | |
} | |
.info-color-dark{ | |
background-color:#09C!important | |
} | |
.default-color{ | |
background-color:#2BBBAD!important | |
} | |
.default-color-dark{ | |
background-color:#00695c!important | |
} | |
.primary-color{ | |
background-color:#4285F4!important | |
} | |
.primary-color-dark{ | |
background-color:#0d47a1!important | |
} | |
.secondary-color{ | |
background-color:#a6c!important | |
} | |
.secondary-color-dark{ | |
background-color:#93C!important | |
} | |
.elegant-color{ | |
background-color:#2E2E2E!important | |
} | |
.elegant-color-dark{ | |
background-color:#212121!important | |
} | |
.stylish-color{ | |
background-color:#4B515D!important | |
} | |
.stylish-color-dark{ | |
background-color:#3E4551!important | |
} | |
.special-color{ | |
background-color:#37474F!important | |
} | |
.special-color-dark{ | |
background-color:#263238!important | |
} | |
.unique-color{ | |
background-color:#3F729B!important | |
} | |
.unique-color-dark{ | |
background-color:#1C2331!important | |
} | |
.mdb-color{ | |
background-color:#45526E!important | |
} | |
.rgba-blue-light{ | |
background-color:rgba(3,169,244,.3)!important | |
} | |
.rgba-red-light{ | |
background-color:rgba(244,67,54,.3)!important | |
} | |
.rgba-pink-light{ | |
background-color:rgba(233,30,99,.3)!important | |
} | |
.rgba-purple-light{ | |
background-color:rgba(156,39,176,.3)!important | |
} | |
.rgba-indigo-light{ | |
background-color:rgba(63,81,181,.3)!important | |
} | |
.rgba-cyan-light{ | |
background-color:rgba(0,188,212,.3)!important | |
} | |
.rgba-teal-light{ | |
background-color:rgba(0,150,136,.3)!important | |
} | |
.rgba-green-light{ | |
background-color:rgba(76,175,80,.3)!important | |
} | |
.rgba-lime-light{ | |
background-color:rgba(205,220,57,.3)!important | |
} | |
.rgba-yellow-light{ | |
background-color:rgba(255,235,59,.3)!important | |
} | |
.rgba-orange-light{ | |
background-color:rgba(255,152,0,.3)!important | |
} | |
.rgba-brown-light{ | |
background-color:rgba(121,85,72,.3)!important | |
} | |
.rgba-grey-light{ | |
background-color:rgba(158,158,158,.3)!important | |
} | |
.rgba-bluegrey-light{ | |
background-color:rgba(96,125,139,.3)!important | |
} | |
.rgba-black-light{ | |
background-color:rgba(0,0,0,.3)!important | |
} | |
.rgba-stylish-light{ | |
background-color:rgba(62,69,81,.3)!important | |
} | |
.rgba-white-light{ | |
background-color:rgba(255,255,255,.3)!important | |
} | |
.rgba-blue-strong{ | |
background-color:rgba(3,169,244,.7)!important | |
} | |
.rgba-red-strong{ | |
background-color:rgba(244,67,54,.7)!important | |
} | |
.rgba-pink-strong{ | |
background-color:rgba(233,30,99,.7)!important | |
} | |
.rgba-purple-strong{ | |
background-color:rgba(156,39,176,.7)!important | |
} | |
.rgba-indigo-strong{ | |
background-color:rgba(63,81,181,.7)!important | |
} | |
.rgba-cyan-strong{ | |
background-color:rgba(0,188,212,.7)!important | |
} | |
.rgba-teal-strong{ | |
background-color:rgba(0,150,136,.7)!important | |
} | |
.rgba-green-strong{ | |
background-color:rgba(76,175,80,.7)!important | |
} | |
.rgba-lime-strong{ | |
background-color:rgba(205,220,57,.7)!important | |
} | |
.rgba-yellow-strong{ | |
background-color:rgba(255,235,59,.7)!important | |
} | |
.rgba-orange-strong{ | |
background-color:rgba(255,152,0,.7)!important | |
} | |
.rgba-brown-strong{ | |
background-color:rgba(121,85,72,.7)!important | |
} | |
.rgba-grey-strong{ | |
background-color:rgba(158,158,158,.7)!important | |
} | |
.rgba-bluegrey-strong{ | |
background-color:rgba(96,125,139,.7)!important | |
} | |
.rgba-black-strong{ | |
background-color:rgba(0,0,0,.7)!important | |
} | |
.rgba-stylish-strong{ | |
background-color:rgba(62,69,81,.7)!important | |
} | |
.rgba-white-strong{ | |
background-color:rgba(255,255,255,.7)!important | |
} | |
.rgba-blue-slight{ | |
background-color:rgba(3,169,244,.1)!important | |
} | |
.rgba-red-slight{ | |
background-color:rgba(244,67,54,.1)!important | |
} | |
.rgba-pink-slight{ | |
background-color:rgba(233,30,99,.1)!important | |
} | |
.rgba-purple-slight{ | |
background-color:rgba(156,39,176,.1)!important | |
} | |
.rgba-indigo-slight{ | |
background-color:rgba(63,81,181,.1)!important | |
} | |
.rgba-cyan-slight{ | |
background-color:rgba(0,188,212,.1)!important | |
} | |
.rgba-teal-slight{ | |
background-color:rgba(0,150,136,.1)!important | |
} | |
.rgba-green-slight{ | |
background-color:rgba(76,175,80,.1)!important | |
} | |
.rgba-lime-slight{ | |
background-color:rgba(205,220,57,.1)!important | |
} | |
.rgba-yellow-slight{ | |
background-color:rgba(255,235,59,.1)!important | |
} | |
.rgba-orange-slight{ | |
background-color:rgba(255,152,0,.1)!important | |
} | |
.rgba-brown-slight{ | |
background-color:rgba(121,85,72,.1)!important | |
} | |
.rgba-grey-slight{ | |
background-color:rgba(158,158,158,.1)!important | |
} | |
.rgba-bluegrey-slight{ | |
background-color:rgba(96,125,139,.1)!important | |
} | |
.rgba-black-slight{ | |
background-color:rgba(0,0,0,.1)!important | |
} | |
.rgba-stylish-slight{ | |
background-color:rgba(62,69,81,.1)!important | |
} | |
.rgba-white-slight{ | |
background-color:rgba(255,255,255,.1)!important | |
} | |
.bg-primary{ | |
background-color:#4285F4!important | |
} | |
.bg-danger{ | |
background-color:#ff3547!important | |
} | |
.bg-warning{ | |
background-color:#F80!important | |
} | |
.bg-success{ | |
background-color:#00C851!important | |
} | |
.bg-info{ | |
background-color:#33b5e5!important | |
} | |
.bg-default{ | |
background-color:#2BBBAD!important | |
} | |
.bg-secondary{ | |
background-color:#a6c!important | |
} | |
.bg-elegant{ | |
background-color:#2E2E2E!important | |
} | |
.bg-unique{ | |
background-color:#880e4f!important | |
} | |
.bg-dark-green{ | |
background-color:#388E3C!important | |
} | |
.bg-mdb-color{ | |
background-color:#59698D!important | |
} | |
.bg-red{ | |
background-color:#D32F2F!important | |
} | |
.bg-pink{ | |
background-color:#ec407a!important | |
} | |
.bg-purple{ | |
background-color:#8e24aa!important | |
} | |
.bg-deep-purple{ | |
background-color:#512da8!important | |
} | |
.bg-indigo{ | |
background-color:#3f51b5!important | |
} | |
.bg-blue{ | |
background-color:#1976D2!important | |
} | |
.bg-light-blue{ | |
background-color:#82B1FF!important | |
} | |
.bg-cyan{ | |
background-color:#00bcd4!important | |
} | |
.bg-teal{ | |
background-color:#00796b!important | |
} | |
.bg-green{ | |
background-color:#388E3C!important | |
} | |
.bg-light-green{ | |
background-color:#8bc34a!important | |
} | |
.bg-lime{ | |
background-color:#afb42b!important | |
} | |
.bg-yellow{ | |
background-color:#fbc02d!important | |
} | |
.bg-amber{ | |
background-color:#ffa000!important | |
} | |
.bg-orange{ | |
background-color:#f57c00!important | |
} | |
.bg-deep-orange{ | |
background-color:#ff7043!important | |
} | |
.bg-brown{ | |
background-color:#795548!important | |
} | |
.bg-grey{ | |
background-color:#616161!important | |
} | |
.bg-blue-grey{ | |
background-color:#78909c!important | |
} | |
.bg-dark{ | |
background-color:#212121!important | |
} | |
.bg-light{ | |
background-color:#e0e0e0!important | |
} | |
.bg-white{ | |
background-color:#fff!important | |
} | |
.bg-black{ | |
background-color:#000!important | |
} | |
.modal-dialog.cascading-modal.modal-avatar .modal-header,.z-depth-0{ | |
box-shadow:none!important | |
} | |
.badge,.btn,.card:not([class*=card-outline-]),.chip,.jumbotron,.modal-dialog.cascading-modal .modal-c-tabs .nav-tabs,.modal-dialog.modal-notify .modal-header,.navbar,.pagination .active .page-link,.z-depth-1{ | |
box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) | |
} | |
.btn-amber.active:not([disabled]):not(.disabled),.btn-amber.active:not([disabled]):not(.disabled):focus,.btn-amber.focus,.btn-amber:focus,.btn-amber:not([disabled]):not(.disabled):active,.btn-amber:not([disabled]):not(.disabled):active:focus,.btn-black.active:not([disabled]):not(.disabled),.btn-black.active:not([disabled]):not(.disabled):focus,.btn-black.focus,.btn-black:focus,.btn-black:not([disabled]):not(.disabled):active,.btn-black:not([disabled]):not(.disabled):active:focus,.btn-blue-grey.active:not([disabled]):not(.disabled),.btn-blue-grey.active:not([disabled]):not(.disabled):focus,.btn-blue-grey.focus,.btn-blue-grey:focus,.btn-blue-grey:not([disabled]):not(.disabled):active,.btn-blue-grey:not([disabled]):not(.disabled):active:focus,.btn-blue.active:not([disabled]):not(.disabled),.btn-blue.active:not([disabled]):not(.disabled):focus,.btn-blue.focus,.btn-blue:focus,.btn-blue:not([disabled]):not(.disabled):active,.btn-blue:not([disabled]):not(.disabled):active:focus,.btn-brown.active:not([disabled]):not(.disabled),.btn-brown.active:not([disabled]):not(.disabled):focus,.btn-brown.focus,.btn-brown:focus,.btn-brown:not([disabled]):not(.disabled):active,.btn-brown:not([disabled]):not(.disabled):active:focus,.btn-cyan.active:not([disabled]):not(.disabled),.btn-cyan.active:not([disabled]):not(.disabled):focus,.btn-cyan.focus,.btn-cyan:focus,.btn-cyan:not([disabled]):not(.disabled):active,.btn-cyan:not([disabled]):not(.disabled):active:focus,.btn-danger.active:not([disabled]):not(.disabled),.btn-danger.active:not([disabled]):not(.disabled):focus,.btn-danger.focus,.btn-danger:focus,.btn-danger:not([disabled]):not(.disabled):active,.btn-danger:not([disabled]):not(.disabled):active:focus,.btn-dark-green.active:not([disabled]):not(.disabled),.btn-dark-green.active:not([disabled]):not(.disabled):focus,.btn-dark-green.focus,.btn-dark-green:focus,.btn-dark-green:not([disabled]):not(.disabled):active,.btn-dark-green:not([disabled]):not(.disabled):active:focus,.btn-dark.active:not([disabled]):not(.disabled),.btn-dark.active:not([disabled]):not(.disabled):focus,.btn-dark.focus,.btn-dark:focus,.btn-dark:not([disabled]):not(.disabled):active,.btn-dark:not([disabled]):not(.disabled):active:focus,.btn-deep-orange.active:not([disabled]):not(.disabled),.btn-deep-orange.active:not([disabled]):not(.disabled):focus,.btn-deep-orange.focus,.btn-deep-orange:focus,.btn-deep-orange:not([disabled]):not(.disabled):active,.btn-deep-orange:not([disabled]):not(.disabled):active:focus,.btn-deep-purple.active:not([disabled]):not(.disabled),.btn-deep-purple.active:not([disabled]):not(.disabled):focus,.btn-deep-purple.focus,.btn-deep-purple:focus,.btn-deep-purple:not([disabled]):not(.disabled):active,.btn-deep-purple:not([disabled]):not(.disabled):active:focus,.btn-default.active:not([disabled]):not(.disabled),.btn-default.active:not([disabled]):not(.disabled):focus,.btn-default.focus,.btn-default:focus,.btn-default:not([disabled]):not(.disabled):active,.btn-default:not([disabled]):not(.disabled):active:focus,.btn-elegant.active:not([disabled]):not(.disabled),.btn-elegant.active:not([disabled]):not(.disabled):focus,.btn-elegant.focus,.btn-elegant:focus,.btn-elegant:not([disabled]):not(.disabled):active,.btn-elegant:not([disabled]):not(.disabled):active:focus,.btn-green.active:not([disabled]):not(.disabled),.btn-green.active:not([disabled]):not(.disabled):focus,.btn-green.focus,.btn-green:focus,.btn-green:not([disabled]):not(.disabled):active,.btn-green:not([disabled]):not(.disabled):active:focus,.btn-grey.active:not([disabled]):not(.disabled),.btn-grey.active:not([disabled]):not(.disabled):focus,.btn-grey.focus,.btn-grey:focus,.btn-grey:not([disabled]):not(.disabled):active,.btn-grey:not([disabled]):not(.disabled):active:focus,.btn-indigo.active:not([disabled]):not(.disabled),.btn-indigo.active:not([disabled]):not(.disabled):focus,.btn-indigo.focus,.btn-indigo:focus,.btn-indigo:not([disabled]):not(.disabled):active,.btn-indigo:not([disabled]):not(.disabled):active:focus,.btn-info.active:not([disabled]):not(.disabled),.btn-info.active:not([disabled]):not(.disabled):focus,.btn-info.focus,.btn-info:focus,.btn-info:not([disabled]):not(.disabled):active,.btn-info:not([disabled]):not(.disabled):active:focus,.btn-light-blue.active:not([disabled]):not(.disabled),.btn-light-blue.active:not([disabled]):not(.disabled):focus,.btn-light-blue.focus,.btn-light-blue:focus,.btn-light-blue:not([disabled]):not(.disabled):active,.btn-light-blue:not([disabled]):not(.disabled):active:focus,.btn-light-green.active:not([disabled]):not(.disabled),.btn-light-green.active:not([disabled]):not(.disabled):focus,.btn-light-green.focus,.btn-light-green:focus,.btn-light-green:not([disabled]):not(.disabled):active,.btn-light-green:not([disabled]):not(.disabled):active:focus,.btn-light.active:not([disabled]):not(.disabled),.btn-light.active:not([disabled]):not(.disabled):focus,.btn-light.focus,.btn-light:focus,.btn-light:not([disabled]):not(.disabled):active,.btn-light:not([disabled]):not(.disabled):active:focus,.btn-lime.active:not([disabled]):not(.disabled),.btn-lime.active:not([disabled]):not(.disabled):focus,.btn-lime.focus,.btn-lime:focus,.btn-lime:not([disabled]):not(.disabled):active,.btn-lime:not([disabled]):not(.disabled):active:focus,.btn-mdb-color.active:not([disabled]):not(.disabled),.btn-mdb-color.active:not([disabled]):not(.disabled):focus,.btn-mdb-color.focus,.btn-mdb-color:focus,.btn-mdb-color:not([disabled]):not(.disabled):active,.btn-mdb-color:not([disabled]):not(.disabled):active:focus,.btn-orange.active:not([disabled]):not(.disabled),.btn-orange.active:not([disabled]):not(.disabled):focus,.btn-orange.focus,.btn-orange:focus,.btn-orange:not([disabled]):not(.disabled):active,.btn-orange:not([disabled]):not(.disabled):active:focus,.btn-outline-amber.active:not([disabled]):not(.disabled),.btn-outline-amber.active:not([disabled]):not(.disabled):focus,.btn-outline-amber:not([disabled]):not(.disabled):active,.btn-outline-amber:not([disabled]):not(.disabled):active:focus,.btn-outline-black.active:not([disabled]):not(.disabled),.btn-outline-black.active:not([disabled]):not(.disabled):focus,.btn-outline-black:not([disabled]):not(.disabled):active,.btn-outline-black:not([disabled]):not(.disabled):active:focus,.btn-outline-blue-grey.active:not([disabled]):not(.disabled),.btn-outline-blue-grey.active:not([disabled]):not(.disabled):focus,.btn-outline-blue-grey:not([disabled]):not(.disabled):active,.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus,.btn-outline-blue.active:not([disabled]):not(.disabled),.btn-outline-blue.active:not([disabled]):not(.disabled):focus,.btn-outline-blue:not([disabled]):not(.disabled):active,.btn-outline-blue:not([disabled]):not(.disabled):active:focus,.btn-outline-brown.active:not([disabled]):not(.disabled),.btn-outline-brown.active:not([disabled]):not(.disabled):focus,.btn-outline-brown:not([disabled]):not(.disabled):active,.btn-outline-brown:not([disabled]):not(.disabled):active:focus,.btn-outline-cyan.active:not([disabled]):not(.disabled),.btn-outline-cyan.active:not([disabled]):not(.disabled):focus,.btn-outline-cyan:not([disabled]):not(.disabled):active,.btn-outline-cyan:not([disabled]):not(.disabled):active:focus,.btn-outline-danger.active:not([disabled]):not(.disabled),.btn-outline-danger.active:not([disabled]):not(.disabled):focus,.btn-outline-danger:not([disabled]):not(.disabled):active,.btn-outline-danger:not([disabled]):not(.disabled):active:focus,.btn-outline-dark-green.active:not([disabled]):not(.disabled),.btn-outline-dark-green.active:not([disabled]):not(.disabled):focus,.btn-outline-dark-green:not([disabled]):not(.disabled):active,.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus,.btn-outline-dark.active:not([disabled]):not(.disabled),.btn-outline-dark.active:not([disabled]):not(.disabled):focus,.btn-outline-dark:not([disabled]):not(.disabled):active,.btn-outline-dark:not([disabled]):not(.disabled):active:focus,.btn-outline-deep-orange.active:not([disabled]):not(.disabled),.btn-outline-deep-orange.active:not([disabled]):not(.disabled):focus,.btn-outline-deep-orange:not([disabled]):not(.disabled):active,.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus,.btn-outline-deep-purple.active:not([disabled]):not(.disabled),.btn-outline-deep-purple.active:not([disabled]):not(.disabled):focus,.btn-outline-deep-purple:not([disabled]):not(.disabled):active,.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus,.btn-outline-default.active:not([disabled]):not(.disabled),.btn-outline-default.active:not([disabled]):not(.disabled):focus,.btn-outline-default:not([disabled]):not(.disabled):active,.btn-outline-default:not([disabled]):not(.disabled):active:focus,.btn-outline-elegant.active:not([disabled]):not(.disabled),.btn-outline-elegant.active:not([disabled]):not(.disabled):focus,.btn-outline-elegant:not([disabled]):not(.disabled):active,.btn-outline-elegant:not([disabled]):not(.disabled):active:focus,.btn-outline-green.active:not([disabled]):not(.disabled),.btn-outline-green.active:not([disabled]):not(.disabled):focus,.btn-outline-green:not([disabled]):not(.disabled):active,.btn-outline-green:not([disabled]):not(.disabled):active:focus,.btn-outline-grey.active:not([disabled]):not(.disabled),.btn-outline-grey.active:not([disabled]):not(.disabled):focus,.btn-outline-grey:not([disabled]):not(.disabled):active,.btn-outline-grey:not([disabled]):not(.disabled):active:focus,.btn-outline-indigo.active:not([disabled]):not(.disabled),.btn-outline-indigo.active:not([disabled]):not(.disabled):focus,.btn-outline-indigo:not([disabled]):not(.disabled):active,.btn-outline-indigo:not([disabled]):not(.disabled):active:focus,.btn-outline-info.active:not([disabled]):not(.disabled),.btn-outline-info.active:not([disabled]):not(.disabled):focus,.btn-outline-info:not([disabled]):not(.disabled):active,.btn-outline-info:not([disabled]):not(.disabled):active:focus,.btn-outline-light-blue.active:not([disabled]):not(.disabled),.btn-outline-light-blue.active:not([disabled]):not(.disabled):focus,.btn-outline-light-blue:not([disabled]):not(.disabled):active,.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus,.btn-outline-light-green.active:not([disabled]):not(.disabled),.btn-outline-light-green.active:not([disabled]):not(.disabled):focus,.btn-outline-light-green:not([disabled]):not(.disabled):active,.btn-outline-light-green:not([disabled]):not(.disabled):active:focus,.btn-outline-light.active:not([disabled]):not(.disabled),.btn-outline-light.active:not([disabled]):not(.disabled):focus,.btn-outline-light:not([disabled]):not(.disabled):active,.btn-outline-light:not([disabled]):not(.disabled):active:focus,.btn-outline-lime.active:not([disabled]):not(.disabled),.btn-outline-lime.active:not([disabled]):not(.disabled):focus,.btn-outline-lime:not([disabled]):not(.disabled):active,.btn-outline-lime:not([disabled]):not(.disabled):active:focus,.btn-outline-mdb-color.active:not([disabled]):not(.disabled),.btn-outline-mdb-color.active:not([disabled]):not(.disabled):focus,.btn-outline-mdb-color:not([disabled]):not(.disabled):active,.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus,.btn-outline-orange.active:not([disabled]):not(.disabled),.btn-outline-orange.active:not([disabled]):not(.disabled):focus,.btn-outline-orange:not([disabled]):not(.disabled):active,.btn-outline-orange:not([disabled]):not(.disabled):active:focus,.btn-outline-pink.active:not([disabled]):not(.disabled),.btn-outline-pink.active:not([disabled]):not(.disabled):focus,.btn-outline-pink:not([disabled]):not(.disabled):active,.btn-outline-pink:not([disabled]):not(.disabled):active:focus,.btn-outline-primary.active:not([disabled]):not(.disabled),.btn-outline-primary.active:not([disabled]):not(.disabled):focus,.btn-outline-primary:not([disabled]):not(.disabled):active,.btn-outline-primary:not([disabled]):not(.disabled):active:focus,.btn-outline-purple.active:not([disabled]):not(.disabled),.btn-outline-purple.active:not([disabled]):not(.disabled):focus,.btn-outline-purple:not([disabled]):not(.disabled):active,.btn-outline-purple:not([disabled]):not(.disabled):active:focus,.btn-outline-red.active:not([disabled]):not(.disabled),.btn-outline-red.active:not([disabled]):not(.disabled):focus,.btn-outline-red:not([disabled]):not(.disabled):active,.btn-outline-red:not([disabled]):not(.disabled):active:focus,.btn-outline-secondary.active:not([disabled]):not(.disabled),.btn-outline-secondary.active:not([disabled]):not(.disabled):focus,.btn-outline-secondary:not([disabled]):not(.disabled):active,.btn-outline-secondary:not([disabled]):not(.disabled):active:focus,.btn-outline-success.active:not([disabled]):not(.disabled),.btn-outline-success.active:not([disabled]):not(.disabled):focus,.btn-outline-success:not([disabled]):not(.disabled):active,.btn-outline-success:not([disabled]):not(.disabled):active:focus,.btn-outline-teal.active:not([disabled]):not(.disabled),.btn-outline-teal.active:not([disabled]):not(.disabled):focus,.btn-outline-teal:not([disabled]):not(.disabled):active,.btn-outline-teal:not([disabled]):not(.disabled):active:focus,.btn-outline-unique.active:not([disabled]):not(.disabled),.btn-outline-unique.active:not([disabled]):not(.disabled):focus,.btn-outline-unique:not([disabled]):not(.disabled):active,.btn-outline-unique:not([disabled]):not(.disabled):active:focus,.btn-outline-warning.active:not([disabled]):not(.disabled),.btn-outline-warning.active:not([disabled]):not(.disabled):focus,.btn-outline-warning:not([disabled]):not(.disabled):active,.btn-outline-warning:not([disabled]):not(.disabled):active:focus,.btn-outline-white.active:not([disabled]):not(.disabled),.btn-outline-white.active:not([disabled]):not(.disabled):focus,.btn-outline-white:not([disabled]):not(.disabled):active,.btn-outline-white:not([disabled]):not(.disabled):active:focus,.btn-outline-yellow.active:not([disabled]):not(.disabled),.btn-outline-yellow.active:not([disabled]):not(.disabled):focus,.btn-outline-yellow:not([disabled]):not(.disabled):active,.btn-outline-yellow:not([disabled]):not(.disabled):active:focus,.btn-pink.active:not([disabled]):not(.disabled),.btn-pink.active:not([disabled]):not(.disabled):focus,.btn-pink.focus,.btn-pink:focus,.btn-pink:not([disabled]):not(.disabled):active,.btn-pink:not([disabled]):not(.disabled):active:focus,.btn-primary.active:not([disabled]):not(.disabled),.btn-primary.active:not([disabled]):not(.disabled):focus,.btn-primary.focus,.btn-primary:focus,.btn-primary:not([disabled]):not(.disabled):active,.btn-primary:not([disabled]):not(.disabled):active:focus,.btn-purple.active:not([disabled]):not(.disabled),.btn-purple.active:not([disabled]):not(.disabled):focus,.btn-purple.focus,.btn-purple:focus,.btn-purple:not([disabled]):not(.disabled):active,.btn-purple:not([disabled]):not(.disabled):active:focus,.btn-red.active:not([disabled]):not(.disabled),.btn-red.active:not([disabled]):not(.disabled):focus,.btn-red.focus,.btn-red:focus,.btn-red:not([disabled]):not(.disabled):active,.btn-red:not([disabled]):not(.disabled):active:focus,.btn-secondary.active:not([disabled]):not(.disabled),.btn-secondary.active:not([disabled]):not(.disabled):focus,.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not([disabled]):not(.disabled):active,.btn-secondary:not([disabled]):not(.disabled):active:focus,.btn-success.active:not([disabled]):not(.disabled),.btn-success.active:not([disabled]):not(.disabled):focus,.btn-success.focus,.btn-success:focus,.btn-success:not([disabled]):not(.disabled):active,.btn-success:not([disabled]):not(.disabled):active:focus,.btn-teal.active:not([disabled]):not(.disabled),.btn-teal.active:not([disabled]):not(.disabled):focus,.btn-teal.focus,.btn-teal:focus,.btn-teal:not([disabled]):not(.disabled):active,.btn-teal:not([disabled]):not(.disabled):active:focus,.btn-unique.active:not([disabled]):not(.disabled),.btn-unique.active:not([disabled]):not(.disabled):focus,.btn-unique.focus,.btn-unique:focus,.btn-unique:not([disabled]):not(.disabled):active,.btn-unique:not([disabled]):not(.disabled):active:focus,.btn-warning.active:not([disabled]):not(.disabled),.btn-warning.active:not([disabled]):not(.disabled):focus,.btn-warning.focus,.btn-warning:focus,.btn-warning:not([disabled]):not(.disabled):active,.btn-warning:not([disabled]):not(.disabled):active:focus,.btn-white.active:not([disabled]):not(.disabled),.btn-white.active:not([disabled]):not(.disabled):focus,.btn-white.focus,.btn-white:focus,.btn-white:not([disabled]):not(.disabled):active,.btn-white:not([disabled]):not(.disabled):active:focus,.btn-yellow.active:not([disabled]):not(.disabled),.btn-yellow.active:not([disabled]):not(.disabled):focus,.btn-yellow.focus,.btn-yellow:focus,.btn-yellow:not([disabled]):not(.disabled):active,.btn-yellow:not([disabled]):not(.disabled):active:focus,.btn:active,.btn:active:focus,.btn:focus,.btn:hover,.media .media-left img,.modal-dialog .modal-content,.modal-dialog.cascading-modal .modal-header,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-danger .btn-primary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-danger .btn-primary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-danger .btn-primary-modal.focus,.modal-dialog.modal-notify.modal-danger .btn-primary-modal:focus,.modal-dialog.modal-notify.modal-danger .btn-primary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-danger .btn-primary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-info .btn-primary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-info .btn-primary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-info .btn-primary-modal.focus,.modal-dialog.modal-notify.modal-info .btn-primary-modal:focus,.modal-dialog.modal-notify.modal-info .btn-primary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-info .btn-primary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-success .btn-primary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-success .btn-primary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-success .btn-primary-modal.focus,.modal-dialog.modal-notify.modal-success .btn-primary-modal:focus,.modal-dialog.modal-notify.modal-success .btn-primary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-success .btn-primary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:not([disabled]):not(.disabled):active:focus,.modal-dialog.modal-notify.modal-warning .btn-primary-modal.active:not([disabled]):not(.disabled),.modal-dialog.modal-notify.modal-warning .btn-primary-modal.active:not([disabled]):not(.disabled):focus,.modal-dialog.modal-notify.modal-warning .btn-primary-modal.focus,.modal-dialog.modal-notify.modal-warning .btn-primary-modal:focus,.modal-dialog.modal-notify.modal-warning .btn-primary-modal:not([disabled]):not(.disabled):active,.modal-dialog.modal-notify.modal-warning .btn-primary-modal:not([disabled]):not(.disabled):active:focus,.show>.btn-amber.dropdown-toggle,.show>.btn-amber.dropdown-toggle:focus,.show>.btn-black.dropdown-toggle,.show>.btn-black.dropdown-toggle:focus,.show>.btn-blue-grey.dropdown-toggle,.show>.btn-blue-grey.dropdown-toggle:focus,.show>.btn-blue.dropdown-toggle,.show>.btn-blue.dropdown-toggle:focus,.show>.btn-brown.dropdown-toggle,.show>.btn-brown.dropdown-toggle:focus,.show>.btn-cyan.dropdown-toggle,.show>.btn-cyan.dropdown-toggle:focus,.show>.btn-danger.dropdown-toggle,.show>.btn-danger.dropdown-toggle:focus,.show>.btn-dark-green.dropdown-toggle,.show>.btn-dark-green.dropdown-toggle:focus,.show>.btn-dark.dropdown-toggle,.show>.btn-dark.dropdown-toggle:focus,.show>.btn-deep-orange.dropdown-toggle,.show>.btn-deep-orange.dropdown-toggle:focus,.show>.btn-deep-purple.dropdown-toggle,.show>.btn-deep-purple.dropdown-toggle:focus,.show>.btn-default.dropdown-toggle,.show>.btn-default.dropdown-toggle:focus,.show>.btn-elegant.dropdown-toggle,.show>.btn-elegant.dropdown-toggle:focus,.show>.btn-green.dropdown-toggle,.show>.btn-green.dropdown-toggle:focus,.show>.btn-grey.dropdown-toggle,.show>.btn-grey.dropdown-toggle:focus,.show>.btn-indigo.dropdown-toggle,.show>.btn-indigo.dropdown-toggle:focus,.show>.btn-info.dropdown-toggle,.show>.btn-info.dropdown-toggle:focus,.show>.btn-light-blue.dropdown-toggle,.show>.btn-light-blue.dropdown-toggle:focus,.show>.btn-light-green.dropdown-toggle,.show>.btn-light-green.dropdown-toggle:focus,.show>.btn-light.dropdown-toggle,.show>.btn-light.dropdown-toggle:focus,.show>.btn-lime.dropdown-toggle,.show>.btn-lime.dropdown-toggle:focus,.show>.btn-mdb-color.dropdown-toggle,.show>.btn-mdb-color.dropdown-toggle:focus,.show>.btn-orange.dropdown-toggle,.show>.btn-orange.dropdown-toggle:focus,.show>.btn-outline-amber.dropdown-toggle,.show>.btn-outline-amber.dropdown-toggle:focus,.show>.btn-outline-black.dropdown-toggle,.show>.btn-outline-black.dropdown-toggle:focus,.show>.btn-outline-blue-grey.dropdown-toggle,.show>.btn-outline-blue-grey.dropdown-toggle:focus,.show>.btn-outline-blue.dropdown-toggle,.show>.btn-outline-blue.dropdown-toggle:focus,.show>.btn-outline-brown.dropdown-toggle,.show>.btn-outline-brown.dropdown-toggle:focus,.show>.btn-outline-cyan.dropdown-toggle,.show>.btn-outline-cyan.dropdown-toggle:focus,.show>.btn-outline-danger.dropdown-toggle,.show>.btn-outline-danger.dropdown-toggle:focus,.show>.btn-outline-dark-green.dropdown-toggle,.show>.btn-outline-dark-green.dropdown-toggle:focus,.show>.btn-outline-dark.dropdown-toggle,.show>.btn-outline-dark.dropdown-toggle:focus,.show>.btn-outline-deep-orange.dropdown-toggle,.show>.btn-outline-deep-orange.dropdown-toggle:focus,.show>.btn-outline-deep-purple.dropdown-toggle,.show>.btn-outline-deep-purple.dropdown-toggle:focus,.show>.btn-outline-default.dropdown-toggle,.show>.btn-outline-default.dropdown-toggle:focus,.show>.btn-outline-elegant.dropdown-toggle,.show>.btn-outline-elegant.dropdown-toggle:focus,.show>.btn-outline-green.dropdown-toggle,.show>.btn-outline-green.dropdown-toggle:focus,.show>.btn-outline-grey.dropdown-toggle,.show>.btn-outline-grey.dropdown-toggle:focus,.show>.btn-outline-indigo.dropdown-toggle,.show>.btn-outline-indigo.dropdown-toggle:focus,.show>.btn-outline-info.dropdown-toggle,.show>.btn-outline-info.dropdown-toggle:focus,.show>.btn-outline-light-blue.dropdown-toggle,.show>.btn-outline-light-blue.dropdown-toggle:focus,.show>.btn-outline-light-green.dropdown-toggle,.show>.btn-outline-light-green.dropdown-toggle:focus,.show>.btn-outline-light.dropdown-toggle,.show>.btn-outline-light.dropdown-toggle:focus,.show>.btn-outline-lime.dropdown-toggle,.show>.btn-outline-lime.dropdown-toggle:focus,.show>.btn-outline-mdb-color.dropdown-toggle,.show>.btn-outline-mdb-color.dropdown-toggle:focus,.show>.btn-outline-orange.dropdown-toggle,.show>.btn-outline-orange.dropdown-toggle:focus,.show>.btn-outline-pink.dropdown-toggle,.show>.btn-outline-pink.dropdown-toggle:focus,.show>.btn-outline-primary.dropdown-toggle,.show>.btn-outline-primary.dropdown-toggle:focus,.show>.btn-outline-purple.dropdown-toggle,.show>.btn-outline-purple.dropdown-toggle:focus,.show>.btn-outline-red.dropdown-toggle,.show>.btn-outline-red.dropdown-toggle:focus,.show>.btn-outline-secondary.dropdown-toggle,.show>.btn-outline-secondary.dropdown-toggle:focus,.show>.btn-outline-success.dropdown-toggle,.show>.btn-outline-success.dropdown-toggle:focus,.show>.btn-outline-teal.dropdown-toggle,.show>.btn-outline-teal.dropdown-toggle:focus,.show>.btn-outline-unique.dropdown-toggle,.show>.btn-outline-unique.dropdown-toggle:focus,.show>.btn-outline-warning.dropdown-toggle,.show>.btn-outline-warning.dropdown-toggle:focus,.show>.btn-outline-white.dropdown-toggle,.show>.btn-outline-white.dropdown-toggle:focus,.show>.btn-outline-yellow.dropdown-toggle,.show>.btn-outline-yellow.dropdown-toggle:focus,.show>.btn-pink.dropdown-toggle,.show>.btn-pink.dropdown-toggle:focus,.show>.btn-primary.dropdown-toggle,.show>.btn-primary.dropdown-toggle:focus,.show>.btn-purple.dropdown-toggle,.show>.btn-purple.dropdown-toggle:focus,.show>.btn-red.dropdown-toggle,.show>.btn-red.dropdown-toggle:focus,.show>.btn-secondary.dropdown-toggle,.show>.btn-secondary.dropdown-toggle:focus,.show>.btn-success.dropdown-toggle,.show>.btn-success.dropdown-toggle:focus,.show>.btn-teal.dropdown-toggle,.show>.btn-teal.dropdown-toggle:focus,.show>.btn-unique.dropdown-toggle,.show>.btn-unique.dropdown-toggle:focus,.show>.btn-warning.dropdown-toggle,.show>.btn-warning.dropdown-toggle:focus,.show>.btn-white.dropdown-toggle,.show>.btn-white.dropdown-toggle:focus,.show>.btn-yellow.dropdown-toggle,.show>.btn-yellow.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.dropdown-toggle:focus,.show>.modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle,.show>.modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:focus,.z-depth-1-half,ul.instagram-photos li img{ | |
box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15) | |
} | |
.modal-dialog.cascading-modal.modal-avatar .modal-header img,.z-depth-2{ | |
box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) | |
} | |
.z-depth-3{ | |
box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19) | |
} | |
.z-depth-4{ | |
box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21) | |
} | |
.z-depth-5{ | |
box-shadow:0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22) | |
} | |
.hoverable{ | |
-webkit-transition:box-shadow .55s; | |
transition:box-shadow .55s; | |
box-shadow:0 | |
} | |
.hoverable:hover{ | |
-webkit-transition:box-shadow .45s; | |
transition:box-shadow .45s; | |
box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) | |
} | |
a{ | |
color:#0275d8; | |
text-decoration:none; | |
cursor:pointer | |
} | |
a:focus,a:hover{ | |
text-decoration:none | |
} | |
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{ | |
color:inherit; | |
text-decoration:none | |
} | |
.disabled{ | |
cursor:not-allowed!important | |
} | |
.badge,.jumbotron,.list-group .list-group-item,.navbar-toggler{ | |
border-radius:2px | |
} | |
.flex-center ul{ | |
list-style-type:none; | |
padding:0; | |
text-align:center | |
} | |
.pr-0,.px-0{ | |
padding-right:0!important | |
} | |
.pl-0,.px-0{ | |
padding-left:0!important | |
} | |
.pt-0,.py-0{ | |
padding-top:0!important | |
} | |
.pb-0,.py-0{ | |
padding-bottom:0!important | |
} | |
.media .avatar-sm{ | |
width:56px; | |
border-radius:50% | |
} | |
/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ | |
.animated{ | |
-webkit-animation-duration:1s; | |
animation-duration:1s; | |
-webkit-animation-fill-mode:both; | |
animation-fill-mode:both | |
} | |
.animated.infinite{ | |
-webkit-animation-iteration-count:infinite; | |
animation-iteration-count:infinite | |
} | |
.animated.hinge{ | |
-webkit-animation-duration:2s; | |
animation-duration:2s | |
} | |
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{ | |
-webkit-animation-duration:.75s; | |
animation-duration:.75s | |
} | |
@-webkit-keyframes bounce{ | |
20%,53%,80%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
40%,43%{ | |
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
-webkit-transform:translate3d(0,-30px,0); | |
transform:translate3d(0,-30px,0) | |
} | |
70%{ | |
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
-webkit-transform:translate3d(0,-15px,0); | |
transform:translate3d(0,-15px,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(0,-4px,0); | |
transform:translate3d(0,-4px,0) | |
} | |
} | |
@keyframes bounce{ | |
20%,53%,80%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
40%,43%{ | |
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
-webkit-transform:translate3d(0,-30px,0); | |
transform:translate3d(0,-30px,0) | |
} | |
70%{ | |
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
animation-timing-function:cubic-bezier(.755,.05,.855,.06); | |
-webkit-transform:translate3d(0,-15px,0); | |
transform:translate3d(0,-15px,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(0,-4px,0); | |
transform:translate3d(0,-4px,0) | |
} | |
} | |
.bounce{ | |
-webkit-animation-name:bounce; | |
animation-name:bounce; | |
-webkit-transform-origin:center bottom; | |
-ms-transform-origin:center bottom; | |
transform-origin:center bottom | |
} | |
@-webkit-keyframes flash{ | |
50%,from,to{ | |
opacity:1 | |
} | |
25%,75%{ | |
opacity:0 | |
} | |
} | |
@keyframes flash{ | |
50%,from,to{ | |
opacity:1 | |
} | |
25%,75%{ | |
opacity:0 | |
} | |
} | |
.flash{ | |
-webkit-animation-name:flash; | |
animation-name:flash | |
} | |
@-webkit-keyframes pulse{ | |
from,to{ | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
50%{ | |
-webkit-transform:scale3d(1.05,1.05,1.05); | |
transform:scale3d(1.05,1.05,1.05) | |
} | |
} | |
@keyframes pulse{ | |
from,to{ | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
50%{ | |
-webkit-transform:scale3d(1.05,1.05,1.05); | |
transform:scale3d(1.05,1.05,1.05) | |
} | |
} | |
.pulse{ | |
-webkit-animation-name:pulse; | |
animation-name:pulse | |
} | |
@-webkit-keyframes rubberBand{ | |
from,to{ | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
30%{ | |
-webkit-transform:scale3d(1.25,.75,1); | |
transform:scale3d(1.25,.75,1) | |
} | |
40%{ | |
-webkit-transform:scale3d(.75,1.25,1); | |
transform:scale3d(.75,1.25,1) | |
} | |
50%{ | |
-webkit-transform:scale3d(1.15,.85,1); | |
transform:scale3d(1.15,.85,1) | |
} | |
65%{ | |
-webkit-transform:scale3d(.95,1.05,1); | |
transform:scale3d(.95,1.05,1) | |
} | |
75%{ | |
-webkit-transform:scale3d(1.05,.95,1); | |
transform:scale3d(1.05,.95,1) | |
} | |
} | |
@keyframes rubberBand{ | |
from,to{ | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
30%{ | |
-webkit-transform:scale3d(1.25,.75,1); | |
transform:scale3d(1.25,.75,1) | |
} | |
40%{ | |
-webkit-transform:scale3d(.75,1.25,1); | |
transform:scale3d(.75,1.25,1) | |
} | |
50%{ | |
-webkit-transform:scale3d(1.15,.85,1); | |
transform:scale3d(1.15,.85,1) | |
} | |
65%{ | |
-webkit-transform:scale3d(.95,1.05,1); | |
transform:scale3d(.95,1.05,1) | |
} | |
75%{ | |
-webkit-transform:scale3d(1.05,.95,1); | |
transform:scale3d(1.05,.95,1) | |
} | |
} | |
.rubberBand{ | |
-webkit-animation-name:rubberBand; | |
animation-name:rubberBand | |
} | |
@-webkit-keyframes shake{ | |
from,to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
10%,30%,50%,70%,90%{ | |
-webkit-transform:translate3d(-10px,0,0); | |
transform:translate3d(-10px,0,0) | |
} | |
20%,40%,60%,80%{ | |
-webkit-transform:translate3d(10px,0,0); | |
transform:translate3d(10px,0,0) | |
} | |
} | |
@keyframes shake{ | |
from,to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
10%,30%,50%,70%,90%{ | |
-webkit-transform:translate3d(-10px,0,0); | |
transform:translate3d(-10px,0,0) | |
} | |
20%,40%,60%,80%{ | |
-webkit-transform:translate3d(10px,0,0); | |
transform:translate3d(10px,0,0) | |
} | |
} | |
.shake{ | |
-webkit-animation-name:shake; | |
animation-name:shake | |
} | |
@-webkit-keyframes headShake{ | |
0%{ | |
-webkit-transform:translateX(0); | |
transform:translateX(0) | |
} | |
6.5%{ | |
-webkit-transform:translateX(-6px) rotateY(-9deg); | |
transform:translateX(-6px) rotateY(-9deg) | |
} | |
18.5%{ | |
-webkit-transform:translateX(5px) rotateY(7deg); | |
transform:translateX(5px) rotateY(7deg) | |
} | |
31.5%{ | |
-webkit-transform:translateX(-3px) rotateY(-5deg); | |
transform:translateX(-3px) rotateY(-5deg) | |
} | |
43.5%{ | |
-webkit-transform:translateX(2px) rotateY(3deg); | |
transform:translateX(2px) rotateY(3deg) | |
} | |
50%{ | |
-webkit-transform:translateX(0); | |
transform:translateX(0) | |
} | |
} | |
@keyframes headShake{ | |
0%{ | |
-webkit-transform:translateX(0); | |
transform:translateX(0) | |
} | |
6.5%{ | |
-webkit-transform:translateX(-6px) rotateY(-9deg); | |
transform:translateX(-6px) rotateY(-9deg) | |
} | |
18.5%{ | |
-webkit-transform:translateX(5px) rotateY(7deg); | |
transform:translateX(5px) rotateY(7deg) | |
} | |
31.5%{ | |
-webkit-transform:translateX(-3px) rotateY(-5deg); | |
transform:translateX(-3px) rotateY(-5deg) | |
} | |
43.5%{ | |
-webkit-transform:translateX(2px) rotateY(3deg); | |
transform:translateX(2px) rotateY(3deg) | |
} | |
50%{ | |
-webkit-transform:translateX(0); | |
transform:translateX(0) | |
} | |
} | |
.headShake{ | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out; | |
-webkit-animation-name:headShake; | |
animation-name:headShake | |
} | |
@-webkit-keyframes swing{ | |
20%{ | |
-webkit-transform:rotate3d(0,0,1,15deg); | |
transform:rotate3d(0,0,1,15deg) | |
} | |
40%{ | |
-webkit-transform:rotate3d(0,0,1,-10deg); | |
transform:rotate3d(0,0,1,-10deg) | |
} | |
60%{ | |
-webkit-transform:rotate3d(0,0,1,5deg); | |
transform:rotate3d(0,0,1,5deg) | |
} | |
80%{ | |
-webkit-transform:rotate3d(0,0,1,-5deg); | |
transform:rotate3d(0,0,1,-5deg) | |
} | |
to{ | |
-webkit-transform:rotate3d(0,0,1,0deg); | |
transform:rotate3d(0,0,1,0deg) | |
} | |
} | |
@keyframes swing{ | |
20%{ | |
-webkit-transform:rotate3d(0,0,1,15deg); | |
transform:rotate3d(0,0,1,15deg) | |
} | |
40%{ | |
-webkit-transform:rotate3d(0,0,1,-10deg); | |
transform:rotate3d(0,0,1,-10deg) | |
} | |
60%{ | |
-webkit-transform:rotate3d(0,0,1,5deg); | |
transform:rotate3d(0,0,1,5deg) | |
} | |
80%{ | |
-webkit-transform:rotate3d(0,0,1,-5deg); | |
transform:rotate3d(0,0,1,-5deg) | |
} | |
to{ | |
-webkit-transform:rotate3d(0,0,1,0deg); | |
transform:rotate3d(0,0,1,0deg) | |
} | |
} | |
.swing{ | |
-webkit-transform-origin:top center; | |
-ms-transform-origin:top center; | |
transform-origin:top center; | |
-webkit-animation-name:swing; | |
animation-name:swing | |
} | |
@-webkit-keyframes tada{ | |
from,to{ | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
10%,20%{ | |
-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); | |
transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) | |
} | |
30%,50%,70%,90%{ | |
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); | |
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) | |
} | |
40%,60%,80%{ | |
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); | |
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) | |
} | |
} | |
@keyframes tada{ | |
from,to{ | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
10%,20%{ | |
-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); | |
transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) | |
} | |
30%,50%,70%,90%{ | |
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); | |
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) | |
} | |
40%,60%,80%{ | |
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); | |
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) | |
} | |
} | |
.tada{ | |
-webkit-animation-name:tada; | |
animation-name:tada | |
} | |
@-webkit-keyframes wobble{ | |
from,to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
15%{ | |
-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); | |
transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) | |
} | |
30%{ | |
-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); | |
transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) | |
} | |
45%{ | |
-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); | |
transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) | |
} | |
60%{ | |
-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); | |
transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) | |
} | |
75%{ | |
-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); | |
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) | |
} | |
} | |
@keyframes wobble{ | |
from,to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
15%{ | |
-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); | |
transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) | |
} | |
30%{ | |
-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); | |
transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg) | |
} | |
45%{ | |
-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); | |
transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) | |
} | |
60%{ | |
-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); | |
transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg) | |
} | |
75%{ | |
-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); | |
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) | |
} | |
} | |
.wobble{ | |
-webkit-animation-name:wobble; | |
animation-name:wobble | |
} | |
@-webkit-keyframes jello{ | |
11.1%,from,to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
22.2%{ | |
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg); | |
transform:skewX(-12.5deg) skewY(-12.5deg) | |
} | |
33.3%{ | |
-webkit-transform:skewX(6.25deg) skewY(6.25deg); | |
transform:skewX(6.25deg) skewY(6.25deg) | |
} | |
44.4%{ | |
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg); | |
transform:skewX(-3.125deg) skewY(-3.125deg) | |
} | |
55.5%{ | |
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg); | |
transform:skewX(1.5625deg) skewY(1.5625deg) | |
} | |
66.6%{ | |
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg); | |
transform:skewX(-.78125deg) skewY(-.78125deg) | |
} | |
77.7%{ | |
-webkit-transform:skewX(.39062deg) skewY(.39062deg); | |
transform:skewX(.39062deg) skewY(.39062deg) | |
} | |
88.8%{ | |
-webkit-transform:skewX(-.19531deg) skewY(-.19531deg); | |
transform:skewX(-.19531deg) skewY(-.19531deg) | |
} | |
} | |
@keyframes jello{ | |
11.1%,from,to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
22.2%{ | |
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg); | |
transform:skewX(-12.5deg) skewY(-12.5deg) | |
} | |
33.3%{ | |
-webkit-transform:skewX(6.25deg) skewY(6.25deg); | |
transform:skewX(6.25deg) skewY(6.25deg) | |
} | |
44.4%{ | |
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg); | |
transform:skewX(-3.125deg) skewY(-3.125deg) | |
} | |
55.5%{ | |
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg); | |
transform:skewX(1.5625deg) skewY(1.5625deg) | |
} | |
66.6%{ | |
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg); | |
transform:skewX(-.78125deg) skewY(-.78125deg) | |
} | |
77.7%{ | |
-webkit-transform:skewX(.39062deg) skewY(.39062deg); | |
transform:skewX(.39062deg) skewY(.39062deg) | |
} | |
88.8%{ | |
-webkit-transform:skewX(-.19531deg) skewY(-.19531deg); | |
transform:skewX(-.19531deg) skewY(-.19531deg) | |
} | |
} | |
.jello{ | |
-webkit-animation-name:jello; | |
animation-name:jello; | |
-webkit-transform-origin:center; | |
-ms-transform-origin:center; | |
transform-origin:center | |
} | |
@-webkit-keyframes bounceIn{ | |
20%,40%,60%,80%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
0%{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
20%{ | |
-webkit-transform:scale3d(1.1,1.1,1.1); | |
transform:scale3d(1.1,1.1,1.1) | |
} | |
40%{ | |
-webkit-transform:scale3d(.9,.9,.9); | |
transform:scale3d(.9,.9,.9) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(1.03,1.03,1.03); | |
transform:scale3d(1.03,1.03,1.03) | |
} | |
80%{ | |
-webkit-transform:scale3d(.97,.97,.97); | |
transform:scale3d(.97,.97,.97) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
} | |
@keyframes bounceIn{ | |
20%,40%,60%,80%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
0%{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
20%{ | |
-webkit-transform:scale3d(1.1,1.1,1.1); | |
transform:scale3d(1.1,1.1,1.1) | |
} | |
40%{ | |
-webkit-transform:scale3d(.9,.9,.9); | |
transform:scale3d(.9,.9,.9) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(1.03,1.03,1.03); | |
transform:scale3d(1.03,1.03,1.03) | |
} | |
80%{ | |
-webkit-transform:scale3d(.97,.97,.97); | |
transform:scale3d(.97,.97,.97) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:scale3d(1,1,1); | |
transform:scale3d(1,1,1) | |
} | |
} | |
.bounceIn{ | |
-webkit-animation-name:bounceIn; | |
animation-name:bounceIn | |
} | |
@-webkit-keyframes bounceInDown{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
0%{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-3000px,0); | |
transform:translate3d(0,-3000px,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,25px,0); | |
transform:translate3d(0,25px,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(0,-10px,0); | |
transform:translate3d(0,-10px,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(0,5px,0); | |
transform:translate3d(0,5px,0) | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes bounceInDown{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
0%{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-3000px,0); | |
transform:translate3d(0,-3000px,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,25px,0); | |
transform:translate3d(0,25px,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(0,-10px,0); | |
transform:translate3d(0,-10px,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(0,5px,0); | |
transform:translate3d(0,5px,0) | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.bounceInDown{ | |
-webkit-animation-name:bounceInDown; | |
animation-name:bounceInDown | |
} | |
@-webkit-keyframes bounceInLeft{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
0%{ | |
opacity:0; | |
-webkit-transform:translate3d(-3000px,0,0); | |
transform:translate3d(-3000px,0,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(25px,0,0); | |
transform:translate3d(25px,0,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(-10px,0,0); | |
transform:translate3d(-10px,0,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(5px,0,0); | |
transform:translate3d(5px,0,0) | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes bounceInLeft{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
0%{ | |
opacity:0; | |
-webkit-transform:translate3d(-3000px,0,0); | |
transform:translate3d(-3000px,0,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(25px,0,0); | |
transform:translate3d(25px,0,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(-10px,0,0); | |
transform:translate3d(-10px,0,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(5px,0,0); | |
transform:translate3d(5px,0,0) | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.bounceInLeft{ | |
-webkit-animation-name:bounceInLeft; | |
animation-name:bounceInLeft | |
} | |
@-webkit-keyframes bounceInRight{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(3000px,0,0); | |
transform:translate3d(3000px,0,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(-25px,0,0); | |
transform:translate3d(-25px,0,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(10px,0,0); | |
transform:translate3d(10px,0,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(-5px,0,0); | |
transform:translate3d(-5px,0,0) | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes bounceInRight{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(3000px,0,0); | |
transform:translate3d(3000px,0,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(-25px,0,0); | |
transform:translate3d(-25px,0,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(10px,0,0); | |
transform:translate3d(10px,0,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(-5px,0,0); | |
transform:translate3d(-5px,0,0) | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.bounceInRight{ | |
-webkit-animation-name:bounceInRight; | |
animation-name:bounceInRight | |
} | |
@-webkit-keyframes bounceInUp{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,3000px,0); | |
transform:translate3d(0,3000px,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,-20px,0); | |
transform:translate3d(0,-20px,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(0,10px,0); | |
transform:translate3d(0,10px,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(0,-5px,0); | |
transform:translate3d(0,-5px,0) | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
@keyframes bounceInUp{ | |
60%,75%,90%,from,to{ | |
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); | |
animation-timing-function:cubic-bezier(.215,.61,.355,1) | |
} | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,3000px,0); | |
transform:translate3d(0,3000px,0) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,-20px,0); | |
transform:translate3d(0,-20px,0) | |
} | |
75%{ | |
-webkit-transform:translate3d(0,10px,0); | |
transform:translate3d(0,10px,0) | |
} | |
90%{ | |
-webkit-transform:translate3d(0,-5px,0); | |
transform:translate3d(0,-5px,0) | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
.bounceInUp{ | |
-webkit-animation-name:bounceInUp; | |
animation-name:bounceInUp | |
} | |
@-webkit-keyframes bounceOut{ | |
20%{ | |
-webkit-transform:scale3d(.9,.9,.9); | |
transform:scale3d(.9,.9,.9) | |
} | |
50%,55%{ | |
opacity:1; | |
-webkit-transform:scale3d(1.1,1.1,1.1); | |
transform:scale3d(1.1,1.1,1.1) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
} | |
@keyframes bounceOut{ | |
20%{ | |
-webkit-transform:scale3d(.9,.9,.9); | |
transform:scale3d(.9,.9,.9) | |
} | |
50%,55%{ | |
opacity:1; | |
-webkit-transform:scale3d(1.1,1.1,1.1); | |
transform:scale3d(1.1,1.1,1.1) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
} | |
.bounceOut{ | |
-webkit-animation-name:bounceOut; | |
animation-name:bounceOut | |
} | |
@-webkit-keyframes bounceOutDown{ | |
20%{ | |
-webkit-transform:translate3d(0,10px,0); | |
transform:translate3d(0,10px,0) | |
} | |
40%,45%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,-20px,0); | |
transform:translate3d(0,-20px,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,2000px,0); | |
transform:translate3d(0,2000px,0) | |
} | |
} | |
@keyframes bounceOutDown{ | |
20%{ | |
-webkit-transform:translate3d(0,10px,0); | |
transform:translate3d(0,10px,0) | |
} | |
40%,45%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,-20px,0); | |
transform:translate3d(0,-20px,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,2000px,0); | |
transform:translate3d(0,2000px,0) | |
} | |
} | |
.bounceOutDown{ | |
-webkit-animation-name:bounceOutDown; | |
animation-name:bounceOutDown | |
} | |
@-webkit-keyframes bounceOutLeft{ | |
20%{ | |
opacity:1; | |
-webkit-transform:translate3d(20px,0,0); | |
transform:translate3d(20px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(-2000px,0,0); | |
transform:translate3d(-2000px,0,0) | |
} | |
} | |
@keyframes bounceOutLeft{ | |
20%{ | |
opacity:1; | |
-webkit-transform:translate3d(20px,0,0); | |
transform:translate3d(20px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(-2000px,0,0); | |
transform:translate3d(-2000px,0,0) | |
} | |
} | |
.bounceOutLeft{ | |
-webkit-animation-name:bounceOutLeft; | |
animation-name:bounceOutLeft | |
} | |
@-webkit-keyframes bounceOutRight{ | |
20%{ | |
opacity:1; | |
-webkit-transform:translate3d(-20px,0,0); | |
transform:translate3d(-20px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(2000px,0,0); | |
transform:translate3d(2000px,0,0) | |
} | |
} | |
@keyframes bounceOutRight{ | |
20%{ | |
opacity:1; | |
-webkit-transform:translate3d(-20px,0,0); | |
transform:translate3d(-20px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(2000px,0,0); | |
transform:translate3d(2000px,0,0) | |
} | |
} | |
.bounceOutRight{ | |
-webkit-animation-name:bounceOutRight; | |
animation-name:bounceOutRight | |
} | |
@-webkit-keyframes bounceOutUp{ | |
20%{ | |
-webkit-transform:translate3d(0,-10px,0); | |
transform:translate3d(0,-10px,0) | |
} | |
40%,45%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,20px,0); | |
transform:translate3d(0,20px,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-2000px,0); | |
transform:translate3d(0,-2000px,0) | |
} | |
} | |
@keyframes bounceOutUp{ | |
20%{ | |
-webkit-transform:translate3d(0,-10px,0); | |
transform:translate3d(0,-10px,0) | |
} | |
40%,45%{ | |
opacity:1; | |
-webkit-transform:translate3d(0,20px,0); | |
transform:translate3d(0,20px,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-2000px,0); | |
transform:translate3d(0,-2000px,0) | |
} | |
} | |
.bounceOutUp{ | |
-webkit-animation-name:bounceOutUp; | |
animation-name:bounceOutUp | |
} | |
@-webkit-keyframes fadeIn{ | |
from{ | |
opacity:0 | |
} | |
to{ | |
opacity:1 | |
} | |
} | |
@keyframes fadeIn{ | |
from{ | |
opacity:0 | |
} | |
to{ | |
opacity:1 | |
} | |
} | |
.fadeIn{ | |
-webkit-animation-name:fadeIn; | |
animation-name:fadeIn | |
} | |
@-webkit-keyframes fadeInDown{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInDown{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInDown{ | |
-webkit-animation-name:fadeInDown; | |
animation-name:fadeInDown | |
} | |
@-webkit-keyframes fadeInDownBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-2000px,0); | |
transform:translate3d(0,-2000px,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInDownBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-2000px,0); | |
transform:translate3d(0,-2000px,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInDownBig{ | |
-webkit-animation-name:fadeInDownBig; | |
animation-name:fadeInDownBig | |
} | |
@-webkit-keyframes fadeInLeft{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInLeft{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInLeft{ | |
-webkit-animation-name:fadeInLeft; | |
animation-name:fadeInLeft | |
} | |
@-webkit-keyframes fadeInLeftBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(-2000px,0,0); | |
transform:translate3d(-2000px,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInLeftBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(-2000px,0,0); | |
transform:translate3d(-2000px,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInLeftBig{ | |
-webkit-animation-name:fadeInLeftBig; | |
animation-name:fadeInLeftBig | |
} | |
@-webkit-keyframes fadeInRight{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInRight{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInRight{ | |
-webkit-animation-name:fadeInRight; | |
animation-name:fadeInRight | |
} | |
@-webkit-keyframes fadeInRightBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(2000px,0,0); | |
transform:translate3d(2000px,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInRightBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(2000px,0,0); | |
transform:translate3d(2000px,0,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInRightBig{ | |
-webkit-animation-name:fadeInRightBig; | |
animation-name:fadeInRightBig | |
} | |
@-webkit-keyframes fadeInUp{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInUp{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInUp{ | |
-webkit-animation-name:fadeInUp; | |
animation-name:fadeInUp | |
} | |
@-webkit-keyframes fadeInUpBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,2000px,0); | |
transform:translate3d(0,2000px,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes fadeInUpBig{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(0,2000px,0); | |
transform:translate3d(0,2000px,0) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.fadeInUpBig{ | |
-webkit-animation-name:fadeInUpBig; | |
animation-name:fadeInUpBig | |
} | |
@-webkit-keyframes fadeOut{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0 | |
} | |
} | |
@keyframes fadeOut{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0 | |
} | |
} | |
.fadeOut{ | |
-webkit-animation-name:fadeOut; | |
animation-name:fadeOut | |
} | |
@-webkit-keyframes fadeOutDown{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0) | |
} | |
} | |
@keyframes fadeOutDown{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0) | |
} | |
} | |
.fadeOutDown{ | |
-webkit-animation-name:fadeOutDown; | |
animation-name:fadeOutDown | |
} | |
@-webkit-keyframes fadeOutDownBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,2000px,0); | |
transform:translate3d(0,2000px,0) | |
} | |
} | |
@keyframes fadeOutDownBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,2000px,0); | |
transform:translate3d(0,2000px,0) | |
} | |
} | |
.fadeOutDownBig{ | |
-webkit-animation-name:fadeOutDownBig; | |
animation-name:fadeOutDownBig | |
} | |
@-webkit-keyframes fadeOutLeft{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0) | |
} | |
} | |
@keyframes fadeOutLeft{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0) | |
} | |
} | |
.fadeOutLeft{ | |
-webkit-animation-name:fadeOutLeft; | |
animation-name:fadeOutLeft | |
} | |
@-webkit-keyframes fadeOutLeftBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(-2000px,0,0); | |
transform:translate3d(-2000px,0,0) | |
} | |
} | |
@keyframes fadeOutLeftBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(-2000px,0,0); | |
transform:translate3d(-2000px,0,0) | |
} | |
} | |
.fadeOutLeftBig{ | |
-webkit-animation-name:fadeOutLeftBig; | |
animation-name:fadeOutLeftBig | |
} | |
@-webkit-keyframes fadeOutRight{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0) | |
} | |
} | |
@keyframes fadeOutRight{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0) | |
} | |
} | |
.fadeOutRight{ | |
-webkit-animation-name:fadeOutRight; | |
animation-name:fadeOutRight | |
} | |
@-webkit-keyframes fadeOutRightBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(2000px,0,0); | |
transform:translate3d(2000px,0,0) | |
} | |
} | |
@keyframes fadeOutRightBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(2000px,0,0); | |
transform:translate3d(2000px,0,0) | |
} | |
} | |
.fadeOutRightBig{ | |
-webkit-animation-name:fadeOutRightBig; | |
animation-name:fadeOutRightBig | |
} | |
@-webkit-keyframes fadeOutUp{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0) | |
} | |
} | |
@keyframes fadeOutUp{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0) | |
} | |
} | |
.fadeOutUp{ | |
-webkit-animation-name:fadeOutUp; | |
animation-name:fadeOutUp | |
} | |
@-webkit-keyframes fadeOutUpBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-2000px,0); | |
transform:translate3d(0,-2000px,0) | |
} | |
} | |
@keyframes fadeOutUpBig{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(0,-2000px,0); | |
transform:translate3d(0,-2000px,0) | |
} | |
} | |
.fadeOutUpBig{ | |
-webkit-animation-name:fadeOutUpBig; | |
animation-name:fadeOutUpBig | |
} | |
@-webkit-keyframes flip{ | |
from{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); | |
transform:perspective(400px) rotate3d(0,1,0,-360deg); | |
-webkit-animation-timing-function:ease-out; | |
animation-timing-function:ease-out | |
} | |
40%{ | |
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); | |
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); | |
-webkit-animation-timing-function:ease-out; | |
animation-timing-function:ease-out | |
} | |
50%{ | |
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); | |
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
80%{ | |
-webkit-transform:perspective(400px) scale3d(.95,.95,.95); | |
transform:perspective(400px) scale3d(.95,.95,.95); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
to{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
} | |
@keyframes flip{ | |
from{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); | |
transform:perspective(400px) rotate3d(0,1,0,-360deg); | |
-webkit-animation-timing-function:ease-out; | |
animation-timing-function:ease-out | |
} | |
40%{ | |
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); | |
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); | |
-webkit-animation-timing-function:ease-out; | |
animation-timing-function:ease-out | |
} | |
50%{ | |
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); | |
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
80%{ | |
-webkit-transform:perspective(400px) scale3d(.95,.95,.95); | |
transform:perspective(400px) scale3d(.95,.95,.95); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
to{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
} | |
.animated.flip{ | |
-webkit-backface-visibility:visible; | |
backface-visibility:visible; | |
-webkit-animation-name:flip; | |
animation-name:flip | |
} | |
@-webkit-keyframes flipInX{ | |
from{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); | |
transform:perspective(400px) rotate3d(1,0,0,90deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in; | |
opacity:0 | |
} | |
40%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
60%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); | |
transform:perspective(400px) rotate3d(1,0,0,10deg); | |
opacity:1 | |
} | |
80%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); | |
transform:perspective(400px) rotate3d(1,0,0,-5deg) | |
} | |
to{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
} | |
@keyframes flipInX{ | |
from{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); | |
transform:perspective(400px) rotate3d(1,0,0,90deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in; | |
opacity:0 | |
} | |
40%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
60%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); | |
transform:perspective(400px) rotate3d(1,0,0,10deg); | |
opacity:1 | |
} | |
80%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); | |
transform:perspective(400px) rotate3d(1,0,0,-5deg) | |
} | |
to{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
} | |
.flipInX{ | |
-webkit-backface-visibility:visible!important; | |
backface-visibility:visible!important; | |
-webkit-animation-name:flipInX; | |
animation-name:flipInX | |
} | |
.flipInY,.flipOutX{ | |
-webkit-backface-visibility:visible!important | |
} | |
@-webkit-keyframes flipInY{ | |
from{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); | |
transform:perspective(400px) rotate3d(0,1,0,90deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in; | |
opacity:0 | |
} | |
40%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); | |
transform:perspective(400px) rotate3d(0,1,0,-20deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
60%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); | |
transform:perspective(400px) rotate3d(0,1,0,10deg); | |
opacity:1 | |
} | |
80%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); | |
transform:perspective(400px) rotate3d(0,1,0,-5deg) | |
} | |
to{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
} | |
@keyframes flipInY{ | |
from{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); | |
transform:perspective(400px) rotate3d(0,1,0,90deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in; | |
opacity:0 | |
} | |
40%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); | |
transform:perspective(400px) rotate3d(0,1,0,-20deg); | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
60%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); | |
transform:perspective(400px) rotate3d(0,1,0,10deg); | |
opacity:1 | |
} | |
80%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); | |
transform:perspective(400px) rotate3d(0,1,0,-5deg) | |
} | |
to{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
} | |
.flipInY{ | |
backface-visibility:visible!important; | |
-webkit-animation-name:flipInY; | |
animation-name:flipInY | |
} | |
@-webkit-keyframes flipOutX{ | |
from{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
30%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); | |
transform:perspective(400px) rotate3d(1,0,0,90deg); | |
opacity:0 | |
} | |
} | |
@keyframes flipOutX{ | |
from{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
30%{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
transform:perspective(400px) rotate3d(1,0,0,-20deg); | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); | |
transform:perspective(400px) rotate3d(1,0,0,90deg); | |
opacity:0 | |
} | |
} | |
.flipOutX{ | |
-webkit-animation-name:flipOutX; | |
animation-name:flipOutX; | |
backface-visibility:visible!important | |
} | |
@-webkit-keyframes flipOutY{ | |
from{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
30%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); | |
transform:perspective(400px) rotate3d(0,1,0,-15deg); | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); | |
transform:perspective(400px) rotate3d(0,1,0,90deg); | |
opacity:0 | |
} | |
} | |
@keyframes flipOutY{ | |
from{ | |
-webkit-transform:perspective(400px); | |
transform:perspective(400px) | |
} | |
30%{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); | |
transform:perspective(400px) rotate3d(0,1,0,-15deg); | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); | |
transform:perspective(400px) rotate3d(0,1,0,90deg); | |
opacity:0 | |
} | |
} | |
.flipOutY{ | |
-webkit-backface-visibility:visible!important; | |
backface-visibility:visible!important; | |
-webkit-animation-name:flipOutY; | |
animation-name:flipOutY | |
} | |
@-webkit-keyframes lightSpeedIn{ | |
from{ | |
-webkit-transform:translate3d(100%,0,0) skewX(-30deg); | |
transform:translate3d(100%,0,0) skewX(-30deg); | |
opacity:0 | |
} | |
60%{ | |
-webkit-transform:skewX(20deg); | |
transform:skewX(20deg); | |
opacity:1 | |
} | |
80%{ | |
-webkit-transform:skewX(-5deg); | |
transform:skewX(-5deg); | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
@keyframes lightSpeedIn{ | |
from{ | |
-webkit-transform:translate3d(100%,0,0) skewX(-30deg); | |
transform:translate3d(100%,0,0) skewX(-30deg); | |
opacity:0 | |
} | |
60%{ | |
-webkit-transform:skewX(20deg); | |
transform:skewX(20deg); | |
opacity:1 | |
} | |
80%{ | |
-webkit-transform:skewX(-5deg); | |
transform:skewX(-5deg); | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
.lightSpeedIn{ | |
-webkit-animation-name:lightSpeedIn; | |
animation-name:lightSpeedIn; | |
-webkit-animation-timing-function:ease-out; | |
animation-timing-function:ease-out | |
} | |
@-webkit-keyframes lightSpeedOut{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:translate3d(100%,0,0) skewX(30deg); | |
transform:translate3d(100%,0,0) skewX(30deg); | |
opacity:0 | |
} | |
} | |
@keyframes lightSpeedOut{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:translate3d(100%,0,0) skewX(30deg); | |
transform:translate3d(100%,0,0) skewX(30deg); | |
opacity:0 | |
} | |
} | |
.lightSpeedOut{ | |
-webkit-animation-name:lightSpeedOut; | |
animation-name:lightSpeedOut; | |
-webkit-animation-timing-function:ease-in; | |
animation-timing-function:ease-in | |
} | |
@-webkit-keyframes rotateIn{ | |
from{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
-webkit-transform:rotate3d(0,0,1,-200deg); | |
transform:rotate3d(0,0,1,-200deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
@keyframes rotateIn{ | |
from{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
-webkit-transform:rotate3d(0,0,1,-200deg); | |
transform:rotate3d(0,0,1,-200deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
.rotateIn{ | |
-webkit-animation-name:rotateIn; | |
animation-name:rotateIn | |
} | |
@-webkit-keyframes rotateInDownLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,-45deg); | |
transform:rotate3d(0,0,1,-45deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
@keyframes rotateInDownLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,-45deg); | |
transform:rotate3d(0,0,1,-45deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
.rotateInDownLeft{ | |
-webkit-animation-name:rotateInDownLeft; | |
animation-name:rotateInDownLeft | |
} | |
@-webkit-keyframes rotateInDownRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,45deg); | |
transform:rotate3d(0,0,1,45deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
@keyframes rotateInDownRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,45deg); | |
transform:rotate3d(0,0,1,45deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
.rotateInDownRight{ | |
-webkit-animation-name:rotateInDownRight; | |
animation-name:rotateInDownRight | |
} | |
@-webkit-keyframes rotateInUpLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,45deg); | |
transform:rotate3d(0,0,1,45deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
@keyframes rotateInUpLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,45deg); | |
transform:rotate3d(0,0,1,45deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
.rotateInUpLeft{ | |
-webkit-animation-name:rotateInUpLeft; | |
animation-name:rotateInUpLeft | |
} | |
@-webkit-keyframes rotateInUpRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,-90deg); | |
transform:rotate3d(0,0,1,-90deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
@keyframes rotateInUpRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,-90deg); | |
transform:rotate3d(0,0,1,-90deg); | |
opacity:0 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:none; | |
transform:none; | |
opacity:1 | |
} | |
} | |
.rotateInUpRight{ | |
-webkit-animation-name:rotateInUpRight; | |
animation-name:rotateInUpRight | |
} | |
@-webkit-keyframes rotateOut{ | |
from{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
-webkit-transform:rotate3d(0,0,1,200deg); | |
transform:rotate3d(0,0,1,200deg); | |
opacity:0 | |
} | |
} | |
@keyframes rotateOut{ | |
from{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:center; | |
transform-origin:center; | |
-webkit-transform:rotate3d(0,0,1,200deg); | |
transform:rotate3d(0,0,1,200deg); | |
opacity:0 | |
} | |
} | |
.rotateOut{ | |
-webkit-animation-name:rotateOut; | |
animation-name:rotateOut | |
} | |
@-webkit-keyframes rotateOutDownLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,45deg); | |
transform:rotate3d(0,0,1,45deg); | |
opacity:0 | |
} | |
} | |
@keyframes rotateOutDownLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,45deg); | |
transform:rotate3d(0,0,1,45deg); | |
opacity:0 | |
} | |
} | |
.rotateOutDownLeft{ | |
-webkit-animation-name:rotateOutDownLeft; | |
animation-name:rotateOutDownLeft | |
} | |
@-webkit-keyframes rotateOutDownRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,-45deg); | |
transform:rotate3d(0,0,1,-45deg); | |
opacity:0 | |
} | |
} | |
@keyframes rotateOutDownRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,-45deg); | |
transform:rotate3d(0,0,1,-45deg); | |
opacity:0 | |
} | |
} | |
.rotateOutDownRight{ | |
-webkit-animation-name:rotateOutDownRight; | |
animation-name:rotateOutDownRight | |
} | |
@-webkit-keyframes rotateOutUpLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,-45deg); | |
transform:rotate3d(0,0,1,-45deg); | |
opacity:0 | |
} | |
} | |
@keyframes rotateOutUpLeft{ | |
from{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:left bottom; | |
transform-origin:left bottom; | |
-webkit-transform:rotate3d(0,0,1,-45deg); | |
transform:rotate3d(0,0,1,-45deg); | |
opacity:0 | |
} | |
} | |
.rotateOutUpLeft{ | |
-webkit-animation-name:rotateOutUpLeft; | |
animation-name:rotateOutUpLeft | |
} | |
@-webkit-keyframes rotateOutUpRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,90deg); | |
transform:rotate3d(0,0,1,90deg); | |
opacity:0 | |
} | |
} | |
@keyframes rotateOutUpRight{ | |
from{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform-origin:right bottom; | |
transform-origin:right bottom; | |
-webkit-transform:rotate3d(0,0,1,90deg); | |
transform:rotate3d(0,0,1,90deg); | |
opacity:0 | |
} | |
} | |
.rotateOutUpRight{ | |
-webkit-animation-name:rotateOutUpRight; | |
animation-name:rotateOutUpRight | |
} | |
@-webkit-keyframes hinge{ | |
0%{ | |
-webkit-transform-origin:top left; | |
transform-origin:top left; | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out | |
} | |
20%,60%{ | |
-webkit-transform:rotate3d(0,0,1,80deg); | |
transform:rotate3d(0,0,1,80deg); | |
-webkit-transform-origin:top left; | |
transform-origin:top left; | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out | |
} | |
40%,80%{ | |
-webkit-transform:rotate3d(0,0,1,60deg); | |
transform:rotate3d(0,0,1,60deg); | |
-webkit-transform-origin:top left; | |
transform-origin:top left; | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:translate3d(0,700px,0); | |
transform:translate3d(0,700px,0); | |
opacity:0 | |
} | |
} | |
@keyframes hinge{ | |
0%{ | |
-webkit-transform-origin:top left; | |
transform-origin:top left; | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out | |
} | |
20%,60%{ | |
-webkit-transform:rotate3d(0,0,1,80deg); | |
transform:rotate3d(0,0,1,80deg); | |
-webkit-transform-origin:top left; | |
transform-origin:top left; | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out | |
} | |
40%,80%{ | |
-webkit-transform:rotate3d(0,0,1,60deg); | |
transform:rotate3d(0,0,1,60deg); | |
-webkit-transform-origin:top left; | |
transform-origin:top left; | |
-webkit-animation-timing-function:ease-in-out; | |
animation-timing-function:ease-in-out; | |
opacity:1 | |
} | |
to{ | |
-webkit-transform:translate3d(0,700px,0); | |
transform:translate3d(0,700px,0); | |
opacity:0 | |
} | |
} | |
.hinge{ | |
-webkit-animation-name:hinge; | |
animation-name:hinge | |
} | |
@-webkit-keyframes rollIn{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); | |
transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
@keyframes rollIn{ | |
from{ | |
opacity:0; | |
-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); | |
transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) | |
} | |
to{ | |
opacity:1; | |
-webkit-transform:none; | |
transform:none | |
} | |
} | |
.rollIn{ | |
-webkit-animation-name:rollIn; | |
animation-name:rollIn | |
} | |
@-webkit-keyframes rollOut{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); | |
transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg) | |
} | |
} | |
@keyframes rollOut{ | |
from{ | |
opacity:1 | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); | |
transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg) | |
} | |
} | |
.rollOut{ | |
-webkit-animation-name:rollOut; | |
animation-name:rollOut | |
} | |
@-webkit-keyframes zoomIn{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
50%{ | |
opacity:1 | |
} | |
} | |
@keyframes zoomIn{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
50%{ | |
opacity:1 | |
} | |
} | |
.zoomIn{ | |
-webkit-animation-name:zoomIn; | |
animation-name:zoomIn | |
} | |
@-webkit-keyframes zoomInDown{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
@keyframes zoomInDown{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
.zoomInDown{ | |
-webkit-animation-name:zoomInDown; | |
animation-name:zoomInDown | |
} | |
@-webkit-keyframes zoomInLeft{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); | |
transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(10px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
@keyframes zoomInLeft{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); | |
transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(10px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
.zoomInLeft{ | |
-webkit-animation-name:zoomInLeft; | |
animation-name:zoomInLeft | |
} | |
@-webkit-keyframes zoomInRight{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); | |
transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
@keyframes zoomInRight{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); | |
transform:scale3d(.1,.1,.1) translate3d(1000px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(-10px,0,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
.zoomInRight{ | |
-webkit-animation-name:zoomInRight; | |
animation-name:zoomInRight | |
} | |
@-webkit-keyframes zoomInUp{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
@keyframes zoomInUp{ | |
from{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,1000px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
60%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
.zoomInUp{ | |
-webkit-animation-name:zoomInUp; | |
animation-name:zoomInUp | |
} | |
@-webkit-keyframes zoomOut{ | |
from{ | |
opacity:1 | |
} | |
50%{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
to{ | |
opacity:0 | |
} | |
} | |
@keyframes zoomOut{ | |
from{ | |
opacity:1 | |
} | |
50%{ | |
opacity:0; | |
-webkit-transform:scale3d(.3,.3,.3); | |
transform:scale3d(.3,.3,.3) | |
} | |
to{ | |
opacity:0 | |
} | |
} | |
.zoomOut{ | |
-webkit-animation-name:zoomOut; | |
animation-name:zoomOut | |
} | |
@-webkit-keyframes zoomOutDown{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); | |
-webkit-transform-origin:center bottom; | |
transform-origin:center bottom; | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
@keyframes zoomOutDown{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0); | |
-webkit-transform-origin:center bottom; | |
transform-origin:center bottom; | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
.zoomOutDown{ | |
-webkit-animation-name:zoomOutDown; | |
animation-name:zoomOutDown | |
} | |
@-webkit-keyframes zoomOutLeft{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(42px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale(.1) translate3d(-2000px,0,0); | |
transform:scale(.1) translate3d(-2000px,0,0); | |
-webkit-transform-origin:left center; | |
transform-origin:left center | |
} | |
} | |
@keyframes zoomOutLeft{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(42px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale(.1) translate3d(-2000px,0,0); | |
transform:scale(.1) translate3d(-2000px,0,0); | |
-webkit-transform-origin:left center; | |
transform-origin:left center | |
} | |
} | |
.zoomOutLeft{ | |
-webkit-animation-name:zoomOutLeft; | |
animation-name:zoomOutLeft | |
} | |
@-webkit-keyframes zoomOutRight{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale(.1) translate3d(2000px,0,0); | |
transform:scale(.1) translate3d(2000px,0,0); | |
-webkit-transform-origin:right center; | |
transform-origin:right center | |
} | |
} | |
@keyframes zoomOutRight{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0); | |
transform:scale3d(.475,.475,.475) translate3d(-42px,0,0) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale(.1) translate3d(2000px,0,0); | |
transform:scale(.1) translate3d(2000px,0,0); | |
-webkit-transform-origin:right center; | |
transform-origin:right center | |
} | |
} | |
.zoomOutRight{ | |
-webkit-animation-name:zoomOutRight; | |
animation-name:zoomOutRight | |
} | |
@-webkit-keyframes zoomOutUp{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); | |
-webkit-transform-origin:center bottom; | |
transform-origin:center bottom; | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
@keyframes zoomOutUp{ | |
40%{ | |
opacity:1; | |
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
transform:scale3d(.475,.475,.475) translate3d(0,60px,0); | |
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19); | |
animation-timing-function:cubic-bezier(.55,.055,.675,.19) | |
} | |
to{ | |
opacity:0; | |
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); | |
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0); | |
-webkit-transform-origin:center bottom; | |
transform-origin:center bottom; | |
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1); | |
animation-timing-function:cubic-bezier(.175,.885,.32,1) | |
} | |
} | |
.zoomOutUp{ | |
-webkit-animation-name:zoomOutUp; | |
animation-name:zoomOutUp | |
} | |
@-webkit-keyframes slideInDown{ | |
from{ | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
@keyframes slideInDown{ | |
from{ | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
.slideInDown{ | |
-webkit-animation-name:slideInDown; | |
animation-name:slideInDown | |
} | |
@-webkit-keyframes slideInLeft{ | |
from{ | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
@keyframes slideInLeft{ | |
from{ | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
.slideInLeft{ | |
-webkit-animation-name:slideInLeft; | |
animation-name:slideInLeft | |
} | |
@-webkit-keyframes slideInRight{ | |
from{ | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
@keyframes slideInRight{ | |
from{ | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
.slideInRight{ | |
-webkit-animation-name:slideInRight; | |
animation-name:slideInRight | |
} | |
@-webkit-keyframes slideInUp{ | |
from{ | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
@keyframes slideInUp{ | |
from{ | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0); | |
visibility:visible | |
} | |
to{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
.slideInUp{ | |
-webkit-animation-name:slideInUp; | |
animation-name:slideInUp | |
} | |
@-webkit-keyframes slideOutDown{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0) | |
} | |
} | |
@keyframes slideOutDown{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(0,100%,0); | |
transform:translate3d(0,100%,0) | |
} | |
} | |
.slideOutDown{ | |
-webkit-animation-name:slideOutDown; | |
animation-name:slideOutDown | |
} | |
@-webkit-keyframes slideOutLeft{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0) | |
} | |
} | |
@keyframes slideOutLeft{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(-100%,0,0); | |
transform:translate3d(-100%,0,0) | |
} | |
} | |
.slideOutLeft{ | |
-webkit-animation-name:slideOutLeft; | |
animation-name:slideOutLeft | |
} | |
@-webkit-keyframes slideOutRight{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0) | |
} | |
} | |
@keyframes slideOutRight{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(100%,0,0); | |
transform:translate3d(100%,0,0) | |
} | |
} | |
.slideOutRight{ | |
-webkit-animation-name:slideOutRight; | |
animation-name:slideOutRight | |
} | |
@-webkit-keyframes slideOutUp{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0) | |
} | |
} | |
@keyframes slideOutUp{ | |
from{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
to{ | |
visibility:hidden; | |
-webkit-transform:translate3d(0,-100%,0); | |
transform:translate3d(0,-100%,0) | |
} | |
} | |
.slideOutUp{ | |
-webkit-animation-name:slideOutUp; | |
animation-name:slideOutUp | |
} | |
.m-0{ | |
margin:0!important | |
} | |
.mr-1,.mx-1{ | |
margin-right:.25rem!important | |
} | |
.ml-1,.mx-1{ | |
margin-left:.25rem!important | |
} | |
.mt-1,.my-1{ | |
margin-top:.25rem!important | |
} | |
.mb-1,.my-1{ | |
margin-bottom:.25rem!important | |
} | |
.m-1{ | |
margin:.25rem!important | |
} | |
.mr-2,.mx-2{ | |
margin-right:.5rem!important | |
} | |
.ml-2,.mx-2{ | |
margin-left:.5rem!important | |
} | |
.mt-2,.my-2{ | |
margin-top:.5rem!important | |
} | |
.mb-2,.my-2{ | |
margin-bottom:.5rem!important | |
} | |
.m-2{ | |
margin:.5rem!important | |
} | |
.mr-3,.mx-3{ | |
margin-right:1rem!important | |
} | |
.ml-3,.mx-3{ | |
margin-left:1rem!important | |
} | |
.mt-3,.my-3{ | |
margin-top:1rem!important | |
} | |
.mb-3,.my-3{ | |
margin-bottom:1rem!important | |
} | |
.m-3{ | |
margin:1rem!important | |
} | |
.mr-4,.mx-4{ | |
margin-right:1.5rem!important | |
} | |
.ml-4,.mx-4{ | |
margin-left:1.5rem!important | |
} | |
.mt-4,.my-4{ | |
margin-top:1.5rem!important | |
} | |
.mb-4,.my-4{ | |
margin-bottom:1.5rem!important | |
} | |
.m-4{ | |
margin:1.5rem!important | |
} | |
.mr-5,.mx-5{ | |
margin-right:3rem!important | |
} | |
.ml-5,.mx-5{ | |
margin-left:3rem!important | |
} | |
.mt-5,.my-5{ | |
margin-top:3rem!important | |
} | |
.mb-5,.my-5{ | |
margin-bottom:3rem!important | |
} | |
.m-5{ | |
margin:3rem!important | |
} | |
.mr-auto,.mx-auto{ | |
margin-right:auto!important | |
} | |
.ml-auto,.mx-auto{ | |
margin-left:auto!important | |
} | |
.mt-auto,.my-auto{ | |
margin-top:auto!important | |
} | |
.mb-auto,.my-auto{ | |
margin-bottom:auto!important | |
} | |
.p-0{ | |
padding:0!important | |
} | |
.pr-1,.px-1{ | |
padding-right:.25rem!important | |
} | |
.pl-1,.px-1{ | |
padding-left:.25rem!important | |
} | |
.pt-1,.py-1{ | |
padding-top:.25rem!important | |
} | |
.pb-1,.py-1{ | |
padding-bottom:.25rem!important | |
} | |
.p-1{ | |
padding:.25rem!important | |
} | |
.pr-2,.px-2{ | |
padding-right:.5rem!important | |
} | |
.pl-2,.px-2{ | |
padding-left:.5rem!important | |
} | |
.pt-2,.py-2{ | |
padding-top:.5rem!important | |
} | |
.pb-2,.py-2{ | |
padding-bottom:.5rem!important | |
} | |
.p-2{ | |
padding:.5rem!important | |
} | |
.pr-3,.px-3{ | |
padding-right:1rem!important | |
} | |
.pl-3,.px-3{ | |
padding-left:1rem!important | |
} | |
.pt-3,.py-3{ | |
padding-top:1rem!important | |
} | |
.pb-3,.py-3{ | |
padding-bottom:1rem!important | |
} | |
.p-3{ | |
padding:1rem!important | |
} | |
.pr-4,.px-4{ | |
padding-right:1.5rem!important | |
} | |
.pl-4,.px-4{ | |
padding-left:1.5rem!important | |
} | |
.pt-4,.py-4{ | |
padding-top:1.5rem!important | |
} | |
.pb-4,.py-4{ | |
padding-bottom:1.5rem!important | |
} | |
.p-4{ | |
padding:1.5rem!important | |
} | |
.pr-5,.px-5{ | |
padding-right:3rem!important | |
} | |
.pl-5,.px-5{ | |
padding-left:3rem!important | |
} | |
.pt-5,.py-5{ | |
padding-top:3rem!important | |
} | |
.pb-5,.py-5{ | |
padding-bottom:3rem!important | |
} | |
.p-5{ | |
padding:3rem!important | |
} | |
.m-auto{ | |
margin:auto!important | |
} | |
@media (min-width:576px){ | |
.mr-sm-0,.mx-sm-0{ | |
margin-right:0!important | |
} | |
.ml-sm-0,.mx-sm-0{ | |
margin-left:0!important | |
} | |
.mt-sm-0,.my-sm-0{ | |
margin-top:0!important | |
} | |
.mb-sm-0,.my-sm-0{ | |
margin-bottom:0!important | |
} | |
.pr-sm-0,.px-sm-0{ | |
padding-right:0!important | |
} | |
.pl-sm-0,.px-sm-0{ | |
padding-left:0!important | |
} | |
.pt-sm-0,.py-sm-0{ | |
padding-top:0!important | |
} | |
.pb-sm-0,.py-sm-0{ | |
padding-bottom:0!important | |
} | |
.m-sm-0{ | |
margin:0!important | |
} | |
.mr-sm-1,.mx-sm-1{ | |
margin-right:.25rem!important | |
} | |
.ml-sm-1,.mx-sm-1{ | |
margin-left:.25rem!important | |
} | |
.mt-sm-1,.my-sm-1{ | |
margin-top:.25rem!important | |
} | |
.mb-sm-1,.my-sm-1{ | |
margin-bottom:.25rem!important | |
} | |
.m-sm-1{ | |
margin:.25rem!important | |
} | |
.mr-sm-2,.mx-sm-2{ | |
margin-right:.5rem!important | |
} | |
.ml-sm-2,.mx-sm-2{ | |
margin-left:.5rem!important | |
} | |
.mt-sm-2,.my-sm-2{ | |
margin-top:.5rem!important | |
} | |
.mb-sm-2,.my-sm-2{ | |
margin-bottom:.5rem!important | |
} | |
.m-sm-2{ | |
margin:.5rem!important | |
} | |
.mr-sm-3,.mx-sm-3{ | |
margin-right:1rem!important | |
} | |
.ml-sm-3,.mx-sm-3{ | |
margin-left:1rem!important | |
} | |
.mt-sm-3,.my-sm-3{ | |
margin-top:1rem!important | |
} | |
.mb-sm-3,.my-sm-3{ | |
margin-bottom:1rem!important | |
} | |
.m-sm-3{ | |
margin:1rem!important | |
} | |
.mr-sm-4,.mx-sm-4{ | |
margin-right:1.5rem!important | |
} | |
.ml-sm-4,.mx-sm-4{ | |
margin-left:1.5rem!important | |
} | |
.mt-sm-4,.my-sm-4{ | |
margin-top:1.5rem!important | |
} | |
.mb-sm-4,.my-sm-4{ | |
margin-bottom:1.5rem!important | |
} | |
.m-sm-4{ | |
margin:1.5rem!important | |
} | |
.mr-sm-5,.mx-sm-5{ | |
margin-right:3rem!important | |
} | |
.ml-sm-5,.mx-sm-5{ | |
margin-left:3rem!important | |
} | |
.mt-sm-5,.my-sm-5{ | |
margin-top:3rem!important | |
} | |
.mb-sm-5,.my-sm-5{ | |
margin-bottom:3rem!important | |
} | |
.m-sm-5{ | |
margin:3rem!important | |
} | |
.mr-sm-auto,.mx-sm-auto{ | |
margin-right:auto!important | |
} | |
.ml-sm-auto,.mx-sm-auto{ | |
margin-left:auto!important | |
} | |
.mt-sm-auto,.my-sm-auto{ | |
margin-top:auto!important | |
} | |
.mb-sm-auto,.my-sm-auto{ | |
margin-bottom:auto!important | |
} | |
.p-sm-0{ | |
padding:0!important | |
} | |
.pr-sm-1,.px-sm-1{ | |
padding-right:.25rem!important | |
} | |
.pl-sm-1,.px-sm-1{ | |
padding-left:.25rem!important | |
} | |
.pt-sm-1,.py-sm-1{ | |
padding-top:.25rem!important | |
} | |
.pb-sm-1,.py-sm-1{ | |
padding-bottom:.25rem!important | |
} | |
.p-sm-1{ | |
padding:.25rem!important | |
} | |
.pr-sm-2,.px-sm-2{ | |
padding-right:.5rem!important | |
} | |
.pl-sm-2,.px-sm-2{ | |
padding-left:.5rem!important | |
} | |
.pt-sm-2,.py-sm-2{ | |
padding-top:.5rem!important | |
} | |
.pb-sm-2,.py-sm-2{ | |
padding-bottom:.5rem!important | |
} | |
.p-sm-2{ | |
padding:.5rem!important | |
} | |
.pr-sm-3,.px-sm-3{ | |
padding-right:1rem!important | |
} | |
.pl-sm-3,.px-sm-3{ | |
padding-left:1rem!important | |
} | |
.pt-sm-3,.py-sm-3{ | |
padding-top:1rem!important | |
} | |
.pb-sm-3,.py-sm-3{ | |
padding-bottom:1rem!important | |
} | |
.p-sm-3{ | |
padding:1rem!important | |
} | |
.pr-sm-4,.px-sm-4{ | |
padding-right:1.5rem!important | |
} | |
.pl-sm-4,.px-sm-4{ | |
padding-left:1.5rem!important | |
} | |
.pt-sm-4,.py-sm-4{ | |
padding-top:1.5rem!important | |
} | |
.pb-sm-4,.py-sm-4{ | |
padding-bottom:1.5rem!important | |
} | |
.p-sm-4{ | |
padding:1.5rem!important | |
} | |
.pr-sm-5,.px-sm-5{ | |
padding-right:3rem!important | |
} | |
.pl-sm-5,.px-sm-5{ | |
padding-left:3rem!important | |
} | |
.pt-sm-5,.py-sm-5{ | |
padding-top:3rem!important | |
} | |
.pb-sm-5,.py-sm-5{ | |
padding-bottom:3rem!important | |
} | |
.p-sm-5{ | |
padding:3rem!important | |
} | |
.m-sm-auto{ | |
margin:auto!important | |
} | |
} | |
@media (min-width:768px){ | |
.mr-md-0,.mx-md-0{ | |
margin-right:0!important | |
} | |
.ml-md-0,.mx-md-0{ | |
margin-left:0!important | |
} | |
.mt-md-0,.my-md-0{ | |
margin-top:0!important | |
} | |
.mb-md-0,.my-md-0{ | |
margin-bottom:0!important | |
} | |
.pr-md-0,.px-md-0{ | |
padding-right:0!important | |
} | |
.pl-md-0,.px-md-0{ | |
padding-left:0!important | |
} | |
.pt-md-0,.py-md-0{ | |
padding-top:0!important | |
} | |
.pb-md-0,.py-md-0{ | |
padding-bottom:0!important | |
} | |
.m-md-0{ | |
margin:0!important | |
} | |
.mr-md-1,.mx-md-1{ | |
margin-right:.25rem!important | |
} | |
.ml-md-1,.mx-md-1{ | |
margin-left:.25rem!important | |
} | |
.mt-md-1,.my-md-1{ | |
margin-top:.25rem!important | |
} | |
.mb-md-1,.my-md-1{ | |
margin-bottom:.25rem!important | |
} | |
.m-md-1{ | |
margin:.25rem!important | |
} | |
.mr-md-2,.mx-md-2{ | |
margin-right:.5rem!important | |
} | |
.ml-md-2,.mx-md-2{ | |
margin-left:.5rem!important | |
} | |
.mt-md-2,.my-md-2{ | |
margin-top:.5rem!important | |
} | |
.mb-md-2,.my-md-2{ | |
margin-bottom:.5rem!important | |
} | |
.m-md-2{ | |
margin:.5rem!important | |
} | |
.mr-md-3,.mx-md-3{ | |
margin-right:1rem!important | |
} | |
.ml-md-3,.mx-md-3{ | |
margin-left:1rem!important | |
} | |
.mt-md-3,.my-md-3{ | |
margin-top:1rem!important | |
} | |
.mb-md-3,.my-md-3{ | |
margin-bottom:1rem!important | |
} | |
.m-md-3{ | |
margin:1rem!important | |
} | |
.mr-md-4,.mx-md-4{ | |
margin-right:1.5rem!important | |
} | |
.ml-md-4,.mx-md-4{ | |
margin-left:1.5rem!important | |
} | |
.mt-md-4,.my-md-4{ | |
margin-top:1.5rem!important | |
} | |
.mb-md-4,.my-md-4{ | |
margin-bottom:1.5rem!important | |
} | |
.m-md-4{ | |
margin:1.5rem!important | |
} | |
.mr-md-5,.mx-md-5{ | |
margin-right:3rem!important | |
} | |
.ml-md-5,.mx-md-5{ | |
margin-left:3rem!important | |
} | |
.mt-md-5,.my-md-5{ | |
margin-top:3rem!important | |
} | |
.mb-md-5,.my-md-5{ | |
margin-bottom:3rem!important | |
} | |
.m-md-5{ | |
margin:3rem!important | |
} | |
.mr-md-auto,.mx-md-auto{ | |
margin-right:auto!important | |
} | |
.ml-md-auto,.mx-md-auto{ | |
margin-left:auto!important | |
} | |
.mt-md-auto,.my-md-auto{ | |
margin-top:auto!important | |
} | |
.mb-md-auto,.my-md-auto{ | |
margin-bottom:auto!important | |
} | |
.p-md-0{ | |
padding:0!important | |
} | |
.pr-md-1,.px-md-1{ | |
padding-right:.25rem!important | |
} | |
.pl-md-1,.px-md-1{ | |
padding-left:.25rem!important | |
} | |
.pt-md-1,.py-md-1{ | |
padding-top:.25rem!important | |
} | |
.pb-md-1,.py-md-1{ | |
padding-bottom:.25rem!important | |
} | |
.p-md-1{ | |
padding:.25rem!important | |
} | |
.pr-md-2,.px-md-2{ | |
padding-right:.5rem!important | |
} | |
.pl-md-2,.px-md-2{ | |
padding-left:.5rem!important | |
} | |
.pt-md-2,.py-md-2{ | |
padding-top:.5rem!important | |
} | |
.pb-md-2,.py-md-2{ | |
padding-bottom:.5rem!important | |
} | |
.p-md-2{ | |
padding:.5rem!important | |
} | |
.pr-md-3,.px-md-3{ | |
padding-right:1rem!important | |
} | |
.pl-md-3,.px-md-3{ | |
padding-left:1rem!important | |
} | |
.pt-md-3,.py-md-3{ | |
padding-top:1rem!important | |
} | |
.pb-md-3,.py-md-3{ | |
padding-bottom:1rem!important | |
} | |
.p-md-3{ | |
padding:1rem!important | |
} | |
.pr-md-4,.px-md-4{ | |
padding-right:1.5rem!important | |
} | |
.pl-md-4,.px-md-4{ | |
padding-left:1.5rem!important | |
} | |
.pt-md-4,.py-md-4{ | |
padding-top:1.5rem!important | |
} | |
.pb-md-4,.py-md-4{ | |
padding-bottom:1.5rem!important | |
} | |
.p-md-4{ | |
padding:1.5rem!important | |
} | |
.pr-md-5,.px-md-5{ | |
padding-right:3rem!important | |
} | |
.pl-md-5,.px-md-5{ | |
padding-left:3rem!important | |
} | |
.pt-md-5,.py-md-5{ | |
padding-top:3rem!important | |
} | |
.pb-md-5,.py-md-5{ | |
padding-bottom:3rem!important | |
} | |
.p-md-5{ | |
padding:3rem!important | |
} | |
.m-md-auto{ | |
margin:auto!important | |
} | |
} | |
@media (min-width:992px){ | |
.mr-lg-0,.mx-lg-0{ | |
margin-right:0!important | |
} | |
.ml-lg-0,.mx-lg-0{ | |
margin-left:0!important | |
} | |
.mt-lg-0,.my-lg-0{ | |
margin-top:0!important | |
} | |
.mb-lg-0,.my-lg-0{ | |
margin-bottom:0!important | |
} | |
.pr-lg-0,.px-lg-0{ | |
padding-right:0!important | |
} | |
.pl-lg-0,.px-lg-0{ | |
padding-left:0!important | |
} | |
.pt-lg-0,.py-lg-0{ | |
padding-top:0!important | |
} | |
.pb-lg-0,.py-lg-0{ | |
padding-bottom:0!important | |
} | |
.m-lg-0{ | |
margin:0!important | |
} | |
.mr-lg-1,.mx-lg-1{ | |
margin-right:.25rem!important | |
} | |
.ml-lg-1,.mx-lg-1{ | |
margin-left:.25rem!important | |
} | |
.mt-lg-1,.my-lg-1{ | |
margin-top:.25rem!important | |
} | |
.mb-lg-1,.my-lg-1{ | |
margin-bottom:.25rem!important | |
} | |
.m-lg-1{ | |
margin:.25rem!important | |
} | |
.mr-lg-2,.mx-lg-2{ | |
margin-right:.5rem!important | |
} | |
.ml-lg-2,.mx-lg-2{ | |
margin-left:.5rem!important | |
} | |
.mt-lg-2,.my-lg-2{ | |
margin-top:.5rem!important | |
} | |
.mb-lg-2,.my-lg-2{ | |
margin-bottom:.5rem!important | |
} | |
.m-lg-2{ | |
margin:.5rem!important | |
} | |
.mr-lg-3,.mx-lg-3{ | |
margin-right:1rem!important | |
} | |
.ml-lg-3,.mx-lg-3{ | |
margin-left:1rem!important | |
} | |
.mt-lg-3,.my-lg-3{ | |
margin-top:1rem!important | |
} | |
.mb-lg-3,.my-lg-3{ | |
margin-bottom:1rem!important | |
} | |
.m-lg-3{ | |
margin:1rem!important | |
} | |
.mr-lg-4,.mx-lg-4{ | |
margin-right:1.5rem!important | |
} | |
.ml-lg-4,.mx-lg-4{ | |
margin-left:1.5rem!important | |
} | |
.mt-lg-4,.my-lg-4{ | |
margin-top:1.5rem!important | |
} | |
.mb-lg-4,.my-lg-4{ | |
margin-bottom:1.5rem!important | |
} | |
.m-lg-4{ | |
margin:1.5rem!important | |
} | |
.mr-lg-5,.mx-lg-5{ | |
margin-right:3rem!important | |
} | |
.ml-lg-5,.mx-lg-5{ | |
margin-left:3rem!important | |
} | |
.mt-lg-5,.my-lg-5{ | |
margin-top:3rem!important | |
} | |
.mb-lg-5,.my-lg-5{ | |
margin-bottom:3rem!important | |
} | |
.m-lg-5{ | |
margin:3rem!important | |
} | |
.mr-lg-auto,.mx-lg-auto{ | |
margin-right:auto!important | |
} | |
.ml-lg-auto,.mx-lg-auto{ | |
margin-left:auto!important | |
} | |
.mt-lg-auto,.my-lg-auto{ | |
margin-top:auto!important | |
} | |
.mb-lg-auto,.my-lg-auto{ | |
margin-bottom:auto!important | |
} | |
.p-lg-0{ | |
padding:0!important | |
} | |
.pr-lg-1,.px-lg-1{ | |
padding-right:.25rem!important | |
} | |
.pl-lg-1,.px-lg-1{ | |
padding-left:.25rem!important | |
} | |
.pt-lg-1,.py-lg-1{ | |
padding-top:.25rem!important | |
} | |
.pb-lg-1,.py-lg-1{ | |
padding-bottom:.25rem!important | |
} | |
.p-lg-1{ | |
padding:.25rem!important | |
} | |
.pr-lg-2,.px-lg-2{ | |
padding-right:.5rem!important | |
} | |
.pl-lg-2,.px-lg-2{ | |
padding-left:.5rem!important | |
} | |
.pt-lg-2,.py-lg-2{ | |
padding-top:.5rem!important | |
} | |
.pb-lg-2,.py-lg-2{ | |
padding-bottom:.5rem!important | |
} | |
.p-lg-2{ | |
padding:.5rem!important | |
} | |
.pr-lg-3,.px-lg-3{ | |
padding-right:1rem!important | |
} | |
.pl-lg-3,.px-lg-3{ | |
padding-left:1rem!important | |
} | |
.pt-lg-3,.py-lg-3{ | |
padding-top:1rem!important | |
} | |
.pb-lg-3,.py-lg-3{ | |
padding-bottom:1rem!important | |
} | |
.p-lg-3{ | |
padding:1rem!important | |
} | |
.pr-lg-4,.px-lg-4{ | |
padding-right:1.5rem!important | |
} | |
.pl-lg-4,.px-lg-4{ | |
padding-left:1.5rem!important | |
} | |
.pt-lg-4,.py-lg-4{ | |
padding-top:1.5rem!important | |
} | |
.pb-lg-4,.py-lg-4{ | |
padding-bottom:1.5rem!important | |
} | |
.p-lg-4{ | |
padding:1.5rem!important | |
} | |
.pr-lg-5,.px-lg-5{ | |
padding-right:3rem!important | |
} | |
.pl-lg-5,.px-lg-5{ | |
padding-left:3rem!important | |
} | |
.pt-lg-5,.py-lg-5{ | |
padding-top:3rem!important | |
} | |
.pb-lg-5,.py-lg-5{ | |
padding-bottom:3rem!important | |
} | |
.p-lg-5{ | |
padding:3rem!important | |
} | |
.m-lg-auto{ | |
margin:auto!important | |
} | |
} | |
@media (min-width:1200px){ | |
.mr-xl-0,.mx-xl-0{ | |
margin-right:0!important | |
} | |
.ml-xl-0,.mx-xl-0{ | |
margin-left:0!important | |
} | |
.mt-xl-0,.my-xl-0{ | |
margin-top:0!important | |
} | |
.mb-xl-0,.my-xl-0{ | |
margin-bottom:0!important | |
} | |
.pr-xl-0,.px-xl-0{ | |
padding-right:0!important | |
} | |
.pl-xl-0,.px-xl-0{ | |
padding-left:0!important | |
} | |
.pt-xl-0,.py-xl-0{ | |
padding-top:0!important | |
} | |
.pb-xl-0,.py-xl-0{ | |
padding-bottom:0!important | |
} | |
.m-xl-0{ | |
margin:0!important | |
} | |
.mr-xl-1,.mx-xl-1{ | |
margin-right:.25rem!important | |
} | |
.ml-xl-1,.mx-xl-1{ | |
margin-left:.25rem!important | |
} | |
.mt-xl-1,.my-xl-1{ | |
margin-top:.25rem!important | |
} | |
.mb-xl-1,.my-xl-1{ | |
margin-bottom:.25rem!important | |
} | |
.m-xl-1{ | |
margin:.25rem!important | |
} | |
.mr-xl-2,.mx-xl-2{ | |
margin-right:.5rem!important | |
} | |
.ml-xl-2,.mx-xl-2{ | |
margin-left:.5rem!important | |
} | |
.mt-xl-2,.my-xl-2{ | |
margin-top:.5rem!important | |
} | |
.mb-xl-2,.my-xl-2{ | |
margin-bottom:.5rem!important | |
} | |
.m-xl-2{ | |
margin:.5rem!important | |
} | |
.mr-xl-3,.mx-xl-3{ | |
margin-right:1rem!important | |
} | |
.ml-xl-3,.mx-xl-3{ | |
margin-left:1rem!important | |
} | |
.mt-xl-3,.my-xl-3{ | |
margin-top:1rem!important | |
} | |
.mb-xl-3,.my-xl-3{ | |
margin-bottom:1rem!important | |
} | |
.m-xl-3{ | |
margin:1rem!important | |
} | |
.mr-xl-4,.mx-xl-4{ | |
margin-right:1.5rem!important | |
} | |
.ml-xl-4,.mx-xl-4{ | |
margin-left:1.5rem!important | |
} | |
.mt-xl-4,.my-xl-4{ | |
margin-top:1.5rem!important | |
} | |
.mb-xl-4,.my-xl-4{ | |
margin-bottom:1.5rem!important | |
} | |
.m-xl-4{ | |
margin:1.5rem!important | |
} | |
.mr-xl-5,.mx-xl-5{ | |
margin-right:3rem!important | |
} | |
.ml-xl-5,.mx-xl-5{ | |
margin-left:3rem!important | |
} | |
.mt-xl-5,.my-xl-5{ | |
margin-top:3rem!important | |
} | |
.mb-xl-5,.my-xl-5{ | |
margin-bottom:3rem!important | |
} | |
.m-xl-5{ | |
margin:3rem!important | |
} | |
.mr-xl-auto,.mx-xl-auto{ | |
margin-right:auto!important | |
} | |
.ml-xl-auto,.mx-xl-auto{ | |
margin-left:auto!important | |
} | |
.mt-xl-auto,.my-xl-auto{ | |
margin-top:auto!important | |
} | |
.mb-xl-auto,.my-xl-auto{ | |
margin-bottom:auto!important | |
} | |
.p-xl-0{ | |
padding:0!important | |
} | |
.pr-xl-1,.px-xl-1{ | |
padding-right:.25rem!important | |
} | |
.pl-xl-1,.px-xl-1{ | |
padding-left:.25rem!important | |
} | |
.pt-xl-1,.py-xl-1{ | |
padding-top:.25rem!important | |
} | |
.pb-xl-1,.py-xl-1{ | |
padding-bottom:.25rem!important | |
} | |
.p-xl-1{ | |
padding:.25rem!important | |
} | |
.pr-xl-2,.px-xl-2{ | |
padding-right:.5rem!important | |
} | |
.pl-xl-2,.px-xl-2{ | |
padding-left:.5rem!important | |
} | |
.pt-xl-2,.py-xl-2{ | |
padding-top:.5rem!important | |
} | |
.pb-xl-2,.py-xl-2{ | |
padding-bottom:.5rem!important | |
} | |
.p-xl-2{ | |
padding:.5rem!important | |
} | |
.pr-xl-3,.px-xl-3{ | |
padding-right:1rem!important | |
} | |
.pl-xl-3,.px-xl-3{ | |
padding-left:1rem!important | |
} | |
.pt-xl-3,.py-xl-3{ | |
padding-top:1rem!important | |
} | |
.pb-xl-3,.py-xl-3{ | |
padding-bottom:1rem!important | |
} | |
.p-xl-3{ | |
padding:1rem!important | |
} | |
.pr-xl-4,.px-xl-4{ | |
padding-right:1.5rem!important | |
} | |
.pl-xl-4,.px-xl-4{ | |
padding-left:1.5rem!important | |
} | |
.pt-xl-4,.py-xl-4{ | |
padding-top:1.5rem!important | |
} | |
.pb-xl-4,.py-xl-4{ | |
padding-bottom:1.5rem!important | |
} | |
.p-xl-4{ | |
padding:1.5rem!important | |
} | |
.pr-xl-5,.px-xl-5{ | |
padding-right:3rem!important | |
} | |
.pl-xl-5,.px-xl-5{ | |
padding-left:3rem!important | |
} | |
.pt-xl-5,.py-xl-5{ | |
padding-top:3rem!important | |
} | |
.pb-xl-5,.py-xl-5{ | |
padding-bottom:3rem!important | |
} | |
.p-xl-5{ | |
padding:3rem!important | |
} | |
.m-xl-auto{ | |
margin:auto!important | |
} | |
} | |
.e-px{ | |
padding-left:0; | |
padding-right:0 | |
} | |
@media (min-width:576px){ | |
.e-px{ | |
padding-left:5%; | |
padding-right:5% | |
} | |
} | |
@media (min-width:768px){ | |
.e-px{ | |
padding-left:10%; | |
padding-right:10% | |
} | |
} | |
@media (min-width:992px){ | |
.e-px{ | |
padding-left:15%; | |
padding-right:15% | |
} | |
} | |
.img-fluid,.modal-dialog.cascading-modal.modal-avatar .modal-header{ | |
max-width:100%; | |
height:auto | |
} | |
.inline-ul>li{ | |
display:inline | |
} | |
.list-inline-div>div{ | |
display:inline-block | |
} | |
@media only screen and (max-width:992px){ | |
.center-on-small-only{ | |
text-align:center | |
} | |
.center-on-small-only .img-fluid,.center-on-small-only .modal-dialog.cascading-modal.modal-avatar .modal-header,.modal-dialog.cascading-modal.modal-avatar .center-on-small-only .modal-header{ | |
display:inline | |
} | |
} | |
.flex-center{ | |
display:-webkit-box; | |
display:-webkit-flex; | |
display:-ms-flexbox; | |
display:flex; | |
-webkit-box-pack:center; | |
-webkit-justify-content:center; | |
-ms-flex-pack:center; | |
justify-content:center; | |
-webkit-box-align:center; | |
-webkit-align-items:center; | |
-ms-flex-align:center; | |
align-items:center; | |
height:100% | |
} | |
.divider-new:after,.divider-new:before{ | |
content:''; | |
height:1.5px; | |
background:#c6c6c6 | |
} | |
.flex-center p{ | |
margin:0 | |
} | |
.flex-center ul li{ | |
margin-bottom:1rem | |
} | |
@media (max-width:992px){ | |
.hidden-md-down{ | |
display:none!important | |
} | |
} | |
.divider-new,.modal-dialog.cascading-modal .nav-tabs{ | |
display:-webkit-box; | |
display:-webkit-flex; | |
display:-ms-flexbox | |
} | |
@media (min-width:992px){ | |
.mb-r{ | |
margin-bottom:3rem!important | |
} | |
} | |
@media (max-width:992px){ | |
.mb-r{ | |
margin-bottom:2rem!important | |
} | |
.navbar .container{ | |
width:100% | |
} | |
.navbar .container .navbar-toggler-right{ | |
right:0 | |
} | |
} | |
.font-bold{ | |
font-weight:500 | |
} | |
.hr-light{ | |
border-top:1px solid #fff | |
} | |
.hr-dark{ | |
border-top:1px solid #666 | |
} | |
.blockquote .bq-title{ | |
font-weight:400; | |
font-size:1.5rem; | |
margin-bottom:0 | |
} | |
.divider-new,body,h1,h2,h3,h4,h5,h6{ | |
font-weight:300 | |
} | |
.blockquote p{ | |
font-size:1.1rem | |
} | |
.bq-primary{ | |
border-left:3px solid #4285F4 | |
} | |
.bq-primary .bq-title{ | |
color:#4285F4 | |
} | |
.bq-warning{ | |
border-left:3px solid #fb3 | |
} | |
.bq-warning .bq-title{ | |
color:#fb3 | |
} | |
.bq-danger{ | |
border-left:3px solid #ff3547 | |
} | |
.bq-danger .bq-title{ | |
color:#ff3547 | |
} | |
.bq-success{ | |
border-left:3px solid #00C851 | |
} | |
.bq-success .bq-title{ | |
color:#00C851 | |
} | |
@font-face{ | |
font-family:Roboto; | |
src:local(Roboto Thin),url(../font/roboto/Roboto-Thin.eot); | |
src:url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Thin.woff2) format("woff2"),url(../font/roboto/Roboto-Thin.woff) format("woff"),url(../font/roboto/Roboto-Thin.ttf) format("truetype"); | |
font-weight:200 | |
} | |
@font-face{ | |
font-family:Roboto; | |
src:local(Roboto Light),url(../font/roboto/Roboto-Light.eot); | |
src:url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Light.woff2) format("woff2"),url(../font/roboto/Roboto-Light.woff) format("woff"),url(../font/roboto/Roboto-Light.ttf) format("truetype"); | |
font-weight:300 | |
} | |
@font-face{ | |
font-family:Roboto; | |
src:local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot); | |
src:url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Regular.woff2) format("woff2"),url(../font/roboto/Roboto-Regular.woff) format("woff"),url(../font/roboto/Roboto-Regular.ttf) format("truetype"); | |
font-weight:400 | |
} | |
@font-face{ | |
font-family:Roboto; | |
src:url(../font/roboto/Roboto-Medium.eot); | |
src:url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Medium.woff2) format("woff2"),url(../font/roboto/Roboto-Medium.woff) format("woff"),url(../font/roboto/Roboto-Medium.ttf) format("truetype"); | |
font-weight:500 | |
} | |
@font-face{ | |
font-family:Roboto; | |
src:url(../font/roboto/Roboto-Bold.eot); | |
src:url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Bold.woff2) format("woff2"),url(../font/roboto/Roboto-Bold.woff) format("woff"),url(../font/roboto/Roboto-Bold.ttf) format("truetype"); | |
font-weight:700 | |
} | |
body{ | |
font-family:Roboto,sans-serif | |
} | |
.h1-responsive{ | |
font-size:150% | |
} | |
.h2-responsive{ | |
font-size:145% | |
} | |
.h3-responsive,.h4-responsive,.h5-responsive{ | |
font-size:135% | |
} | |
@media (min-width:576px){ | |
.h1-responsive{ | |
font-size:170% | |
} | |
.h2-responsive{ | |
font-size:140% | |
} | |
.h3-responsive,.h4-responsive,.h5-responsive{ | |
font-size:125% | |
} | |
} | |
@media (min-width:768px){ | |
.h1-responsive{ | |
font-size:200% | |
} | |
.h2-responsive{ | |
font-size:170% | |
} | |
.h3-responsive{ | |
font-size:140% | |
} | |
.h4-responsive,.h5-responsive{ | |
font-size:125% | |
} | |
} | |
@media (min-width:992px){ | |
.h1-responsive{ | |
font-size:200% | |
} | |
.h2-responsive{ | |
font-size:170% | |
} | |
.h3-responsive{ | |
font-size:140% | |
} | |
.h4-responsive,.h5-responsive{ | |
font-size:125% | |
} | |
} | |
@media (min-width:1200px){ | |
.e-px{ | |
padding-left:20%; | |
padding-right:20% | |
} | |
.h1-responsive{ | |
font-size:250% | |
} | |
.h2-responsive{ | |
font-size:200% | |
} | |
.h3-responsive{ | |
font-size:170% | |
} | |
.h4-responsive{ | |
font-size:140% | |
} | |
.h5-responsive{ | |
font-size:125% | |
} | |
} | |
.fs-0{ | |
font-size:0!important | |
} | |
.fs-1{ | |
font-size:.25rem!important | |
} | |
.fs-2{ | |
font-size:.5rem!important | |
} | |
.fs-3{ | |
font-size:1rem!important | |
} | |
.fs-4{ | |
font-size:1.5rem!important | |
} | |
.fs-5{ | |
font-size:3rem!important | |
} | |
.divider-new{ | |
display:flex; | |
-webkit-flex-direction:row; | |
-ms-flex-direction:row; | |
flex-direction:row; | |
-webkit-box-pack:center; | |
-webkit-justify-content:center; | |
-ms-flex-pack:center; | |
justify-content:center; | |
-webkit-box-align:center; | |
-webkit-align-items:center; | |
-ms-flex-align:center; | |
align-items:center; | |
margin-top:45px; | |
margin-bottom:45px | |
} | |
.card,.card .card-body h3,.card .card-body h4,.card .card-text{ | |
font-weight:400 | |
} | |
.divider-new h2{ | |
margin-top:5px | |
} | |
.divider-new:before{ | |
-webkit-box-flex:1; | |
-webkit-flex:1; | |
-ms-flex:1; | |
flex:1; | |
margin:0 .45em 0 0 | |
} | |
.divider-new:after{ | |
-webkit-box-flex:1; | |
-webkit-flex:1; | |
-ms-flex:1; | |
flex:1; | |
margin:0 0 0 .45em | |
} | |
blockquote{ | |
padding:.5rem 1rem; | |
font-size:1.25rem; | |
border-left:.25rem solid #eceeef | |
} | |
blockquote p{ | |
font-size:.9rem; | |
padding-left:2rem; | |
padding-top:1rem; | |
padding-bottom:1rem | |
} | |
button:focus{ | |
outline:0!important | |
} | |
.btn{ | |
font-size:.8rem; | |
padding:.85rem 2.13rem; | |
margin:6px; | |
border-radius:2px; | |
border:0; | |
-webkit-transition:.2s ease-out; | |
transition:.2s ease-out; | |
white-space:normal!important; | |
cursor:pointer | |
} | |
.btn:active,.btn:active:focus,.btn:focus,.btn:hover{ | |
outline:0 | |
} | |
.btn .fa{ | |
font-size:1rem; | |
vertical-align:middle; | |
margin-top:-2px | |
} | |
.btn .fa.right{ | |
margin-left:3px | |
} | |
.btn .fa.left{ | |
margin-right:3px | |
} | |
.btn.btn-lg{ | |
font-size:.9rem; | |
padding:1rem 2.4rem | |
} | |
.btn.btn-lg .fa{ | |
font-size:1.2rem | |
} | |
.btn.btn-md{ | |
font-size:.7rem; | |
padding:.7rem 1.6rem | |
} | |
.btn.btn-md .fa{ | |
font-size:.9rem | |
} | |
.btn.btn-sm{ | |
font-size:.6rem; | |
padding:.5rem 1.6rem | |
} | |
.btn.btn-sm.btn-table{ | |
padding:.5rem .9rem | |
} | |
.btn.btn-sm .fa{ | |
font-size:.7rem | |
} | |
.btn.btn-tb{ | |
padding:.3rem 1rem | |
} | |
.btn.disabled,.btn:disabled{ | |
cursor:not-allowed; | |
pointer-events:none | |
} | |
.btn[class*=btn-outline-]{ | |
padding-top:.76rem; | |
padding-bottom:.76rem | |
} | |
.btn[class*=btn-outline-].btn-sm{ | |
padding-top:.42rem; | |
padding-bottom:.42rem | |
} | |
.btn[class*=btn-outline-].btn-md{ | |
padding-top:.58rem; | |
padding-bottom:.58rem | |
} | |
.btn[class*=btn-outline-].btn-lg{ | |
padding-top:.9rem; | |
padding-bottom:.9rem | |
} | |
.btn-secondary.disabled,.btn-secondary:disabled{ | |
background-color:#b579d2!important; | |
border-color:#b579d2!important | |
} | |
.btn-group .btn{ | |
margin:0 | |
} | |
.btn-block{ | |
margin:inherit | |
} | |
.btn-split{ | |
padding-left:.85rem; | |
padding-right:1.25rem | |
} | |
.btn-link,.btn-link:focus,.btn-link:hover{ | |
background-color:transparent; | |
box-shadow:none!important | |
} | |
.btn-flat{ | |
box-shadow:none | |
} | |
.btn-flat:active,.btn-flat:focus,.btn-flat:hover{ | |
box-shadow:none!important | |
} | |
.btn-primary{ | |
background-color:#4285F4!important; | |
color:#fff!important | |
} | |
.btn-primary:hover{ | |
background-color:#5a95f5 | |
} | |
.btn-primary.active,.btn-primary:active,.btn-primary:focus{ | |
background-color:#1266f1 | |
} | |
.btn-primary.dropdown-toggle{ | |
background-color:#4285F4!important | |
} | |
.btn-primary.dropdown-toggle:focus,.btn-primary.dropdown-toggle:hover{ | |
background-color:#5a95f5!important | |
} | |
.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle{ | |
background-color:#4285F4!important | |
} | |
.btn-outline-primary{ | |
border:2px solid #4285F4; | |
color:#4285F4!important; | |
background-color:transparent | |
} | |
.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:active:focus,.btn-outline-primary:focus,.btn-outline-primary:hover{ | |
background-color:transparent; | |
color:#4285F4; | |
border-color:#4285F4 | |
} | |
.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#4285F4!important | |
} | |
.btn-danger{ | |
background-color:#ff3547!important; | |
color:#fff!important | |
} | |
.btn-danger:hover{ | |
background-color:#ff4f5e | |
} | |
.btn-danger.active,.btn-danger:active,.btn-danger:focus{ | |
background-color:#ff0219 | |
} | |
.btn-danger.dropdown-toggle{ | |
background-color:#ff3547!important | |
} | |
.btn-danger.dropdown-toggle:focus,.btn-danger.dropdown-toggle:hover{ | |
background-color:#ff4f5e!important | |
} | |
.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle{ | |
background-color:#ff3547!important | |
} | |
.btn-outline-danger{ | |
border:2px solid #ff3547; | |
color:#ff3547!important; | |
background-color:transparent | |
} | |
.btn-outline-danger.active,.btn-outline-danger:active,.btn-outline-danger:active:focus,.btn-outline-danger:focus,.btn-outline-danger:hover{ | |
background-color:transparent; | |
color:#ff3547; | |
border-color:#ff3547 | |
} | |
.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#ff3547!important | |
} | |
.btn-warning{ | |
background-color:#F80!important; | |
color:#fff!important | |
} | |
.btn-warning:hover{ | |
background-color:#ff941a | |
} | |
.btn-warning.active,.btn-warning:active,.btn-warning:focus{ | |
background-color:#cc6d00 | |
} | |
.btn-warning.dropdown-toggle{ | |
background-color:#F80!important | |
} | |
.btn-warning.dropdown-toggle:focus,.btn-warning.dropdown-toggle:hover{ | |
background-color:#ff941a!important | |
} | |
.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle{ | |
background-color:#F80!important | |
} | |
.btn-outline-warning{ | |
border:2px solid #F80; | |
color:#F80!important; | |
background-color:transparent | |
} | |
.btn-outline-warning.active,.btn-outline-warning:active,.btn-outline-warning:active:focus,.btn-outline-warning:focus,.btn-outline-warning:hover{ | |
background-color:transparent; | |
color:#F80; | |
border-color:#F80 | |
} | |
.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#F80!important | |
} | |
.btn-success{ | |
background-color:#00C851!important; | |
color:#fff!important | |
} | |
.btn-success:hover{ | |
background-color:#00e25b | |
} | |
.btn-success.active,.btn-success:active,.btn-success:focus{ | |
background-color:#00953c | |
} | |
.btn-success.dropdown-toggle{ | |
background-color:#00C851!important | |
} | |
.btn-success.dropdown-toggle:focus,.btn-success.dropdown-toggle:hover{ | |
background-color:#00e25b!important | |
} | |
.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle{ | |
background-color:#00C851!important | |
} | |
.btn-outline-success{ | |
border:2px solid #00C851; | |
color:#00C851!important; | |
background-color:transparent | |
} | |
.btn-outline-success.active,.btn-outline-success:active,.btn-outline-success:active:focus,.btn-outline-success:focus,.btn-outline-success:hover{ | |
background-color:transparent; | |
color:#00C851; | |
border-color:#00C851 | |
} | |
.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#00C851!important | |
} | |
.btn-info{ | |
background-color:#33b5e5!important; | |
color:#fff!important | |
} | |
.btn-info:hover{ | |
background-color:#4abde8 | |
} | |
.btn-info.active,.btn-info:active,.btn-info:focus{ | |
background-color:#1a9bcb | |
} | |
.btn-info.dropdown-toggle{ | |
background-color:#33b5e5!important | |
} | |
.btn-info.dropdown-toggle:focus,.btn-info.dropdown-toggle:hover{ | |
background-color:#4abde8!important | |
} | |
.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle{ | |
background-color:#33b5e5!important | |
} | |
.btn-outline-info{ | |
border:2px solid #33b5e5; | |
color:#33b5e5!important; | |
background-color:transparent | |
} | |
.btn-outline-info.active,.btn-outline-info:active,.btn-outline-info:active:focus,.btn-outline-info:focus,.btn-outline-info:hover{ | |
background-color:transparent; | |
color:#33b5e5; | |
border-color:#33b5e5 | |
} | |
.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#33b5e5!important | |
} | |
.btn-default{ | |
background-color:#2BBBAD!important; | |
color:#fff!important | |
} | |
.btn-default:hover{ | |
background-color:#30cfc0 | |
} | |
.btn-default.active,.btn-default:active,.btn-default:focus{ | |
background-color:#219287 | |
} | |
.btn-default.dropdown-toggle{ | |
background-color:#2BBBAD!important | |
} | |
.btn-default.dropdown-toggle:focus,.btn-default.dropdown-toggle:hover{ | |
background-color:#30cfc0!important | |
} | |
.btn-default:not([disabled]):not(.disabled).active,.btn-default:not([disabled]):not(.disabled):active,.show>.btn-default.dropdown-toggle{ | |
background-color:#2BBBAD!important | |
} | |
.btn-outline-default{ | |
border:2px solid #2BBBAD; | |
color:#2BBBAD!important; | |
background-color:transparent | |
} | |
.btn-outline-default.active,.btn-outline-default:active,.btn-outline-default:active:focus,.btn-outline-default:focus,.btn-outline-default:hover{ | |
background-color:transparent; | |
color:#2BBBAD; | |
border-color:#2BBBAD | |
} | |
.btn-outline-default:not([disabled]):not(.disabled).active,.btn-outline-default:not([disabled]):not(.disabled):active,.show>.btn-outline-default.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#2BBBAD!important | |
} | |
.btn-secondary{ | |
background-color:#a6c!important; | |
color:#fff!important | |
} | |
.btn-secondary:hover{ | |
background-color:#b579d2 | |
} | |
.btn-secondary.active,.btn-secondary:active,.btn-secondary:focus{ | |
background-color:#9540bf | |
} | |
.btn-secondary.dropdown-toggle{ | |
background-color:#a6c!important | |
} | |
.btn-secondary.dropdown-toggle:focus,.btn-secondary.dropdown-toggle:hover{ | |
background-color:#b579d2!important | |
} | |
.btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{ | |
background-color:#a6c!important | |
} | |
.btn-outline-secondary{ | |
border:2px solid #a6c; | |
color:#a6c!important; | |
background-color:transparent | |
} | |
.btn-outline-secondary.active,.btn-outline-secondary:active,.btn-outline-secondary:active:focus,.btn-outline-secondary:focus,.btn-outline-secondary:hover{ | |
background-color:transparent; | |
color:#a6c; | |
border-color:#a6c | |
} | |
.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#a6c!important | |
} | |
.btn-elegant{ | |
background-color:#2E2E2E!important; | |
color:#fff!important | |
} | |
.btn-elegant:hover{ | |
background-color:#3b3b3b | |
} | |
.btn-elegant.active,.btn-elegant:active,.btn-elegant:focus{ | |
background-color:#151515 | |
} | |
.btn-elegant.dropdown-toggle{ | |
background-color:#2E2E2E!important | |
} | |
.btn-elegant.dropdown-toggle:focus,.btn-elegant.dropdown-toggle:hover{ | |
background-color:#3b3b3b!important | |
} | |
.btn-elegant:not([disabled]):not(.disabled).active,.btn-elegant:not([disabled]):not(.disabled):active,.show>.btn-elegant.dropdown-toggle{ | |
background-color:#2E2E2E!important | |
} | |
.btn-outline-elegant{ | |
border:2px solid #2E2E2E; | |
color:#2E2E2E!important; | |
background-color:transparent | |
} | |
.btn-outline-elegant.active,.btn-outline-elegant:active,.btn-outline-elegant:active:focus,.btn-outline-elegant:focus,.btn-outline-elegant:hover{ | |
background-color:transparent; | |
color:#2E2E2E; | |
border-color:#2E2E2E | |
} | |
.btn-outline-elegant:not([disabled]):not(.disabled).active,.btn-outline-elegant:not([disabled]):not(.disabled):active,.show>.btn-outline-elegant.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#2E2E2E!important | |
} | |
.btn-unique{ | |
background-color:#880e4f!important; | |
color:#fff!important | |
} | |
.btn-unique:hover{ | |
background-color:#9f105c | |
} | |
.btn-unique.active,.btn-unique:active,.btn-unique:focus{ | |
background-color:#5a0934 | |
} | |
.btn-unique.dropdown-toggle{ | |
background-color:#880e4f!important | |
} | |
.btn-unique.dropdown-toggle:focus,.btn-unique.dropdown-toggle:hover{ | |
background-color:#9f105c!important | |
} | |
.btn-unique:not([disabled]):not(.disabled).active,.btn-unique:not([disabled]):not(.disabled):active,.show>.btn-unique.dropdown-toggle{ | |
background-color:#880e4f!important | |
} | |
.btn-outline-unique{ | |
border:2px solid #880e4f; | |
color:#880e4f!important; | |
background-color:transparent | |
} | |
.btn-outline-unique.active,.btn-outline-unique:active,.btn-outline-unique:active:focus,.btn-outline-unique:focus,.btn-outline-unique:hover{ | |
background-color:transparent; | |
color:#880e4f; | |
border-color:#880e4f | |
} | |
.btn-outline-unique:not([disabled]):not(.disabled).active,.btn-outline-unique:not([disabled]):not(.disabled):active,.show>.btn-outline-unique.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#880e4f!important | |
} | |
.btn-dark-green{ | |
background-color:#388E3C!important; | |
color:#fff!important | |
} | |
.btn-dark-green:hover{ | |
background-color:#3fa044 | |
} | |
.btn-dark-green.active,.btn-dark-green:active,.btn-dark-green:focus{ | |
background-color:#2a692d | |
} | |
.btn-dark-green.dropdown-toggle{ | |
background-color:#388E3C!important | |
} | |
.btn-dark-green.dropdown-toggle:focus,.btn-dark-green.dropdown-toggle:hover{ | |
background-color:#3fa044!important | |
} | |
.btn-dark-green:not([disabled]):not(.disabled).active,.btn-dark-green:not([disabled]):not(.disabled):active,.show>.btn-dark-green.dropdown-toggle{ | |
background-color:#388E3C!important | |
} | |
.btn-outline-dark-green{ | |
border:2px solid #388E3C; | |
color:#388E3C!important; | |
background-color:transparent | |
} | |
.btn-outline-dark-green.active,.btn-outline-dark-green:active,.btn-outline-dark-green:active:focus,.btn-outline-dark-green:focus,.btn-outline-dark-green:hover{ | |
background-color:transparent; | |
color:#388E3C; | |
border-color:#388E3C | |
} | |
.btn-outline-dark-green:not([disabled]):not(.disabled).active,.btn-outline-dark-green:not([disabled]):not(.disabled):active,.show>.btn-outline-dark-green.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#388E3C!important | |
} | |
.btn-mdb-color{ | |
background-color:#59698D!important; | |
color:#fff!important | |
} | |
.btn-mdb-color:hover{ | |
background-color:#63759d | |
} | |
.btn-mdb-color.active,.btn-mdb-color:active,.btn-mdb-color:focus{ | |
background-color:#45526e | |
} | |
.btn-mdb-color.dropdown-toggle{ | |
background-color:#59698D!important | |
} | |
.btn-mdb-color.dropdown-toggle:focus,.btn-mdb-color.dropdown-toggle:hover{ | |
background-color:#63759d!important | |
} | |
.btn-mdb-color:not([disabled]):not(.disabled).active,.btn-mdb-color:not([disabled]):not(.disabled):active,.show>.btn-mdb-color.dropdown-toggle{ | |
background-color:#59698D!important | |
} | |
.btn-outline-mdb-color{ | |
border:2px solid #59698D; | |
color:#59698D!important; | |
background-color:transparent | |
} | |
.btn-outline-mdb-color.active,.btn-outline-mdb-color:active,.btn-outline-mdb-color:active:focus,.btn-outline-mdb-color:focus,.btn-outline-mdb-color:hover{ | |
background-color:transparent; | |
color:#59698D; | |
border-color:#59698D | |
} | |
.btn-outline-mdb-color:not([disabled]):not(.disabled).active,.btn-outline-mdb-color:not([disabled]):not(.disabled):active,.show>.btn-outline-mdb-color.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#59698D!important | |
} | |
.btn-red{ | |
background-color:#D32F2F!important; | |
color:#fff!important | |
} | |
.btn-red:hover{ | |
background-color:#d74444 | |
} | |
.btn-red.active,.btn-red:active,.btn-red:focus{ | |
background-color:#ab2424 | |
} | |
.btn-red.dropdown-toggle{ | |
background-color:#D32F2F!important | |
} | |
.btn-red.dropdown-toggle:focus,.btn-red.dropdown-toggle:hover{ | |
background-color:#d74444!important | |
} | |
.btn-red:not([disabled]):not(.disabled).active,.btn-red:not([disabled]):not(.disabled):active,.show>.btn-red.dropdown-toggle{ | |
background-color:#D32F2F!important | |
} | |
.btn-outline-red{ | |
border:2px solid #D32F2F; | |
color:#D32F2F!important; | |
background-color:transparent | |
} | |
.btn-outline-red.active,.btn-outline-red:active,.btn-outline-red:active:focus,.btn-outline-red:focus,.btn-outline-red:hover{ | |
background-color:transparent; | |
color:#D32F2F; | |
border-color:#D32F2F | |
} | |
.btn-outline-red:not([disabled]):not(.disabled).active,.btn-outline-red:not([disabled]):not(.disabled):active,.show>.btn-outline-red.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#D32F2F!important | |
} | |
.btn-pink{ | |
background-color:#ec407a!important; | |
color:#fff!important | |
} | |
.btn-pink:hover{ | |
background-color:#ee578a | |
} | |
.btn-pink.active,.btn-pink:active,.btn-pink:focus{ | |
background-color:#e2175b | |
} | |
.btn-pink.dropdown-toggle{ | |
background-color:#ec407a!important | |
} | |
.btn-pink.dropdown-toggle:focus,.btn-pink.dropdown-toggle:hover{ | |
background-color:#ee578a!important | |
} | |
.btn-pink:not([disabled]):not(.disabled).active,.btn-pink:not([disabled]):not(.disabled):active,.show>.btn-pink.dropdown-toggle{ | |
background-color:#ec407a!important | |
} | |
.btn-outline-pink{ | |
border:2px solid #ec407a; | |
color:#ec407a!important; | |
background-color:transparent | |
} | |
.btn-outline-pink.active,.btn-outline-pink:active,.btn-outline-pink:active:focus,.btn-outline-pink:focus,.btn-outline-pink:hover{ | |
background-color:transparent; | |
color:#ec407a; | |
border-color:#ec407a | |
} | |
.btn-outline-pink:not([disabled]):not(.disabled).active,.btn-outline-pink:not([disabled]):not(.disabled):active,.show>.btn-outline-pink.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#ec407a!important | |
} | |
.btn-purple{ | |
background-color:#8e24aa!important; | |
color:#fff!important | |
} | |
.btn-purple:hover{ | |
background-color:#a028bf | |
} | |
.btn-purple.active,.btn-purple:active,.btn-purple:focus{ | |
background-color:#6b1b80 | |
} | |
.btn-purple.dropdown-toggle{ | |
background-color:#8e24aa!important | |
} | |
.btn-purple.dropdown-toggle:focus,.btn-purple.dropdown-toggle:hover{ | |
background-color:#a028bf!important | |
} | |
.btn-purple:not([disabled]):not(.disabled).active,.btn-purple:not([disabled]):not(.disabled):active,.show>.btn-purple.dropdown-toggle{ | |
background-color:#8e24aa!important | |
} | |
.btn-outline-purple{ | |
border:2px solid #8e24aa; | |
color:#8e24aa!important; | |
background-color:transparent | |
} | |
.btn-outline-purple.active,.btn-outline-purple:active,.btn-outline-purple:active:focus,.btn-outline-purple:focus,.btn-outline-purple:hover{ | |
background-color:transparent; | |
color:#8e24aa; | |
border-color:#8e24aa | |
} | |
.btn-outline-purple:not([disabled]):not(.disabled).active,.btn-outline-purple:not([disabled]):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#8e24aa!important | |
} | |
.btn-deep-purple{ | |
background-color:#512da8!important; | |
color:#fff!important | |
} | |
.btn-deep-purple:hover{ | |
background-color:#5b32bc | |
} | |
.btn-deep-purple.active,.btn-deep-purple:active,.btn-deep-purple:focus{ | |
background-color:#3e2280 | |
} | |
.btn-deep-purple.dropdown-toggle{ | |
background-color:#512da8!important | |
} | |
.btn-deep-purple.dropdown-toggle:focus,.btn-deep-purple.dropdown-toggle:hover{ | |
background-color:#5b32bc!important | |
} | |
.btn-deep-purple:not([disabled]):not(.disabled).active,.btn-deep-purple:not([disabled]):not(.disabled):active,.show>.btn-deep-purple.dropdown-toggle{ | |
background-color:#512da8!important | |
} | |
.btn-outline-deep-purple{ | |
border:2px solid #512da8; | |
color:#512da8!important; | |
background-color:transparent | |
} | |
.btn-outline-deep-purple.active,.btn-outline-deep-purple:active,.btn-outline-deep-purple:active:focus,.btn-outline-deep-purple:focus,.btn-outline-deep-purple:hover{ | |
background-color:transparent; | |
color:#512da8; | |
border-color:#512da8 | |
} | |
.btn-outline-deep-purple:not([disabled]):not(.disabled).active,.btn-outline-deep-purple:not([disabled]):not(.disabled):active,.show>.btn-outline-deep-purple.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#512da8!important | |
} | |
.btn-indigo{ | |
background-color:#3f51b5!important; | |
color:#fff!important | |
} | |
.btn-indigo:hover{ | |
background-color:#4d5ec1 | |
} | |
.btn-indigo.active,.btn-indigo:active,.btn-indigo:focus{ | |
background-color:#32408f | |
} | |
.btn-indigo.dropdown-toggle{ | |
background-color:#3f51b5!important | |
} | |
.btn-indigo.dropdown-toggle:focus,.btn-indigo.dropdown-toggle:hover{ | |
background-color:#4d5ec1!important | |
} | |
.btn-indigo:not([disabled]):not(.disabled).active,.btn-indigo:not([disabled]):not(.disabled):active,.show>.btn-indigo.dropdown-toggle{ | |
background-color:#3f51b5!important | |
} | |
.btn-outline-indigo{ | |
border:2px solid #3f51b5; | |
color:#3f51b5!important; | |
background-color:transparent | |
} | |
.btn-outline-indigo.active,.btn-outline-indigo:active,.btn-outline-indigo:active:focus,.btn-outline-indigo:focus,.btn-outline-indigo:hover{ | |
background-color:transparent; | |
color:#3f51b5; | |
border-color:#3f51b5 | |
} | |
.btn-outline-indigo:not([disabled]):not(.disabled).active,.btn-outline-indigo:not([disabled]):not(.disabled):active,.show>.btn-outline-indigo.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#3f51b5!important | |
} | |
.btn-blue{ | |
background-color:#1976D2!important; | |
color:#fff!important | |
} | |
.btn-blue:hover{ | |
background-color:#2083e4 | |
} | |
.btn-blue.active,.btn-blue:active,.btn-blue:focus{ | |
background-color:#145ca4 | |
} | |
.btn-blue.dropdown-toggle{ | |
background-color:#1976D2!important | |
} | |
.btn-blue.dropdown-toggle:focus,.btn-blue.dropdown-toggle:hover{ | |
background-color:#2083e4!important | |
} | |
.btn-blue:not([disabled]):not(.disabled).active,.btn-blue:not([disabled]):not(.disabled):active,.show>.btn-blue.dropdown-toggle{ | |
background-color:#1976D2!important | |
} | |
.btn-outline-blue{ | |
border:2px solid #1976D2; | |
color:#1976D2!important; | |
background-color:transparent | |
} | |
.btn-outline-blue.active,.btn-outline-blue:active,.btn-outline-blue:active:focus,.btn-outline-blue:focus,.btn-outline-blue:hover{ | |
background-color:transparent; | |
color:#1976D2; | |
border-color:#1976D2 | |
} | |
.btn-outline-blue:not([disabled]):not(.disabled).active,.btn-outline-blue:not([disabled]):not(.disabled):active,.show>.btn-outline-blue.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#1976D2!important | |
} | |
.btn-light-blue{ | |
background-color:#82B1FF!important; | |
color:#fff!important | |
} | |
.btn-light-blue:hover{ | |
background-color:#9cc1ff | |
} | |
.btn-light-blue.active,.btn-light-blue:active,.btn-light-blue:focus{ | |
background-color:#4f91ff | |
} | |
.btn-light-blue.dropdown-toggle{ | |
background-color:#82B1FF!important | |
} | |
.btn-light-blue.dropdown-toggle:focus,.btn-light-blue.dropdown-toggle:hover{ | |
background-color:#9cc1ff!important | |
} | |
.btn-light-blue:not([disabled]):not(.disabled).active,.btn-light-blue:not([disabled]):not(.disabled):active,.show>.btn-light-blue.dropdown-toggle{ | |
background-color:#82B1FF!important | |
} | |
.btn-outline-light-blue{ | |
border:2px solid #82B1FF; | |
color:#82B1FF!important; | |
background-color:transparent | |
} | |
.btn-outline-light-blue.active,.btn-outline-light-blue:active,.btn-outline-light-blue:active:focus,.btn-outline-light-blue:focus,.btn-outline-light-blue:hover{ | |
background-color:transparent; | |
color:#82B1FF; | |
border-color:#82B1FF | |
} | |
.btn-outline-light-blue:not([disabled]):not(.disabled).active,.btn-outline-light-blue:not([disabled]):not(.disabled):active,.show>.btn-outline-light-blue.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#82B1FF!important | |
} | |
.btn-cyan{ | |
background-color:#00bcd4!important; | |
color:#fff!important | |
} | |
.btn-cyan:hover{ | |
background-color:#00d3ee | |
} | |
.btn-cyan.active,.btn-cyan:active,.btn-cyan:focus{ | |
background-color:#008fa1 | |
} | |
.btn-cyan.dropdown-toggle{ | |
background-color:#00bcd4!important | |
} | |
.btn-cyan.dropdown-toggle:focus,.btn-cyan.dropdown-toggle:hover{ | |
background-color:#00d3ee!important | |
} | |
.btn-cyan:not([disabled]):not(.disabled).active,.btn-cyan:not([disabled]):not(.disabled):active,.show>.btn-cyan.dropdown-toggle{ | |
background-color:#00bcd4!important | |
} | |
.btn-outline-cyan{ | |
border:2px solid #00bcd4; | |
color:#00bcd4!important; | |
background-color:transparent | |
} | |
.btn-outline-cyan.active,.btn-outline-cyan:active,.btn-outline-cyan:active:focus,.btn-outline-cyan:focus,.btn-outline-cyan:hover{ | |
background-color:transparent; | |
color:#00bcd4; | |
border-color:#00bcd4 | |
} | |
.btn-outline-cyan:not([disabled]):not(.disabled).active,.btn-outline-cyan:not([disabled]):not(.disabled):active,.show>.btn-outline-cyan.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#00bcd4!important | |
} | |
.btn-teal{ | |
background-color:#00796b!important; | |
color:#fff!important | |
} | |
.btn-teal:hover{ | |
background-color:#009382 | |
} | |
.btn-teal.active,.btn-teal:active,.btn-teal:focus{ | |
background-color:#00463e | |
} | |
.btn-teal.dropdown-toggle{ | |
background-color:#00796b!important | |
} | |
.btn-teal.dropdown-toggle:focus,.btn-teal.dropdown-toggle:hover{ | |
background-color:#009382!important | |
} | |
.btn-teal:not([disabled]):not(.disabled).active,.btn-teal:not([disabled]):not(.disabled):active,.show>.btn-teal.dropdown-toggle{ | |
background-color:#00796b!important | |
} | |
.btn-outline-teal{ | |
border:2px solid #00796b; | |
color:#00796b!important; | |
background-color:transparent | |
} | |
.btn-outline-teal.active,.btn-outline-teal:active,.btn-outline-teal:active:focus,.btn-outline-teal:focus,.btn-outline-teal:hover{ | |
background-color:transparent; | |
color:#00796b; | |
border-color:#00796b | |
} | |
.btn-outline-teal:not([disabled]):not(.disabled).active,.btn-outline-teal:not([disabled]):not(.disabled):active,.show>.btn-outline-teal.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#00796b!important | |
} | |
.btn-green{ | |
background-color:#388E3C!important; | |
color:#fff!important | |
} | |
.btn-green:hover{ | |
background-color:#3fa044 | |
} | |
.btn-green.active,.btn-green:active,.btn-green:focus{ | |
background-color:#2a692d | |
} | |
.btn-green.dropdown-toggle{ | |
background-color:#388E3C!important | |
} | |
.btn-green.dropdown-toggle:focus,.btn-green.dropdown-toggle:hover{ | |
background-color:#3fa044!important | |
} | |
.btn-green:not([disabled]):not(.disabled).active,.btn-green:not([disabled]):not(.disabled):active,.show>.btn-green.dropdown-toggle{ | |
background-color:#388E3C!important | |
} | |
.btn-outline-green{ | |
border:2px solid #388E3C; | |
color:#388E3C!important; | |
background-color:transparent | |
} | |
.btn-outline-green.active,.btn-outline-green:active,.btn-outline-green:active:focus,.btn-outline-green:focus,.btn-outline-green:hover{ | |
background-color:transparent; | |
color:#388E3C; | |
border-color:#388E3C | |
} | |
.btn-outline-green:not([disabled]):not(.disabled).active,.btn-outline-green:not([disabled]):not(.disabled):active,.show>.btn-outline-green.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#388E3C!important | |
} | |
.btn-light-green{ | |
background-color:#8bc34a!important; | |
color:#fff!important | |
} | |
.btn-light-green:hover{ | |
background-color:#97c95d | |
} | |
.btn-light-green.active,.btn-light-green:active,.btn-light-green:focus{ | |
background-color:#71a436 | |
} | |
.btn-light-green.dropdown-toggle{ | |
background-color:#8bc34a!important | |
} | |
.btn-light-green.dropdown-toggle:focus,.btn-light-green.dropdown-toggle:hover{ | |
background-color:#97c95d!important | |
} | |
.btn-light-green:not([disabled]):not(.disabled).active,.btn-light-green:not([disabled]):not(.disabled):active,.show>.btn-light-green.dropdown-toggle{ | |
background-color:#8bc34a!important | |
} | |
.btn-outline-light-green{ | |
border:2px solid #8bc34a; | |
color:#8bc34a!important; | |
background-color:transparent | |
} | |
.btn-outline-light-green.active,.btn-outline-light-green:active,.btn-outline-light-green:active:focus,.btn-outline-light-green:focus,.btn-outline-light-green:hover{ | |
background-color:transparent; | |
color:#8bc34a; | |
border-color:#8bc34a | |
} | |
.btn-outline-light-green:not([disabled]):not(.disabled).active,.btn-outline-light-green:not([disabled]):not(.disabled):active,.show>.btn-outline-light-green.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#8bc34a!important | |
} | |
.btn-lime{ | |
background-color:#afb42b!important; | |
color:#fff!important | |
} | |
.btn-lime:hover{ | |
background-color:#c3c930 | |
} | |
.btn-lime.active,.btn-lime:active,.btn-lime:focus{ | |
background-color:#878b21 | |
} | |
.btn-lime.dropdown-toggle{ | |
background-color:#afb42b!important | |
} | |
.btn-lime.dropdown-toggle:focus,.btn-lime.dropdown-toggle:hover{ | |
background-color:#c3c930!important | |
} | |
.btn-lime:not([disabled]):not(.disabled).active,.btn-lime:not([disabled]):not(.disabled):active,.show>.btn-lime.dropdown-toggle{ | |
background-color:#afb42b!important | |
} | |
.btn-outline-lime{ | |
border:2px solid #afb42b; | |
color:#afb42b!important; | |
background-color:transparent | |
} | |
.btn-outline-lime.active,.btn-outline-lime:active,.btn-outline-lime:active:focus,.btn-outline-lime:focus,.btn-outline-lime:hover{ | |
background-color:transparent; | |
color:#afb42b; | |
border-color:#afb42b | |
} | |
.btn-outline-lime:not([disabled]):not(.disabled).active,.btn-outline-lime:not([disabled]):not(.disabled):active,.show>.btn-outline-lime.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#afb42b!important | |
} | |
.btn-yellow{ | |
background-color:#fbc02d!important; | |
color:#fff!important | |
} | |
.btn-yellow:hover{ | |
background-color:#fbc846 | |
} | |
.btn-yellow.active,.btn-yellow:active,.btn-yellow:focus{ | |
background-color:#f0ad05 | |
} | |
.btn-yellow.dropdown-toggle{ | |
background-color:#fbc02d!important | |
} | |
.btn-yellow.dropdown-toggle:focus,.btn-yellow.dropdown-toggle:hover{ | |
background-color:#fbc846!important | |
} | |
.btn-yellow:not([disabled]):not(.disabled).active,.btn-yellow:not([disabled]):not(.disabled):active,.show>.btn-yellow.dropdown-toggle{ | |
background-color:#fbc02d!important | |
} | |
.btn-outline-yellow{ | |
border:2px solid #fbc02d; | |
color:#fbc02d!important; | |
background-color:transparent | |
} | |
.btn-outline-yellow.active,.btn-outline-yellow:active,.btn-outline-yellow:active:focus,.btn-outline-yellow:focus,.btn-outline-yellow:hover{ | |
background-color:transparent; | |
color:#fbc02d; | |
border-color:#fbc02d | |
} | |
.btn-outline-yellow:not([disabled]):not(.disabled).active,.btn-outline-yellow:not([disabled]):not(.disabled):active,.show>.btn-outline-yellow.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#fbc02d!important | |
} | |
.btn-amber{ | |
background-color:#ffa000!important; | |
color:#fff!important | |
} | |
.btn-amber:hover{ | |
background-color:#ffaa1a | |
} | |
.btn-amber.active,.btn-amber:active,.btn-amber:focus{ | |
background-color:#cc8000 | |
} | |
.btn-amber.dropdown-toggle{ | |
background-color:#ffa000!important | |
} | |
.btn-amber.dropdown-toggle:focus,.btn-amber.dropdown-toggle:hover{ | |
background-color:#ffaa1a!important | |
} | |
.btn-amber:not([disabled]):not(.disabled).active,.btn-amber:not([disabled]):not(.disabled):active,.show>.btn-amber.dropdown-toggle{ | |
background-color:#ffa000!important | |
} | |
.btn-outline-amber{ | |
border:2px solid #ffa000; | |
color:#ffa000!important; | |
background-color:transparent | |
} | |
.btn-outline-amber.active,.btn-outline-amber:active,.btn-outline-amber:active:focus,.btn-outline-amber:focus,.btn-outline-amber:hover{ | |
background-color:transparent; | |
color:#ffa000; | |
border-color:#ffa000 | |
} | |
.btn-outline-amber:not([disabled]):not(.disabled).active,.btn-outline-amber:not([disabled]):not(.disabled):active,.show>.btn-outline-amber.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#ffa000!important | |
} | |
.btn-orange{ | |
background-color:#f57c00!important; | |
color:#fff!important | |
} | |
.btn-orange:hover{ | |
background-color:#ff8910 | |
} | |
.btn-orange.active,.btn-orange:active,.btn-orange:focus{ | |
background-color:#c26200 | |
} | |
.btn-orange.dropdown-toggle{ | |
background-color:#f57c00!important | |
} | |
.btn-orange.dropdown-toggle:focus,.btn-orange.dropdown-toggle:hover{ | |
background-color:#ff8910!important | |
} | |
.btn-orange:not([disabled]):not(.disabled).active,.btn-orange:not([disabled]):not(.disabled):active,.show>.btn-orange.dropdown-toggle{ | |
background-color:#f57c00!important | |
} | |
.btn-outline-orange{ | |
border:2px solid #f57c00; | |
color:#f57c00!important; | |
background-color:transparent | |
} | |
.btn-outline-orange.active,.btn-outline-orange:active,.btn-outline-orange:active:focus,.btn-outline-orange:focus,.btn-outline-orange:hover{ | |
background-color:transparent; | |
color:#f57c00; | |
border-color:#f57c00 | |
} | |
.btn-outline-orange:not([disabled]):not(.disabled).active,.btn-outline-orange:not([disabled]):not(.disabled):active,.show>.btn-outline-orange.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#f57c00!important | |
} | |
.btn-deep-orange{ | |
background-color:#ff7043!important; | |
color:#fff!important | |
} | |
.btn-deep-orange:hover{ | |
background-color:#ff835d | |
} | |
.btn-deep-orange.active,.btn-deep-orange:active,.btn-deep-orange:focus{ | |
background-color:#ff4910 | |
} | |
.btn-deep-orange.dropdown-toggle{ | |
background-color:#ff7043!important | |
} | |
.btn-deep-orange.dropdown-toggle:focus,.btn-deep-orange.dropdown-toggle:hover{ | |
background-color:#ff835d!important | |
} | |
.btn-deep-orange:not([disabled]):not(.disabled).active,.btn-deep-orange:not([disabled]):not(.disabled):active,.show>.btn-deep-orange.dropdown-toggle{ | |
background-color:#ff7043!important | |
} | |
.btn-outline-deep-orange{ | |
border:2px solid #ff7043; | |
color:#ff7043!important; | |
background-color:transparent | |
} | |
.btn-outline-deep-orange.active,.btn-outline-deep-orange:active,.btn-outline-deep-orange:active:focus,.btn-outline-deep-orange:focus,.btn-outline-deep-orange:hover{ | |
background-color:transparent; | |
color:#ff7043; | |
border-color:#ff7043 | |
} | |
.btn-outline-deep-orange:not([disabled]):not(.disabled).active,.btn-outline-deep-orange:not([disabled]):not(.disabled):active,.show>.btn-outline-deep-orange.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#ff7043!important | |
} | |
.btn-brown{ | |
background-color:#795548!important; | |
color:#fff!important | |
} | |
.btn-brown:hover{ | |
background-color:#896052 | |
} | |
.btn-brown.active,.btn-brown:active,.btn-brown:focus{ | |
background-color:#593f35 | |
} | |
.btn-brown.dropdown-toggle{ | |
background-color:#795548!important | |
} | |
.btn-brown.dropdown-toggle:focus,.btn-brown.dropdown-toggle:hover{ | |
background-color:#896052!important | |
} | |
.btn-brown:not([disabled]):not(.disabled).active,.btn-brown:not([disabled]):not(.disabled):active,.show>.btn-brown.dropdown-toggle{ | |
background-color:#795548!important | |
} | |
.btn-outline-brown{ | |
border:2px solid #795548; | |
color:#795548!important; | |
background-color:transparent | |
} | |
.btn-outline-brown.active,.btn-outline-brown:active,.btn-outline-brown:active:focus,.btn-outline-brown:focus,.btn-outline-brown:hover{ | |
background-color:transparent; | |
color:#795548; | |
border-color:#795548 | |
} | |
.btn-outline-brown:not([disabled]):not(.disabled).active,.btn-outline-brown:not([disabled]):not(.disabled):active,.show>.btn-outline-brown.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#795548!important | |
} | |
.btn-grey{ | |
background-color:#616161!important; | |
color:#fff!important | |
} | |
.btn-grey:hover{ | |
background-color:#6e6e6e | |
} | |
.btn-grey.active,.btn-grey:active,.btn-grey:focus{ | |
background-color:#484848 | |
} | |
.btn-grey.dropdown-toggle{ | |
background-color:#616161!important | |
} | |
.btn-grey.dropdown-toggle:focus,.btn-grey.dropdown-toggle:hover{ | |
background-color:#6e6e6e!important | |
} | |
.btn-grey:not([disabled]):not(.disabled).active,.btn-grey:not([disabled]):not(.disabled):active,.show>.btn-grey.dropdown-toggle{ | |
background-color:#616161!important | |
} | |
.btn-outline-grey{ | |
border:2px solid #616161; | |
color:#616161!important; | |
background-color:transparent | |
} | |
.btn-outline-grey.active,.btn-outline-grey:active,.btn-outline-grey:active:focus,.btn-outline-grey:focus,.btn-outline-grey:hover{ | |
background-color:transparent; | |
color:#616161; | |
border-color:#616161 | |
} | |
.btn-outline-grey:not([disabled]):not(.disabled).active,.btn-outline-grey:not([disabled]):not(.disabled):active,.show>.btn-outline-grey.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#616161!important | |
} | |
.btn-blue-grey{ | |
background-color:#78909c!important; | |
color:#fff!important | |
} | |
.btn-blue-grey:hover{ | |
background-color:#879ca7 | |
} | |
.btn-blue-grey.active,.btn-blue-grey:active,.btn-blue-grey:focus{ | |
background-color:#5f7682 | |
} | |
.btn-blue-grey.dropdown-toggle{ | |
background-color:#78909c!important | |
} | |
.btn-blue-grey.dropdown-toggle:focus,.btn-blue-grey.dropdown-toggle:hover{ | |
background-color:#879ca7!important | |
} | |
.btn-blue-grey:not([disabled]):not(.disabled).active,.btn-blue-grey:not([disabled]):not(.disabled):active,.show>.btn-blue-grey.dropdown-toggle{ | |
background-color:#78909c!important | |
} | |
.btn-outline-blue-grey{ | |
border:2px solid #78909c; | |
color:#78909c!important; | |
background-color:transparent | |
} | |
.btn-outline-blue-grey.active,.btn-outline-blue-grey:active,.btn-outline-blue-grey:active:focus,.btn-outline-blue-grey:focus,.btn-outline-blue-grey:hover{ | |
background-color:transparent; | |
color:#78909c; | |
border-color:#78909c | |
} | |
.btn-outline-blue-grey:not([disabled]):not(.disabled).active,.btn-outline-blue-grey:not([disabled]):not(.disabled):active,.show>.btn-outline-blue-grey.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#78909c!important | |
} | |
.btn-dark{ | |
background-color:#212121!important; | |
color:#fff!important | |
} | |
.btn-dark:hover{ | |
background-color:#2e2e2e | |
} | |
.btn-dark.active,.btn-dark:active,.btn-dark:focus{ | |
background-color:#080808 | |
} | |
.btn-dark.dropdown-toggle{ | |
background-color:#212121!important | |
} | |
.btn-dark.dropdown-toggle:focus,.btn-dark.dropdown-toggle:hover{ | |
background-color:#2e2e2e!important | |
} | |
.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.show>.btn-dark.dropdown-toggle{ | |
background-color:#212121!important | |
} | |
.btn-outline-dark{ | |
border:2px solid #212121; | |
color:#212121!important; | |
background-color:transparent | |
} | |
.btn-outline-dark.active,.btn-outline-dark:active,.btn-outline-dark:active:focus,.btn-outline-dark:focus,.btn-outline-dark:hover{ | |
background-color:transparent; | |
color:#212121; | |
border-color:#212121 | |
} | |
.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#212121!important | |
} | |
.btn-light{ | |
background-color:#e0e0e0!important; | |
color:#000!important | |
} | |
.btn-light:hover{ | |
background-color:#ededed | |
} | |
.btn-light.active,.btn-light:active,.btn-light:focus{ | |
background-color:#c7c7c7 | |
} | |
.btn-light.dropdown-toggle{ | |
background-color:#e0e0e0!important | |
} | |
.btn-light.dropdown-toggle:focus,.btn-light.dropdown-toggle:hover{ | |
background-color:#ededed!important | |
} | |
.btn-light:not([disabled]):not(.disabled).active,.btn-light:not([disabled]):not(.disabled):active,.show>.btn-light.dropdown-toggle{ | |
background-color:#e0e0e0!important | |
} | |
.btn-outline-light{ | |
border:2px solid #e0e0e0; | |
color:#e0e0e0!important; | |
background-color:transparent | |
} | |
.btn-outline-light.active,.btn-outline-light:active,.btn-outline-light:active:focus,.btn-outline-light:focus,.btn-outline-light:hover{ | |
background-color:transparent; | |
color:#e0e0e0; | |
border-color:#e0e0e0 | |
} | |
.btn-outline-light:not([disabled]):not(.disabled).active,.btn-outline-light:not([disabled]):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#e0e0e0!important | |
} | |
.btn-white{ | |
background-color:#fff!important; | |
color:#000!important | |
} | |
.btn-white:hover{ | |
background-color:#fff | |
} | |
.btn-white.active,.btn-white:active,.btn-white:focus{ | |
background-color:#e6e6e6 | |
} | |
.btn-white.dropdown-toggle,.btn-white.dropdown-toggle:focus,.btn-white.dropdown-toggle:hover,.btn-white:not([disabled]):not(.disabled).active,.btn-white:not([disabled]):not(.disabled):active,.show>.btn-white.dropdown-toggle{ | |
background-color:#fff!important | |
} | |
.btn-outline-white{ | |
border:2px solid #fff; | |
color:#fff!important; | |
background-color:transparent | |
} | |
.btn-outline-white.active,.btn-outline-white:active,.btn-outline-white:active:focus,.btn-outline-white:focus,.btn-outline-white:hover{ | |
background-color:transparent; | |
color:#fff; | |
border-color:#fff | |
} | |
.btn-outline-white:not([disabled]):not(.disabled).active,.btn-outline-white:not([disabled]):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#fff!important | |
} | |
.btn-black{ | |
background-color:#000!important; | |
color:#fff!important | |
} | |
.btn-black:hover{ | |
background-color:#0d0d0d | |
} | |
.btn-black.active,.btn-black:active,.btn-black:focus{ | |
background-color:#000 | |
} | |
.btn-black.dropdown-toggle{ | |
background-color:#000!important | |
} | |
.btn-black.dropdown-toggle:focus,.btn-black.dropdown-toggle:hover{ | |
background-color:#0d0d0d!important | |
} | |
.btn-black:not([disabled]):not(.disabled).active,.btn-black:not([disabled]):not(.disabled):active,.show>.btn-black.dropdown-toggle{ | |
background-color:#000!important | |
} | |
.btn-outline-black{ | |
border:2px solid #000; | |
color:#000!important; | |
background-color:transparent | |
} | |
.btn-outline-black.active,.btn-outline-black:active,.btn-outline-black:active:focus,.btn-outline-black:focus,.btn-outline-black:hover{ | |
background-color:transparent; | |
color:#000; | |
border-color:#000 | |
} | |
.btn-outline-black:not([disabled]):not(.disabled).active,.btn-outline-black:not([disabled]):not(.disabled):active,.show>.btn-outline-black.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#000!important | |
} | |
.card{ | |
border-radius:.3rem | |
} | |
.card:not([class*=card-outline-]){ | |
border:0 | |
} | |
.card img{ | |
border-radius:2px 2px 0 0 | |
} | |
.card .card-body h5{ | |
margin-bottom:1rem; | |
font-size:1rem; | |
font-weight:400 | |
} | |
.card .card-body h3{ | |
margin-bottom:1rem | |
} | |
.card .card-body p{ | |
margin-bottom:1rem | |
} | |
.card .card-title a,.card .card-title a:hover{ | |
-webkit-transition:.3s; | |
transition:.3s | |
} | |
.card .card-text{ | |
font-size:.9rem; | |
color:#747373 | |
} | |
.card .card-footer.links-light a{ | |
font-size:15px; | |
color:#757575 | |
} | |
.card .card-footer.links-light a:hover{ | |
color:#d50000; | |
-webkit-transition:.4s; | |
transition:.4s | |
} | |
.card .card-footer.links-light a .fa{ | |
font-size:17px | |
} | |
.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus,.dropdown .dropdown-menu .dropdown-item:hover{ | |
color:#1d1e1f; | |
background-color:#f7f7f9 | |
} | |
.navbar{ | |
font-weight:300; | |
padding-right:1rem!important | |
} | |
.navbar form input{ | |
margin:0 5px 1px 8px; | |
height:1rem | |
} | |
.navbar .navbar-brand{ | |
-webkit-align-self:flex-start; | |
-ms-flex-item-align:start; | |
align-self:flex-start; | |
overflow:visible | |
} | |
.navbar .breadcrumb{ | |
margin:0; | |
background-color:inherit; | |
font-weight:300; | |
font-size:15px; | |
padding:.3em 0 0 1em | |
} | |
.navbar .navbar-toggler{ | |
border-width:0 | |
} | |
.navbar .nav-flex-icons,.navbar.double-nav{ | |
-webkit-flex-direction:row; | |
-ms-flex-direction:row; | |
flex-direction:row | |
} | |
.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disabled,.navbar.navbar-dark .navbar-nav .nav-item .nav-link.disabled:hover{ | |
color:rgba(255,255,255,.5) | |
} | |
.navbar.navbar-light .navbar-nav .nav-item .nav-link.disabled,.navbar.navbar-light .navbar-nav .nav-item .nav-link.disabled:hover{ | |
color:rgba(0,0,0,.5) | |
} | |
.navbar .nav-item .nav-link{ | |
display:block | |
} | |
.navbar .nav-item .nav-link.disabled:active{ | |
pointer-events:none | |
} | |
.navbar .nav-item .nav-link .fa{ | |
padding-left:3px; | |
padding-right:3px | |
} | |
@media (max-width:992px){ | |
.navbar .nav-item .nav-link{ | |
padding-left:6px; | |
padding-right:6px | |
} | |
} | |
.navbar .dropdown-menu{ | |
position:absolute!important; | |
margin-top:0 | |
} | |
.navbar .dropdown-menu a{ | |
font-size:.9375rem; | |
font-weight:300; | |
padding:10px; | |
color:#000!important | |
} | |
.navbar .dropdown-menu a:hover{ | |
color:#fff!important | |
} | |
@media (max-width:600px){ | |
.navbar .dropdown-menu.dropdown-menu-right{ | |
right:auto!important | |
} | |
} | |
.navbar.navbar-light .navbar-toggler-icon{ | |
background-image:url("data:image/svg+xml; | |
charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); | |
cursor:pointer | |
} | |
.navbar.navbar-light .breadcrumb .nav-item .nav-link,.navbar.navbar-light .navbar-nav .nav-item .nav-link{ | |
color:#000; | |
-webkit-transition:.35s; | |
transition:.35s | |
} | |
.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover,.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover{ | |
color:rgba(0,0,0,.75) | |
} | |
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link:hover,.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link:hover,.navbar.navbar-light .navbar-toggler,.navbar.navbar-light form .form-control{ | |
color:#000 | |
} | |
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link,.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link{ | |
background-color:rgba(0,0,0,.1) | |
} | |
.navbar.navbar-light form input[type=text]{ | |
border-bottom:1px solid #000 | |
} | |
.navbar.navbar-light form input[type=text]:focus:not([readonly]){ | |
border-color:#4285F4 | |
} | |
.navbar.navbar-light form .form-control:-moz-placeholder{ | |
color:#000; | |
font-weight:300 | |
} | |
.navbar.navbar-light form .form-control::-ms-placeholder{ | |
color:#000; | |
font-weight:300 | |
} | |
.navbar.navbar-light form .form-control::-webkit-input-placeholder{ | |
color:#000; | |
font-weight:300 | |
} | |
.navbar.navbar-light form .form-control::-moz-placeholder{ | |
color:#000; | |
font-weight:300 | |
} | |
.navbar.navbar-light form .form-control:-ms-input-placeholder{ | |
color:#000; | |
font-weight:300 | |
} | |
.navbar.navbar-light form .form-control::placeholder{ | |
color:#000; | |
font-weight:300 | |
} | |
.navbar.navbar-dark .navbar-toggler-icon{ | |
background-image:url("data:image/svg+xml; | |
charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); | |
cursor:pointer | |
} | |
.navbar.navbar-dark .breadcrumb .nav-item .nav-link,.navbar.navbar-dark .navbar-nav .nav-item .nav-link{ | |
color:#fff; | |
-webkit-transition:.35s; | |
transition:.35s | |
} | |
.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover,.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{ | |
color:rgba(255,255,255,.75) | |
} | |
.badge,.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link:hover,.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link:hover,.navbar.navbar-dark .navbar-toggler,.navbar.navbar-dark form .form-control,.pagination .active .page-link:hover{ | |
color:#fff | |
} | |
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link,.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link{ | |
background-color:rgba(255,255,255,.1) | |
} | |
.navbar.navbar-dark form input[type=text]{ | |
border-bottom:1px solid #fff | |
} | |
.navbar.navbar-dark form input[type=text]:focus:not([readonly]){ | |
border-color:#4285F4 | |
} | |
.navbar.navbar-dark form .form-control:-moz-placeholder{ | |
color:#fff; | |
font-weight:300 | |
} | |
.navbar.navbar-dark form .form-control::-ms-placeholder{ | |
color:#fff; | |
font-weight:300 | |
} | |
.navbar.navbar-dark form .form-control::-webkit-input-placeholder{ | |
color:#fff; | |
font-weight:300 | |
} | |
.navbar.navbar-dark form .form-control::-moz-placeholder{ | |
color:#fff; | |
font-weight:300 | |
} | |
.navbar.navbar-dark form .form-control:-ms-input-placeholder{ | |
color:#fff; | |
font-weight:300 | |
} | |
.navbar.navbar-dark form .form-control::placeholder{ | |
color:#fff; | |
font-weight:300 | |
} | |
.navbar.scrolling-navbar{ | |
z-index:100 | |
} | |
@media (min-width:600px){ | |
.navbar.scrolling-navbar{ | |
-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out; | |
transition:background .5s ease-in-out,padding .5s ease-in-out; | |
padding-top:12px; | |
padding-bottom:12px | |
} | |
.navbar.scrolling-navbar .navbar-nav>li{ | |
-webkit-transition-duration:1s; | |
transition-duration:1s | |
} | |
.navbar.scrolling-navbar.top-nav-collapse{ | |
padding-top:5px; | |
padding-bottom:5px | |
} | |
.intro-margin.view{ | |
overflow:visible; | |
margin-top:-56px | |
} | |
} | |
.pagination .active .page-link{ | |
border-radius:2px; | |
-webkit-transition:all .2s linear; | |
transition:all .2s linear | |
} | |
.pagination.pagination-circle .page-link{ | |
border-radius:50%; | |
margin-left:2px; | |
margin-right:2px | |
} | |
.pagination.pagination-circle .active .page-link,.pagination.pagination-circle .page-link:hover{ | |
border-radius:50% | |
} | |
.pagination .page-link{ | |
background-color:transparent; | |
font-size:.8rem; | |
border:0; | |
-webkit-transition:all .3s linear; | |
transition:all .3s linear | |
} | |
.pagination .page-link:hover{ | |
-webkit-transition:all .3s linear; | |
transition:all .3s linear; | |
background-color:#eee | |
} | |
.pagination .page-link:focus{ | |
background-color:transparent | |
} | |
.pagination.pg-blue .active .page-link{ | |
background-color:#4285F4 | |
} | |
.pagination.pg-red .active .page-link{ | |
background-color:#ff3547 | |
} | |
.pagination.pg-teal .active .page-link{ | |
background-color:#2BBBAD | |
} | |
.pagination.pg-darkgrey .active .page-link{ | |
background-color:#37474F | |
} | |
.pagination.pg-dark .active .page-link{ | |
background-color:#2E2E2E | |
} | |
.pagination.pg-bluegrey .active .page-link{ | |
background-color:#3F729B | |
} | |
.pagination.pg-amber .active .page-link{ | |
background-color:#ff6f00 | |
} | |
.pagination.pg-purple .active .page-link{ | |
background-color:#5e35b1 | |
} | |
.badge-primary{ | |
background-color:#4285F4 | |
} | |
.badge-danger{ | |
background-color:#ff3547 | |
} | |
.badge-warning{ | |
background-color:#F80; | |
color:#FFF!important | |
} | |
.badge-success{ | |
background-color:#00C851 | |
} | |
.badge-info{ | |
background-color:#33b5e5 | |
} | |
.badge-default{ | |
background-color:#2BBBAD | |
} | |
.badge-secondary{ | |
background-color:#a6c | |
} | |
.badge-elegant{ | |
background-color:#2E2E2E | |
} | |
.badge-unique{ | |
background-color:#880e4f | |
} | |
.badge-dark-green{ | |
background-color:#388E3C | |
} | |
.badge-mdb-color{ | |
background-color:#59698D | |
} | |
.badge-red{ | |
background-color:#D32F2F | |
} | |
.badge-pink{ | |
background-color:#ec407a | |
} | |
.badge-purple{ | |
background-color:#8e24aa | |
} | |
.badge-deep-purple{ | |
background-color:#512da8 | |
} | |
.badge-indigo{ | |
background-color:#3f51b5 | |
} | |
.badge-blue{ | |
background-color:#1976D2 | |
} | |
.badge-light-blue{ | |
background-color:#82B1FF | |
} | |
.badge-cyan{ | |
background-color:#00bcd4 | |
} | |
.badge-teal{ | |
background-color:#00796b | |
} | |
.badge-green{ | |
background-color:#388E3C | |
} | |
.badge-light-green{ | |
background-color:#8bc34a | |
} | |
.badge-lime{ | |
background-color:#afb42b | |
} | |
.badge-yellow{ | |
background-color:#fbc02d | |
} | |
.badge-amber{ | |
background-color:#ffa000 | |
} | |
.badge-orange{ | |
background-color:#f57c00 | |
} | |
.badge-deep-orange{ | |
background-color:#ff7043 | |
} | |
.badge-brown{ | |
background-color:#795548 | |
} | |
.badge-grey{ | |
background-color:#616161 | |
} | |
.badge-blue-grey{ | |
background-color:#78909c | |
} | |
.badge-dark{ | |
background-color:#212121 | |
} | |
.badge-light{ | |
background-color:#e0e0e0 | |
} | |
.badge-white{ | |
background-color:#fff | |
} | |
.badge-black{ | |
background-color:#000 | |
} | |
.badge-pill{ | |
padding-right:.6em; | |
padding-left:.6em; | |
border-radius:10rem | |
} | |
.modal,body.modal-open{ | |
padding-right:0!important | |
} | |
body.modal-open{ | |
overflow:auto | |
} | |
body.scrollable{ | |
overflow-y:auto | |
} | |
.progress,.view,.waves-effect{ | |
overflow:hidden | |
} | |
.modal-dialog .modal-content{ | |
border-radius:2px; | |
border:0 | |
} | |
@media (min-width:768px){ | |
.modal .modal-dialog.modal-top{ | |
top:0 | |
} | |
.modal .modal-dialog.modal-left{ | |
left:0 | |
} | |
.modal .modal-dialog.modal-right{ | |
right:0 | |
} | |
.modal .modal-dialog.modal-bottom{ | |
bottom:0 | |
} | |
.modal .modal-dialog.modal-top-left{ | |
top:10px; | |
left:10px | |
} | |
.modal .modal-dialog.modal-top-right{ | |
top:10px; | |
right:10px | |
} | |
.modal .modal-dialog.modal-bottom-left{ | |
left:10px; | |
bottom:10px | |
} | |
.modal .modal-dialog.modal-bottom-right{ | |
right:10px; | |
bottom:10px | |
} | |
} | |
.modal.fade.top:not(.show) .modal-dialog{ | |
-webkit-transform:translate3d(0,-25%,0); | |
transform:translate3d(0,-25%,0) | |
} | |
.modal.fade.left:not(.show) .modal-dialog{ | |
-webkit-transform:translate3d(-25%,0,0); | |
transform:translate3d(-25%,0,0) | |
} | |
.modal.fade.right:not(.show) .modal-dialog{ | |
-webkit-transform:translate3d(25%,0,0); | |
transform:translate3d(25%,0,0) | |
} | |
.modal.fade.bottom:not(.show) .modal-dialog{ | |
-webkit-transform:translate3d(0,25%,0); | |
transform:translate3d(0,25%,0) | |
} | |
@media (min-width:992px){ | |
.modal .modal-fluid,.modal .modal-frame{ | |
width:100%; | |
max-width:100% | |
} | |
.modal.modal-scrolling{ | |
position:relative | |
} | |
.modal.modal-scrolling .modal-dialog{ | |
position:fixed; | |
z-index:1050 | |
} | |
.modal.modal-content-clickable{ | |
top:auto; | |
bottom:auto | |
} | |
.modal.modal-content-clickable .modal-dialog{ | |
position:fixed | |
} | |
.modal .modal-fluid .modal-content{ | |
width:100% | |
} | |
.modal .modal-frame{ | |
position:absolute; | |
margin:0 | |
} | |
.modal .modal-frame.modal-bottom{ | |
bottom:0 | |
} | |
.modal .modal-full-height{ | |
display:-webkit-box; | |
display:-webkit-flex; | |
display:-ms-flexbox; | |
display:flex; | |
position:absolute; | |
width:400px; | |
height:100%; | |
margin:0; | |
top:0; | |
right:0 | |
} | |
.modal .modal-full-height.modal-bottom,.modal .modal-full-height.modal-top{ | |
display:block; | |
width:100%; | |
max-width:100%; | |
height:auto | |
} | |
.modal .modal-full-height.modal-top{ | |
bottom:auto | |
} | |
.modal .modal-full-height.modal-bottom{ | |
top:auto | |
} | |
.modal .modal-full-height .modal-content{ | |
width:100% | |
} | |
.modal .modal-full-height.modal-lg{ | |
max-width:90%; | |
width:90% | |
} | |
} | |
@media (min-width:992px) and (min-width:992px){ | |
.modal .modal-full-height.modal-lg{ | |
max-width:800px; | |
width:800px | |
} | |
} | |
@media (min-width:992px) and (min-width:1200px){ | |
.modal .modal-full-height.modal-lg{ | |
max-width:1000px; | |
width:1000px | |
} | |
} | |
@media (min-width:992px){ | |
.modal .modal-side{ | |
position:absolute; | |
right:10px; | |
bottom:10px; | |
margin:0; | |
width:400px | |
} | |
} | |
.progress,.view{ | |
position:relative | |
} | |
.modal-dialog .btn .fa{ | |
color:#fff!important | |
} | |
.modal-dialog [class*=btn-outline-] .fa{ | |
color:inherit!important | |
} | |
.modal-dialog.cascading-modal{ | |
margin-top:10% | |
} | |
.modal-dialog.cascading-modal .close{ | |
color:#fff; | |
opacity:1; | |
text-shadow:none | |
} | |
.modal-dialog.cascading-modal .modal-header{ | |
text-align:center; | |
margin:-2rem 1rem 1rem; | |
padding:1.5rem; | |
border:none; | |
border-radius:3px | |
} | |
.modal-dialog.cascading-modal .modal-header .close{ | |
margin-right:1rem | |
} | |
.modal-dialog.cascading-modal .modal-header .title{ | |
width:100%; | |
margin-bottom:0; | |
font-size:1.25rem | |
} | |
.modal-dialog.cascading-modal .modal-header .title .fa{ | |
margin-right:9px | |
} | |
.modal-dialog.cascading-modal .modal-header .social-buttons{ | |
margin-top:1.5rem | |
} | |
.modal-dialog.cascading-modal .modal-header .social-buttons a{ | |
font-size:1rem | |
} | |
.modal-dialog.cascading-modal .modal-c-tabs .nav-tabs{ | |
margin:-1.5rem 1rem 0 | |
} | |
.modal-dialog.cascading-modal .modal-c-tabs .tab-content{ | |
padding:1.7rem 0 0 | |
} | |
.modal-dialog.cascading-modal .nav-tabs{ | |
display:flex | |
} | |
.modal-dialog.cascading-modal .nav-tabs li{ | |
-webkit-box-flex:1; | |
-webkit-flex:1; | |
-ms-flex:1; | |
flex:1 | |
} | |
.modal-dialog.cascading-modal .nav-tabs li a{ | |
text-align:center; | |
font-weight:400 | |
} | |
.modal-dialog.cascading-modal .modal-body,.modal-dialog.cascading-modal .modal-footer{ | |
color:#616161; | |
padding-right:2rem; | |
padding-left:2rem | |
} | |
.modal-dialog.cascading-modal .modal-body .additional-option,.modal-dialog.cascading-modal .modal-footer .additional-option{ | |
text-align:center; | |
margin-top:1rem | |
} | |
.modal-dialog.cascading-modal.modal-avatar{ | |
margin-top:6rem | |
} | |
.modal-dialog.cascading-modal.modal-avatar .modal-header{ | |
margin:-6rem 2rem -1rem | |
} | |
.modal-dialog.cascading-modal.modal-avatar .modal-header img{ | |
width:130px; | |
margin-left:auto; | |
margin-right:auto | |
} | |
.modal-dialog.modal-notify .heading{ | |
margin:0; | |
padding:.3rem; | |
color:#fff; | |
font-size:1.15rem | |
} | |
.modal-dialog.modal-notify .modal-header{ | |
border:0 | |
} | |
.modal-dialog.modal-notify .close{ | |
opacity:1 | |
} | |
.modal-dialog.modal-notify .modal-body{ | |
padding:1.5rem; | |
color:#616161 | |
} | |
.modal-dialog.modal-notify .btn-outline-secondary-modal{ | |
background-color:transparent | |
} | |
.modal-dialog.modal-notify.modal-info .badge,.modal-dialog.modal-notify.modal-info .modal-header{ | |
background-color:#5394ff | |
} | |
.modal-dialog.modal-notify.modal-info .fa{ | |
color:#5394ff | |
} | |
.modal-dialog.modal-notify.modal-info .btn-primary-modal{ | |
background-color:#5394ff!important; | |
color:#fff!important | |
} | |
.modal-dialog.modal-notify.modal-info .btn-primary-modal:hover{ | |
background-color:#6da4ff | |
} | |
.modal-dialog.modal-notify.modal-info .btn-primary-modal.active,.modal-dialog.modal-notify.modal-info .btn-primary-modal:active,.modal-dialog.modal-notify.modal-info .btn-primary-modal:focus{ | |
background-color:#2074ff | |
} | |
.modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle{ | |
background-color:#5394ff!important | |
} | |
.modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:focus,.modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:hover{ | |
background-color:#6da4ff!important | |
} | |
.modal-dialog.modal-notify.modal-info .btn-primary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-info .btn-primary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle{ | |
background-color:#5394ff!important | |
} | |
.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal{ | |
border:2px solid #5394ff; | |
color:#5394ff!important; | |
background-color:transparent | |
} | |
.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.active,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:active,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:active:focus,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:focus,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:hover{ | |
background-color:transparent; | |
color:#5394ff; | |
border-color:#5394ff | |
} | |
.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#5394ff!important | |
} | |
.modal-dialog.modal-notify.modal-warning .badge,.modal-dialog.modal-notify.modal-warning .modal-header{ | |
background-color:#ff8e38 | |
} | |
.modal-dialog.modal-notify.modal-warning .fa{ | |
color:#ff8e38 | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-primary-modal{ | |
background-color:#ff8e38!important; | |
color:#fff!important | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-primary-modal:hover{ | |
background-color:#ff9c52 | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-primary-modal.active,.modal-dialog.modal-notify.modal-warning .btn-primary-modal:active,.modal-dialog.modal-notify.modal-warning .btn-primary-modal:focus{ | |
background-color:#ff7105 | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle{ | |
background-color:#ff8e38!important | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:focus,.modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:hover{ | |
background-color:#ff9c52!important | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-primary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-warning .btn-primary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle{ | |
background-color:#ff8e38!important | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal{ | |
border:2px solid #ff8e38; | |
color:#ff8e38!important; | |
background-color:transparent | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.active,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:active,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:active:focus,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:focus,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:hover{ | |
background-color:transparent; | |
color:#ff8e38; | |
border-color:#ff8e38 | |
} | |
.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#ff8e38!important | |
} | |
.modal-dialog.modal-notify.modal-success .badge,.modal-dialog.modal-notify.modal-success .modal-header{ | |
background-color:#01d36b | |
} | |
.modal-dialog.modal-notify.modal-success .fa{ | |
color:#01d36b | |
} | |
.modal-dialog.modal-notify.modal-success .btn-primary-modal{ | |
background-color:#01d36b!important; | |
color:#fff!important | |
} | |
.modal-dialog.modal-notify.modal-success .btn-primary-modal:hover{ | |
background-color:#01ec78 | |
} | |
.modal-dialog.modal-notify.modal-success .btn-primary-modal.active,.modal-dialog.modal-notify.modal-success .btn-primary-modal:active,.modal-dialog.modal-notify.modal-success .btn-primary-modal:focus{ | |
background-color:#01a051 | |
} | |
.modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle{ | |
background-color:#01d36b!important | |
} | |
.modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:focus,.modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:hover{ | |
background-color:#01ec78!important | |
} | |
.modal-dialog.modal-notify.modal-success .btn-primary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-success .btn-primary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle{ | |
background-color:#01d36b!important | |
} | |
.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal{ | |
border:2px solid #01d36b; | |
color:#01d36b!important; | |
background-color:transparent | |
} | |
.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.active,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:active,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:active:focus,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:focus,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:hover{ | |
background-color:transparent; | |
color:#01d36b; | |
border-color:#01d36b | |
} | |
.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#01d36b!important | |
} | |
.modal-dialog.modal-notify.modal-danger .badge,.modal-dialog.modal-notify.modal-danger .modal-header{ | |
background-color:#ff4b4b | |
} | |
.modal-dialog.modal-notify.modal-danger .fa{ | |
color:#ff4b4b | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-primary-modal{ | |
background-color:#ff4b4b!important; | |
color:#fff!important | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-primary-modal:hover{ | |
background-color:#ff6565 | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-primary-modal.active,.modal-dialog.modal-notify.modal-danger .btn-primary-modal:active,.modal-dialog.modal-notify.modal-danger .btn-primary-modal:focus{ | |
background-color:#ff1818 | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle{ | |
background-color:#ff4b4b!important | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:focus,.modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:hover{ | |
background-color:#ff6565!important | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-primary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-danger .btn-primary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle{ | |
background-color:#ff4b4b!important | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal{ | |
border:2px solid #ff4b4b; | |
color:#ff4b4b!important; | |
background-color:transparent | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.active,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:active,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:active:focus,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:focus,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:hover{ | |
background-color:transparent; | |
color:#ff4b4b; | |
border-color:#ff4b4b | |
} | |
.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:not([disabled]):not(.disabled).active,.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:not([disabled]):not(.disabled):active,.show>.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.dropdown-toggle{ | |
background-color:transparent!important; | |
border-color:#ff4b4b!important | |
} | |
.progress{ | |
box-shadow:none; | |
display:-webkit-box; | |
display:-webkit-flex; | |
display:-ms-flexbox; | |
display:flex; | |
width:100%; | |
height:4px; | |
margin-bottom:1rem; | |
background-color:#eee | |
} | |
.progress .progress-bar{ | |
border-radius:0; | |
height:4px; | |
background-color:#0d47a1 | |
} | |
.progress.progress-default,.progress.progress-default .progress-bar{ | |
height:1rem | |
} | |
.progress.progress-wider,.progress.progress-wider .progress-bar{ | |
height:20px | |
} | |
.progress.progress-narrower,.progress.progress-narrower .progress-bar{ | |
height:1px | |
} | |
.carousel .carousel-control-next-icon,.carousel .carousel-control-prev-icon{ | |
width:36px; | |
height:36px | |
} | |
.carousel .carousel-control-prev-icon{ | |
background-image:url(../img//svg/arrow_left.svg) | |
} | |
.carousel .carousel-control-next-icon{ | |
background-image:url(../img//svg/arrow_right.svg) | |
} | |
.carousel .carousel-indicators li{ | |
max-width:10px; | |
height:10px; | |
border-radius:50%; | |
cursor:pointer | |
} | |
.carousel .video-fluid{ | |
height:100%; | |
width:100% | |
} | |
.carousel-fade .carousel-item{ | |
opacity:0; | |
-webkit-transition-duration:.6s; | |
transition-duration:.6s; | |
-webkit-transition-property:opacity; | |
transition-property:opacity | |
} | |
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{ | |
opacity:1 | |
} | |
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{ | |
opacity:0 | |
} | |
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{ | |
-webkit-transform:translateX(0); | |
-ms-transform:translateX(0); | |
transform:translateX(0) | |
} | |
@supports (transform-style:preserve-3d){ | |
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{ | |
-webkit-transform:translate3d(0,0,0); | |
transform:translate3d(0,0,0) | |
} | |
} | |
.accordion .card{ | |
border-bottom:1px solid #eee; | |
box-shadow:none | |
} | |
.accordion .card .card-header{ | |
padding:1rem 1.5rem; | |
background:0 0; | |
border-bottom:0 | |
} | |
.accordion .card .card-header a:not(.collapsed) .rotate-icon{ | |
-webkit-transform:rotate(180deg); | |
-ms-transform:rotate(180deg); | |
transform:rotate(180deg) | |
} | |
.accordion .card .fa-angle-down{ | |
float:right | |
} | |
.accordion .card .card-block{ | |
padding-top:.25rem | |
} | |
.accordion .card .card-body{ | |
line-height:1.7; | |
color:#626262; | |
font-size:.9rem; | |
font-weight:300 | |
} | |
.accordion .card h5{ | |
font-size:1.1rem; | |
font-weight:400 | |
} | |
.collapsible-body{ | |
display:none | |
} | |
.jumbotron{ | |
background-color:#fff; | |
padding:2rem | |
} | |
.jumbotron.m-1,.jumbotron.m-2,.jumbotron.m-3{ | |
z-index:50; | |
position:relative; | |
margin-left:3%; | |
margin-right:3% | |
} | |
.jumbotron.m-1{ | |
margin-top:-20px | |
} | |
.jumbotron.m-2{ | |
margin-top:-30px | |
} | |
.jumbotron.m-3{ | |
margin-top:-40px | |
} | |
.view{ | |
cursor:default | |
} | |
.view .mask{ | |
background-attachment:fixed | |
} | |
.view .full-bg-img,.view .mask{ | |
width:100%; | |
height:100%; | |
position:absolute; | |
overflow:hidden; | |
top:0; | |
left:0 | |
} | |
.view img,.view video{ | |
display:block; | |
position:relative | |
} | |
.hm-zoom img,.hm-zoom video,.overlay img,.overlay video{ | |
-webkit-transition:all .2s linear; | |
transition:all .2s linear | |
} | |
.hm-zoom:hover .mask,.overlay:hover .mask{ | |
opacity:1 | |
} | |
.hm-zoom:hover img{ | |
-webkit-transform:scale(1.1); | |
-ms-transform:scale(1.1); | |
transform:scale(1.1) | |
} | |
.overlay .mask{ | |
opacity:0; | |
-webkit-transition:all .4s ease-in-out; | |
transition:all .4s ease-in-out | |
} | |
.pattern-1{ | |
background:url(../img/overlays/01.png) | |
} | |
.pattern-2{ | |
background:url(../img/overlays/02.png) | |
} | |
.pattern-3{ | |
background:url(../img/overlays/03.png) | |
} | |
.pattern-4{ | |
background:url(../img/overlays/04.png) | |
} | |
.pattern-5{ | |
background:url(../img/overlays/05.png) | |
} | |
.pattern-6{ | |
background:url(../img/overlays/06.png) | |
} | |
.pattern-7{ | |
background:url(../img/overlays/07.png) | |
} | |
.pattern-8{ | |
background:url(../img/overlays/08.png) | |
} | |
.pattern-9{ | |
background:url(../img/overlays/09.png) | |
} | |
.hm-blue-slight .full-bg-img,.hm-blue-slight .mask{ | |
background-color:rgba(3,169,244,.1) | |
} | |
.hm-red-slight .full-bg-img,.hm-red-slight .mask{ | |
background-color:rgba(244,67,54,.1) | |
} | |
.hm-pink-slight .full-bg-img,.hm-pink-slight .mask{ | |
background-color:rgba(233,30,99,.1) | |
} | |
.hm-purple-slight .full-bg-img,.hm-purple-slight .mask{ | |
background-color:rgba(156,39,176,.1) | |
} | |
.hm-indigo-slight .full-bg-img,.hm-indigo-slight .mask{ | |
background-color:rgba(63,81,181,.1) | |
} | |
.hm-cyan-slight .full-bg-img,.hm-cyan-slight .mask{ | |
background-color:rgba(0,188,212,.1) | |
} | |
.hm-teal-slight .full-bg-img,.hm-teal-slight .mask{ | |
background-color:rgba(0,150,136,.1) | |
} | |
.hm-green-slight .full-bg-img,.hm-green-slight .mask{ | |
background-color:rgba(76,175,80,.1) | |
} | |
.hm-lime-slight .full-bg-img,.hm-lime-slight .mask{ | |
background-color:rgba(205,220,57,.1) | |
} | |
.hm-yellow-slight .full-bg-img,.hm-yellow-slight .mask{ | |
background-color:rgba(255,235,59,.1) | |
} | |
.hm-orange-slight .full-bg-img,.hm-orange-slight .mask{ | |
background-color:rgba(255,152,0,.1) | |
} | |
.hm-brown-slight .full-bg-img,.hm-brown-slight .mask{ | |
background-color:rgba(121,85,72,.1) | |
} | |
.hm-grey-slight .full-bg-img,.hm-grey-slight .mask{ | |
background-color:rgba(158,158,158,.1) | |
} | |
.hm-bluegrey-slight .full-bg-img,.hm-bluegrey-slight .mask{ | |
background-color:rgba(96,125,139,.1) | |
} | |
.hm-black-slight .full-bg-img,.hm-black-slight .mask{ | |
background-color:rgba(0,0,0,.1) | |
} | |
.hm-stylish-slight .full-bg-img,.hm-stylish-slight .mask{ | |
background-color:rgba(62,69,81,.1) | |
} | |
.hm-white-slight .full-bg-img,.hm-white-slight .mask{ | |
background-color:rgba(255,255,255,.1) | |
} | |
.hm-blue-light .full-bg-img,.hm-blue-light .mask{ | |
background-color:rgba(3,169,244,.3) | |
} | |
.hm-red-light .full-bg-img,.hm-red-light .mask{ | |
background-color:rgba(244,67,54,.3) | |
} | |
.hm-pink-light .full-bg-img,.hm-pink-light .mask{ | |
background-color:rgba(233,30,99,.3) | |
} | |
.hm-purple-light .full-bg-img,.hm-purple-light .mask{ | |
background-color:rgba(156,39,176,.3) | |
} | |
.hm-indigo-light .full-bg-img,.hm-indigo-light .mask{ | |
background-color:rgba(63,81,181,.3) | |
} | |
.hm-cyan-light .full-bg-img,.hm-cyan-light .mask{ | |
background-color:rgba(0,188,212,.3) | |
} | |
.hm-teal-light .full-bg-img,.hm-teal-light .mask{ | |
background-color:rgba(0,150,136,.3) | |
} | |
.hm-green-light .full-bg-img,.hm-green-light .mask{ | |
background-color:rgba(76,175,80,.3) | |
} | |
.hm-lime-light .full-bg-img,.hm-lime-light .mask{ | |
background-color:rgba(205,220,57,.3) | |
} | |
.hm-yellow-light .full-bg-img,.hm-yellow-light .mask{ | |
background-color:rgba(255,235,59,.3) | |
} | |
.hm-orange-light .full-bg-img,.hm-orange-light .mask{ | |
background-color:rgba(255,152,0,.3) | |
} | |
.hm-brown-light .full-bg-img,.hm-brown-light .mask{ | |
background-color:rgba(121,85,72,.3) | |
} | |
.hm-grey-light .full-bg-img,.hm-grey-light .mask{ | |
background-color:rgba(158,158,158,.3) | |
} | |
.hm-bluegrey-light .full-bg-img,.hm-bluegrey-light .mask{ | |
background-color:rgba(96,125,139,.3) | |
} | |
.hm-black-light .full-bg-img,.hm-black-light .mask{ | |
background-color:rgba(0,0,0,.3) | |
} | |
.hm-stylish-light .full-bg-img,.hm-stylish-light .mask{ | |
background-color:rgba(62,69,81,.3) | |
} | |
.hm-white-light .full-bg-img,.hm-white-light .mask{ | |
background-color:rgba(255,255,255,.3) | |
} | |
.hm-blue-strong .full-bg-img,.hm-blue-strong .mask{ | |
background-color:rgba(3,169,244,.7) | |
} | |
.hm-red-strong .full-bg-img,.hm-red-strong .mask{ | |
background-color:rgba(244,67,54,.7) | |
} | |
.hm-pink-strong .full-bg-img,.hm-pink-strong .mask{ | |
background-color:rgba(233,30,99,.7) | |
} | |
.hm-purple-strong .full-bg-img,.hm-purple-strong .mask{ | |
background-color:rgba(156,39,176,.7) | |
} | |
.hm-indigo-strong .full-bg-img,.hm-indigo-strong .mask{ | |
background-color:rgba(63,81,181,.7) | |
} | |
.hm-cyan-strong .full-bg-img,.hm-cyan-strong .mask{ | |
background-color:rgba(0,188,212,.7) | |
} | |
.hm-teal-strong .full-bg-img,.hm-teal-strong .mask{ | |
background-color:rgba(0,150,136,.7) | |
} | |
.hm-green-strong .full-bg-img,.hm-green-strong .mask{ | |
background-color:rgba(76,175,80,.7) | |
} | |
.hm-lime-strong .full-bg-img,.hm-lime-strong .mask{ | |
background-color:rgba(205,220,57,.7) | |
} | |
.hm-yellow-strong .full-bg-img,.hm-yellow-strong .mask{ | |
background-color:rgba(255,235,59,.7) | |
} | |
.hm-orange-strong .full-bg-img,.hm-orange-strong .mask{ | |
background-color:rgba(255,152,0,.7) | |
} | |
.hm-brown-strong .full-bg-img,.hm-brown-strong .mask{ | |
background-color:rgba(121,85,72,.7) | |
} | |
.hm-grey-strong .full-bg-img,.hm-grey-strong .mask{ | |
background-color:rgba(158,158,158,.7) | |
} | |
.hm-bluegrey-strong .full-bg-img,.hm-bluegrey-strong .mask{ | |
background-color:rgba(96,125,139,.7) | |
} | |
.hm-black-strong .full-bg-img,.hm-black-strong .mask{ | |
background-color:rgba(0,0,0,.7) | |
} | |
.hm-stylish-strong .full-bg-img,.hm-stylish-strong .mask{ | |
background-color:rgba(62,69,81,.7) | |
} | |
.hm-white-strong .full-bg-img,.hm-white-strong .mask{ | |
background-color:rgba(255,255,255,.7) | |
} | |
.full-height,.full-height body,.full-height header,.full-height header .view{ | |
height:100% | |
} | |
.intro{ | |
min-height:1000px; | |
position:relative | |
} | |
@media (max-width:768px){ | |
.intro{ | |
min-height:1000px | |
} | |
} | |
.intro-video video{ | |
top:50%; | |
left:50%; | |
min-width:100%; | |
min-height:100%; | |
width:auto; | |
height:auto; | |
z-index:-100; | |
-webkit-transform:translateX(-50%) translateY(-50%); | |
-ms-transform:translateX(-50%) translateY(-50%); | |
transform:translateX(-50%) translateY(-50%); | |
background-repeat:no-repeat; | |
background-size:cover; | |
background-position:center center; | |
-webkit-transition:1s opacity; | |
transition:1s opacity | |
} | |
/*! * Waves v0.7.5 * http://fian.my.id/Waves * * Copyright 2014-2016 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ | |
.waves-effect{ | |
position:relative; | |
cursor:pointer; | |
-webkit-user-select:none; | |
-moz-user-select:none; | |
-ms-user-select:none; | |
user-select:none; | |
z-index:1 | |
} | |
.waves-effect .waves-ripple{ | |
position:absolute; | |
border-radius:50%; | |
width:100px; | |
height:100px; | |
margin-top:-50px; | |
margin-left:-50px; | |
opacity:0; | |
background:rgba(0,0,0,.2); | |
background:-webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); | |
background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); | |
-webkit-transition:all .5s ease-out; | |
transition:all .5s ease-out; | |
-webkit-transition-property:opacity,-webkit-transform; | |
transition-property:opacity,-webkit-transform; | |
transition-property:transform,opacity; | |
transition-property:transform,opacity,-webkit-transform; | |
-webkit-transform:scale(0) translate(0,0); | |
-ms-transform:scale(0) translate(0,0); | |
transform:scale(0) translate(0,0); | |
pointer-events:none | |
} | |
.waves-effect.waves-light .waves-ripple{ | |
background:rgba(255,255,255,.4); | |
background:-webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%); | |
background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%) | |
} | |
.waves-effect.waves-classic .waves-ripple{ | |
background:rgba(0,0,0,.2) | |
} | |
.waves-effect.waves-classic.waves-light .waves-ripple{ | |
background:rgba(255,255,255,.4) | |
} | |
.waves-notransition{ | |
-webkit-transition:none!important; | |
transition:none!important | |
} | |
.waves-button,.waves-circle{ | |
-webkit-transform:translateZ(0); | |
-ms-transform:translateZ(0); | |
transform:translateZ(0); | |
-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%) | |
} | |
.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{ | |
white-space:nowrap; | |
vertical-align:middle; | |
cursor:pointer; | |
border:none; | |
outline:0; | |
color:inherit; | |
background-color:transparent; | |
font-size:1em; | |
line-height:1em; | |
text-align:center; | |
text-decoration:none; | |
z-index:1 | |
} | |
.waves-button{ | |
padding:.85em 1.1em; | |
border-radius:.2em | |
} | |
.waves-button-input{ | |
margin:0; | |
padding:.85em 1.1em | |
} | |
.waves-input-wrapper{ | |
border-radius:.2em; | |
vertical-align:middle; | |
display:inline-block | |
} | |
.waves-input-wrapper.waves-button{ | |
padding:0 | |
} | |
.waves-input-wrapper .waves-button-input{ | |
position:relative; | |
top:0; | |
left:0; | |
z-index:1 | |
} | |
.waves-circle{ | |
text-align:center; | |
width:2.5em; | |
height:2.5em; | |
line-height:2.5em; | |
border-radius:50% | |
} | |
.waves-float{ | |
-webkit-mask-image:none; | |
box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12); | |
-webkit-transition:all .3s; | |
transition:all .3s | |
} | |
.waves-float:active{ | |
box-shadow:0 8px 20px 1px rgba(0,0,0,.3) | |
} | |
.waves-block{ | |
display:block | |
} | |
a.waves-effect,a.waves-light{ | |
display:inline-block | |
} | |
input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search-md],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea.md-textarea{ | |
background-color:transparent; | |
border:none; | |
border-bottom:1px solid #bdbdbd; | |
border-radius:0; | |
outline:0; | |
height:2.1rem; | |
width:100%; | |
font-size:1rem; | |
box-shadow:none; | |
box-sizing:content-box; | |
-webkit-transition:all .3s; | |
transition:all .3s | |
} | |
input[type=date]:disabled,input[type=date][readonly=readonly],input[type=datetime-local]:disabled,input[type=datetime-local][readonly=readonly],input[type=email]:disabled,input[type=email][readonly=readonly],input[type=number]:disabled,input[type=number][readonly=readonly],input[type=password]:disabled,input[type=password][readonly=readonly],input[type=search-md]:disabled,input[type=search-md][readonly=readonly],input[type=search]:disabled,input[type=search][readonly=readonly],input[type=tel]:disabled,input[type=tel][readonly=readonly],input[type=text]:disabled,input[type=text][readonly=readonly],input[type=time]:disabled,input[type=time][readonly=readonly],input[type=url]:disabled,input[type=url][readonly=readonly],textarea.md-textarea:disabled,textarea.md-textarea[readonly=readonly]{ | |
color:rgba(0,0,0,.46); | |
border-bottom:1px dotted rgba(0,0,0,.46); | |
background-color:transparent | |
} | |
input[type=date]:disabled+label,input[type=date][readonly=readonly]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly=readonly]+label,input[type=email]:disabled+label,input[type=email][readonly=readonly]+label,input[type=number]:disabled+label,input[type=number][readonly=readonly]+label,input[type=password]:disabled+label,input[type=password][readonly=readonly]+label,input[type=search-md]:disabled+label,input[type=search-md][readonly=readonly]+label,input[type=search]:disabled+label,input[type=search][readonly=readonly]+label,input[type=tel]:disabled+label,input[type=tel][readonly=readonly]+label,input[type=text]:disabled+label,input[type=text][readonly=readonly]+label,input[type=time]:disabled+label,input[type=time][readonly=readonly]+label,input[type=url]:disabled+label,input[type=url][readonly=readonly]+label,textarea.md-textarea:disabled+label,textarea.md-textarea[readonly=readonly]+label{ | |
color:rgba(0,0,0,.46); | |
background-color:transparent | |
} | |
input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=search-md]:focus:not([readonly]),input[type=search]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=url]:focus:not([readonly]),textarea.md-textarea:focus:not([readonly]){ | |
border-bottom:1px solid #4285F4; | |
box-shadow:0 1px 0 0 #4285F4 | |
} | |
input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=search-md]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,textarea.md-textarea:focus:not([readonly])+label{ | |
color:#4285F4 | |
} | |
input[type=date].valid,input[type=date]:focus.valid,input[type=datetime-local].valid,input[type=datetime-local]:focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=number].valid,input[type=number]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=search-md].valid,input[type=search-md]:focus.valid,input[type=search].valid,input[type=search]:focus.valid,input[type=tel].valid,input[type=tel]:focus.valid,input[type=text].valid,input[type=text]:focus.valid,input[type=time].valid,input[type=time]:focus.valid,input[type=url].valid,input[type=url]:focus.valid,textarea.md-textarea.valid,textarea.md-textarea:focus.valid{ | |
border-bottom:1px solid #00C851; | |
box-shadow:0 1px 0 0 #00C851 | |
} | |
input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=search-md].valid+label:after,input[type=search-md]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,textarea.md-textarea.valid+label:after,textarea.md-textarea:focus.valid+label:after{ | |
content:attr(data-success); | |
color:#00C851; | |
opacity:1 | |
} | |
input[type=date].invalid,input[type=date]:focus.invalid,input[type=datetime-local].invalid,input[type=datetime-local]:focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=number].invalid,input[type=number]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=search-md].invalid,input[type=search-md]:focus.invalid,input[type=search].invalid,input[type=search]:focus.invalid,input[type=tel].invalid,input[type=tel]:focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid,input[type=time].invalid,input[type=time]:focus.invalid,input[type=url].invalid,input[type=url]:focus.invalid,textarea.md-textarea.invalid,textarea.md-textarea:focus.invalid{ | |
border-bottom:1px solid #F44336; | |
box-shadow:0 1px 0 0 #F44336 | |
} | |
input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=search-md].invalid+label:after,input[type=search-md]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,textarea.md-textarea.invalid+label:after,textarea.md-textarea:focus.invalid+label:after{ | |
content:attr(data-error); | |
color:#F44336; | |
opacity:1 | |
} | |
input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=email]+label:after,input[type=number]+label:after,input[type=password]+label:after,input[type=search-md]+label:after,input[type=search]+label:after,input[type=tel]+label:after,input[type=text]+label:after,input[type=time]+label:after,input[type=url]+label:after,textarea.md-textarea+label:after{ | |
display:block; | |
content:""; | |
position:absolute; | |
top:65px; | |
opacity:0; | |
-webkit-transition:.2s opacity ease-out,.2s color ease-out; | |
transition:.2s opacity ease-out,.2s color ease-out | |
} | |
input[type=date].input-alternate,input[type=datetime-local].input-alternate,input[type=email].input-alternate,input[type=number].input-alternate,input[type=password].input-alternate,input[type=search-md].input-alternate,input[type=search].input-alternate,input[type=tel].input-alternate,input[type=text].input-alternate,input[type=time].input-alternate,input[type=url].input-alternate,textarea.md-textarea.input-alternate{ | |
padding:0 15px; | |
height:2.1rem; | |
box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12); | |
font-size:.875rem; | |
border-bottom:0; | |
-webkit-transition:none!important; | |
transition:none!important | |
} | |
input[type=date].input-alternate:focus,input[type=date].input-alternate:hover,input[type=datetime-local].input-alternate:focus,input[type=datetime-local].input-alternate:hover,input[type=email].input-alternate:focus,input[type=email].input-alternate:hover,input[type=number].input-alternate:focus,input[type=number].input-alternate:hover,input[type=password].input-alternate:focus,input[type=password].input-alternate:hover,input[type=search-md].input-alternate:focus,input[type=search-md].input-alternate:hover,input[type=search].input-alternate:focus,input[type=search].input-alternate:hover,input[type=tel].input-alternate:focus,input[type=tel].input-alternate:hover,input[type=text].input-alternate:focus,input[type=text].input-alternate:hover,input[type=time].input-alternate:focus,input[type=time].input-alternate:hover,input[type=url].input-alternate:focus,input[type=url].input-alternate:hover,textarea.md-textarea.input-alternate:focus,textarea.md-textarea.input-alternate:hover{ | |
box-shadow:0 3px 8px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)!important; | |
border-bottom:0 | |
} | |
.form-control{ | |
padding:.5rem 0 .6rem; | |
font-size:1rem; | |
line-height:1.5; | |
background-color:transparent; | |
background-image:none; | |
border-radius:0; | |
margin-top:.2rem; | |
margin-bottom:1rem | |
} | |
.md-form,.md-form .btn{ | |
margin-bottom:1.5rem | |
} | |
.form-control:focus{ | |
background:0 0; | |
box-shadow:none | |
} | |
.form-control:disabled,.form-control[readonly]{ | |
background-color:transparent; | |
border-bottom:1px solid #bdbdbd | |
} | |
.md-form{ | |
position:relative | |
} | |
.md-form label{ | |
-webkit-transition:.2s ease-out; | |
transition:.2s ease-out; | |
color:#757575; | |
position:absolute; | |
top:.8rem; | |
left:0; | |
font-size:1rem; | |
cursor:text | |
} | |
.md-form label.active{ | |
-webkit-transform:translateY(-140%); | |
-ms-transform:translateY(-140%); | |
transform:translateY(-140%); | |
font-size:.8rem | |
} | |
.md-form .prefix{ | |
-webkit-transition:color .2s; | |
transition:color .2s; | |
position:absolute; | |
width:3rem; | |
font-size:2rem; | |
padding-top:.5rem | |
} | |
.md-form .prefix~input,.md-form .prefix~textarea{ | |
margin-left:3rem; | |
width:92%; | |
width:-webkit-calc(100% - 3rem); | |
width:calc(100% - 3rem) | |
} | |
.md-form .prefix~label{ | |
margin-left:3rem | |
} | |
.md-form .prefix.active{ | |
color:#4285F4 | |
} | |
@media only screen and (max-width:992px){ | |
.md-form .prefix~input{ | |
width:86%; | |
width:-webkit-calc(100% - 3rem); | |
width:calc(100% - 3rem) | |
} | |
} | |
@media only screen and (max-width:600px){ | |
.md-form .prefix~input{ | |
width:80%; | |
width:-webkit-calc(100% - 3rem); | |
width:calc(100% - 3rem) | |
} | |
} | |
.md-form.form-sm input{ | |
padding-bottom:.2rem; | |
padding-top:.2rem; | |
font-size:.8rem; | |
line-height:.5 | |
} | |
.md-form.form-sm label{ | |
font-size:.9rem | |
} | |
.md-form.form-sm .prefix{ | |
font-size:1.5rem; | |
top:.4rem | |
} | |
.md-form.form-sm .prefix~input,.md-form.form-sm .prefix~label,.md-form.form-sm .prefix~textarea{ | |
margin-left:2.2rem | |
} | |
.md-form.input-group{ | |
padding-left:1rem | |
} | |
.md-form.input-group:-moz-placeholder{ | |
color:#999; | |
padding-top:2px | |
} | |
.md-form.input-group::-ms-placeholder{ | |
color:#999; | |
padding-top:2px | |
} | |
.md-form.input-group::-webkit-input-placeholder{ | |
color:#999; | |
padding-top:2px | |
} | |
.md-form.input-group::-moz-placeholder{ | |
color:#999; | |
padding-top:2px | |
} | |
.md-form.input-group:-ms-input-placeholder{ | |
color:#999; | |
padding-top:2px | |
} | |
.md-form.input-group::placeholder{ | |
color:#999; | |
padding-top:2px | |
} | |
.form-group{ | |
display:block | |
} | |
.form-inline fieldset{ | |
margin-right:1.5rem | |
} | |
.form-inline .form-group{ | |
margin-right:2rem | |
} | |
textarea{ | |
width:100%; | |
height:3rem; | |
background-color:transparent | |
} | |
textarea.md-textarea{ | |
overflow-y:hidden; | |
padding:1.6rem 0; | |
resize:none; | |
min-height:3rem | |
} | |
.hiddendiv{ | |
display:none; | |
white-space:pre-wrap; | |
overflow-wrap:break-word; | |
padding-top:1.2rem | |
} | |
.orange-gradient{ | |
background:-webkit-linear-gradient(50deg,#FFD86F,#FC6262); | |
background:linear-gradient(40deg,#FFD86F,#FC6262) | |
} | |
.table-inverse td,.table-inverse th,.table-inverse thead th{ | |
border-color:#fff | |
} | |
.edge-header{ | |
display:block; | |
height:278px; | |
background-color:#ccc | |
} | |
.free-bird{ | |
margin-top:-100px | |
} | |
footer.page-footer{ | |
margin-top:20px; | |
padding-top:20px; | |
color:#fff | |
} | |
footer.page-footer .container-fluid{ | |
width:auto | |
} | |
footer.page-footer .footer-copyright{ | |
overflow:hidden; | |
height:50px; | |
line-height:50px; | |
color:rgba(255,255,255,.6); | |
background-color:rgba(0,0,0,.2); | |
text-align:center; | |
font-size:.9rem | |
} | |
footer.page-footer a{ | |
color:#fff | |
} | |
footer.page-footer .call-to-action{ | |
text-align:center; | |
padding-top:1.3rem; | |
padding-bottom:.5rem | |
} | |
footer.page-footer .call-to-action ul li{ | |
display:inline-block; | |
padding-right:10px | |
} | |
footer.page-footer .social-section ul li{ | |
display:inline-block | |
} | |
footer.page-footer .social-section ul a{ | |
margin-left:0; | |
padding-left:0 | |
} | |
footer.page-footer ul,ul.instagram-photos{ | |
list-style-type:none; | |
padding:0 | |
} | |
ul.instagram-photos li{ | |
display:inline-block; | |
max-width:100px; | |
margin:4px | |
} | |
ul.instagram-photos li img{ | |
margin:0 | |
} | |
.media .media-left{ | |
padding:0 10px 10px 0 | |
} | |
.list-group a:hover{ | |
-webkit-transition:.5s; | |
transition:.5s | |
} | |
table th{ | |
font-size:.9rem; | |
font-weight:400 | |
} | |
table td{ | |
font-size:.9rem; | |
font-weight:300 | |
} | |
table.table thead th{ | |
border-top:none | |
} | |
table.table td,table.table th{ | |
padding-top:1.1rem; | |
padding-bottom:1rem | |
} | |
table.table a{ | |
margin:0; | |
color:#212529 | |
} | |
table.table .label-table{ | |
margin:0; | |
padding:0; | |
line-height:15px; | |
height:15px | |
} | |
table.table .btn-table{ | |
margin:0 1px; | |
padding:3px 7px | |
} | |
table.table .btn-table .fa{ | |
font-size:11px | |
} | |
table.table-hover tbody tr:hover{ | |
background-color:rgba(0,0,0,.075); | |
-webkit-transition:.5s; | |
transition:.5s | |
} | |
table .th-lg{ | |
min-width:9rem | |
} | |
table.table-sm td,table.table-sm th{ | |
padding-top:.6rem; | |
padding-bottom:.6rem | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment