Repository: htmlstreamofficial/stream-ui-kit Branch: master Commit: 4f159f39ea57 Files: 208 Total size: 1.2 MB Directory structure: gitextract_vncmh7ak/ ├── LICENSE ├── README.md ├── about-me.html ├── about-us.html ├── assets/ │ ├── css/ │ │ ├── min.styles.css │ │ └── styles.css │ ├── include/ │ │ └── scss/ │ │ ├── _core.scss │ │ ├── _variables.scss │ │ ├── blocks/ │ │ │ ├── _alerts.scss │ │ │ ├── _arrows.scss │ │ │ ├── _avatar.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _buttons.scss │ │ │ ├── _carousel.scss │ │ │ ├── _clients.scss │ │ │ ├── _forms.scss │ │ │ ├── _header-navbar.scss │ │ │ ├── _mockup-browser.scss │ │ │ ├── _mockup-device.scss │ │ │ ├── _modals.scss │ │ │ ├── _pager.scss │ │ │ ├── _popover.scss │ │ │ ├── _portfolio.scss │ │ │ ├── _pricing.scss │ │ │ ├── _profile.scss │ │ │ ├── _progress-bar.scss │ │ │ ├── _promo-blocks-v1.scss │ │ │ ├── _tabs.scss │ │ │ ├── blockquote/ │ │ │ │ ├── _blockquote-v1.scss │ │ │ │ └── _blockquote-v2.scss │ │ │ ├── globals/ │ │ │ │ └── _globals.scss │ │ │ ├── helpers/ │ │ │ │ └── _helpers.scss │ │ │ └── icons/ │ │ │ ├── _icon-block.scss │ │ │ ├── _icon-sizes.scss │ │ │ ├── _icon-styles.scss │ │ │ └── _icon.scss │ │ ├── styles.scss │ │ ├── tools/ │ │ │ ├── _functions.scss │ │ │ ├── _mixins.scss │ │ │ └── mixins/ │ │ │ ├── _breakpoint.scss │ │ │ ├── _content-centered.scss │ │ │ ├── _icons.scss │ │ │ └── _px-to-rem.scss │ │ └── vendors/ │ │ └── bootstrap/ │ │ ├── _custom.bootstrap.variables.scss │ │ ├── _dropdown.scss │ │ ├── _heading.scss │ │ ├── _text.scss │ │ ├── _width.scss │ │ └── bootstrap.scss │ ├── js/ │ │ ├── global.js │ │ ├── header-demo.js │ │ └── vendors/ │ │ ├── carousel.js │ │ ├── counters.js │ │ ├── magnific-popup.js │ │ ├── masonry.js │ │ ├── parallax.js │ │ └── shuffle.js │ └── vendors/ │ ├── bootstrap/ │ │ ├── css/ │ │ │ └── bootstrap.css │ │ ├── js/ │ │ │ └── bootstrap.js │ │ └── scss/ │ │ ├── _alert.scss │ │ ├── _badge.scss │ │ ├── _breadcrumb.scss │ │ ├── _button-group.scss │ │ ├── _buttons.scss │ │ ├── _card.scss │ │ ├── _carousel.scss │ │ ├── _close.scss │ │ ├── _code.scss │ │ ├── _custom-forms.scss │ │ ├── _dropdown.scss │ │ ├── _forms.scss │ │ ├── _functions.scss │ │ ├── _grid.scss │ │ ├── _images.scss │ │ ├── _input-group.scss │ │ ├── _jumbotron.scss │ │ ├── _list-group.scss │ │ ├── _media.scss │ │ ├── _mixins.scss │ │ ├── _modal.scss │ │ ├── _nav.scss │ │ ├── _navbar.scss │ │ ├── _pagination.scss │ │ ├── _popover.scss │ │ ├── _print.scss │ │ ├── _progress.scss │ │ ├── _reboot.scss │ │ ├── _root.scss │ │ ├── _tables.scss │ │ ├── _tooltip.scss │ │ ├── _transitions.scss │ │ ├── _type.scss │ │ ├── _utilities.scss │ │ ├── _variables.scss │ │ ├── bootstrap-grid.scss │ │ ├── bootstrap-reboot.scss │ │ ├── bootstrap.scss │ │ ├── mixins/ │ │ │ ├── _alert.scss │ │ │ ├── _background-variant.scss │ │ │ ├── _badge.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _box-shadow.scss │ │ │ ├── _breakpoints.scss │ │ │ ├── _buttons.scss │ │ │ ├── _caret.scss │ │ │ ├── _clearfix.scss │ │ │ ├── _float.scss │ │ │ ├── _forms.scss │ │ │ ├── _gradients.scss │ │ │ ├── _grid-framework.scss │ │ │ ├── _grid.scss │ │ │ ├── _hover.scss │ │ │ ├── _image.scss │ │ │ ├── _list-group.scss │ │ │ ├── _lists.scss │ │ │ ├── _nav-divider.scss │ │ │ ├── _pagination.scss │ │ │ ├── _reset-text.scss │ │ │ ├── _resize.scss │ │ │ ├── _screen-reader.scss │ │ │ ├── _size.scss │ │ │ ├── _table-row.scss │ │ │ ├── _text-emphasis.scss │ │ │ ├── _text-hide.scss │ │ │ ├── _text-truncate.scss │ │ │ ├── _transition.scss │ │ │ └── _visibility.scss │ │ └── utilities/ │ │ ├── _align.scss │ │ ├── _background.scss │ │ ├── _borders.scss │ │ ├── _clearfix.scss │ │ ├── _display.scss │ │ ├── _embed.scss │ │ ├── _flex.scss │ │ ├── _float.scss │ │ ├── _position.scss │ │ ├── _screenreaders.scss │ │ ├── _shadows.scss │ │ ├── _sizing.scss │ │ ├── _spacing.scss │ │ ├── _text.scss │ │ └── _visibility.scss │ ├── font-awesome/ │ │ ├── LICENSE.txt │ │ ├── README.md │ │ ├── css/ │ │ │ ├── fa-brands.css │ │ │ ├── fa-regular.css │ │ │ ├── fa-solid.css │ │ │ ├── fontawesome-all.css │ │ │ └── fontawesome.css │ │ ├── less/ │ │ │ ├── _animated.less │ │ │ ├── _bordered-pulled.less │ │ │ ├── _core.less │ │ │ ├── _fixed-width.less │ │ │ ├── _icons.less │ │ │ ├── _larger.less │ │ │ ├── _list.less │ │ │ ├── _mixins.less │ │ │ ├── _rotated-flipped.less │ │ │ ├── _screen-reader.less │ │ │ ├── _stacked.less │ │ │ ├── _variables.less │ │ │ ├── fa-brands.less │ │ │ ├── fa-regular.less │ │ │ ├── fa-solid.less │ │ │ └── fontawesome.less │ │ └── scss/ │ │ ├── _animated.scss │ │ ├── _bordered-pulled.scss │ │ ├── _core.scss │ │ ├── _fixed-width.scss │ │ ├── _icons.scss │ │ ├── _larger.scss │ │ ├── _list.scss │ │ ├── _mixins.scss │ │ ├── _rotated-flipped.scss │ │ ├── _screen-reader.scss │ │ ├── _stacked.scss │ │ ├── _variables.scss │ │ ├── fa-brands.scss │ │ ├── fa-regular.scss │ │ ├── fa-solid.scss │ │ └── fontawesome.scss │ ├── jquery.parallax.js │ ├── magnific-popup/ │ │ ├── jquery.magnific-popup.js │ │ └── magnific-popup.css │ ├── simple-line-icons/ │ │ └── css/ │ │ └── simple-line-icons.css │ ├── slick-carousel/ │ │ └── slick.css │ ├── tilt/ │ │ ├── .babelrc │ │ ├── .gitignore │ │ ├── .jshintrc │ │ ├── .npmignore │ │ ├── .travis.yml │ │ ├── LICENSE │ │ ├── demo/ │ │ │ ├── index.html │ │ │ └── scss/ │ │ │ └── tilt.scss │ │ ├── dest/ │ │ │ └── tilt.jquery.js │ │ ├── readme.md │ │ ├── src/ │ │ │ └── tilt.jquery.js │ │ └── tests/ │ │ ├── tests.html │ │ └── tests.js │ └── typedjs/ │ ├── typed.css │ └── typed.js ├── contacts.html ├── gulpfile.js ├── home-page.html ├── index.html ├── package.json ├── services.html └── starter-template.html ================================================ FILE CONTENTS ================================================ ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2018 Html Stream Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # [Stream - UI Kit](https://htmlstream.com/preview/stream-ui-kit/) :raised_hands: [![Stream UI Kit - A beautiful Open Source Bootstrap 4 UI Kit](http://htmlstream.com/product-hunt/updated/promo.jpg)](https://htmlstream.com/preview/stream-ui-kit/) Stream UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 5 beautiful complete pages and includes over 20 reusable and customizable UI Blocks. It’s lightweight and only ~17kb when minified. ### What’s Included The download package includes .zip folder, please unzip the compressed folder and you’ll find the following directories and files including all raw source files: ``` stream-ui-kit-v1.0/ ├── assets/ │ ├── css/ │ │ ├── styles.css │ │ ├── min.styles.css │ ├── img/ │ │ ├── ... │ ├── img-temp/ │ │ ├── ... │ ├── include/ │ │ ├── scss/ │ │ │ ├── ... │ ├── js/ │ │ ├── global.js │ │ ├── ... │ ├── vendor/ │ │ ├── bootstrap/ │ │ ├── chartist-js/ │ │ ├── ... ├── README.md ├── package.json ├── gulpfile.js ├── index.html ├── home-page.html ├── services.html ├── about-us.html ├── about-me.html ├── contacts.html ├── starter-template.html ``` ### Complete with Examples We have created 5 beautiful complete pages with over 20 reusable and customizable UI Blocks to quickly start with the Stream UI Kit. - [UI Kit](https://htmlstream.com/preview/stream-ui-kit/index.html) - [Home](https://htmlstream.com/preview/stream-ui-kit/home-page.html) - [Services](https://htmlstream.com/preview/stream-ui-kit/services.html) - [About Us](https://htmlstream.com/preview/stream-ui-kit/about-us.html) - [About Me - Profile](https://htmlstream.com/preview/stream-ui-kit/about-me.html) - [Contacts](https://htmlstream.com/preview/stream-ui-kit/contacts.html) - Starter Template ### Online Documentation Stream UI Kit comes with detailed documentation to quick start. In addition, the documentation includes credits for images, icons and libraries. Here is a link to [online documentation](https://htmlstream.com/preview/stream-ui-kit/docs.html) ### Built by Htmlstream Stream Ui Kit is built by the team that has customers in the background such us Stanford University, The University of Maryland, University of Victoria and many more Governments, Corporate Agencies. Our soical network profiles: - [Twitter](https://twitter.com/htmlstream) - [Facebook](https://www.facebook.com/) - [Dribbble](https://dribbble.com/htmlstream) - [Instagram](https://www.instagram.com/htmlstream/) ### Credits First, let us take this opportunity to thank all the creative minds for their great products and hard work. All used third party libraries are located in `assets/vendor/..` and image sources in `assets/img-temp/..` Name | URL ------------ | ------------- Bootstrap | https://getbootstrap.com jQuery | http://jquery.com Font Awesome | https://fontawesome.com Slick Carousel | http://kenwheeler.github.io/slick jQuery Parallax | https://ianlunn.co.uk/plugins/jquery-parallax Typed.js | https://mattboldt.com/demos/typed-js Counter-Up | https://github.com/bfintal/Counter-Up Magnific Popup | http://dimsemenov.com/plugins/magnific-popup Shuffle | https://vestride.github.io/Shuffle #### Fonts & Images - Google Fonts: http://www.google.com/fonts - Unsplash Beautiful free photos: http://unsplash.com ### Licensed under MIT Stream UI Kit is Open Source project and licensed under MIT for better Web. ![MIT License](https://img.shields.io/cocoapods/l/AFNetworking.svg?style=for-the-badge) ================================================ FILE: about-me.html ================================================ About me | Stream - UI Kit

Jane Moris

UI/UX Designer, Stream

Image Description

About me

I am an ambitious workaholic, but apart from that, pretty simple person. Whether it's branding, print, UI + UX I've got you covered.

I strive to figure out the right solutions for your look to stand out amongst the rest.

My skills

Web Design - 93%
PHP/WordPress - 76%
jQuery - 80%

Branding Works

We design and develop experiences that make people's lives easy and simple.

Image Description
IX Project
Branding
Zoom
Image Description
Bottle Design
Mock-up
Zoom
Image Description
App Development
Åpp
Zoom
Image Description
Just Bored
Freetime
Zoom
Image Description
Cake Lab
Graphic
Zoom
Image Description
NB Project
Logo
Zoom
  • Image Description
  • Image Description
  • Image Description
  • Image Description

Got project? Request a free quote!

================================================ FILE: about-us.html ================================================ About us | Stream - UI Kit

About Us

Stream - UI Kit

Stream is a creative technology company providing key digital services.
Focused on helping our clients to build a successful business on web and mobile.

Professional Design

Achieve virtually any look and layout from within the one template.

Unlimited Power

Find what you need in one template and combine features at will.

Stream Strategy

We strive to figure out ways to help your audience grow through all platforms.

What we are good at?

Your business needs a little push. We strive to figure out ways to help your audience grow.

90%

UI/UX

76%

Vue.js

92%

Angular

81%

React

As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.

At the end of the day, it's important to not let being busy distract us from having fun. Smiling, laughing, and hanging helps us work together to achieve this. It’s important to stay detail oriented with every project we tackle.

Our Creative Folks

Our top professionals are ready to help with your business.

Image Description
Jane Rowe
Social Marketer
Image Description
Mark Krueger
Web Developer
Image Description
Emmely Case
UI/UX Designer
Image Description
David Lisbon
Support Manager

Trusted by Great Companies

Image Description
Image Description
Image Description
Image Description
Image Description
Image Description
Image Description
Image Description
================================================ FILE: assets/css/min.styles.css ================================================ body,html{font-size:1rem}.tab-content--v1 p:last-of-type,figure{margin-bottom:0}.alert__close,.btn,.form-toggle,.form-toggle__item,[role=button]{cursor:pointer}body{font-weight:400;font-family:"Open Sans",sans-serif;line-height:1.6;color:#1b1e24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";text-rendering:optimizelegibility}a,a:hover{color:#59287a}a:focus{outline:0}p{line-height:1.8}hr{border-color:#e6e7e9}.h1,.h2,.h3,.h4,.h5,.h6,.h7,h1,h2,h3,h4,h5,h6{line-height:1.6}::-moz-selection{color:#fff;background-color:#59287a}::selection{color:#fff;background-color:#59287a}.bg-primary ::-moz-selection{color:#59287a;background-color:#fff}.bg-primary ::selection{color:#59287a;background-color:#fff}.alert__icon{font-size:1.25rem}.alert__close{padding:0;line-height:1.3;opacity:.7;background:0 0;border:none;font-size:1.625rem;transition:all .3s}.u-promo-block,.u-hero-img{background-repeat:no-repeat;background-position:50% 0;background-size:cover}.alert__close--light{color:#fff}.alert__close--dark{color:#1b1e24}.alert__close:hover{opacity:1}.alert__close:focus{outline:0;box-shadow:none}.u-bg-arrow-wrapper{position:relative}.u-bg-arrow-bottom::before{position:absolute;content:"";left:50%;margin-left:-20px;bottom:-25px;border-style:solid;border-width:25px 20px 0;border-color:#fff transparent transparent;z-index:3}.rounded-md{border-radius:.625rem}.btn{transition:.2s ease}.btn.focus,.btn:active:focus,.btn:focus .btn.active:focus{outline:0;box-shadow:none;border-color:transparent}.btn--circle{border-radius:100%;padding:0;width:2.625rem;height:2.625rem;line-height:2.625rem}.btn--circle.btn-sm{width:1.9375rem;height:1.9375rem;line-height:1.9375rem}.btn--circle.btn-lg{width:3.25rem;height:3.25rem;line-height:3.25rem}.btn--pill{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn--pill.btn-sm{padding-left:.9375rem;padding-right:.9375rem}.btn--pill.btn-lg{padding-left:1.5625rem;padding-right:1.5625rem}.btn-link,.btn-link:hover{color:#59287a}.carousel-control-size{font-size:2rem}.is-valid .form-label-text{color:#0dd157}.is-invalid .form-label-text{color:#fb4143}.is-disabled .form-label-text{color:#8f95a0}.form--pill{border-radius:6.25rem;padding-left:1rem;padding-right:1rem}.form-icon-wrapper{position:relative;display:block}.form-icon-input-left{padding-left:2.1875rem}.form-icon-input-right{padding-right:2.1875rem}.form-icon{position:absolute;height:100%;width:2.5rem}.form-icon--left{left:0}.form-icon--right{right:0}.form-icon__item{position:absolute;top:50%;left:50%;color:#8f95a0;transform:translate(-50%,-50%)}.form-toggle{position:relative}.form-toggle__item{display:block;padding-left:1px;padding-right:1px;width:43px;height:22px;font-style:normal;font-weight:700;font-size:9px;color:#d5d7dc;border:1px solid #d5d7dc;border-radius:6.25rem}.form-toggle__item i::after,.form-toggle__item i::before{content:"";display:block;position:absolute}.form-toggle__item i::before{content:attr(data-uncheck-icon);top:0;left:0;width:100%;line-height:18px;text-align:right;padding:2px 7px}.form-toggle__item i::after{left:4px;width:16px;height:16px;background-color:#d5d7dc;border-radius:50%;transform:translateY(-50%);transition:left .2s ease}.form-toggle input[type=checkbox],.form-toggle input[type=radio]{position:absolute;z-index:-1;opacity:0}.form-toggle input[type=checkbox]:checked+* .form-toggle__item,.form-toggle input[type=checkbox]:checked+.form-toggle__item,.form-toggle input[type=radio]:checked+* .form-toggle__item,.form-toggle input[type=radio]:checked+.form-toggle__item{color:#fff;background-color:#59287a;border-color:#59287a;transition:all .3s ease}.form-toggle input[type=checkbox]:checked+* .form-toggle__item i:before,.form-toggle input[type=checkbox]:checked+.form-toggle__item i:before,.form-toggle input[type=radio]:checked+* .form-toggle__item i:before,.form-toggle input[type=radio]:checked+.form-toggle__item i:before{content:attr(data-check-icon);text-align:left}.form-toggle input[type=checkbox]:checked+* .form-toggle__item i::after,.form-toggle input[type=checkbox]:checked+.form-toggle__item i::after,.form-toggle input[type=radio]:checked+* .form-toggle__item i::after,.form-toggle input[type=radio]:checked+.form-toggle__item i::after{left:calc(100% - 19px);background-color:#fff}.is-valid .form-toggle__item{color:#0dd157;border:1px solid #0dd157}.is-valid .form-toggle__item i::after{background-color:#0dd157}.is-valid .form-toggle input[type=checkbox]:checked+* .form-toggle__item,.is-valid .form-toggle input[type=checkbox]:checked+.form-toggle__item,.is-valid .form-toggle input[type=radio]:checked+* .form-toggle__item,.is-valid .form-toggle input[type=radio]:checked+.form-toggle__item{background-color:#0dd157;border-color:#0dd157}.is-invalid .form-toggle__item{color:#fb4143;border:1px solid #fb4143}.is-invalid .form-toggle__item i::after{background-color:#fb4143}.is-invalid .form-toggle input[type=checkbox]:checked+* .form-toggle__item,.is-invalid .form-toggle input[type=checkbox]:checked+.form-toggle__item,.is-invalid .form-toggle input[type=radio]:checked+* .form-toggle__item,.is-invalid .form-toggle input[type=radio]:checked+.form-toggle__item{background-color:#fb4143;border-color:#fb4143}.is-disabled .form-toggle__item{color:#e6e7e9;border:1px solid #e6e7e9}.is-disabled .form-toggle__item i::after{background-color:#e6e7e9}.is-disabled .form-toggle input[type=checkbox]:checked+* .form-toggle__item,.is-disabled .form-toggle input[type=checkbox]:checked+.form-toggle__item,.is-disabled .form-toggle input[type=radio]:checked+* .form-toggle__item,.is-disabled .form-toggle input[type=radio]:checked+.form-toggle__item{background-color:#e6e7e9;border-color:#e6e7e9}.custom-control-input.is-valid:checked~.custom-control-label::before{background-color:#0dd157}.custom-control-input.is-invalid:checked~.custom-control-label::before{background-color:#fb4143}.custom-control-input:disabled:checked~.custom-control-label::before{background-color:#d5d7dc}.modal-content{box-shadow:0 .25rem .6rem rgba(27,30,36,.07)}@media (min-width:576px){.modal-content{box-shadow:0 .5rem 1.625rem rgba(27,30,36,.07)}}.pager-btn{min-width:7.2rem}.pager-btn.btn-sm{min-width:6.2rem}.pager-btn.btn-lg{min-width:9.4rem}.popover{box-shadow:0 .25rem .6rem rgba(27,30,36,.07)}.progress--pill{border-radius:6.25rem}.u-progress-bar-vertical{display:flex;flex-flow:column nowrap;justify-content:flex-end;background-color:#faf7fc;height:200px}.u-progress-bar-vertical__indicator{background-color:#59287a}.nav-tabs--v1 .nav-item{margin-right:3px}.nav-tabs--v1 .nav-item:last-child{margin-right:0}.nav-tabs--v1 .nav-link{border-top-width:3px}.nav-tabs--v1 .nav-link:focus,.nav-tabs--v1 .nav-link:hover{border-color:transparent}.nav-tabs--v1 .nav-item.show .nav-link,.nav-tabs--v1 .nav-link.active{border-top-color:#59287a}.nav-tabs--v1 .nav-item.show .nav-link:focus,.nav-tabs--v1 .nav-item.show .nav-link:hover,.nav-tabs--v1 .nav-link.active:focus,.nav-tabs--v1 .nav-link.active:hover{border-left-color:#e6e7e9;border-right-color:#e6e7e9;border-top-color:#59287a}.tab-content--v1{padding:1.25rem 1rem;margin-top:-1px;border:1px solid #e6e7e9;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.blockquote-v1{padding:1.5rem 1.25rem;background-color:#f6f9fc;font-size:1.25rem;font-weight:300;border-radius:.25rem;margin-bottom:1rem}.blockquote-v1--left{border-left:solid .25rem #59287a}.blockquote-v1--right{border-right:solid .25rem #59287a}.u-blockquote-v2{position:relative;background-color:#fff;box-shadow:5px 6px 9px -6px rgba(0,0,0,.15);padding:1.875rem 1.875rem 1.875rem 3.75rem}.u-blockquote-v2::before{content:"\201C";position:absolute;width:3.75rem;margin:-1.5625rem 0 0 -2.5rem;color:#59287a;font-size:3.75rem}.u-blockquote-v2::after{content:"";position:absolute;bottom:-1.875rem;left:3.75rem;display:block;width:0;height:0;border-style:solid;border-width:30px 30px 0 0;border-color:#fff transparent transparent;filter:drop-shadow(2px 2px 1px rgba(0, 0, 0, .1))}.u-device,.u-icon{position:relative}.u-blockquote-v2__image{width:3.75rem;height:3.75rem}.u-clients__item{border-width:1px 0 1px 1px;border-color:#e6e7e9;border-style:solid;padding:3rem 0}.u-clients__image{width:7.5rem;margin-left:auto;margin-right:auto;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);opacity:.3;transition:all .3s ease}.u-clients__image:hover{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(0);opacity:1}.u-device{width:85%;z-index:-1;margin-bottom:-10rem}.u-device__item{border-radius:2rem;box-shadow:10px 15px 55px 15px rgba(140,152,164,.1)}.u-icon{z-index:1;line-height:.7;display:inline-block;vertical-align:middle;text-align:center;width:2.25rem;height:2.25rem;font-size:1.125rem;border-radius:.25rem;transition:.3s ease-in-out}.u-icon__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-icon__inner-bottom-minus{top:90%}.u-icon--size--xs{width:1.5rem;height:1.5rem;font-size:.8125rem}.u-icon--size--sm{width:2rem;height:2rem;font-size:1rem}.u-icon--size--lg{width:3.5rem;height:3.5rem;font-size:1.75rem}.u-icon--size--xl{width:5rem;height:5rem;font-size:2.375rem}.u-icon-primary{color:color-yiq(#59287a);background-color:#59287a;border-color:#59287a}.u-icon-primary[href]:hover{color:color-yiq(#441f5d);background-color:#441f5d;border-color:#3d1b54}.u-icon-primary.disabled,.u-icon-primary:disabled{background-color:#59287a;border-color:#59287a}.u-icon-secondary{color:color-yiq(#00c9a7);background-color:#00c9a7;border-color:#00c9a7}.u-icon-secondary[href]:hover{color:color-yiq(#00a387);background-color:#00a387;border-color:#00967d}.u-icon-secondary.disabled,.u-icon-secondary:disabled{background-color:#00c9a7;border-color:#00c9a7}.u-icon-success{color:color-yiq(#0dd157);background-color:#0dd157;border-color:#0dd157}.u-icon-success[href]:hover{color:color-yiq(#0bad48);background-color:#0bad48;border-color:#0aa143}.u-icon-success.disabled,.u-icon-success:disabled{background-color:#0dd157;border-color:#0dd157}.u-icon-info{color:color-yiq(#2972fa);background-color:#2972fa;border-color:#2972fa}.u-icon-info[href]:hover{color:color-yiq(#065af7);background-color:#065af7;border-color:#0555eb}.u-icon-info.disabled,.u-icon-info:disabled{background-color:#2972fa;border-color:#2972fa}.u-icon-warning{color:color-yiq(#fab633);background-color:#fab633;border-color:#fab633}.u-icon-warning[href]:hover{color:color-yiq(#f9a90e);background-color:#f9a90e;border-color:#f4a306}.u-icon-warning.disabled,.u-icon-warning:disabled{background-color:#fab633;border-color:#fab633}.u-icon-danger{color:color-yiq(#fb4143);background-color:#fb4143;border-color:#fb4143}.u-icon-danger[href]:hover{color:color-yiq(#fa1c1e);background-color:#fa1c1e;border-color:#fa0f12}.u-icon-danger.disabled,.u-icon-danger:disabled{background-color:#fb4143;border-color:#fb4143}.u-icon-light{color:color-yiq(#f6f9fc);background-color:#f6f9fc;border-color:#f6f9fc}.u-icon-light[href]:hover{color:color-yiq(#d9e6f2);background-color:#d9e6f2;border-color:#d0e0ef}.u-icon-light.disabled,.u-icon-light:disabled{background-color:#f6f9fc;border-color:#f6f9fc}.u-icon-dark{color:color-yiq(#1b1e24);background-color:#1b1e24;border-color:#1b1e24}.u-icon-dark[href]:hover{color:color-yiq(#0b0c0e);background-color:#0b0c0e;border-color:#050607}.u-icon-dark.disabled,.u-icon-dark:disabled{background-color:#1b1e24;border-color:#1b1e24}.u-icon-white{color:color-yiq(#fff);background-color:#fff;border-color:#fff}.u-icon-white[href]:hover{color:color-yiq(#ececec);background-color:#ececec;border-color:#e6e6e6}.u-icon-white.disabled,.u-icon-white:disabled{background-color:#fff;border-color:#fff}.u-icon-facebook{color:color-yiq(#3b5998);background-color:#3b5998;border-color:#3b5998}.u-icon-facebook[href]:hover{color:color-yiq(#30497c);background-color:#30497c;border-color:#2d4373}.u-icon-facebook.disabled,.u-icon-facebook:disabled{background-color:#3b5998;border-color:#3b5998}.u-icon-google{color:color-yiq(#d14130);background-color:#d14130;border-color:#d14130}.u-icon-google[href]:hover{color:color-yiq(#b33628);background-color:#b33628;border-color:#a93325}.u-icon-google.disabled,.u-icon-google:disabled{background-color:#d14130;border-color:#d14130}.u-icon-twitter{color:color-yiq(#1da1f2);background-color:#1da1f2;border-color:#1da1f2}.u-icon-twitter[href]:hover{color:color-yiq(#0d8ddc);background-color:#0d8ddc;border-color:#0c85d0}.u-icon-twitter.disabled,.u-icon-twitter:disabled{background-color:#1da1f2;border-color:#1da1f2}.u-icon-instagram{color:color-yiq(#3f729b);background-color:#3f729b;border-color:#3f729b}.u-icon-instagram[href]:hover{color:color-yiq(#345e80);background-color:#345e80;border-color:#305777}.u-icon-instagram.disabled,.u-icon-instagram:disabled{background-color:#3f729b;border-color:#3f729b}.u-icon-github{color:color-yiq(#24292e);background-color:#24292e;border-color:#24292e}.u-icon-github[href]:hover{color:color-yiq(#131619);background-color:#131619;border-color:#0e1011}.u-icon-github.disabled,.u-icon-github:disabled{background-color:#24292e;border-color:#24292e}.u-icon-block__col{padding-top:4rem;padding-bottom:4rem}@media (max-width:767px){.navbar-expand-sm.fixed-top{background-color:rgba(27,30,36,.3)}}@media (max-width:991px){.navbar-expand-md.fixed-top{background-color:rgba(27,30,36,.3)}}@media (max-width:1199px){.navbar-expand-lg.fixed-top{background-color:rgba(27,30,36,.3)}.u-promo-block{background-attachment:fixed}}.navbar-bg-onscroll.fixed-top{background-color:#672e8d;transition:all .3s ease-out}.navbar-bg-onscroll.fixed-top--fade{transition:all .4s ease-out}.u-portfolio-controls__item{display:inline-block;cursor:pointer}.u-portfolio-controls__item:not(:last-child)::after{content:"|";font-size:.71429rem;margin:0 4px;position:relative;top:-2px;line-height:inherit;display:inline-block;vertical-align:middle;color:transparent}.u-portfolio__info,.u-portfolio__zoom{position:absolute;left:0;right:0;bottom:0}@media (min-width:992px){.u-icon-block{border-bottom:solid 1px #e6e7e9}.u-icon-block__col--left-brd{border-left:solid 1px #e6e7e9}.u-portfolio-controls__item:not(:last-child)::after{color:#d5d7dc;margin:0 7px 0 12px}}.u-portfolio-controls .is-checked{color:#59287a}.u-portfolio__item{overflow:hidden;z-index:2}.u-portfolio__image{display:block;width:100%;height:auto;transition:all .2s ease}.u-portfolio__item:hover .u-portfolio__image{transform:translate3d(0,-60px,0)}.u-portfolio__info{height:3.75rem;overflow:hidden;color:#fff;background-color:#59287a;transition:all .2s ease;transform:translate3d(0,3.75rem,0);padding:.3125rem .9375rem}.u-portfolio__info small{opacity:.7}.u-portfolio__item:hover .u-portfolio__info{transform:translate3d(0,0,0)}.u-pull-half,.u-ver-center{transform:translate3d(0,-50%,0)}.u-portfolio__zoom{top:0;text-indent:-10000px}.u-promo-block{position:relative;min-height:100vh;padding-top:6.25rem;padding-bottom:6.25rem}.u-promo-block--mheight-450{min-height:450px}.u-promo-block--mheight-500{min-height:500px}.u-promo-block--mheight-600{min-height:600px}.u-pricing{background-color:#fff}.u-pricing__header{position:relative;padding:2.5rem 1.5rem}.u-pricing__header-price{display:block;line-height:.84}.u-pricing__header-title{opacity:.7;letter-spacing:3px}.u-pricing__header-decoration{position:absolute;left:0;right:0;bottom:0}.u-pricing__content{padding:1.5rem}.u-content-space,.u-content-space-top{padding-top:6.25rem}.u-content-space,.u-content-space-bottom{padding-bottom:6.25rem}.u-pricing__content .disabled .u-icon{color:#85778f;background-color:rgba(133,119,143,.1)}.u-pricing .disabled{color:#85778f}.u-link{color:#1b1e24;text-decoration:none}.u-link:hover{color:#59287a;text-decoration:none}.u-box-shadow-sm{box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07)}.u-box-shadow-lg{box-shadow:0 .4rem 2.2rem 0 rgba(27,30,36,.1)}.u-overlay u-overlay--dark::after,.u-overlay-light::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.u-overlay u-overlay--dark::after{background-color:rgba(27,30,36,.3)}.u-overlay-light::after{background-color:rgba(255,255,255,.5)}.u-overlay__inner{position:relative;z-index:1}.u-ver-center{position:absolute;top:50%;left:0;right:0}.u-ver-bottom{position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0)}.u-font-accent{font-family:"Playfair Display",serif}.u-font-size-75{font-size:75%}.u-font-size-90{font-size:90%}.u-letter-spacing-xs{letter-spacing:1px}.u-letter-spacing-sm{letter-spacing:2px}.u-opacity-1{opacity:.1}.u-opacity-6{opacity:.6} ================================================ FILE: assets/css/styles.css ================================================ /* * Stream v1.0 (https://htmlstream.com) * Copyright Htmlstream * Licensed under MIT */ /*------------------------------------ Default Styles ------------------------------------*/ html { font-size: 1rem; } body { font-weight: 400; font-size: 1rem; font-family: "Open Sans", sans-serif; line-height: 1.6; color: #1b1e24; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; } a { color: #59287a; } a:hover { color: #59287a; } a:focus { outline: none; } p { line-height: 1.8; } figure { margin-bottom: 0; } hr { border-color: #e6e7e9; } [role=button] { cursor: pointer; } /*------------------------------------ Headings ------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 { line-height: 1.6; } /*------------------------------------ Highlight Color ------------------------------------*/ ::-moz-selection { color: #fff; background-color: #59287a; } ::selection { color: #fff; background-color: #59287a; } .bg-primary ::-moz-selection { color: #59287a; background-color: #fff; } .bg-primary ::selection { color: #59287a; background-color: #fff; } /*---------------------------------- Alerts ------------------------------------*/ /* Alert Icon */ .alert__icon { font-size: 1.25rem; } /* Alert Close Button */ .alert__close { padding: 0; line-height: 1.3; opacity: .7; background: none; border: none; cursor: pointer; font-size: 1.625rem; transition: all .3s; } .alert__close--light { color: #fff; } .alert__close--dark { color: #1b1e24; } .alert__close:hover { opacity: 1; } .alert__close:focus { outline: 0 none; box-shadow: none; } /*---------------------------------- Background Arrow ------------------------------------*/ .u-bg-arrow-wrapper { position: relative; } .u-bg-arrow-bottom::before { position: absolute; content: ""; left: 50%; margin-left: -20px; bottom: -25px; border-style: solid; border-width: 25px 20px 0 20px; border-color: #fff transparent transparent transparent; z-index: 3; } /*---------------------------------- Avatars ------------------------------------*/ .u-avatar { border: solid 3px #fff; } /*---------------------------------- Border Radius ------------------------------------*/ .rounded-md { border-radius: .625rem; } /*---------------------------------- Buttons ------------------------------------*/ .btn { cursor: pointer; transition: .2s ease; } .btn.focus, .btn:focus .btn.active:focus, .btn:active:focus { outline: 0 none; box-shadow: none; border-color: transparent; } .btn--circle { border-radius: 100%; padding: 0; width: 2.625rem; height: 2.625rem; line-height: 2.625rem; } .btn--circle.btn-sm { width: 1.9375rem; height: 1.9375rem; line-height: 1.9375rem; } .btn--circle.btn-lg { width: 3.25rem; height: 3.25rem; line-height: 3.25rem; } .btn--pill { border-radius: 6.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .btn--pill.btn-sm { padding-left: 0.9375rem; padding-right: 0.9375rem; } .btn--pill.btn-lg { padding-left: 1.5625rem; padding-right: 1.5625rem; } .btn-link { color: #59287a; } .btn-link:hover { color: #59287a; } /*---------------------------------- Carousell ------------------------------------*/ .carousel-control-size { font-size: 2rem; } /*---------------------------------- Forms ------------------------------------*/ /* Form Lable States */ .is-valid .form-label-text { color: #0dd157; } .is-invalid .form-label-text { color: #fb4143; } .is-disabled .form-label-text { color: #8f95a0; } /* Form Pilled Shape */ .form--pill { border-radius: 6.25rem; padding-left: 1rem; padding-right: 1rem; } /* Forms Icon */ .form-icon-wrapper { position: relative; display: block; } .form-icon-input-left { padding-left: 2.1875rem; } .form-icon-input-right { padding-right: 2.1875rem; } .form-icon { position: absolute; height: 100%; width: 2.5rem; } .form-icon--left { left: 0; } .form-icon--right { right: 0; } .form-icon__item { position: absolute; top: 50%; left: 50%; color: #8f95a0; transform: translate(-50%, -50%); } /* Form Toggles */ .form-toggle { position: relative; cursor: pointer; } .form-toggle__item { display: block; padding-left: 1px; padding-right: 1px; cursor: pointer; width: 43px; height: 22px; font-style: normal; font-weight: 700; font-size: 9px; color: #d5d7dc; border: solid 1px #d5d7dc; border-radius: 6.25rem; } .form-toggle__item i::before, .form-toggle__item i::after { content: ""; display: block; position: absolute; } .form-toggle__item i::before { content: attr(data-uncheck-icon); top: 0; left: 0; width: 100%; line-height: 18px; text-align: right; padding: 2px 7px; } .form-toggle__item i::after { top: 50%; left: 4px; width: 16px; height: 16px; background-color: #d5d7dc; border-radius: 50%; transform: translateY(-50%); transition: left .2s ease; } .form-toggle input[type="checkbox"], .form-toggle input[type="radio"] { position: absolute; z-index: -1; opacity: 0; } .form-toggle input[type="checkbox"]:checked + .form-toggle__item, .form-toggle input[type="checkbox"]:checked + * .form-toggle__item, .form-toggle input[type="radio"]:checked + .form-toggle__item, .form-toggle input[type="radio"]:checked + * .form-toggle__item { color: #fff; background-color: #59287a; border-color: #59287a; transition: all .3s ease; } .form-toggle input[type="checkbox"]:checked + .form-toggle__item i:before, .form-toggle input[type="checkbox"]:checked + * .form-toggle__item i:before, .form-toggle input[type="radio"]:checked + .form-toggle__item i:before, .form-toggle input[type="radio"]:checked + * .form-toggle__item i:before { content: attr(data-check-icon); text-align: left; } .form-toggle input[type="checkbox"]:checked + .form-toggle__item i::after, .form-toggle input[type="checkbox"]:checked + * .form-toggle__item i::after, .form-toggle input[type="radio"]:checked + .form-toggle__item i::after, .form-toggle input[type="radio"]:checked + * .form-toggle__item i::after { left: calc(100% - 19px); background-color: #fff; } .is-valid .form-toggle__item { color: #0dd157; border: solid 1px #0dd157; } .is-valid .form-toggle__item i::after { background-color: #0dd157; } .is-valid .form-toggle input[type="checkbox"]:checked + .form-toggle__item, .is-valid .form-toggle input[type="checkbox"]:checked + * .form-toggle__item, .is-valid .form-toggle input[type="radio"]:checked + .form-toggle__item, .is-valid .form-toggle input[type="radio"]:checked + * .form-toggle__item { background-color: #0dd157; border-color: #0dd157; } .is-invalid .form-toggle__item { color: #fb4143; border: solid 1px #fb4143; } .is-invalid .form-toggle__item i::after { background-color: #fb4143; } .is-invalid .form-toggle input[type="checkbox"]:checked + .form-toggle__item, .is-invalid .form-toggle input[type="checkbox"]:checked + * .form-toggle__item, .is-invalid .form-toggle input[type="radio"]:checked + .form-toggle__item, .is-invalid .form-toggle input[type="radio"]:checked + * .form-toggle__item { background-color: #fb4143; border-color: #fb4143; } .is-disabled .form-toggle__item { color: #e6e7e9; border: solid 1px #e6e7e9; } .is-disabled .form-toggle__item i::after { background-color: #e6e7e9; } .is-disabled .form-toggle input[type="checkbox"]:checked + .form-toggle__item, .is-disabled .form-toggle input[type="checkbox"]:checked + * .form-toggle__item, .is-disabled .form-toggle input[type="radio"]:checked + .form-toggle__item, .is-disabled .form-toggle input[type="radio"]:checked + * .form-toggle__item { background-color: #e6e7e9; border-color: #e6e7e9; } /* Bootstrap's Custom Controls */ .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #0dd157; } .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #fb4143; } .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #d5d7dc; } /*---------------------------------- Modals ------------------------------------*/ .modal-content { box-shadow: 0 0.25rem 0.6rem rgba(27, 30, 36, 0.07); } @media (min-width: 576px) { .modal-content { box-shadow: 0 0.5rem 1.625rem rgba(27, 30, 36, 0.07); } } /*---------------------------------- Pager ------------------------------------*/ .pager-btn { min-width: 7.2rem; } .pager-btn.btn-sm { min-width: 6.2rem; } .pager-btn.btn-lg { min-width: 9.4rem; } /*---------------------------------- Popover ------------------------------------*/ .popover { box-shadow: 0 0.25rem 0.6rem rgba(27, 30, 36, 0.07); } /*---------------------------------- Progress Bars ------------------------------------*/ .progress--pill { border-radius: 6.25rem; } .u-progress-bar-vertical { display: flex; flex-flow: column nowrap; justify-content: flex-end; background-color: #faf7fc; height: 200px; } .u-progress-bar-vertical__indicator { background-color: #59287a; } /*---------------------------------- Tabs ------------------------------------*/ .nav-tabs--v1 .nav-item { margin-right: 3px; } .nav-tabs--v1 .nav-item:last-child { margin-right: 0; } .nav-tabs--v1 .nav-link { border-top-width: 3px; } .nav-tabs--v1 .nav-link:hover, .nav-tabs--v1 .nav-link:focus { border-color: transparent; } .nav-tabs--v1 .nav-link.active, .nav-tabs--v1 .nav-item.show .nav-link { border-top-color: #59287a; } .nav-tabs--v1 .nav-link.active:hover, .nav-tabs--v1 .nav-link.active:focus, .nav-tabs--v1 .nav-item.show .nav-link:hover, .nav-tabs--v1 .nav-item.show .nav-link:focus { border-left-color: #e6e7e9; border-right-color: #e6e7e9; border-top-color: #59287a; } .tab-content--v1 { padding: 1.25rem 1rem; margin-top: -1px; border: solid 1px #e6e7e9; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .tab-content--v1 p:last-of-type { margin-bottom: 0; } /*---------------------------------- Blockquote-v1 ------------------------------------*/ .blockquote-v1 { padding: 1.5rem 1.25rem; background-color: #f6f9fc; font-size: 1.25rem; font-weight: 300; border-radius: 0.25rem; margin-bottom: 1rem; } .blockquote-v1--left { border-left: solid 0.25rem #59287a; } .blockquote-v1--right { border-right: solid 0.25rem #59287a; } /*---------------------------------- Blockquote-v2 ------------------------------------*/ .u-blockquote-v2 { position: relative; background-color: #fff; box-shadow: 5px 6px 9px -6px rgba(0, 0, 0, 0.15); padding: 1.875rem 1.875rem 1.875rem 3.75rem; } .u-blockquote-v2::before { content: "\201C"; position: absolute; width: 3.75rem; margin: -1.5625rem 0 0 -2.5rem; color: #59287a; font-size: 3.75rem; } .u-blockquote-v2::after { content: ""; position: absolute; bottom: -1.875rem; left: 3.75rem; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #fff transparent transparent transparent; filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1)); } .u-blockquote-v2__image { width: 3.75rem; height: 3.75rem; } /*------------------------------------ Clients ------------------------------------*/ .u-clients__item { border-width: 1px 0 1px 1px; border-color: #e6e7e9; border-style: solid; padding: 3rem 0; } .u-clients__image { width: 7.5rem; margin-left: auto; margin-right: auto; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: .3; transition: all 0.3s ease; } .u-clients__image:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } /*------------------------------------ Mockup (Browser) ------------------------------------*/ .u-browser-img { position: relative; top: -7px; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } /*------------------------------------ Device (iPad) ------------------------------------*/ .u-device { position: relative; width: 85%; z-index: -1; margin-bottom: -10rem; } .u-device__item { border-radius: 2rem; box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1); } /*------------------------------------ Icon ------------------------------------*/ .u-icon { position: relative; z-index: 1; line-height: .7; display: inline-block; vertical-align: middle; text-align: center; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; border-radius: .25rem; transition: .3s ease-in-out; } .u-icon__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .u-icon__inner-bottom-minus { top: 90%; } /*------------------------------------ Icon Sizes ------------------------------------*/ /* Extra Small */ .u-icon--size--xs { width: 1.5rem; height: 1.5rem; font-size: 0.8125rem; } /* Small */ .u-icon--size--sm { width: 2rem; height: 2rem; font-size: 1rem; } /* Large */ .u-icon--size--lg { width: 3.5rem; height: 3.5rem; font-size: 1.75rem; } /* Extra Large */ .u-icon--size--xl { width: 5rem; height: 5rem; font-size: 2.375rem; } /*------------------------------------ Icon Default Styles ------------------------------------*/ /* primary */ .u-icon-primary { color: color-yiq(#59287a); background-color: #59287a; border-color: #59287a; } .u-icon-primary[href]:hover { color: color-yiq(#441f5d); background-color: #441f5d; border-color: #3d1b54; } .u-icon-primary.disabled, .u-icon-primary:disabled { background-color: #59287a; border-color: #59287a; } /* secondary */ .u-icon-secondary { color: color-yiq(#00c9a7); background-color: #00c9a7; border-color: #00c9a7; } .u-icon-secondary[href]:hover { color: color-yiq(#00a387); background-color: #00a387; border-color: #00967d; } .u-icon-secondary.disabled, .u-icon-secondary:disabled { background-color: #00c9a7; border-color: #00c9a7; } /* success */ .u-icon-success { color: color-yiq(#0dd157); background-color: #0dd157; border-color: #0dd157; } .u-icon-success[href]:hover { color: color-yiq(#0bad48); background-color: #0bad48; border-color: #0aa143; } .u-icon-success.disabled, .u-icon-success:disabled { background-color: #0dd157; border-color: #0dd157; } /* info */ .u-icon-info { color: color-yiq(#2972fa); background-color: #2972fa; border-color: #2972fa; } .u-icon-info[href]:hover { color: color-yiq(#065af7); background-color: #065af7; border-color: #0555eb; } .u-icon-info.disabled, .u-icon-info:disabled { background-color: #2972fa; border-color: #2972fa; } /* warning */ .u-icon-warning { color: color-yiq(#fab633); background-color: #fab633; border-color: #fab633; } .u-icon-warning[href]:hover { color: color-yiq(#f9a90e); background-color: #f9a90e; border-color: #f4a306; } .u-icon-warning.disabled, .u-icon-warning:disabled { background-color: #fab633; border-color: #fab633; } /* danger */ .u-icon-danger { color: color-yiq(#fb4143); background-color: #fb4143; border-color: #fb4143; } .u-icon-danger[href]:hover { color: color-yiq(#fa1c1e); background-color: #fa1c1e; border-color: #fa0f12; } .u-icon-danger.disabled, .u-icon-danger:disabled { background-color: #fb4143; border-color: #fb4143; } /* light */ .u-icon-light { color: color-yiq(#f6f9fc); background-color: #f6f9fc; border-color: #f6f9fc; } .u-icon-light[href]:hover { color: color-yiq(#d9e6f2); background-color: #d9e6f2; border-color: #d0e0ef; } .u-icon-light.disabled, .u-icon-light:disabled { background-color: #f6f9fc; border-color: #f6f9fc; } /* dark */ .u-icon-dark { color: color-yiq(#1b1e24); background-color: #1b1e24; border-color: #1b1e24; } .u-icon-dark[href]:hover { color: color-yiq(#0b0c0e); background-color: #0b0c0e; border-color: #050607; } .u-icon-dark.disabled, .u-icon-dark:disabled { background-color: #1b1e24; border-color: #1b1e24; } /* white */ .u-icon-white { color: color-yiq(#fff); background-color: #fff; border-color: #fff; } .u-icon-white[href]:hover { color: color-yiq(#ececec); background-color: #ececec; border-color: #e6e6e6; } .u-icon-white.disabled, .u-icon-white:disabled { background-color: #fff; border-color: #fff; } /* facebook */ .u-icon-facebook { color: color-yiq(#3b5998); background-color: #3b5998; border-color: #3b5998; } .u-icon-facebook[href]:hover { color: color-yiq(#30497c); background-color: #30497c; border-color: #2d4373; } .u-icon-facebook.disabled, .u-icon-facebook:disabled { background-color: #3b5998; border-color: #3b5998; } /* google */ .u-icon-google { color: color-yiq(#d14130); background-color: #d14130; border-color: #d14130; } .u-icon-google[href]:hover { color: color-yiq(#b33628); background-color: #b33628; border-color: #a93325; } .u-icon-google.disabled, .u-icon-google:disabled { background-color: #d14130; border-color: #d14130; } /* twitter */ .u-icon-twitter { color: color-yiq(#1da1f2); background-color: #1da1f2; border-color: #1da1f2; } .u-icon-twitter[href]:hover { color: color-yiq(#0d8ddc); background-color: #0d8ddc; border-color: #0c85d0; } .u-icon-twitter.disabled, .u-icon-twitter:disabled { background-color: #1da1f2; border-color: #1da1f2; } /* instagram */ .u-icon-instagram { color: color-yiq(#3f729b); background-color: #3f729b; border-color: #3f729b; } .u-icon-instagram[href]:hover { color: color-yiq(#345e80); background-color: #345e80; border-color: #305777; } .u-icon-instagram.disabled, .u-icon-instagram:disabled { background-color: #3f729b; border-color: #3f729b; } /* github */ .u-icon-github { color: color-yiq(#24292e); background-color: #24292e; border-color: #24292e; } .u-icon-github[href]:hover { color: color-yiq(#131619); background-color: #131619; border-color: #0e1011; } .u-icon-github.disabled, .u-icon-github:disabled { background-color: #24292e; border-color: #24292e; } /*------------------------------------ Icon Block ------------------------------------*/ .u-icon-block__col { padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 992px) { .u-icon-block { border-bottom: solid 1px #e6e7e9; } .u-icon-block__col--left-brd { border-left: solid 1px #e6e7e9; } } /*---------------------------------- Header ------------------------------------*/ @media (max-width: 767px) { .navbar-expand-sm.fixed-top { background-color: rgba(27, 30, 36, 0.3); } } @media (max-width: 991px) { .navbar-expand-md.fixed-top { background-color: rgba(27, 30, 36, 0.3); } } @media (max-width: 1199px) { .navbar-expand-lg.fixed-top { background-color: rgba(27, 30, 36, 0.3); } } .navbar-bg-onscroll.fixed-top { background-color: #672e8d; transition: all .3s ease-out; } .navbar-bg-onscroll.fixed-top--fade { transition: all .4s ease-out; } /*------------------------------------ Portfolio ------------------------------------*/ .u-portfolio-controls__item { display: inline-block; cursor: pointer; } .u-portfolio-controls__item:not(:last-child)::after { content: "|"; font-size: 0.71429rem; margin: 0 4px; position: relative; top: -2px; line-height: inherit; display: inline-block; vertical-align: middle; color: transparent; } @media (min-width: 992px) { .u-portfolio-controls__item:not(:last-child)::after { color: #d5d7dc; margin: 0 7px 0 12px; } } .u-portfolio-controls a { color: #1b1e24; } .u-portfolio-controls a.active { color: #59287a; } .u-portfolio__item { overflow: hidden; z-index: 2; } .u-portfolio__image { display: block; width: 100%; height: auto; transition: all .2s ease; } .u-portfolio__item:hover .u-portfolio__image { transform: translate3d(0, -60px, 0); } .u-portfolio__info { position: absolute; bottom: 0; left: 0; right: 0; height: 3.75rem; overflow: hidden; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 0.3125rem; padding-bottom: 0.3125rem; color: #fff; background-color: #59287a; transition: all .2s ease; transform: translate3d(0, 3.75rem, 0); } .u-portfolio__info small { opacity: .7; } .u-portfolio__item:hover .u-portfolio__info { transform: translate3d(0, 0, 0); } .u-portfolio__zoom { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-indent: -10000px; } /*---------------------------------- Promo Block v1 ------------------------------------*/ .u-promo-block { position: relative; min-height: 100vh; padding-top: 6.25rem; padding-bottom: 6.25rem; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } .u-promo-block--mheight-450 { min-height: 450px; } .u-promo-block--mheight-500 { min-height: 500px; } .u-promo-block--mheight-600 { min-height: 600px; } @media (max-width: 1199px) { .u-promo-block { background-attachment: fixed; } } /*------------------------------------ Pricing ------------------------------------*/ .u-pricing { background-color: #fff; } .u-pricing__header { position: relative; padding: 2.5rem 1.5rem; } .u-pricing__header-price { display: block; line-height: .84; } .u-pricing__header-title { opacity: .8; } .u-pricing__header-decoration { position: absolute; left: 0; right: 0; bottom: 0; } .u-pricing__content { padding: 1.5rem; } .u-pricing__content .disabled .u-icon { color: #85778f; background-color: rgba(133, 119, 143, 0.1); } .u-pricing .disabled { color: #85778f; } /*---------------------------------- Spaces ------------------------------------*/ .u-content-space { padding-top: 6.25rem; padding-bottom: 6.25rem; } .u-content-space-top { padding-top: 6.25rem; } .u-content-space-bottom { padding-bottom: 6.25rem; } /*---------------------------------- Pull ------------------------------------*/ .u-pull-half { transform: translate3d(0, -50%, 0); } /*---------------------------------- Links ------------------------------------*/ .u-link { color: #1b1e24; text-decoration: none; } .u-link:hover { color: #59287a; text-decoration: none; } /*---------------------------------- Box Shadow ------------------------------------*/ .u-box-shadow-sm { box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07); } .u-box-shadow-lg { box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); } /*---------------------------------- Hero Image ------------------------------------*/ .u-hero-img { background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } /*---------------------------------- Overlays ------------------------------------*/ .u-overlay { position: relative; } .u-overlay::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .u-overlay--dark::after { background-color: rgba(27, 30, 36, 0.3); } .u-overlay--light::after { background-color: rgba(255, 255, 255, 0.3); } .u-overlay__inner { position: relative; z-index: 1; } /*---------------------------------- Block Alignments ------------------------------------*/ .u-ver-center { position: absolute; top: 50%; left: 0; right: 0; transform: translate3d(0, -50%, 0); } .u-ver-bottom { position: absolute; left: 50%; bottom: 0; transform: translate3d(-50%, 0, 0); } /*---------------------------------- Typography ------------------------------------*/ /* Font Family */ .u-font-accent { font-family: "Playfair Display", serif; } /* Font Size */ .u-font-size-75 { font-size: 75%; } .u-font-size-90 { font-size: 90%; } /* Letter Spacing */ .u-letter-spacing-xs { letter-spacing: 1px; } .u-letter-spacing-sm { letter-spacing: 2px; } /*---------------------------------- Others ------------------------------------*/ .u-opacity-1 { opacity: .1; } .u-opacity-6 { opacity: .6; } ================================================ FILE: assets/include/scss/_core.scss ================================================ /*------------------------------------ Default Styles ------------------------------------*/ html { font-size: $g-font-size-base; } body { font: { weight: 400; size: 1rem; family: $g-font-primary; } line-height: 1.6; color: $g-dark; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; } a { color: $g-primary; &:hover { color: $g-primary; } &:focus { outline: none; } } p { line-height: 1.8; } figure { margin-bottom: 0; } hr { border-color: $g-gray-100; } [role=button] { cursor: pointer; } /*------------------------------------ Headings ------------------------------------*/ .h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 { line-height: 1.6; } /*------------------------------------ Highlight Color ------------------------------------*/ ::-moz-selection { color: $g-white; background-color: $g-primary; } ::selection { color: $g-white; background-color: $g-primary; } .bg-primary ::-moz-selection { color: $g-primary; background-color: $g-white; } .bg-primary ::selection { color: $g-primary; background-color: $g-white; } ================================================ FILE: assets/include/scss/_variables.scss ================================================ // ============================================================= // // Stream UI Kit Variables // // ============================================================= // // Retreive color Sass maps @function theme-color($hs-key: "primary") { @return map-get($g-theme-colors, $hs-key); } @function accent-color($hs-key: "accent") { @return map-get($g-accent-colors, $hs-key); } $root-path: "../"; // Breakpoints // ========================================================= $g-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; // Color System // ============================================================= // Main Colors $g-white: #fff !default; $g-dark: #1b1e24 !default; $g-transparent: transparent !default; // Grays $g-gray-50: #f3f5f9 !default; $g-gray-100: #e6e7e9 !default; $g-gray-150: #d5d7dc !default; $g-gray-200: #8f95a0 !default; $g-gray-400: #8c98a4 !default; $g-gray-500: #828286 !default; $g-gray-600: #5a5f69 !default; // Light Primary $g-light-primary-100: #faf7fc !default; $g-light-primary-125: #ede6f2 !default; $g-light-primary-200: #85778f !default; $g-light-primary-300: #998ba3 !default; // Light Blues $g-color-light-blue-100: #f6f9fc !default; $g-color-light-blue-200: #77838f !default; $g-color-light-blue-300: #8c98a4 !default; // Colors $g-purple: #59287a !default; $g-cyan: #00dffc !default; $g-teal: #00c9a7 !default; $g-blue: #2972fa !default; $g-green: #0dd157 !default; $g-yellow: #fab633 !default; $g-red: #fb4143 !default; $g-facebook: #3b5998 !default; $g-google: #d14130 !default; $g-twitter: #1da1f2 !default; $g-instagram: #3f729b !default; $g-github: #24292e !default; // Accent Colors $g-accent-colors: () !default; $g-accent-colors: map-merge(( "white": $g-white ), $g-accent-colors); // Social Network Colors $g-social-network-colors: () !default; $g-social-network-colors: map-merge(( "facebook": $g-facebook, "google": $g-google, "twitter": $g-twitter, "instagram": $g-instagram, "github": $g-github ), $g-social-network-colors); // Theme Colors $g-primary: $g-purple !default; $g-secondary: $g-teal !default; $g-success: $g-green !default; $g-info: $g-blue !default; $g-warning: $g-yellow !default; $g-danger: $g-red !default; $g-light: $g-color-light-blue-100 !default; $g-theme-colors: () !default; $g-theme-colors: map-merge(( "primary": $g-primary, "secondary": $g-secondary, "success": $g-success, "info": $g-info, "warning": $g-warning, "danger": $g-danger, "light": $g-light, "dark": $g-dark ), $g-theme-colors); // Links (Style anchor elements) $g-link-color: theme-color("primary") !default; $g-link-color-hover: darken($g-link-color, 7.5%) !default; $g-link-hover-decoration: none !default; // Text Muted $g-text-muted: $g-gray-200 !default; // Link Muted $g-link-muted-color: $g-light-primary-300 !default; $g-link-muted-hover-color: theme-color("primary") !default; // Typography // ============================================================= // Font Families $g-font-primary: "Open Sans", sans-serif !default; $g-font-accent: "Playfair Display", serif !default; // Font Sizes $g-font-size-base: 1rem !default; // Font Weight $g-font-weight-light: 300 !default; $g-font-weight-normal: 400 !default; $g-font-weight-medium: 500 !default; $g-font-weight-semi-bold: 600 !default; $g-font-weight-bold: 700 !default; $g-headings-font-weight: $g-font-weight-light !default; $g-headings-line-height: 1.5 !default; $g-display-lin-height: 1.2 !default; $g-paragraph-line-height: 1.7 !default; $g-outline: 5px auto -webkit-focus-ring-color !default; $g-display-1: 72px !default; $g-display-2: 56px !default; $g-display-3: 48px !default; $g-hr-color: $g-gray-100 !default; // Content Spacing // ============================================================= $g-content-space-y: 6.25rem !default $g-spacer: 1rem !default; $g-spacers: () !default; $g-spacers: map-merge(( 0: 0, 1: ($g-spacer * .25), 2: ($g-spacer * .5), 3: $g-spacer, 4: ($g-spacer * 1.5), 5: ($g-spacer * 2), 6: ($g-spacer * 2.5), 7: ($g-spacer * 3), 8: ($g-spacer * 3.5), 9: ($g-spacer * 4) ), $g-spacers); // Box Shadow // ============================================================= $g-box-shadow-sm: 0 .20rem 1.25rem 0 rgba($g-dark, 0.07) !default $g-box-shadow-lg: 0 .4rem 2.2rem 0 rgba($g-dark, 0.1) !default // Image Thumbnails // ============================================================= $g-thumbnail-border-color: $g-gray-100 !default; // Pagination // ============================================================= // Colors $g-pagination-color: $g-secondary !default; // Border $g-pagination-border-color: $g-gray-100 !default; // Hover $g-pagination-hover-color: $g-white !default; $g-pagination-hover-bg: theme-color("primary") !default; $g-pagination-hover-border-color: theme-color("primary") !default; // Active $g-pagination-active-color: $g-white !default; $g-pagination-active-bg: theme-color("primary") !default; $g-pagination-active-border-color: theme-color("primary") !default; // Border Radius // ============================================================= $g-border-radius: .25rem !default; $g-border-radius-pill: 6.25rem !default; $g-border-radius-circle: 50% !default; // Buttons + Forms // ============================================================= // Default Spacing $g-input-btn-padding-y: .5rem !default; $g-input-btn-padding-x: .8rem !default; // Large Spacing $g-input-btn-padding-y-lg: .625rem !default; $g-input-btn-padding-x-lg: 1.2rem !default; // Focus Width $g-input-btn-focus-width: 0 !default; // Forms Inputs // ============================================================= // Color $g-input-color: $g-dark !default; $g-input-group-addon-color: $g-gray-200 !default; // Border Colors $g-form-border-color: $g-gray-100 !default; $g-input-border-color: $g-gray-100 !default; $g-input-focus-border-color: lighten(theme-color("primary"), 30%) !default; // Background Colors $g-input-group-addon-bg: transparent !default; // Focus Colors $g-input-focus-color: $g-dark !default; $g-input-placeholder-color: $g-gray-400 !default; // Box Shadow $g-input-focus-box-shadow: none !default; // Forms States + Icon // ============================================================= // Form Icon $g-form-icon-color: $g-gray-200 !default; // Forms States (e.g. Disabled) $g-form-label-color-disabled: $g-text-muted !default; $g-custom-control-indicator-disabled-bg: $g-gray-150 !default; // Form Toggles // ============================================================= // Unchecked (Off) $g-form-toggle-color: $g-gray-150 !default; $g-form-toggle-border-color: $g-gray-150 !default; $g-form-toggle-circle-bg-color: $g-gray-150 !default; // Checked (On) $g-form-toggle-color-checked: $g-white !default; $g-form-toggle-bg-color-checked: theme-color("primary") !default; $g-form-toggle-border-color-checked: theme-color("primary") !default; $g-form-toggle-circle-bg-color-checked: $g-white !default; // Disabled $g-form-toggle-color-disabled: $g-gray-100 !default; $g-form-toggle-border-color-disabled: $g-gray-100 !default; $g-form-toggle-circle-bg-color-disabled: $g-gray-100 !default; // Disabled + Checked (On) $g-form-toggle-bg-color-disabled-checked: $g-gray-100 !default; $g-form-toggle-border-color-disabled-checked: $g-gray-100 !default; // Close // ============================================================= $g-close-font-size: $g-font-size-base * 2 !default; $g-close-font-weight: $g-font-weight-light !default; $g-close-color: $g-dark !default; $g-close-text-shadow: none !default; // Alert // ============================================================= // Spacing $g-alert-padding-y: 1rem !default; $g-alert-padding-x: 1.25rem !default; // Border $g-alert-border-width: 0 !default; // Progress Bars // ============================================================= $g-progress-bg: $g-gray-50 !default; // List Groups // ============================================================= $g-list-group-border-color: $g-gray-100 !default; $g-list-group-hover-bg: theme-color("light") !default; // Blockquote // ============================================================= // Spacing $g-blockquote-padding-y: 1.5rem !default; $g-blockquote-padding-x: 1.25rem !default; // Background Color $g-blockquote-bg: theme-color("light") !default; // Border Color $g-blockquote-border-color: theme-color("primary") !default; // Content $g-blockquote-small-color: $g-dark !default; $g-blockquote-font-size: ($g-font-size-base * 1.25) !default; $g-blockquote-font-weight: $g-font-weight-light !default; // Card // ============================================================= $g-card-cap-bg: theme-color("light") !default; $g-card-border-color: $g-gray-100 !default; // Modals // ============================================================= // Background Color $g-modal-backdrop-bg: $g-dark !default; $g-modal-backdrop-opacity: .1 !default; // Border Color $g-modal-content-border-color: $g-gray-100 !default; // Box Shadow $g-modal-content-box-shadow-xs: 0 .25rem .6rem rgba(theme-color("dark"), .07) !default; $g-modal-content-box-shadow-sm-up: 0 .5rem 1.625rem rgba(theme-color("dark"), .07) !default; // Sizes $g-modal-lg: 800px !default; $g-modal-md: 500px !default; $g-modal-sm: 350px !default; // Popovers // ============================================================= // Background Color $g-popover-header-bg: theme-color("light") !default; // Border Color $g-popover-border-color: $g-gray-100 !default; // Box Shadow $g-popover-box-shadow: 0 .25rem .6rem rgba(theme-color("dark"), .07) !default; // Navbar // ============================================================= // Dark Mode Colors $g-navbar-dark-color: rgba($g-white, .9) !default; $g-navbar-dark-hover-color: $g-white !default; // Onscroll $navbar-bg-onscroll: lighten(theme-color("primary"), 5%) !default; // Drop Down // ============================================================= // $g-dropdown-link-active-bg: transparent !default; $g-dropdown-link-hover-bg: theme-color("light") !default; $g-dropdown-border-color: $g-gray-100 !default; // Dropdown menu container and contents. $g-dropdown-min-width: 200px !default; $g-dropdown-box-shadow: 0 .4rem 2.2rem 0 rgba(27,30,36, .1) !default; // Nav Tabs // ============================================================= // Active Color $nav-tabs-link-active-color: $g-dark !default; // Border Color $g-nav-tabs-border-color: $g-gray-100 !default; // Carousel // ============================================================= $g-carousel-control-color: $g-white !default; $g-carousel-control-size: 2rem !default; // Tooltips // ============================================================= $g-tooltip-max-width: 200px !default; $g-tooltip-color: $g-white !default; $g-tooltip-bg: theme-color("primary") !default; $g-tooltip-opacity: 1 !default; $g-tooltip-padding-y: .5rem !default; $g-tooltip-padding-x: 1rem !default; ================================================ FILE: assets/include/scss/blocks/_alerts.scss ================================================ /*---------------------------------- Alerts ------------------------------------*/ /* Alert Icon */ .alert__icon { @include px-to-rem(font-size, 20px); } /* Alert Close Button */ .alert__close { padding: 0; line-height: 1.3; opacity: .7; background: none; border: none; cursor: pointer; @include px-to-rem(font-size, 26px); transition: all .3s; &--light { color: $g-white; } &--dark { color: $g-dark; } &:hover { opacity: 1; } &:focus { outline: 0 none; box-shadow: none; } } ================================================ FILE: assets/include/scss/blocks/_arrows.scss ================================================ /*---------------------------------- Background Arrow ------------------------------------*/ .u-bg-arrow { &-wrapper { position: relative; } &-bottom::before { position: absolute; content: ""; left: 50%; margin-left: -20px; bottom: -25px; border: { style: solid; width: 25px 20px 0 20px; color: #fff transparent transparent transparent; } z-index: 3; } } ================================================ FILE: assets/include/scss/blocks/_avatar.scss ================================================ /*---------------------------------- Avatars ------------------------------------*/ .u-avatar { border: solid 3px $g-white; } ================================================ FILE: assets/include/scss/blocks/_border-radius.scss ================================================ /*---------------------------------- Border Radius ------------------------------------*/ .rounded-md { border-radius: .625rem; } ================================================ FILE: assets/include/scss/blocks/_buttons.scss ================================================ /*---------------------------------- Buttons ------------------------------------*/ .btn { cursor: pointer; transition: .2s ease; &.focus, &:focus &.active:focus, &:active:focus { outline: 0 none; box-shadow: none; border-color: transparent; } } // Circle .btn--circle { border-radius: 100%; padding: 0; @include px-to-rem(width, 42px); @include px-to-rem(height, 42px); @include px-to-rem(line-height, 42px); &.btn-sm { @include px-to-rem(width, 31px); @include px-to-rem(height, 31px); @include px-to-rem(line-height, 31px); } &.btn-lg { @include px-to-rem(width, 52px); @include px-to-rem(height, 52px); @include px-to-rem(line-height, 52px); } } // Pilled .btn--pill { border-radius: $g-border-radius-pill; @include px-to-rem(padding-left, 20px); @include px-to-rem(padding-right, 20px); &.btn-sm { @include px-to-rem(padding-left, 15px); @include px-to-rem(padding-right, 15px); } &.btn-lg { @include px-to-rem(padding-left, 25px); @include px-to-rem(padding-right, 25px); } } // Link .btn-link { color: theme-color("primary"); &:hover { color: theme-color("primary"); } } ================================================ FILE: assets/include/scss/blocks/_carousel.scss ================================================ /*---------------------------------- Carousell ------------------------------------*/ .carousel-control-size { font-size: $g-carousel-control-size; } ================================================ FILE: assets/include/scss/blocks/_clients.scss ================================================ /*------------------------------------ Clients ------------------------------------*/ .u-clients { &__item { border: { width: 1px 0 1px 1px; color: $g-hr-color; style: solid; } padding: map-get($g-spacers, 7) 0; } &__image { @include px-to-rem(width, 120px); @include px-to-rem(margin-left, auto); @include px-to-rem(margin-right, auto); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: .3; transition: all 0.3s ease; &:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } } } ================================================ FILE: assets/include/scss/blocks/_forms.scss ================================================ /*---------------------------------- Forms ------------------------------------*/ /* Form Lable States */ .form-label-text { // Success (Valid) State .is-valid & { color: theme-color("success"); } // Error (Invalid) State .is-invalid & { color: theme-color("danger"); } // Disabled State .is-disabled & { color: $g-form-label-color-disabled; } } /* Form Pilled Shape */ .form--pill { border-radius: $g-border-radius-pill; padding-left: 1rem; padding-right: 1rem; } /* Forms Icon */ .form-icon { // Icon Wrapper &-wrapper { position: relative; display: block; } // Input Space &-input-left { @include px-to-rem (padding-left, 35px); } &-input-right { @include px-to-rem (padding-right, 35px); } // Icon Alignments (e.g. left, right) & { position: absolute; height: 100%; @include px-to-rem (width, 40px); &--left { left: 0; } &--right { right: 0; } } // Icon Position &__item { position: absolute; top: 50%; left: 50%; color: $g-form-icon-color; transform: translate(-50%, -50%); } } /* Form Toggles */ .form-toggle { position: relative; cursor: pointer; // Toggle Item &__item { display: block; padding-left: 1px; padding-right: 1px; cursor: pointer; width: 43px; height: 22px; font: { style: normal; weight: 700; size: 9px; } color: $g-form-toggle-color; border: solid 1px $g-form-toggle-border-color; @include px-to-rem(border-radius, 100px); // Toggle Item Tag i { &::before, &::after { content: ""; display: block; position: absolute; } &::before { content: attr(data-uncheck-icon); top: 0; left: 0; width: 100%; line-height: 18px; text-align: right; padding: 2px 7px; } &::after { left: 4px; width: 16px; height: 16px; background-color: $g-form-toggle-circle-bg-color; border-radius: 50%; transform: translateY(-50%); transition: left .2s ease; } } // End Toggle Item Tag } // Control input[type="checkbox"], input[type="radio"] { position: absolute; z-index: -1; // Put the input behind the label so it doesn't overlay text opacity: 0; &:checked { & +, & + * { // Toggle Item Tag .form-toggle__item { color: $g-form-toggle-color-checked; background-color: $g-form-toggle-bg-color-checked; border-color: $g-form-toggle-border-color-checked; transition: all .3s ease; i { &:before { content: attr(data-check-icon); text-align: left; } &::after { left: calc(100% - 19px); background-color: $g-form-toggle-circle-bg-color-checked; } } } // End Toggle Item Tag } } } // Success (Valid) State .is-valid & { // Icon &__item { color: theme-color("success"); border: solid 1px theme-color("success"); // Icon Tag i { &::after { background-color: theme-color("success"); } } // End Icon Tag } // Control input[type="checkbox"], input[type="radio"] { &:checked { & +, & + * { // Toggle Item Tag .form-toggle__item { background-color: theme-color("success"); border-color: theme-color("success"); } // End Toggle Item Tag } } } // End Control } // Error (Invalid) State .is-invalid & { // Icon &__item { color: theme-color("danger"); border: solid 1px theme-color("danger"); // Icon Tag i { &::after { background-color: theme-color("danger"); } } // End Icon Tag } // Control input[type="checkbox"], input[type="radio"] { &:checked { & +, & + * { // Toggle Item Tag .form-toggle__item { background-color: theme-color("danger"); border-color: theme-color("danger"); } // End Toggle Item Tag } } } // End Control } // Disabled State .is-disabled & { // Icon &__item { color: $g-form-toggle-color-disabled; border: solid 1px $g-form-toggle-border-color-disabled; // Icon Tag i { &::after { background-color: $g-form-toggle-circle-bg-color-disabled; } } // End Icon Tag } // Control input[type="checkbox"], input[type="radio"] { &:checked { & +, & + * { // Toggle Item Tag .form-toggle__item { background-color: $g-form-toggle-bg-color-disabled-checked; border-color: $g-form-toggle-border-color-disabled-checked; } // End Toggle Item Tag } } } // End Control } } /* Bootstrap's Custom Controls */ .custom-control-input { // Success (Valid) State &.is-valid:checked { ~ .custom-control-label { &::before { background-color: theme-color("success"); } } } // Error (Invalid) State &.is-invalid:checked { ~ .custom-control-label { &::before { background-color: theme-color("danger"); } } } &:disabled:checked { ~ .custom-control-label { &::before { background-color: $g-custom-control-indicator-disabled-bg; } } } } ================================================ FILE: assets/include/scss/blocks/_header-navbar.scss ================================================ /*---------------------------------- Header ------------------------------------*/ // Navbar Background Color (fixed mode) .navbar-expand-sm.fixed-top { // Small Devices @include media-breakpoint-down(sm) { background-color: rgba($g-dark, .3); } } .navbar-expand-md.fixed-top { // Medium Devices @include media-breakpoint-down(md) { background-color: rgba($g-dark, .3); } } .navbar-expand-lg.fixed-top { // Large Devices @include media-breakpoint-down(lg) { background-color: rgba($g-dark, .3); } } // Navbar Onscroll .navbar-bg-onscroll.fixed-top { background-color: $navbar-bg-onscroll; transition: all .3s ease-out; &--fade { transition: all .4s ease-out; } } ================================================ FILE: assets/include/scss/blocks/_mockup-browser.scss ================================================ /*------------------------------------ Mockup (Browser) ------------------------------------*/ .u-browser-img { position: relative; top: -7px; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } ================================================ FILE: assets/include/scss/blocks/_mockup-device.scss ================================================ /*------------------------------------ Device (iPad) ------------------------------------*/ .u-device { position: relative; width: 85%; z-index: -1; margin-bottom: -10rem; &__item { border-radius: 2rem; box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1); } } ================================================ FILE: assets/include/scss/blocks/_modals.scss ================================================ /*---------------------------------- Modals ------------------------------------*/ .modal-content { box-shadow: $g-modal-content-box-shadow-xs; @include media-breakpoint-up(sm) { box-shadow: $g-modal-content-box-shadow-sm-up; } } ================================================ FILE: assets/include/scss/blocks/_pager.scss ================================================ /*---------------------------------- Pager ------------------------------------*/ .pager-btn { min-width: 7.2rem; &.btn-sm { min-width: 6.2rem; } &.btn-lg { min-width: 9.4rem; } } ================================================ FILE: assets/include/scss/blocks/_popover.scss ================================================ /*---------------------------------- Popover ------------------------------------*/ .popover { box-shadow: $g-popover-box-shadow; } ================================================ FILE: assets/include/scss/blocks/_portfolio.scss ================================================ /*------------------------------------ Portfolio ------------------------------------*/ .u-portfolio-controls { &__item { display: inline-block; cursor: pointer; } &__item:not(:last-child)::after { content: "|"; font-size: 0.71429rem; margin: 0 4px; position: relative; top: -2px; line-height: inherit; display: inline-block; vertical-align: middle; color: transparent; } @include media-breakpoint-up(lg) { &__item:not(:last-child)::after { color: $g-gray-150; margin: 0 7px 0 12px; } } a { color: $g-dark; &.active { color: $g-primary; } } } .u-portfolio { &__item { overflow: hidden; z-index: 2; } &__image { display: block; width: 100%; height: auto; transition: all .2s ease; } &__item:hover &__image { transform: translate3d(0, -60px, 0); } &__info { position: absolute; bottom: 0; left: 0; right: 0; height: 3.75rem; overflow: hidden; @include px-to-rem(padding-left, 15px); @include px-to-rem(padding-right, 15px); @include px-to-rem(padding-top, 5px); @include px-to-rem(padding-bottom, 5px); color: $g-white; background-color: theme-color("primary"); transition: all .2s ease; transform: translate3d(0, 3.75rem, 0); small { opacity: .7; } } &__item:hover &__info { transform: translate3d(0, 0, 0); } &__zoom { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-indent: -10000px; } } ================================================ FILE: assets/include/scss/blocks/_pricing.scss ================================================ /*------------------------------------ Pricing ------------------------------------*/ .u-pricing { background-color: $g-white; &__header { position: relative; padding: map-get($g-spacers, 6) map-get($g-spacers, 4); &-price { display: block; line-height: .84; } &-title { opacity: .8; } &-decoration { position: absolute; left: 0; right: 0; bottom: 0; } } &__content { padding: map-get($g-spacers, 4); .disabled .u-icon { color: $g-light-primary-200; background-color: rgba($g-light-primary-200, .1); } } .disabled { color: $g-light-primary-200; } } ================================================ FILE: assets/include/scss/blocks/_profile.scss ================================================ ================================================ FILE: assets/include/scss/blocks/_progress-bar.scss ================================================ /*---------------------------------- Progress Bars ------------------------------------*/ // Pill .progress--pill { border-radius: $g-border-radius-pill; } // Column .u-progress-bar-vertical { display: flex; flex-flow: column nowrap; justify-content: flex-end; background-color: $g-light-primary-100; height: 200px; &__indicator { background-color: $g-primary; } } ================================================ FILE: assets/include/scss/blocks/_promo-blocks-v1.scss ================================================ /*---------------------------------- Promo Block v1 ------------------------------------*/ .u-promo-block { position: relative; min-height: 100vh; @include px-to-rem(padding-top, 100px); @include px-to-rem(padding-bottom, 100px); background: { repeat: no-repeat; position: 50% 0; size: cover; } &--mheight-450 { min-height: 450px; } &--mheight-500 { min-height: 500px; } &--mheight-600 { min-height: 600px; } @include media-breakpoint-down(lg) { & { background: { attachment: fixed; } } } } ================================================ FILE: assets/include/scss/blocks/_tabs.scss ================================================ /*---------------------------------- Tabs ------------------------------------*/ .nav-tabs--v1 { .nav-item { margin-right: 3px; &:last-child { margin-right: 0; } } .nav-link { border-top-width: 3px; &:hover, &:focus { border-color: transparent; } } .nav-link.active, .nav-item.show .nav-link { border-top-color: theme-color("primary"); &:hover, &:focus { border-left-color: $g-gray-100; border-right-color: $g-gray-100; border-top-color: theme-color("primary"); } } } .tab-content--v1 { padding: 1.25rem 1rem; margin-top: -1px; border: solid 1px $g-gray-100; border-bottom-left-radius: $g-border-radius; border-bottom-right-radius: $g-border-radius; p:last-of-type { margin-bottom: 0; } } ================================================ FILE: assets/include/scss/blocks/blockquote/_blockquote-v1.scss ================================================ /*---------------------------------- Blockquote-v1 ------------------------------------*/ .blockquote-v1 { padding: $g-blockquote-padding-y $g-blockquote-padding-x; background-color: $g-blockquote-bg; font-size: 1.25rem; font-weight: $g-blockquote-font-weight; border-radius: $g-border-radius; margin-bottom: 1rem; // Left Bordered &--left { border-left: solid .25rem $g-blockquote-border-color; } // Right Bordered &--right { border-right: solid .25rem $g-blockquote-border-color; } } ================================================ FILE: assets/include/scss/blocks/blockquote/_blockquote-v2.scss ================================================ /*---------------------------------- Blockquote-v2 ------------------------------------*/ .u-blockquote-v2 { position: relative; background-color: #fff; box-shadow: 5px 6px 9px -6px rgba(0,0,0, .15); @include px-to-rem(padding, 30px 30px 30px 60px); &::before { content: "\201C"; position: absolute; @include px-to-rem(width, 60px); @include px-to-rem(margin, -25px 0 0 -40px); color: $g-primary; @include px-to-rem(font-size, 60px); } &::after { content: ""; position: absolute; @include px-to-rem(bottom, -30px); @include px-to-rem(left, 60px); display: block; width: 0; height: 0; border: { style: solid; width: 30px 30px 0 0; color: $g-white transparent transparent transparent; } filter: drop-shadow(2px 2px 1px rgba(0,0,0, .1)); } &__image { @include px-to-rem(width, 60px); @include px-to-rem(height, 60px); } } ================================================ FILE: assets/include/scss/blocks/globals/_globals.scss ================================================ /*---------------------------------- Typography ------------------------------------*/ /* Font Family */ .u-font-accent { font-family: $g-font-accent; } /* Font Size */ .u-font-size { &-75 { font-size: 75%; } &-90 { font-size: 90%; } } /* Letter Spacing */ .u-letter-spacing { &-xs { letter-spacing: 1px; } &-sm { letter-spacing: 2px; } } /*---------------------------------- Others ------------------------------------*/ .u-opacity { &-1 { opacity: .1; } &-6 { opacity: .6; } } ================================================ FILE: assets/include/scss/blocks/helpers/_helpers.scss ================================================ /*---------------------------------- Spaces ------------------------------------*/ .u-content-space { padding-top: $g-content-space-y; padding-bottom: $g-content-space-y; } .u-content-space-top { padding-top: $g-content-space-y; } .u-content-space-bottom { padding-bottom: $g-content-space-y; } /*---------------------------------- Pull ------------------------------------*/ .u-pull-half { transform: translate3d(0, -50%, 0); } /*---------------------------------- Links ------------------------------------*/ .u-link { color: $g-dark; text-decoration: none; &:hover { color: theme-color("primary"); text-decoration: none; } } /*---------------------------------- Box Shadow ------------------------------------*/ .u-box-shadow-sm { box-shadow: $g-box-shadow-sm; } .u-box-shadow-lg { box-shadow: $g-box-shadow-lg; } /*---------------------------------- Hero Image ------------------------------------*/ .u-hero-img { background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } /*---------------------------------- Overlays ------------------------------------*/ .u-overlay { position: relative; &::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } &--dark::after { background-color: rgba($g-dark, .3); } &--light::after { background-color: rgba($g-white, .3); } &__inner { position: relative; z-index: 1; } } /*---------------------------------- Block Alignments ------------------------------------*/ .u-ver { &-center { position: absolute; top: 50%; left: 0; right: 0; transform: translate3d(0, -50%, 0); } &-bottom { position: absolute; left: 50%; bottom: 0; transform: translate3d(-50%, 0, 0); } } ================================================ FILE: assets/include/scss/blocks/icons/_icon-block.scss ================================================ /*------------------------------------ Icon Block ------------------------------------*/ .u-icon-block { &__col { padding:{ top: map-get($g-spacers, 9); bottom: map-get($g-spacers, 9); } } } @include media-breakpoint-up(lg) { .u-icon-block { border-bottom: solid 1px $g-hr-color; &__col { &--left-brd { border-left: solid 1px $g-hr-color; } } } } ================================================ FILE: assets/include/scss/blocks/icons/_icon-sizes.scss ================================================ /*------------------------------------ Icon Sizes ------------------------------------*/ /* Extra Small */ .u-icon--size--xs { @include px-to-rem(width, 24px); @include px-to-rem(height, 24px); @include px-to-rem(font-size, 13px); } /* Small */ .u-icon--size--sm { @include px-to-rem(width, 32px); @include px-to-rem(height, 32px); @include px-to-rem(font-size, 16px); } /* Large */ .u-icon--size--lg { @include px-to-rem(width, 56px); @include px-to-rem(height, 56px); @include px-to-rem(font-size, 28px); } /* Extra Large */ .u-icon--size--xl { @include px-to-rem(width, 80px); @include px-to-rem(height, 80px); @include px-to-rem(font-size, 38px); } ================================================ FILE: assets/include/scss/blocks/icons/_icon-styles.scss ================================================ /*------------------------------------ Icon Default Styles ------------------------------------*/ // Theme Colors @each $color, $value in $g-theme-colors { /* #{$color} */ .u-icon-#{$color} { @include icon($value, $value); } } // Accent Colors @each $color, $value in $g-accent-colors { /* #{$color} */ .u-icon-#{$color} { @include icon($value, $value); } } // Social Network Colors @each $color, $value in $g-social-network-colors { /* #{$color} */ .u-icon-#{$color} { @include icon($value, $value); } } ================================================ FILE: assets/include/scss/blocks/icons/_icon.scss ================================================ /*------------------------------------ Icon ------------------------------------*/ .u-icon { position: relative; z-index: 1; line-height: .7; @include icon-elements; @include px-to-rem(width, 36px); @include px-to-rem(height, 36px); @include px-to-rem(font-size, 18px); border-radius: .25rem; transition: .3s ease-in-out; &__inner { @include content-centered; &-bottom-minus { top: 90%; } } } @import "icon-sizes"; @import "icon-styles"; ================================================ FILE: assets/include/scss/styles.scss ================================================ /* * Stream v1.0 (https://htmlstream.com) * Copyright Htmlstream * Licensed under MIT */ // Core variables and mixins @import "tools/functions"; @import "variables"; @import "tools/mixins"; // Core @import "core"; // Blocks @import "blocks/alerts"; @import "blocks/arrows"; @import "blocks/avatar"; @import "blocks/border-radius"; @import "blocks/buttons"; @import "blocks/carousel"; @import "blocks/forms"; @import "blocks/modals"; @import "blocks/pager"; @import "blocks/popover"; @import "blocks/progress-bar"; @import "blocks/tabs"; @import "blocks/blockquote/blockquote-v1"; @import "blocks/blockquote/blockquote-v2"; @import "blocks/clients"; @import "blocks/mockup-browser"; @import "blocks/mockup-device"; @import "blocks/icons/icon"; @import "blocks/icons/icon-block"; @import "blocks/header-navbar"; @import "blocks/portfolio"; @import "blocks/promo-blocks-v1"; @import "blocks/pricing"; // Helpers @import "blocks/helpers/helpers"; // Globals @import "blocks/globals/globals"; ================================================ FILE: assets/include/scss/tools/_functions.scss ================================================ // // Functions // // Converting a px based font-size to rem. @function parseInt($hs-n) { @if ($hs-n == !important) { @return !important } @else { $hs-rem-size: $hs-n / 16px; @return #{$hs-rem-size}rem; } } ================================================ FILE: assets/include/scss/tools/_mixins.scss ================================================ // // Core Mixins // @import "mixins/px-to-rem"; @import "mixins/icons"; @import "mixins/content-centered"; @import "mixins/breakpoint"; ================================================ FILE: assets/include/scss/tools/mixins/_breakpoint.scss ================================================ // Breakpoint viewport sizes and media queries. // // Breakpoints are defined as a map of (name: minimum width), order from small to large: // // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px) // // The map defined in the `$g-breakpoints` global variable is used as the `$hs-breakpoints` argument by default. // Name of the next breakpoint, or null for the last breakpoint. // // >> breakpoint-next(sm) // md // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) // md // >> breakpoint-next(sm, $hs-breakpoint-names: (xs sm md lg xl)) // md @function breakpoint-next($hs-name, $hs-breakpoints: $g-breakpoints, $hs-breakpoint-names: map-keys($hs-breakpoints)) { $n: index($hs-breakpoint-names, $hs-name); @return if($n < length($hs-breakpoint-names), nth($hs-breakpoint-names, $n + 1), null); } // Minimum breakpoint width. Null for the smallest (first) breakpoint. // // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) // 576px @function breakpoint-min($hs-name, $hs-breakpoints: $g-breakpoints) { $hs-min: map-get($hs-breakpoints, $hs-name); @return if($hs-min != 0, $hs-min, null); } // Maximum breakpoint width. Null for the largest (last) breakpoint. // The maximum value is calculated as the minimum of the next one less 0.1. // // >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) // 767px @function breakpoint-max($hs-name, $hs-breakpoints: $g-breakpoints) { $hs-next: breakpoint-next($hs-name, $hs-breakpoints); @return if($hs-next, breakpoint-min($hs-next, $hs-breakpoints) - 1px, null); } // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront. // Useful for making responsive utilities. // // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) // "" (Returns a blank string) // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) // "-sm" @function breakpoint-infix($hs-name, $hs-breakpoints: $g-breakpoints) { @return if(breakpoint-min($hs-name, $hs-breakpoints) == null, "", "-#{$hs-name}"); } // Media of at least the minimum breakpoint width. No query for the smallest breakpoint. // Makes the @content apply to the given breakpoint and wider. @mixin media-breakpoint-up($hs-name, $hs-breakpoints: $g-breakpoints) { $hs-min: breakpoint-min($hs-name, $hs-breakpoints); @if $hs-min { @media (min-width: $hs-min) { @content; } } @else { @content; } } // Media of at most the maximum breakpoint width. No query for the largest breakpoint. // Makes the @content apply to the given breakpoint and narrower. @mixin media-breakpoint-down($hs-name, $hs-breakpoints: $g-breakpoints) { $hs-max: breakpoint-max($hs-name, $hs-breakpoints); @if $hs-max { @media (max-width: $hs-max) { @content; } } @else { @content; } } // Media that spans multiple breakpoint widths. // Makes the @content apply between the min and max breakpoints @mixin media-breakpoint-between($lower, $upper, $hs-breakpoints: $g-breakpoints) { $hs-min: breakpoint-min($lower, $hs-breakpoints); $hs-max: breakpoint-max($upper, $hs-breakpoints); @if $hs-min != null and $hs-max != null { @media (min-width: $hs-min) and (max-width: $hs-max) { @content; } } @else if $hs-max == null { @include media-breakpoint-up($lower) { @content; } } @else if $hs-min == null { @include media-breakpoint-down($upper) { @content; } } } // Media between the breakpoint's minimum and maximum widths. // No minimum for the smallest breakpoint, and no maximum for the largest one. // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. @mixin media-breakpoint-only($hs-name, $hs-breakpoints: $g-breakpoints) { $hs-min: breakpoint-min($hs-name, $hs-breakpoints); $hs-max: breakpoint-max($hs-name, $hs-breakpoints); @if $hs-min != null and $hs-max != null { @media (min-width: $hs-min) and (max-width: $hs-max) { @content; } } @else if $hs-max == null { @include media-breakpoint-up($hs-name) { @content; } } @else if $hs-min == null { @include media-breakpoint-down($hs-name) { @content; } } } ================================================ FILE: assets/include/scss/tools/mixins/_content-centered.scss ================================================ // // Content Centered // // mixing for centering contents @mixin content-centered($hs-horizontal: true, $hs-vertical: true) { position: absolute; @if ($hs-horizontal and $hs-vertical) { top: 50%; left: 50%; transform: translate(-50%, -50%); } @else if ($hs-horizontal) { left: 50%; transform: translate(-50%, 0); } @else if ($hs-vertical) { top: 50%; transform: translate(0, -50%); } } ================================================ FILE: assets/include/scss/tools/mixins/_icons.scss ================================================ // // Icons // // Icon Elements @mixin icon-elements { display: inline-block; vertical-align: middle; text-align: center; } @mixin icon($hs-background, $hs-border, $hs-hover-background: darken($hs-background, 7.5%), $hs-hover-border: darken($hs-border, 10%), $hs-active-background: darken($hs-background, 10%), $g-active-border: darken($hs-border, 12.5%)) { color: color-yiq($hs-background); background-color: ($hs-background); border-color: $hs-border; &[href] { &:hover { color: color-yiq($hs-hover-background); background-color: ($hs-hover-background); border-color: $hs-hover-border; } } // Disabled comes first so active can properly restyle &.disabled, &:disabled { background-color: $hs-background; border-color: $hs-border; } } // Icon Air Styles @mixin icon-air($hs-color, $hs-background, $hs-hover-background) { color: ($hs-color); background: rgba($hs-background, .1); &[href] { &:hover, &:focus, &:active { color: color-yiq($hs-hover-background); background: ($hs-hover-background); } } } // Icon Border Styles @mixin icon-bordered($hs-color, $hs-hover-background, $hs-brd-color, $hs-brd-hover-color) { color: ($hs-color); background: transparent; border-color: $hs-brd-color; &[href] { &:hover, &:focus, &:active { color: color-yiq($hs-hover-background); background: ($hs-hover-background); border-color: $hs-brd-color; } } } ================================================ FILE: assets/include/scss/tools/mixins/_px-to-rem.scss ================================================ // // Convert px to rem // // e.g. @include px-to-rem(padding, 8px 20px); @mixin px-to-rem($hs-property, $hs-values) { $hs-rem: (); @each $hs-value in $hs-values { @if index((0, 0px), $hs-value) or $hs-value == auto { $hs-rem: append($hs-rem, $hs-value); } @else { $hs-rem: append($hs-rem, parseInt($hs-value)); } } #{$hs-property}: $hs-rem; } ================================================ FILE: assets/include/scss/vendors/bootstrap/_custom.bootstrap.variables.scss ================================================ // // Custom Bootstrap SASS // // Links // ==================================================== $link-hover-decoration: $g-link-hover-decoration !default; // Color System // ==================================================== $primary: $g-primary !default; $secondary: $g-secondary !default; $success: $g-green !default; $info: $g-blue !default; $warning: $g-yellow !default; $danger: $g-red !default; $light: $g-light !default; $dark: $g-dark !default; // Border Radius // ==================================================== $border-radius: $g-border-radius !default; // Text Muted // ==================================================== $text-muted: $g-text-muted !default; // Spacing // ==================================================== // stylelint-disable $spacer: 1rem !default; $spacers: () !default; $spacers: map-merge(( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 2), 6: ($spacer * 2.5), 7: ($spacer * 3), 8: ($spacer * 3.5), 9: ($spacer * 4) ), $spacers); // Width and Height // ==================================================== // This variable affects the `.h-*` and `.w-*` classes. $sizes: () !default; $sizes: map-merge(( 25: 25%, 30: 30%, 50: 50%, 60: 60%, 75: 75%, 100: 100% ), $sizes); // stylelint-enable // Image Thumbnails // ==================================================== $thumbnail-border-color: $g-thumbnail-border-color !default; // Pagination // ==================================================== // Border $pagination-border-color: $g-pagination-border-color !default; // Hover $pagination-hover-color: $g-pagination-hover-color !default; $pagination-hover-bg: $g-pagination-hover-bg !default; $pagination-hover-border-color: $g-pagination-hover-border-color !default; // Active $pagination-active-color: $g-pagination-active-color !default; $pagination-active-bg: $g-pagination-active-bg !default; $pagination-active-border-color: $g-pagination-active-border-color !default; // Buttons + Forms // ==================================================== // Default Spacing $input-btn-padding-y: $g-input-btn-padding-y !default; $input-btn-padding-x: $g-input-btn-padding-x !default; // Large Spacing $input-btn-padding-y-lg: $g-input-btn-padding-y-lg !default; $input-btn-padding-x-lg: $g-input-btn-padding-x-lg !default; // Focus Width $input-btn-focus-width: $g-input-btn-focus-width !default; // Forms Inputs // ==================================================== // Colors $input-color: $g-input-color !default; $input-group-addon-color: $g-input-group-addon-color !default; // Border Colors $input-border-color: $g-input-border-color !default; $input-focus-border-color: $g-input-focus-border-color; // Background Colors $input-group-addon-bg: $g-input-group-addon-bg !default; // Focus Colors $input-focus-color: $g-input-focus-color !default; $input-placeholder-color: $g-input-placeholder-color !default; // Box Focus Shadow $input-focus-box-shadow: $g-input-focus-box-shadow !default; // Close // ==================================================== $close-font-size: $g-close-font-size !default; $close-font-weight: $g-close-font-weight !default; $close-color: $g-dark !default; $close-text-shadow: $g-close-text-shadow !default; // Alerts // ==================================================== $alert-padding-y: $g-alert-padding-y !default; $alert-padding-x: $g-alert-padding-x !default; // Progress Bars // ==================================================== $progress-bg: $g-progress-bg !default; // List Groups // ==================================================== $list-group-border-color: $g-list-group-border-color !default; $list-group-hover-bg: $g-list-group-hover-bg !default; // Blockquote // ==================================================== $blockquote-small-color: $g-blockquote-small-color !default; $blockquote-font-size: $g-blockquote-font-size !default; // Card // ==================================================== $card-cap-bg: $g-card-cap-bg !default; $card-border-color: $g-card-border-color !default; // Modals // ==================================================== // Background Color $modal-backdrop-bg: $g-modal-backdrop-bg !default; $modal-backdrop-opacity: $g-modal-backdrop-opacity !default; // Border Color $modal-content-border-color: $g-modal-content-border-color !default; // Box Shadow $modal-content-box-shadow-xs: $g-modal-content-box-shadow-xs !default; $modal-content-box-shadow-sm-up: $g-modal-content-box-shadow-sm-up !default; // Sizes $modal-lg: $g-modal-lg !default; $modal-md: $g-modal-md !default; $modal-sm: $g-modal-sm !default; // Popovers // ==================================================== // Background Color $popover-header-bg: $g-popover-header-bg !default; // Border Color $popover-border-color: $g-popover-border-color !default; // Box Shadow $popover-box-shadow: $g-popover-box-shadow !default; // Navbar // ==================================================== $navbar-dark-color: $g-navbar-dark-color !default; // Nav Tabs // ==================================================== // Active Color $nav-tabs-link-active-color: $g-nav-tabs-link-active-color !default; // Border Color $nav-tabs-border-color: $g-nav-tabs-border-color !default; // Drop Down // ==================================================== $dropdown-link-hover-bg: $g-dropdown-link-hover-bg !default; $dropdown-border-color: $g-dropdown-border-color !default; $dropdown-min-width: $g-dropdown-min-width !default; $dropdown-box-shadow: $g-dropdown-box-shadow !default; // Carousel // ==================================================== $carousel-control-color: $g-carousel-control-color !default; // Tooltips // ==================================================== $tooltip-max-width: $g-tooltip-max-width !default; $tooltip-color: $g-tooltip-color !default; $tooltip-bg: $g-tooltip-bg !default; $tooltip-opacity: $g-tooltip-opacity !default; $tooltip-padding-y: $g-tooltip-padding-y !default; $tooltip-padding-x: $g-tooltip-padding-x !default; ================================================ FILE: assets/include/scss/vendors/bootstrap/_dropdown.scss ================================================ // // Dropdown // // The dropdown menu .dropdown-menu { min-width: $dropdown-min-width; border: { width: 3px 0 0; color: $primary; } box-shadow: $dropdown-box-shadow; } // Links, buttons, and more within the dropdown menu .dropdown-item { &.active, &:active { color: $primary; background-color: transparent; } } ================================================ FILE: assets/include/scss/vendors/bootstrap/_heading.scss ================================================ // // Displays // .display { // Small Devices @include media-breakpoint-up(sm) { &-sm-1 { font-size: $display1-size; } &-sm-2 { font-size: $display2-size; } &-sm-3 { font-size: $display3-size; } &-sm-4 { font-size: $display4-size; } } // Medium Devices @include media-breakpoint-up(md) { &-md-1 { font-size: $display1-size; } &-md-2 { font-size: $display2-size; } &-md-3 { font-size: $display3-size; } &-md-4 { font-size: $display4-size; } } // Large Devices @include media-breakpoint-up(lg) { &-lg-1 { font-size: $display1-size; } &-lg-2 { font-size: $display2-size; } &-lg-3 { font-size: $display3-size; } &-lg-4 { font-size: $display4-size; } } } ================================================ FILE: assets/include/scss/vendors/bootstrap/_text.scss ================================================ // stylelint-disable declaration-no-important // // Text // // Weight & Styles .font-weight-semi-bold { font-weight: $g-font-weight-semi-bold !important; } .font-style-normal { font-style: normal !important; } ================================================ FILE: assets/include/scss/vendors/bootstrap/_width.scss ================================================ /*------------------------------------ Width ------------------------------------*/ .w { // Medium Devices @include media-breakpoint-up(md) { &-md-25 { width: 25% !important; } } // Large Devices @include media-breakpoint-up(lg) { &-lg-25 { width: 25% !important; } } // Medium Devices @include media-breakpoint-up(md) { &-md-50 { width: 50% !important; } } // Large Devices @include media-breakpoint-up(lg) { &-lg-50 { width: 50% !important; } } // Medium Devices @include media-breakpoint-up(md) { &-md-75 { width: 75% !important; } } // Large Devices @include media-breakpoint-up(lg) { &-lg-75 { width: 75% !important; } } // Medium Devices @include media-breakpoint-up(md) { &-md-100 { width: 100% !important; } } // Large Devices @include media-breakpoint-up(lg) { &-lg-100 { width: 100% !important; } } } ================================================ FILE: assets/include/scss/vendors/bootstrap/bootstrap.scss ================================================ // // Main Bootstrap SASS // @import "../../variables"; @import "../../tools/mixins"; @import "custom.bootstrap.variables"; @import "../../../../vendors/bootstrap/scss/bootstrap"; @import "width"; @import "text"; @import "heading"; @import "dropdown"; ================================================ FILE: assets/js/global.js ================================================ /*! * Stream v1.0 (https://htmlstream.com) * Copyright Htmlstream * Licensed under MIT */ (function($) { 'use strict'; // Activate Tooltips & Popovers $(function () { $('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="popover"]').popover(); // Dismiss Popovers on next click $('.popover-dismiss').popover({ trigger: 'focus' }) }); // Bootstrap Fixed Header $(function() { // Check to see if there is a bakcground class on loading if ($('.js-navbar-scroll').offset().top > 150) { $('.js-navbar-scroll').addClass('navbar-bg-onscroll'); } // Check to add a background class on scrolling $(window).on('scroll', function() { var navbarOffset = $('.js-navbar-scroll').offset().top > 150; if(navbarOffset) { $('.js-navbar-scroll').addClass('navbar-bg-onscroll'); } else { $('.js-navbar-scroll').removeClass('navbar-bg-onscroll'); $('.js-navbar-scroll').addClass('navbar-bg-onscroll--fade'); } }); }); // Scroll to (Section) $(function() { $('a[href*=#js-scroll-to-]:not([href=#js-scroll-to-])').on('click', function() { if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 10 }, 1000); return false; } } }); }); }(jQuery)); ================================================ FILE: assets/js/header-demo.js ================================================ /*! * Stream v1.0 (https://htmlstream.com) * Copyright Htmlstream * Licensed under MIT */ (function($) { 'use strict'; // Sticky Header $(function() { // Check to see if there is a bakcground class on loading if ($('#js-header-sticky').offset().top > 15) { $('#js-header-sticky').addClass('header__sticky'); } // Check to add a background class on scrolling $(window).on('scroll', function() { if ($('#js-header-sticky').offset().top > 15) { $('#js-header-sticky').addClass('header__sticky'); } else { $('#js-header-sticky').removeClass('header__sticky'); } }); }); // Header Scroll $(function() { var $offset = 0; $offset = $(".fixed-top").height()-0; // jQuery for page scrolling feature - requires jQuery Easing plugin $('.js-nav-item').on('click', function(event) { var $position = $($(this).attr('href')).offset().top; $('html, body').stop().animate({ scrollTop: $position - $offset }, 1000); event.preventDefault(); }); var $scrollspy = $('body').scrollspy({target: '.fixed-top', offset: $offset+2}); // Overlay var overlay = $('.js-overlay-nav'), trigger = $('.js-trigger'), navItem = $('.js-nav-item'), sticky = $('.header__overlay-sticky'); trigger.on('click', function() { trigger.toggleClass('-is-active'); overlay.toggleClass('-is-open'); sticky.toggleClass('-is-open'); }); // Collapse Navbar When It's Clickicked navItem.on('click', function() { $('.js-trigger').removeClass('-is-active'); $('.js-overlay-nav').removeClass('-is-open'); $('.header__overlay-sticky').removeClass('-is-open'); }); }); }(jQuery)); ================================================ FILE: assets/js/vendors/carousel.js ================================================ (function($) { 'use strict'; $(document).ready(function(){ $('.js-clients').slick({ autoplay: true, speed: 500, slidesToShow: 6, infinite: true, arrows: false, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 4, } }, { breakpoint: 992, settings: { slidesToShow: 4, } }, { breakpoint: 768, settings: { slidesToShow: 3, } }, { breakpoint: 576, settings: { slidesToShow: 3, } }, { breakpoint: 480, settings: { slidesToShow: 2, } } ] }); }); }(jQuery)); ================================================ FILE: assets/js/vendors/counters.js ================================================ (function($) { 'use strict'; $(document).ready(function(){ $('.js-counter').counterUp(); }); }(jQuery)); ================================================ FILE: assets/js/vendors/magnific-popup.js ================================================ (function($) { 'use strict'; $(document).ready(function() { // Image popup - vertical fit $('.js-popup-image').magnificPopup({ type: 'image', closeOnContentClick: true, mainClass: 'mfp-img-mobile', image: { verticalFit: true, } }); // Popup gallery $('.js-popup-gallery').magnificPopup({ type: 'image', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0, 1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: 'The image #%curr% could not be loaded.' } }); // Multiple Galleries with a single popup $('.js-popup-multiple-image').magnificPopup({ type: 'image', tLoading: 'Loading image #%curr%...', fixedContentPos: true, gallery: { enabled: true, navigateByImgClick: true, arrowMarkup: '', preload: [0,1], // Will preload 0 - before current, and 1 after the current image } }); // Video iframes $('.js-popup-youtube, .js-popup-vimeo').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: true }); }); }(jQuery)); ================================================ FILE: assets/js/vendors/masonry.js ================================================ (function($) { 'use strict'; $(document).ready(function(){ var $container = $('#js-masonry'); // initialize Masonry after all images have loaded $container.imagesLoaded( function() { $container.masonry({ itemSelector: '.js-masonry-item', // use a separate class for itemSelector, other than .col- columnWidth: '#js-masonry-sizer', percentPosition: true }); }); $.fn.masonryImagesReveal = function( $items ) { var msnry = this.data('masonry'); var itemSelector = msnry.options.itemSelector; // hide by default $items.hide(); // append to container this.append( $items ); $items.imagesLoaded().progress( function( imgLoad, image ) { // get item // image is imagesLoaded class, not , is image.img var $item = $( image.img ).parents( itemSelector ); // un-hide item $item.show(); // masonry does its thing msnry.appended( $item ); }); return this; }; }) }(jQuery)); ================================================ FILE: assets/js/vendors/parallax.js ================================================ (function($) { 'use strict'; $(document).ready(function(){ if (!(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) { $('.js-parallax').parallax("50%", .3); } }) }(jQuery)); ================================================ FILE: assets/js/vendors/shuffle.js ================================================ var shuffleMe = (function( $ ) { 'use strict'; var $grid = $('.js-shuffle'), $filterOptions = $('.js-shuffle-controls li'), $sizer = $grid.find('.shuffle_sizer'), init = function() { setTimeout(function() { listen(); setupFilters(); }, 100); $grid.shuffle({ itemSelector: '[class*="col-"]', sizer: $sizer }); }, setupFilters = function() { var $btns = $filterOptions.children(); $btns.on('click', function(e) { e.preventDefault(); var $this = $(this), isActive = $this.hasClass( 'active' ), group = isActive ? 'all' : $this.data('group'); if ( !isActive ) { $('.js-shuffle-controls li a').removeClass('active'); } $this.toggleClass('active'); $grid.shuffle('shuffle', group ); }); $btns = null; }, listen = function() { var debouncedLayout = $.throttle( 300, function() { $grid.shuffle('update'); }); $grid.find('img').each(function() { var proxyImage; if ( this.complete && this.naturalWidth !== undefined ) { return; } proxyImage = new Image(); $( proxyImage ).on('load', function() { $(this).off('load'); debouncedLayout(); }); proxyImage.src = this.src; }); setTimeout(function() { debouncedLayout(); }, 500); }; return { init: init }; }( jQuery )); $(document).ready(function() { shuffleMe.init(); }); ================================================ FILE: assets/vendors/bootstrap/css/bootstrap.css ================================================ /*! * Bootstrap v4.1.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #59287a; --secondary: #00c9a7; --success: #0dd157; --info: #2972fa; --warning: #fab633; --danger: #fb4143; --light: #f6f9fc; --dark: #1b1e24; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #59287a; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #2f1540; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #8f95a0; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #1b1e24; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #e6e7e9; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #d1c3da; } .table-hover .table-primary:hover { background-color: #c5b3d0; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #c5b3d0; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #b8f0e6; } .table-hover .table-secondary:hover { background-color: #a3ecdf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #a3ecdf; } .table-success, .table-success > th, .table-success > td { background-color: #bbf2d0; } .table-hover .table-success:hover { background-color: #a6eec1; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a6eec1; } .table-info, .table-info > th, .table-info > td { background-color: #c3d8fe; } .table-hover .table-info:hover { background-color: #aac8fe; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #aac8fe; } .table-warning, .table-warning > th, .table-warning > td { background-color: #feebc6; } .table-hover .table-warning:hover { background-color: #fee2ad; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fee2ad; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fecaca; } .table-hover .table-danger:hover { background-color: #feb1b1; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #feb1b1; } .table-light, .table-light > th, .table-light > td { background-color: #fcfdfe; } .table-hover .table-light:hover { background-color: #e9f0f8; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #e9f0f8; } .table-dark, .table-dark > th, .table-dark > td { background-color: #bfc0c2; } .table-hover .table-dark:hover { background-color: #b2b3b6; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b2b3b6; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.5rem 0.8rem; font-size: 1rem; line-height: 1.5; color: #1b1e24; background-color: #fff; background-clip: padding-box; border: 1px solid #e6e7e9; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #1b1e24; background-color: #fff; border-color: #a76ccf; outline: 0; box-shadow: none; } .form-control::placeholder { color: #8c98a4; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.5rem + 2px); } select.form-control:focus::-ms-value { color: #1b1e24; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.625rem + 1px); padding-bottom: calc(0.625rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.625rem 1.2rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(3.125rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #8f95a0; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #0dd157; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(13, 209, 87, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #0dd157; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #0dd157; box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #0dd157; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #0dd157; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #68f69d; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #20f16f; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(13, 209, 87, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #0dd157; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #fb4143; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(251, 65, 67, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fb4143; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #fb4143; box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #fb4143; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #fb4143; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #febebf; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #fc7374; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(251, 65, 67, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #fb4143; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.5rem 0.8rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #59287a; border-color: #59287a; } .btn-primary:hover { color: #fff; background-color: #441f5d; border-color: #3d1b54; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #59287a; border-color: #59287a; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #3d1b54; border-color: #36184a; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.5); } .btn-secondary { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-secondary:hover { color: #fff; background-color: #00a387; border-color: #00967d; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0 rgba(0, 201, 167, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #00967d; border-color: #008972; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 201, 167, 0.5); } .btn-success { color: #fff; background-color: #0dd157; border-color: #0dd157; } .btn-success:hover { color: #fff; background-color: #0bad48; border-color: #0aa143; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #0dd157; border-color: #0dd157; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #0aa143; border-color: #09953e; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.5); } .btn-info { color: #fff; background-color: #2972fa; border-color: #2972fa; } .btn-info:hover { color: #fff; background-color: #065af7; border-color: #0555eb; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0 rgba(41, 114, 250, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2972fa; border-color: #2972fa; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0555eb; border-color: #0551de; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(41, 114, 250, 0.5); } .btn-warning { color: #212529; background-color: #fab633; border-color: #fab633; } .btn-warning:hover { color: #212529; background-color: #f9a90e; border-color: #f4a306; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0 rgba(250, 182, 51, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #fab633; border-color: #fab633; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #f4a306; border-color: #e89a06; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(250, 182, 51, 0.5); } .btn-danger { color: #fff; background-color: #fb4143; border-color: #fb4143; } .btn-danger:hover { color: #fff; background-color: #fa1c1e; border-color: #fa0f12; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #fb4143; border-color: #fb4143; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #fa0f12; border-color: #f70508; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.5); } .btn-light { color: #212529; background-color: #f6f9fc; border-color: #f6f9fc; } .btn-light:hover { color: #212529; background-color: #d9e6f2; border-color: #d0e0ef; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0 rgba(246, 249, 252, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f6f9fc; border-color: #f6f9fc; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d0e0ef; border-color: #c6d9ec; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(246, 249, 252, 0.5); } .btn-dark { color: #fff; background-color: #1b1e24; border-color: #1b1e24; } .btn-dark:hover { color: #fff; background-color: #0b0c0e; border-color: #050607; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0 rgba(27, 30, 36, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #1b1e24; border-color: #1b1e24; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #050607; border-color: black; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(27, 30, 36, 0.5); } .btn-outline-primary { color: #59287a; background-color: transparent; background-image: none; border-color: #59287a; } .btn-outline-primary:hover { color: #fff; background-color: #59287a; border-color: #59287a; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #59287a; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #59287a; border-color: #59287a; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.5); } .btn-outline-secondary { color: #00c9a7; background-color: transparent; background-image: none; border-color: #00c9a7; } .btn-outline-secondary:hover { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0 rgba(0, 201, 167, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #00c9a7; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 201, 167, 0.5); } .btn-outline-success { color: #0dd157; background-color: transparent; background-image: none; border-color: #0dd157; } .btn-outline-success:hover { color: #fff; background-color: #0dd157; border-color: #0dd157; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #0dd157; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #0dd157; border-color: #0dd157; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.5); } .btn-outline-info { color: #2972fa; background-color: transparent; background-image: none; border-color: #2972fa; } .btn-outline-info:hover { color: #fff; background-color: #2972fa; border-color: #2972fa; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(41, 114, 250, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2972fa; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2972fa; border-color: #2972fa; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(41, 114, 250, 0.5); } .btn-outline-warning { color: #fab633; background-color: transparent; background-image: none; border-color: #fab633; } .btn-outline-warning:hover { color: #212529; background-color: #fab633; border-color: #fab633; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(250, 182, 51, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #fab633; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #fab633; border-color: #fab633; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(250, 182, 51, 0.5); } .btn-outline-danger { color: #fb4143; background-color: transparent; background-image: none; border-color: #fb4143; } .btn-outline-danger:hover { color: #fff; background-color: #fb4143; border-color: #fb4143; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fb4143; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #fb4143; border-color: #fb4143; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.5); } .btn-outline-light { color: #f6f9fc; background-color: transparent; background-image: none; border-color: #f6f9fc; } .btn-outline-light:hover { color: #212529; background-color: #f6f9fc; border-color: #f6f9fc; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(246, 249, 252, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f6f9fc; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f6f9fc; border-color: #f6f9fc; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(246, 249, 252, 0.5); } .btn-outline-dark { color: #1b1e24; background-color: transparent; background-image: none; border-color: #1b1e24; } .btn-outline-dark:hover { color: #fff; background-color: #1b1e24; border-color: #1b1e24; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0 rgba(27, 30, 36, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #1b1e24; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #1b1e24; border-color: #1b1e24; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(27, 30, 36, 0.5); } .btn-link { font-weight: 400; color: #59287a; background-color: transparent; } .btn-link:hover { color: #2f1540; text-decoration: none; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: none; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.625rem 1.2rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 200px; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #e6e7e9; border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f6f9fc; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #59287a; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.6rem; padding-left: 0.6rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.9rem; padding-left: 0.9rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.5rem 0.8rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #8f95a0; text-align: center; white-space: nowrap; background-color: transparent; border: 1px solid #e6e7e9; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #59287a; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(89, 40, 122, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b37fd5; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #59287a; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #59287a; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(89, 40, 122, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(89, 40, 122, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #59287a; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(89, 40, 122, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.5rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #1b1e24; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #e6e7e9; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #a76ccf; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(167, 108, 207, 0.5); } .custom-select:focus::-ms-value { color: #1b1e24; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(3.125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.5rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.5rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #a76ccf; box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #a76ccf; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.5rem + 2px); padding: 0.5rem 0.8rem; line-height: 1.5; color: #1b1e24; background-color: #fff; border: 1px solid #e6e7e9; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.5rem; padding: 0.5rem 0.8rem; line-height: 1.5; color: #1b1e24; content: "Browse"; background-color: transparent; border-left: 1px solid #e6e7e9; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #59287a; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-webkit-slider-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(89, 40, 122, 0.25); } .custom-range::-webkit-slider-thumb:active { background-color: #b37fd5; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #59287a; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-moz-range-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(89, 40, 122, 0.25); } .custom-range::-moz-range-thumb:active { background-color: #b37fd5; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; background-color: #59287a; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-ms-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(89, 40, 122, 0.25); } .custom-range::-ms-thumb:active { background-color: #b37fd5; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #e6e7e9; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #e6e7e9; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #1b1e24; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #59287a; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' 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 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e6e7e9; border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f6f9fc; border-bottom: 1px solid #e6e7e9; } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f6f9fc; border-top: 1px solid #e6e7e9; } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #59287a; background-color: #fff; border: 1px solid #e6e7e9; } .page-link:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #59287a; border-color: #59287a; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #59287a; border-color: #59287a; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #59287a; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #3d1b54; } .badge-secondary { color: #fff; background-color: #00c9a7; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #00967d; } .badge-success { color: #fff; background-color: #0dd157; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #0aa143; } .badge-info { color: #fff; background-color: #2972fa; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #0555eb; } .badge-warning { color: #212529; background-color: #fab633; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #f4a306; } .badge-danger { color: #fff; background-color: #fb4143; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #fa0f12; } .badge-light { color: #212529; background-color: #f6f9fc; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #d0e0ef; } .badge-dark { color: #fff; background-color: #1b1e24; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #050607; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 1rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1rem 1.25rem; color: inherit; } .alert-primary { color: #2e153f; background-color: #ded4e4; border-color: #d1c3da; } .alert-primary hr { border-top-color: #c5b3d0; } .alert-primary .alert-link { color: #120819; } .alert-secondary { color: #006957; background-color: #ccf4ed; border-color: #b8f0e6; } .alert-secondary hr { border-top-color: #a3ecdf; } .alert-secondary .alert-link { color: #00362d; } .alert-success { color: #076d2d; background-color: #cff6dd; border-color: #bbf2d0; } .alert-success hr { border-top-color: #a6eec1; } .alert-success .alert-link { color: #043d19; } .alert-info { color: #153b82; background-color: #d4e3fe; border-color: #c3d8fe; } .alert-info hr { border-top-color: #aac8fe; } .alert-info .alert-link { color: #0e2756; } .alert-warning { color: #825f1b; background-color: #fef0d6; border-color: #feebc6; } .alert-warning hr { border-top-color: #fee2ad; } .alert-warning .alert-link { color: #584012; } .alert-danger { color: #832223; background-color: #fed9d9; border-color: #fecaca; } .alert-danger hr { border-top-color: #feb1b1; } .alert-danger .alert-link { color: #5b1718; } .alert-light { color: #808183; background-color: #fdfefe; border-color: #fcfdfe; } .alert-light hr { border-top-color: #e9f0f8; } .alert-light .alert-link { color: #676869; } .alert-dark { color: #0e1013; background-color: #d1d2d3; border-color: #bfc0c2; } .alert-dark hr { border-top-color: #b2b3b6; } .alert-dark .alert-link { color: black; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #f3f5f9; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #59287a; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f6f9fc; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #e6e7e9; } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #59287a; border-color: #59287a; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #2e153f; background-color: #d1c3da; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #2e153f; background-color: #c5b3d0; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #2e153f; border-color: #2e153f; } .list-group-item-secondary { color: #006957; background-color: #b8f0e6; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #006957; background-color: #a3ecdf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #006957; border-color: #006957; } .list-group-item-success { color: #076d2d; background-color: #bbf2d0; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #076d2d; background-color: #a6eec1; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #076d2d; border-color: #076d2d; } .list-group-item-info { color: #153b82; background-color: #c3d8fe; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #153b82; background-color: #aac8fe; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #153b82; border-color: #153b82; } .list-group-item-warning { color: #825f1b; background-color: #feebc6; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #825f1b; background-color: #fee2ad; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #825f1b; border-color: #825f1b; } .list-group-item-danger { color: #832223; background-color: #fecaca; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #832223; background-color: #feb1b1; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #832223; border-color: #832223; } .list-group-item-light { color: #808183; background-color: #fcfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #808183; background-color: #e9f0f8; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #808183; border-color: #808183; } .list-group-item-dark { color: #0e1013; background-color: #bfc0c2; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #0e1013; background-color: #b2b3b6; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #0e1013; border-color: #0e1013; } .close { float: right; font-size: 2rem; font-weight: 300; line-height: 1; color: #1b1e24; text-shadow: none; opacity: .5; } .close:hover, .close:focus { color: #1b1e24; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid #e6e7e9; border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #1b1e24; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.1; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 350px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #59287a; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #59287a; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #59287a; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #59287a; } .tooltip-inner { max-width: 200px; padding: 0.5rem 1rem; color: #fff; text-align: center; background-color: #59287a; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid #e6e7e9; border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: #e6e7e9; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: #e6e7e9; } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: #e6e7e9; } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f6f9fc; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: #e6e7e9; } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f6f9fc; border-bottom: 1px solid #e3ecf6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; transition: transform 0.6s ease; backface-visibility: hidden; perspective: 1000px; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #59287a !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #3d1b54 !important; } .bg-secondary { background-color: #00c9a7 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #00967d !important; } .bg-success { background-color: #0dd157 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #0aa143 !important; } .bg-info { background-color: #2972fa !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0555eb !important; } .bg-warning { background-color: #fab633 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #f4a306 !important; } .bg-danger { background-color: #fb4143 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #fa0f12 !important; } .bg-light { background-color: #f6f9fc !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d0e0ef !important; } .bg-dark { background-color: #1b1e24 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #050607 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #59287a !important; } .border-secondary { border-color: #00c9a7 !important; } .border-success { border-color: #0dd157 !important; } .border-info { border-color: #2972fa !important; } .border-warning { border-color: #fab633 !important; } .border-danger { border-color: #fb4143 !important; } .border-light { border-color: #f6f9fc !important; } .border-dark { border-color: #1b1e24 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .w-30 { width: 30% !important; } .w-60 { width: 60% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .h-30 { height: 30% !important; } .h-60 { height: 60% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 2rem !important; } .mt-5, .my-5 { margin-top: 2rem !important; } .mr-5, .mx-5 { margin-right: 2rem !important; } .mb-5, .my-5 { margin-bottom: 2rem !important; } .ml-5, .mx-5 { margin-left: 2rem !important; } .m-6 { margin: 2.5rem !important; } .mt-6, .my-6 { margin-top: 2.5rem !important; } .mr-6, .mx-6 { margin-right: 2.5rem !important; } .mb-6, .my-6 { margin-bottom: 2.5rem !important; } .ml-6, .mx-6 { margin-left: 2.5rem !important; } .m-7 { margin: 3rem !important; } .mt-7, .my-7 { margin-top: 3rem !important; } .mr-7, .mx-7 { margin-right: 3rem !important; } .mb-7, .my-7 { margin-bottom: 3rem !important; } .ml-7, .mx-7 { margin-left: 3rem !important; } .m-8 { margin: 3.5rem !important; } .mt-8, .my-8 { margin-top: 3.5rem !important; } .mr-8, .mx-8 { margin-right: 3.5rem !important; } .mb-8, .my-8 { margin-bottom: 3.5rem !important; } .ml-8, .mx-8 { margin-left: 3.5rem !important; } .m-9 { margin: 4rem !important; } .mt-9, .my-9 { margin-top: 4rem !important; } .mr-9, .mx-9 { margin-right: 4rem !important; } .mb-9, .my-9 { margin-bottom: 4rem !important; } .ml-9, .mx-9 { margin-left: 4rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 2rem !important; } .pt-5, .py-5 { padding-top: 2rem !important; } .pr-5, .px-5 { padding-right: 2rem !important; } .pb-5, .py-5 { padding-bottom: 2rem !important; } .pl-5, .px-5 { padding-left: 2rem !important; } .p-6 { padding: 2.5rem !important; } .pt-6, .py-6 { padding-top: 2.5rem !important; } .pr-6, .px-6 { padding-right: 2.5rem !important; } .pb-6, .py-6 { padding-bottom: 2.5rem !important; } .pl-6, .px-6 { padding-left: 2.5rem !important; } .p-7 { padding: 3rem !important; } .pt-7, .py-7 { padding-top: 3rem !important; } .pr-7, .px-7 { padding-right: 3rem !important; } .pb-7, .py-7 { padding-bottom: 3rem !important; } .pl-7, .px-7 { padding-left: 3rem !important; } .p-8 { padding: 3.5rem !important; } .pt-8, .py-8 { padding-top: 3.5rem !important; } .pr-8, .px-8 { padding-right: 3.5rem !important; } .pb-8, .py-8 { padding-bottom: 3.5rem !important; } .pl-8, .px-8 { padding-left: 3.5rem !important; } .p-9 { padding: 4rem !important; } .pt-9, .py-9 { padding-top: 4rem !important; } .pr-9, .px-9 { padding-right: 4rem !important; } .pb-9, .py-9 { padding-bottom: 4rem !important; } .pl-9, .px-9 { padding-left: 4rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .m-sm-7 { margin: 3rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 3rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 3rem !important; } .m-sm-8 { margin: 3.5rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 3.5rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 3.5rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 3.5rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 3.5rem !important; } .m-sm-9 { margin: 4rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 4rem !important; } .mr-sm-9, .mx-sm-9 { margin-right: 4rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 4rem !important; } .ml-sm-9, .mx-sm-9 { margin-left: 4rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .p-sm-7 { padding: 3rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 3rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 3rem !important; } .p-sm-8 { padding: 3.5rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 3.5rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 3.5rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 3.5rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 3.5rem !important; } .p-sm-9 { padding: 4rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 4rem !important; } .pr-sm-9, .px-sm-9 { padding-right: 4rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 4rem !important; } .pl-sm-9, .px-sm-9 { padding-left: 4rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .m-md-7 { margin: 3rem !important; } .mt-md-7, .my-md-7 { margin-top: 3rem !important; } .mr-md-7, .mx-md-7 { margin-right: 3rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important; } .ml-md-7, .mx-md-7 { margin-left: 3rem !important; } .m-md-8 { margin: 3.5rem !important; } .mt-md-8, .my-md-8 { margin-top: 3.5rem !important; } .mr-md-8, .mx-md-8 { margin-right: 3.5rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 3.5rem !important; } .ml-md-8, .mx-md-8 { margin-left: 3.5rem !important; } .m-md-9 { margin: 4rem !important; } .mt-md-9, .my-md-9 { margin-top: 4rem !important; } .mr-md-9, .mx-md-9 { margin-right: 4rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 4rem !important; } .ml-md-9, .mx-md-9 { margin-left: 4rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .p-md-7 { padding: 3rem !important; } .pt-md-7, .py-md-7 { padding-top: 3rem !important; } .pr-md-7, .px-md-7 { padding-right: 3rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important; } .pl-md-7, .px-md-7 { padding-left: 3rem !important; } .p-md-8 { padding: 3.5rem !important; } .pt-md-8, .py-md-8 { padding-top: 3.5rem !important; } .pr-md-8, .px-md-8 { padding-right: 3.5rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 3.5rem !important; } .pl-md-8, .px-md-8 { padding-left: 3.5rem !important; } .p-md-9 { padding: 4rem !important; } .pt-md-9, .py-md-9 { padding-top: 4rem !important; } .pr-md-9, .px-md-9 { padding-right: 4rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 4rem !important; } .pl-md-9, .px-md-9 { padding-left: 4rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .m-lg-7 { margin: 3rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 3rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 3rem !important; } .m-lg-8 { margin: 3.5rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 3.5rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 3.5rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 3.5rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 3.5rem !important; } .m-lg-9 { margin: 4rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 4rem !important; } .mr-lg-9, .mx-lg-9 { margin-right: 4rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 4rem !important; } .ml-lg-9, .mx-lg-9 { margin-left: 4rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .p-lg-7 { padding: 3rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 3rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 3rem !important; } .p-lg-8 { padding: 3.5rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 3.5rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 3.5rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 3.5rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 3.5rem !important; } .p-lg-9 { padding: 4rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 4rem !important; } .pr-lg-9, .px-lg-9 { padding-right: 4rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 4rem !important; } .pl-lg-9, .px-lg-9 { padding-left: 4rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .m-xl-7 { margin: 3rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 3rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 3rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 3rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 3rem !important; } .m-xl-8 { margin: 3.5rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 3.5rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 3.5rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 3.5rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 3.5rem !important; } .m-xl-9 { margin: 4rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 4rem !important; } .mr-xl-9, .mx-xl-9 { margin-right: 4rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 4rem !important; } .ml-xl-9, .mx-xl-9 { margin-left: 4rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .p-xl-7 { padding: 3rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 3rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 3rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 3rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 3rem !important; } .p-xl-8 { padding: 3.5rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 3.5rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 3.5rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 3.5rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 3.5rem !important; } .p-xl-9 { padding: 4rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 4rem !important; } .pr-xl-9, .px-xl-9 { padding-right: 4rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 4rem !important; } .pl-xl-9, .px-xl-9 { padding-left: 4rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #59287a !important; } a.text-primary:hover, a.text-primary:focus { color: #3d1b54 !important; } .text-secondary { color: #00c9a7 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #00967d !important; } .text-success { color: #0dd157 !important; } a.text-success:hover, a.text-success:focus { color: #0aa143 !important; } .text-info { color: #2972fa !important; } a.text-info:hover, a.text-info:focus { color: #0555eb !important; } .text-warning { color: #fab633 !important; } a.text-warning:hover, a.text-warning:focus { color: #f4a306 !important; } .text-danger { color: #fb4143 !important; } a.text-danger:hover, a.text-danger:focus { color: #fa0f12 !important; } .text-light { color: #f6f9fc !important; } a.text-light:hover, a.text-light:focus { color: #d0e0ef !important; } .text-dark { color: #1b1e24 !important; } a.text-dark:hover, a.text-dark:focus { color: #050607 !important; } .text-body { color: #212529 !important; } .text-muted { color: #8f95a0 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*------------------------------------ Width ------------------------------------*/ @media (min-width: 768px) { .w-md-25 { width: 25% !important; } } @media (min-width: 992px) { .w-lg-25 { width: 25% !important; } } @media (min-width: 768px) { .w-md-50 { width: 50% !important; } } @media (min-width: 992px) { .w-lg-50 { width: 50% !important; } } @media (min-width: 768px) { .w-md-75 { width: 75% !important; } } @media (min-width: 992px) { .w-lg-75 { width: 75% !important; } } @media (min-width: 768px) { .w-md-100 { width: 100% !important; } } @media (min-width: 992px) { .w-lg-100 { width: 100% !important; } } .font-weight-semi-bold { font-weight: 600 !important; } .font-style-normal { font-style: normal !important; } @media (min-width: 576px) { .display-sm-1 { font-size: 6rem; } .display-sm-2 { font-size: 5.5rem; } .display-sm-3 { font-size: 4.5rem; } .display-sm-4 { font-size: 3.5rem; } } @media (min-width: 768px) { .display-md-1 { font-size: 6rem; } .display-md-2 { font-size: 5.5rem; } .display-md-3 { font-size: 4.5rem; } .display-md-4 { font-size: 3.5rem; } } @media (min-width: 992px) { .display-lg-1 { font-size: 6rem; } .display-lg-2 { font-size: 5.5rem; } .display-lg-3 { font-size: 4.5rem; } .display-lg-4 { font-size: 3.5rem; } } .dropdown-menu { min-width: 200px; border-width: 3px 0 0; border-color: #59287a; box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1); } .dropdown-item.active, .dropdown-item:active { color: #59287a; background-color: transparent; } ================================================ FILE: assets/vendors/bootstrap/js/bootstrap.js ================================================ /*! * Bootstrap v4.1.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery'), require('popper.js')) : typeof define === 'function' && define.amd ? define(['exports', 'jquery', 'popper.js'], factory) : (factory((global.bootstrap = {}),global.jQuery,global.Popper)); }(this, (function (exports,$,Popper) { 'use strict'; $ = $ && $.hasOwnProperty('default') ? $['default'] : $; Popper = Popper && Popper.hasOwnProperty('default') ? Popper['default'] : Popper; function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; } /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): util.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Util = function ($$$1) { /** * ------------------------------------------------------------------------ * Private TransitionEnd Helpers * ------------------------------------------------------------------------ */ var TRANSITION_END = 'transitionend'; var MAX_UID = 1000000; var MILLISECONDS_MULTIPLIER = 1000; // Shoutout AngusCroll (https://goo.gl/pxwQGp) function toType(obj) { return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase(); } function getSpecialTransitionEndEvent() { return { bindType: TRANSITION_END, delegateType: TRANSITION_END, handle: function handle(event) { if ($$$1(event.target).is(this)) { return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params } return undefined; // eslint-disable-line no-undefined } }; } function transitionEndEmulator(duration) { var _this = this; var called = false; $$$1(this).one(Util.TRANSITION_END, function () { called = true; }); setTimeout(function () { if (!called) { Util.triggerTransitionEnd(_this); } }, duration); return this; } function setTransitionEndSupport() { $$$1.fn.emulateTransitionEnd = transitionEndEmulator; $$$1.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent(); } /** * -------------------------------------------------------------------------- * Public Util Api * -------------------------------------------------------------------------- */ var Util = { TRANSITION_END: 'bsTransitionEnd', getUID: function getUID(prefix) { do { // eslint-disable-next-line no-bitwise prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here } while (document.getElementById(prefix)); return prefix; }, getSelectorFromElement: function getSelectorFromElement(element) { var selector = element.getAttribute('data-target'); if (!selector || selector === '#') { selector = element.getAttribute('href') || ''; } try { var $selector = $$$1(document).find(selector); return $selector.length > 0 ? selector : null; } catch (err) { return null; } }, getTransitionDurationFromElement: function getTransitionDurationFromElement(element) { if (!element) { return 0; } // Get transition-duration of the element var transitionDuration = $$$1(element).css('transition-duration'); var floatTransitionDuration = parseFloat(transitionDuration); // Return 0 if element or transition duration is not found if (!floatTransitionDuration) { return 0; } // If multiple durations are defined, take the first transitionDuration = transitionDuration.split(',')[0]; return parseFloat(transitionDuration) * MILLISECONDS_MULTIPLIER; }, reflow: function reflow(element) { return element.offsetHeight; }, triggerTransitionEnd: function triggerTransitionEnd(element) { $$$1(element).trigger(TRANSITION_END); }, // TODO: Remove in v5 supportsTransitionEnd: function supportsTransitionEnd() { return Boolean(TRANSITION_END); }, isElement: function isElement(obj) { return (obj[0] || obj).nodeType; }, typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) { for (var property in configTypes) { if (Object.prototype.hasOwnProperty.call(configTypes, property)) { var expectedTypes = configTypes[property]; var value = config[property]; var valueType = value && Util.isElement(value) ? 'element' : toType(value); if (!new RegExp(expectedTypes).test(valueType)) { throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\".")); } } } } }; setTransitionEndSupport(); return Util; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): alert.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Alert = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'alert'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.alert'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var Selector = { DISMISS: '[data-dismiss="alert"]' }; var Event = { CLOSE: "close" + EVENT_KEY, CLOSED: "closed" + EVENT_KEY, CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY }; var ClassName = { ALERT: 'alert', FADE: 'fade', SHOW: 'show' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Alert = /*#__PURE__*/ function () { function Alert(element) { this._element = element; } // Getters var _proto = Alert.prototype; // Public _proto.close = function close(element) { var rootElement = this._element; if (element) { rootElement = this._getRootElement(element); } var customEvent = this._triggerCloseEvent(rootElement); if (customEvent.isDefaultPrevented()) { return; } this._removeElement(rootElement); }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); this._element = null; }; // Private _proto._getRootElement = function _getRootElement(element) { var selector = Util.getSelectorFromElement(element); var parent = false; if (selector) { parent = $$$1(selector)[0]; } if (!parent) { parent = $$$1(element).closest("." + ClassName.ALERT)[0]; } return parent; }; _proto._triggerCloseEvent = function _triggerCloseEvent(element) { var closeEvent = $$$1.Event(Event.CLOSE); $$$1(element).trigger(closeEvent); return closeEvent; }; _proto._removeElement = function _removeElement(element) { var _this = this; $$$1(element).removeClass(ClassName.SHOW); if (!$$$1(element).hasClass(ClassName.FADE)) { this._destroyElement(element); return; } var transitionDuration = Util.getTransitionDurationFromElement(element); $$$1(element).one(Util.TRANSITION_END, function (event) { return _this._destroyElement(element, event); }).emulateTransitionEnd(transitionDuration); }; _proto._destroyElement = function _destroyElement(element) { $$$1(element).detach().trigger(Event.CLOSED).remove(); }; // Static Alert._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var $element = $$$1(this); var data = $element.data(DATA_KEY); if (!data) { data = new Alert(this); $element.data(DATA_KEY, data); } if (config === 'close') { data[config](this); } }); }; Alert._handleDismiss = function _handleDismiss(alertInstance) { return function (event) { if (event) { event.preventDefault(); } alertInstance.close(this); }; }; _createClass(Alert, null, [{ key: "VERSION", get: function get() { return VERSION; } }]); return Alert; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert())); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Alert._jQueryInterface; $$$1.fn[NAME].Constructor = Alert; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Alert._jQueryInterface; }; return Alert; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): button.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Button = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'button'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.button'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var ClassName = { ACTIVE: 'active', BUTTON: 'btn', FOCUS: 'focus' }; var Selector = { DATA_TOGGLE_CARROT: '[data-toggle^="button"]', DATA_TOGGLE: '[data-toggle="buttons"]', INPUT: 'input', ACTIVE: '.active', BUTTON: '.btn' }; var Event = { CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY, FOCUS_BLUR_DATA_API: "focus" + EVENT_KEY + DATA_API_KEY + " " + ("blur" + EVENT_KEY + DATA_API_KEY) /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Button = /*#__PURE__*/ function () { function Button(element) { this._element = element; } // Getters var _proto = Button.prototype; // Public _proto.toggle = function toggle() { var triggerChangeEvent = true; var addAriaPressed = true; var rootElement = $$$1(this._element).closest(Selector.DATA_TOGGLE)[0]; if (rootElement) { var input = $$$1(this._element).find(Selector.INPUT)[0]; if (input) { if (input.type === 'radio') { if (input.checked && $$$1(this._element).hasClass(ClassName.ACTIVE)) { triggerChangeEvent = false; } else { var activeElement = $$$1(rootElement).find(Selector.ACTIVE)[0]; if (activeElement) { $$$1(activeElement).removeClass(ClassName.ACTIVE); } } } if (triggerChangeEvent) { if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') || input.classList.contains('disabled') || rootElement.classList.contains('disabled')) { return; } input.checked = !$$$1(this._element).hasClass(ClassName.ACTIVE); $$$1(input).trigger('change'); } input.focus(); addAriaPressed = false; } } if (addAriaPressed) { this._element.setAttribute('aria-pressed', !$$$1(this._element).hasClass(ClassName.ACTIVE)); } if (triggerChangeEvent) { $$$1(this._element).toggleClass(ClassName.ACTIVE); } }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); this._element = null; }; // Static Button._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var data = $$$1(this).data(DATA_KEY); if (!data) { data = new Button(this); $$$1(this).data(DATA_KEY, data); } if (config === 'toggle') { data[config](); } }); }; _createClass(Button, null, [{ key: "VERSION", get: function get() { return VERSION; } }]); return Button; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) { event.preventDefault(); var button = event.target; if (!$$$1(button).hasClass(ClassName.BUTTON)) { button = $$$1(button).closest(Selector.BUTTON); } Button._jQueryInterface.call($$$1(button), 'toggle'); }).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) { var button = $$$1(event.target).closest(Selector.BUTTON)[0]; $$$1(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type)); }); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Button._jQueryInterface; $$$1.fn[NAME].Constructor = Button; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Button._jQueryInterface; }; return Button; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): carousel.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Carousel = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'carousel'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.carousel'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch var Default = { interval: 5000, keyboard: true, slide: false, pause: 'hover', wrap: true }; var DefaultType = { interval: '(number|boolean)', keyboard: 'boolean', slide: '(boolean|string)', pause: '(string|boolean)', wrap: 'boolean' }; var Direction = { NEXT: 'next', PREV: 'prev', LEFT: 'left', RIGHT: 'right' }; var Event = { SLIDE: "slide" + EVENT_KEY, SLID: "slid" + EVENT_KEY, KEYDOWN: "keydown" + EVENT_KEY, MOUSEENTER: "mouseenter" + EVENT_KEY, MOUSELEAVE: "mouseleave" + EVENT_KEY, TOUCHEND: "touchend" + EVENT_KEY, LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY, CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY }; var ClassName = { CAROUSEL: 'carousel', ACTIVE: 'active', SLIDE: 'slide', RIGHT: 'carousel-item-right', LEFT: 'carousel-item-left', NEXT: 'carousel-item-next', PREV: 'carousel-item-prev', ITEM: 'carousel-item' }; var Selector = { ACTIVE: '.active', ACTIVE_ITEM: '.active.carousel-item', ITEM: '.carousel-item', NEXT_PREV: '.carousel-item-next, .carousel-item-prev', INDICATORS: '.carousel-indicators', DATA_SLIDE: '[data-slide], [data-slide-to]', DATA_RIDE: '[data-ride="carousel"]' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Carousel = /*#__PURE__*/ function () { function Carousel(element, config) { this._items = null; this._interval = null; this._activeElement = null; this._isPaused = false; this._isSliding = false; this.touchTimeout = null; this._config = this._getConfig(config); this._element = $$$1(element)[0]; this._indicatorsElement = $$$1(this._element).find(Selector.INDICATORS)[0]; this._addEventListeners(); } // Getters var _proto = Carousel.prototype; // Public _proto.next = function next() { if (!this._isSliding) { this._slide(Direction.NEXT); } }; _proto.nextWhenVisible = function nextWhenVisible() { // Don't call next when the page isn't visible // or the carousel or its parent isn't visible if (!document.hidden && $$$1(this._element).is(':visible') && $$$1(this._element).css('visibility') !== 'hidden') { this.next(); } }; _proto.prev = function prev() { if (!this._isSliding) { this._slide(Direction.PREV); } }; _proto.pause = function pause(event) { if (!event) { this._isPaused = true; } if ($$$1(this._element).find(Selector.NEXT_PREV)[0]) { Util.triggerTransitionEnd(this._element); this.cycle(true); } clearInterval(this._interval); this._interval = null; }; _proto.cycle = function cycle(event) { if (!event) { this._isPaused = false; } if (this._interval) { clearInterval(this._interval); this._interval = null; } if (this._config.interval && !this._isPaused) { this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval); } }; _proto.to = function to(index) { var _this = this; this._activeElement = $$$1(this._element).find(Selector.ACTIVE_ITEM)[0]; var activeIndex = this._getItemIndex(this._activeElement); if (index > this._items.length - 1 || index < 0) { return; } if (this._isSliding) { $$$1(this._element).one(Event.SLID, function () { return _this.to(index); }); return; } if (activeIndex === index) { this.pause(); this.cycle(); return; } var direction = index > activeIndex ? Direction.NEXT : Direction.PREV; this._slide(direction, this._items[index]); }; _proto.dispose = function dispose() { $$$1(this._element).off(EVENT_KEY); $$$1.removeData(this._element, DATA_KEY); this._items = null; this._config = null; this._element = null; this._interval = null; this._isPaused = null; this._isSliding = null; this._activeElement = null; this._indicatorsElement = null; }; // Private _proto._getConfig = function _getConfig(config) { config = _objectSpread({}, Default, config); Util.typeCheckConfig(NAME, config, DefaultType); return config; }; _proto._addEventListeners = function _addEventListeners() { var _this2 = this; if (this._config.keyboard) { $$$1(this._element).on(Event.KEYDOWN, function (event) { return _this2._keydown(event); }); } if (this._config.pause === 'hover') { $$$1(this._element).on(Event.MOUSEENTER, function (event) { return _this2.pause(event); }).on(Event.MOUSELEAVE, function (event) { return _this2.cycle(event); }); if ('ontouchstart' in document.documentElement) { // If it's a touch-enabled device, mouseenter/leave are fired as // part of the mouse compatibility events on first tap - the carousel // would stop cycling until user tapped out of it; // here, we listen for touchend, explicitly pause the carousel // (as if it's the second time we tap on it, mouseenter compat event // is NOT fired) and after a timeout (to allow for mouse compatibility // events to fire) we explicitly restart cycling $$$1(this._element).on(Event.TOUCHEND, function () { _this2.pause(); if (_this2.touchTimeout) { clearTimeout(_this2.touchTimeout); } _this2.touchTimeout = setTimeout(function (event) { return _this2.cycle(event); }, TOUCHEVENT_COMPAT_WAIT + _this2._config.interval); }); } } }; _proto._keydown = function _keydown(event) { if (/input|textarea/i.test(event.target.tagName)) { return; } switch (event.which) { case ARROW_LEFT_KEYCODE: event.preventDefault(); this.prev(); break; case ARROW_RIGHT_KEYCODE: event.preventDefault(); this.next(); break; default: } }; _proto._getItemIndex = function _getItemIndex(element) { this._items = $$$1.makeArray($$$1(element).parent().find(Selector.ITEM)); return this._items.indexOf(element); }; _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) { var isNextDirection = direction === Direction.NEXT; var isPrevDirection = direction === Direction.PREV; var activeIndex = this._getItemIndex(activeElement); var lastItemIndex = this._items.length - 1; var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex; if (isGoingToWrap && !this._config.wrap) { return activeElement; } var delta = direction === Direction.PREV ? -1 : 1; var itemIndex = (activeIndex + delta) % this._items.length; return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex]; }; _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) { var targetIndex = this._getItemIndex(relatedTarget); var fromIndex = this._getItemIndex($$$1(this._element).find(Selector.ACTIVE_ITEM)[0]); var slideEvent = $$$1.Event(Event.SLIDE, { relatedTarget: relatedTarget, direction: eventDirectionName, from: fromIndex, to: targetIndex }); $$$1(this._element).trigger(slideEvent); return slideEvent; }; _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) { if (this._indicatorsElement) { $$$1(this._indicatorsElement).find(Selector.ACTIVE).removeClass(ClassName.ACTIVE); var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)]; if (nextIndicator) { $$$1(nextIndicator).addClass(ClassName.ACTIVE); } } }; _proto._slide = function _slide(direction, element) { var _this3 = this; var activeElement = $$$1(this._element).find(Selector.ACTIVE_ITEM)[0]; var activeElementIndex = this._getItemIndex(activeElement); var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement); var nextElementIndex = this._getItemIndex(nextElement); var isCycling = Boolean(this._interval); var directionalClassName; var orderClassName; var eventDirectionName; if (direction === Direction.NEXT) { directionalClassName = ClassName.LEFT; orderClassName = ClassName.NEXT; eventDirectionName = Direction.LEFT; } else { directionalClassName = ClassName.RIGHT; orderClassName = ClassName.PREV; eventDirectionName = Direction.RIGHT; } if (nextElement && $$$1(nextElement).hasClass(ClassName.ACTIVE)) { this._isSliding = false; return; } var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName); if (slideEvent.isDefaultPrevented()) { return; } if (!activeElement || !nextElement) { // Some weirdness is happening, so we bail return; } this._isSliding = true; if (isCycling) { this.pause(); } this._setActiveIndicatorElement(nextElement); var slidEvent = $$$1.Event(Event.SLID, { relatedTarget: nextElement, direction: eventDirectionName, from: activeElementIndex, to: nextElementIndex }); if ($$$1(this._element).hasClass(ClassName.SLIDE)) { $$$1(nextElement).addClass(orderClassName); Util.reflow(nextElement); $$$1(activeElement).addClass(directionalClassName); $$$1(nextElement).addClass(directionalClassName); var transitionDuration = Util.getTransitionDurationFromElement(activeElement); $$$1(activeElement).one(Util.TRANSITION_END, function () { $$$1(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName.ACTIVE); $$$1(activeElement).removeClass(ClassName.ACTIVE + " " + orderClassName + " " + directionalClassName); _this3._isSliding = false; setTimeout(function () { return $$$1(_this3._element).trigger(slidEvent); }, 0); }).emulateTransitionEnd(transitionDuration); } else { $$$1(activeElement).removeClass(ClassName.ACTIVE); $$$1(nextElement).addClass(ClassName.ACTIVE); this._isSliding = false; $$$1(this._element).trigger(slidEvent); } if (isCycling) { this.cycle(); } }; // Static Carousel._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var data = $$$1(this).data(DATA_KEY); var _config = _objectSpread({}, Default, $$$1(this).data()); if (typeof config === 'object') { _config = _objectSpread({}, _config, config); } var action = typeof config === 'string' ? config : _config.slide; if (!data) { data = new Carousel(this, _config); $$$1(this).data(DATA_KEY, data); } if (typeof config === 'number') { data.to(config); } else if (typeof action === 'string') { if (typeof data[action] === 'undefined') { throw new TypeError("No method named \"" + action + "\""); } data[action](); } else if (_config.interval) { data.pause(); data.cycle(); } }); }; Carousel._dataApiClickHandler = function _dataApiClickHandler(event) { var selector = Util.getSelectorFromElement(this); if (!selector) { return; } var target = $$$1(selector)[0]; if (!target || !$$$1(target).hasClass(ClassName.CAROUSEL)) { return; } var config = _objectSpread({}, $$$1(target).data(), $$$1(this).data()); var slideIndex = this.getAttribute('data-slide-to'); if (slideIndex) { config.interval = false; } Carousel._jQueryInterface.call($$$1(target), config); if (slideIndex) { $$$1(target).data(DATA_KEY).to(slideIndex); } event.preventDefault(); }; _createClass(Carousel, null, [{ key: "VERSION", get: function get() { return VERSION; } }, { key: "Default", get: function get() { return Default; } }]); return Carousel; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler); $$$1(window).on(Event.LOAD_DATA_API, function () { $$$1(Selector.DATA_RIDE).each(function () { var $carousel = $$$1(this); Carousel._jQueryInterface.call($carousel, $carousel.data()); }); }); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Carousel._jQueryInterface; $$$1.fn[NAME].Constructor = Carousel; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Carousel._jQueryInterface; }; return Carousel; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): collapse.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Collapse = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'collapse'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.collapse'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var Default = { toggle: true, parent: '' }; var DefaultType = { toggle: 'boolean', parent: '(string|element)' }; var Event = { SHOW: "show" + EVENT_KEY, SHOWN: "shown" + EVENT_KEY, HIDE: "hide" + EVENT_KEY, HIDDEN: "hidden" + EVENT_KEY, CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY }; var ClassName = { SHOW: 'show', COLLAPSE: 'collapse', COLLAPSING: 'collapsing', COLLAPSED: 'collapsed' }; var Dimension = { WIDTH: 'width', HEIGHT: 'height' }; var Selector = { ACTIVES: '.show, .collapsing', DATA_TOGGLE: '[data-toggle="collapse"]' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Collapse = /*#__PURE__*/ function () { function Collapse(element, config) { this._isTransitioning = false; this._element = element; this._config = this._getConfig(config); this._triggerArray = $$$1.makeArray($$$1("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]"))); var tabToggles = $$$1(Selector.DATA_TOGGLE); for (var i = 0; i < tabToggles.length; i++) { var elem = tabToggles[i]; var selector = Util.getSelectorFromElement(elem); if (selector !== null && $$$1(selector).filter(element).length > 0) { this._selector = selector; this._triggerArray.push(elem); } } this._parent = this._config.parent ? this._getParent() : null; if (!this._config.parent) { this._addAriaAndCollapsedClass(this._element, this._triggerArray); } if (this._config.toggle) { this.toggle(); } } // Getters var _proto = Collapse.prototype; // Public _proto.toggle = function toggle() { if ($$$1(this._element).hasClass(ClassName.SHOW)) { this.hide(); } else { this.show(); } }; _proto.show = function show() { var _this = this; if (this._isTransitioning || $$$1(this._element).hasClass(ClassName.SHOW)) { return; } var actives; var activesData; if (this._parent) { actives = $$$1.makeArray($$$1(this._parent).find(Selector.ACTIVES).filter("[data-parent=\"" + this._config.parent + "\"]")); if (actives.length === 0) { actives = null; } } if (actives) { activesData = $$$1(actives).not(this._selector).data(DATA_KEY); if (activesData && activesData._isTransitioning) { return; } } var startEvent = $$$1.Event(Event.SHOW); $$$1(this._element).trigger(startEvent); if (startEvent.isDefaultPrevented()) { return; } if (actives) { Collapse._jQueryInterface.call($$$1(actives).not(this._selector), 'hide'); if (!activesData) { $$$1(actives).data(DATA_KEY, null); } } var dimension = this._getDimension(); $$$1(this._element).removeClass(ClassName.COLLAPSE).addClass(ClassName.COLLAPSING); this._element.style[dimension] = 0; if (this._triggerArray.length > 0) { $$$1(this._triggerArray).removeClass(ClassName.COLLAPSED).attr('aria-expanded', true); } this.setTransitioning(true); var complete = function complete() { $$$1(_this._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).addClass(ClassName.SHOW); _this._element.style[dimension] = ''; _this.setTransitioning(false); $$$1(_this._element).trigger(Event.SHOWN); }; var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1); var scrollSize = "scroll" + capitalizedDimension; var transitionDuration = Util.getTransitionDurationFromElement(this._element); $$$1(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); this._element.style[dimension] = this._element[scrollSize] + "px"; }; _proto.hide = function hide() { var _this2 = this; if (this._isTransitioning || !$$$1(this._element).hasClass(ClassName.SHOW)) { return; } var startEvent = $$$1.Event(Event.HIDE); $$$1(this._element).trigger(startEvent); if (startEvent.isDefaultPrevented()) { return; } var dimension = this._getDimension(); this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px"; Util.reflow(this._element); $$$1(this._element).addClass(ClassName.COLLAPSING).removeClass(ClassName.COLLAPSE).removeClass(ClassName.SHOW); if (this._triggerArray.length > 0) { for (var i = 0; i < this._triggerArray.length; i++) { var trigger = this._triggerArray[i]; var selector = Util.getSelectorFromElement(trigger); if (selector !== null) { var $elem = $$$1(selector); if (!$elem.hasClass(ClassName.SHOW)) { $$$1(trigger).addClass(ClassName.COLLAPSED).attr('aria-expanded', false); } } } } this.setTransitioning(true); var complete = function complete() { _this2.setTransitioning(false); $$$1(_this2._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).trigger(Event.HIDDEN); }; this._element.style[dimension] = ''; var transitionDuration = Util.getTransitionDurationFromElement(this._element); $$$1(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); }; _proto.setTransitioning = function setTransitioning(isTransitioning) { this._isTransitioning = isTransitioning; }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); this._config = null; this._parent = null; this._element = null; this._triggerArray = null; this._isTransitioning = null; }; // Private _proto._getConfig = function _getConfig(config) { config = _objectSpread({}, Default, config); config.toggle = Boolean(config.toggle); // Coerce string values Util.typeCheckConfig(NAME, config, DefaultType); return config; }; _proto._getDimension = function _getDimension() { var hasWidth = $$$1(this._element).hasClass(Dimension.WIDTH); return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT; }; _proto._getParent = function _getParent() { var _this3 = this; var parent = null; if (Util.isElement(this._config.parent)) { parent = this._config.parent; // It's a jQuery object if (typeof this._config.parent.jquery !== 'undefined') { parent = this._config.parent[0]; } } else { parent = $$$1(this._config.parent)[0]; } var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]"; $$$1(parent).find(selector).each(function (i, element) { _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]); }); return parent; }; _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) { if (element) { var isOpen = $$$1(element).hasClass(ClassName.SHOW); if (triggerArray.length > 0) { $$$1(triggerArray).toggleClass(ClassName.COLLAPSED, !isOpen).attr('aria-expanded', isOpen); } } }; // Static Collapse._getTargetFromElement = function _getTargetFromElement(element) { var selector = Util.getSelectorFromElement(element); return selector ? $$$1(selector)[0] : null; }; Collapse._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var $this = $$$1(this); var data = $this.data(DATA_KEY); var _config = _objectSpread({}, Default, $this.data(), typeof config === 'object' && config ? config : {}); if (!data && _config.toggle && /show|hide/.test(config)) { _config.toggle = false; } if (!data) { data = new Collapse(this, _config); $this.data(DATA_KEY, data); } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError("No method named \"" + config + "\""); } data[config](); } }); }; _createClass(Collapse, null, [{ key: "VERSION", get: function get() { return VERSION; } }, { key: "Default", get: function get() { return Default; } }]); return Collapse; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { // preventDefault only for elements (which change the URL) not inside the collapsible element if (event.currentTarget.tagName === 'A') { event.preventDefault(); } var $trigger = $$$1(this); var selector = Util.getSelectorFromElement(this); $$$1(selector).each(function () { var $target = $$$1(this); var data = $target.data(DATA_KEY); var config = data ? 'toggle' : $trigger.data(); Collapse._jQueryInterface.call($target, config); }); }); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Collapse._jQueryInterface; $$$1.fn[NAME].Constructor = Collapse; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Collapse._jQueryInterface; }; return Collapse; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): dropdown.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Dropdown = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'dropdown'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.dropdown'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key var TAB_KEYCODE = 9; // KeyboardEvent.which value for tab key var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse) var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + "|" + ARROW_DOWN_KEYCODE + "|" + ESCAPE_KEYCODE); var Event = { HIDE: "hide" + EVENT_KEY, HIDDEN: "hidden" + EVENT_KEY, SHOW: "show" + EVENT_KEY, SHOWN: "shown" + EVENT_KEY, CLICK: "click" + EVENT_KEY, CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY, KEYDOWN_DATA_API: "keydown" + EVENT_KEY + DATA_API_KEY, KEYUP_DATA_API: "keyup" + EVENT_KEY + DATA_API_KEY }; var ClassName = { DISABLED: 'disabled', SHOW: 'show', DROPUP: 'dropup', DROPRIGHT: 'dropright', DROPLEFT: 'dropleft', MENURIGHT: 'dropdown-menu-right', MENULEFT: 'dropdown-menu-left', POSITION_STATIC: 'position-static' }; var Selector = { DATA_TOGGLE: '[data-toggle="dropdown"]', FORM_CHILD: '.dropdown form', MENU: '.dropdown-menu', NAVBAR_NAV: '.navbar-nav', VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)' }; var AttachmentMap = { TOP: 'top-start', TOPEND: 'top-end', BOTTOM: 'bottom-start', BOTTOMEND: 'bottom-end', RIGHT: 'right-start', RIGHTEND: 'right-end', LEFT: 'left-start', LEFTEND: 'left-end' }; var Default = { offset: 0, flip: true, boundary: 'scrollParent', reference: 'toggle', display: 'dynamic' }; var DefaultType = { offset: '(number|string|function)', flip: 'boolean', boundary: '(string|element)', reference: '(string|element)', display: 'string' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Dropdown = /*#__PURE__*/ function () { function Dropdown(element, config) { this._element = element; this._popper = null; this._config = this._getConfig(config); this._menu = this._getMenuElement(); this._inNavbar = this._detectNavbar(); this._addEventListeners(); } // Getters var _proto = Dropdown.prototype; // Public _proto.toggle = function toggle() { if (this._element.disabled || $$$1(this._element).hasClass(ClassName.DISABLED)) { return; } var parent = Dropdown._getParentFromElement(this._element); var isActive = $$$1(this._menu).hasClass(ClassName.SHOW); Dropdown._clearMenus(); if (isActive) { return; } var relatedTarget = { relatedTarget: this._element }; var showEvent = $$$1.Event(Event.SHOW, relatedTarget); $$$1(parent).trigger(showEvent); if (showEvent.isDefaultPrevented()) { return; } // Disable totally Popper.js for Dropdown in Navbar if (!this._inNavbar) { /** * Check for Popper dependency * Popper - https://popper.js.org */ if (typeof Popper === 'undefined') { throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)'); } var referenceElement = this._element; if (this._config.reference === 'parent') { referenceElement = parent; } else if (Util.isElement(this._config.reference)) { referenceElement = this._config.reference; // Check if it's jQuery element if (typeof this._config.reference.jquery !== 'undefined') { referenceElement = this._config.reference[0]; } } // If boundary is not `scrollParent`, then set position to `static` // to allow the menu to "escape" the scroll parent's boundaries // https://github.com/twbs/bootstrap/issues/24251 if (this._config.boundary !== 'scrollParent') { $$$1(parent).addClass(ClassName.POSITION_STATIC); } this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig()); } // If this is a touch-enabled device we add extra // empty mouseover listeners to the body's immediate children; // only needed because of broken event delegation on iOS // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html if ('ontouchstart' in document.documentElement && $$$1(parent).closest(Selector.NAVBAR_NAV).length === 0) { $$$1(document.body).children().on('mouseover', null, $$$1.noop); } this._element.focus(); this._element.setAttribute('aria-expanded', true); $$$1(this._menu).toggleClass(ClassName.SHOW); $$$1(parent).toggleClass(ClassName.SHOW).trigger($$$1.Event(Event.SHOWN, relatedTarget)); }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); $$$1(this._element).off(EVENT_KEY); this._element = null; this._menu = null; if (this._popper !== null) { this._popper.destroy(); this._popper = null; } }; _proto.update = function update() { this._inNavbar = this._detectNavbar(); if (this._popper !== null) { this._popper.scheduleUpdate(); } }; // Private _proto._addEventListeners = function _addEventListeners() { var _this = this; $$$1(this._element).on(Event.CLICK, function (event) { event.preventDefault(); event.stopPropagation(); _this.toggle(); }); }; _proto._getConfig = function _getConfig(config) { config = _objectSpread({}, this.constructor.Default, $$$1(this._element).data(), config); Util.typeCheckConfig(NAME, config, this.constructor.DefaultType); return config; }; _proto._getMenuElement = function _getMenuElement() { if (!this._menu) { var parent = Dropdown._getParentFromElement(this._element); this._menu = $$$1(parent).find(Selector.MENU)[0]; } return this._menu; }; _proto._getPlacement = function _getPlacement() { var $parentDropdown = $$$1(this._element).parent(); var placement = AttachmentMap.BOTTOM; // Handle dropup if ($parentDropdown.hasClass(ClassName.DROPUP)) { placement = AttachmentMap.TOP; if ($$$1(this._menu).hasClass(ClassName.MENURIGHT)) { placement = AttachmentMap.TOPEND; } } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) { placement = AttachmentMap.RIGHT; } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) { placement = AttachmentMap.LEFT; } else if ($$$1(this._menu).hasClass(ClassName.MENURIGHT)) { placement = AttachmentMap.BOTTOMEND; } return placement; }; _proto._detectNavbar = function _detectNavbar() { return $$$1(this._element).closest('.navbar').length > 0; }; _proto._getPopperConfig = function _getPopperConfig() { var _this2 = this; var offsetConf = {}; if (typeof this._config.offset === 'function') { offsetConf.fn = function (data) { data.offsets = _objectSpread({}, data.offsets, _this2._config.offset(data.offsets) || {}); return data; }; } else { offsetConf.offset = this._config.offset; } var popperConfig = { placement: this._getPlacement(), modifiers: { offset: offsetConf, flip: { enabled: this._config.flip }, preventOverflow: { boundariesElement: this._config.boundary } } // Disable Popper.js if we have a static display }; if (this._config.display === 'static') { popperConfig.modifiers.applyStyle = { enabled: false }; } return popperConfig; }; // Static Dropdown._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var data = $$$1(this).data(DATA_KEY); var _config = typeof config === 'object' ? config : null; if (!data) { data = new Dropdown(this, _config); $$$1(this).data(DATA_KEY, data); } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError("No method named \"" + config + "\""); } data[config](); } }); }; Dropdown._clearMenus = function _clearMenus(event) { if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || event.type === 'keyup' && event.which !== TAB_KEYCODE)) { return; } var toggles = $$$1.makeArray($$$1(Selector.DATA_TOGGLE)); for (var i = 0; i < toggles.length; i++) { var parent = Dropdown._getParentFromElement(toggles[i]); var context = $$$1(toggles[i]).data(DATA_KEY); var relatedTarget = { relatedTarget: toggles[i] }; if (!context) { continue; } var dropdownMenu = context._menu; if (!$$$1(parent).hasClass(ClassName.SHOW)) { continue; } if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $$$1.contains(parent, event.target)) { continue; } var hideEvent = $$$1.Event(Event.HIDE, relatedTarget); $$$1(parent).trigger(hideEvent); if (hideEvent.isDefaultPrevented()) { continue; } // If this is a touch-enabled device we remove the extra // empty mouseover listeners we added for iOS support if ('ontouchstart' in document.documentElement) { $$$1(document.body).children().off('mouseover', null, $$$1.noop); } toggles[i].setAttribute('aria-expanded', 'false'); $$$1(dropdownMenu).removeClass(ClassName.SHOW); $$$1(parent).removeClass(ClassName.SHOW).trigger($$$1.Event(Event.HIDDEN, relatedTarget)); } }; Dropdown._getParentFromElement = function _getParentFromElement(element) { var parent; var selector = Util.getSelectorFromElement(element); if (selector) { parent = $$$1(selector)[0]; } return parent || element.parentNode; }; // eslint-disable-next-line complexity Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) { // If not input/textarea: // - And not a key in REGEXP_KEYDOWN => not a dropdown command // If input/textarea: // - If space key => not a dropdown command // - If key is other than escape // - If key is not up or down => not a dropdown command // - If trigger inside the menu => not a dropdown command if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $$$1(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) { return; } event.preventDefault(); event.stopPropagation(); if (this.disabled || $$$1(this).hasClass(ClassName.DISABLED)) { return; } var parent = Dropdown._getParentFromElement(this); var isActive = $$$1(parent).hasClass(ClassName.SHOW); if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) { if (event.which === ESCAPE_KEYCODE) { var toggle = $$$1(parent).find(Selector.DATA_TOGGLE)[0]; $$$1(toggle).trigger('focus'); } $$$1(this).trigger('click'); return; } var items = $$$1(parent).find(Selector.VISIBLE_ITEMS).get(); if (items.length === 0) { return; } var index = items.indexOf(event.target); if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up index--; } if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down index++; } if (index < 0) { index = 0; } items[index].focus(); }; _createClass(Dropdown, null, [{ key: "VERSION", get: function get() { return VERSION; } }, { key: "Default", get: function get() { return Default; } }, { key: "DefaultType", get: function get() { return DefaultType; } }]); return Dropdown; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API + " " + Event.KEYUP_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { event.preventDefault(); event.stopPropagation(); Dropdown._jQueryInterface.call($$$1(this), 'toggle'); }).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) { e.stopPropagation(); }); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Dropdown._jQueryInterface; $$$1.fn[NAME].Constructor = Dropdown; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Dropdown._jQueryInterface; }; return Dropdown; }($, Popper); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): modal.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Modal = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'modal'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.modal'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key var Default = { backdrop: true, keyboard: true, focus: true, show: true }; var DefaultType = { backdrop: '(boolean|string)', keyboard: 'boolean', focus: 'boolean', show: 'boolean' }; var Event = { HIDE: "hide" + EVENT_KEY, HIDDEN: "hidden" + EVENT_KEY, SHOW: "show" + EVENT_KEY, SHOWN: "shown" + EVENT_KEY, FOCUSIN: "focusin" + EVENT_KEY, RESIZE: "resize" + EVENT_KEY, CLICK_DISMISS: "click.dismiss" + EVENT_KEY, KEYDOWN_DISMISS: "keydown.dismiss" + EVENT_KEY, MOUSEUP_DISMISS: "mouseup.dismiss" + EVENT_KEY, MOUSEDOWN_DISMISS: "mousedown.dismiss" + EVENT_KEY, CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY }; var ClassName = { SCROLLBAR_MEASURER: 'modal-scrollbar-measure', BACKDROP: 'modal-backdrop', OPEN: 'modal-open', FADE: 'fade', SHOW: 'show' }; var Selector = { DIALOG: '.modal-dialog', DATA_TOGGLE: '[data-toggle="modal"]', DATA_DISMISS: '[data-dismiss="modal"]', FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top', STICKY_CONTENT: '.sticky-top', NAVBAR_TOGGLER: '.navbar-toggler' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Modal = /*#__PURE__*/ function () { function Modal(element, config) { this._config = this._getConfig(config); this._element = element; this._dialog = $$$1(element).find(Selector.DIALOG)[0]; this._backdrop = null; this._isShown = false; this._isBodyOverflowing = false; this._ignoreBackdropClick = false; this._scrollbarWidth = 0; } // Getters var _proto = Modal.prototype; // Public _proto.toggle = function toggle(relatedTarget) { return this._isShown ? this.hide() : this.show(relatedTarget); }; _proto.show = function show(relatedTarget) { var _this = this; if (this._isTransitioning || this._isShown) { return; } if ($$$1(this._element).hasClass(ClassName.FADE)) { this._isTransitioning = true; } var showEvent = $$$1.Event(Event.SHOW, { relatedTarget: relatedTarget }); $$$1(this._element).trigger(showEvent); if (this._isShown || showEvent.isDefaultPrevented()) { return; } this._isShown = true; this._checkScrollbar(); this._setScrollbar(); this._adjustDialog(); $$$1(document.body).addClass(ClassName.OPEN); this._setEscapeEvent(); this._setResizeEvent(); $$$1(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, function (event) { return _this.hide(event); }); $$$1(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () { $$$1(_this._element).one(Event.MOUSEUP_DISMISS, function (event) { if ($$$1(event.target).is(_this._element)) { _this._ignoreBackdropClick = true; } }); }); this._showBackdrop(function () { return _this._showElement(relatedTarget); }); }; _proto.hide = function hide(event) { var _this2 = this; if (event) { event.preventDefault(); } if (this._isTransitioning || !this._isShown) { return; } var hideEvent = $$$1.Event(Event.HIDE); $$$1(this._element).trigger(hideEvent); if (!this._isShown || hideEvent.isDefaultPrevented()) { return; } this._isShown = false; var transition = $$$1(this._element).hasClass(ClassName.FADE); if (transition) { this._isTransitioning = true; } this._setEscapeEvent(); this._setResizeEvent(); $$$1(document).off(Event.FOCUSIN); $$$1(this._element).removeClass(ClassName.SHOW); $$$1(this._element).off(Event.CLICK_DISMISS); $$$1(this._dialog).off(Event.MOUSEDOWN_DISMISS); if (transition) { var transitionDuration = Util.getTransitionDurationFromElement(this._element); $$$1(this._element).one(Util.TRANSITION_END, function (event) { return _this2._hideModal(event); }).emulateTransitionEnd(transitionDuration); } else { this._hideModal(); } }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); $$$1(window, document, this._element, this._backdrop).off(EVENT_KEY); this._config = null; this._element = null; this._dialog = null; this._backdrop = null; this._isShown = null; this._isBodyOverflowing = null; this._ignoreBackdropClick = null; this._scrollbarWidth = null; }; _proto.handleUpdate = function handleUpdate() { this._adjustDialog(); }; // Private _proto._getConfig = function _getConfig(config) { config = _objectSpread({}, Default, config); Util.typeCheckConfig(NAME, config, DefaultType); return config; }; _proto._showElement = function _showElement(relatedTarget) { var _this3 = this; var transition = $$$1(this._element).hasClass(ClassName.FADE); if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) { // Don't move modal's DOM position document.body.appendChild(this._element); } this._element.style.display = 'block'; this._element.removeAttribute('aria-hidden'); this._element.scrollTop = 0; if (transition) { Util.reflow(this._element); } $$$1(this._element).addClass(ClassName.SHOW); if (this._config.focus) { this._enforceFocus(); } var shownEvent = $$$1.Event(Event.SHOWN, { relatedTarget: relatedTarget }); var transitionComplete = function transitionComplete() { if (_this3._config.focus) { _this3._element.focus(); } _this3._isTransitioning = false; $$$1(_this3._element).trigger(shownEvent); }; if (transition) { var transitionDuration = Util.getTransitionDurationFromElement(this._element); $$$1(this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(transitionDuration); } else { transitionComplete(); } }; _proto._enforceFocus = function _enforceFocus() { var _this4 = this; $$$1(document).off(Event.FOCUSIN) // Guard against infinite focus loop .on(Event.FOCUSIN, function (event) { if (document !== event.target && _this4._element !== event.target && $$$1(_this4._element).has(event.target).length === 0) { _this4._element.focus(); } }); }; _proto._setEscapeEvent = function _setEscapeEvent() { var _this5 = this; if (this._isShown && this._config.keyboard) { $$$1(this._element).on(Event.KEYDOWN_DISMISS, function (event) { if (event.which === ESCAPE_KEYCODE) { event.preventDefault(); _this5.hide(); } }); } else if (!this._isShown) { $$$1(this._element).off(Event.KEYDOWN_DISMISS); } }; _proto._setResizeEvent = function _setResizeEvent() { var _this6 = this; if (this._isShown) { $$$1(window).on(Event.RESIZE, function (event) { return _this6.handleUpdate(event); }); } else { $$$1(window).off(Event.RESIZE); } }; _proto._hideModal = function _hideModal() { var _this7 = this; this._element.style.display = 'none'; this._element.setAttribute('aria-hidden', true); this._isTransitioning = false; this._showBackdrop(function () { $$$1(document.body).removeClass(ClassName.OPEN); _this7._resetAdjustments(); _this7._resetScrollbar(); $$$1(_this7._element).trigger(Event.HIDDEN); }); }; _proto._removeBackdrop = function _removeBackdrop() { if (this._backdrop) { $$$1(this._backdrop).remove(); this._backdrop = null; } }; _proto._showBackdrop = function _showBackdrop(callback) { var _this8 = this; var animate = $$$1(this._element).hasClass(ClassName.FADE) ? ClassName.FADE : ''; if (this._isShown && this._config.backdrop) { this._backdrop = document.createElement('div'); this._backdrop.className = ClassName.BACKDROP; if (animate) { $$$1(this._backdrop).addClass(animate); } $$$1(this._backdrop).appendTo(document.body); $$$1(this._element).on(Event.CLICK_DISMISS, function (event) { if (_this8._ignoreBackdropClick) { _this8._ignoreBackdropClick = false; return; } if (event.target !== event.currentTarget) { return; } if (_this8._config.backdrop === 'static') { _this8._element.focus(); } else { _this8.hide(); } }); if (animate) { Util.reflow(this._backdrop); } $$$1(this._backdrop).addClass(ClassName.SHOW); if (!callback) { return; } if (!animate) { callback(); return; } var backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop); $$$1(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(backdropTransitionDuration); } else if (!this._isShown && this._backdrop) { $$$1(this._backdrop).removeClass(ClassName.SHOW); var callbackRemove = function callbackRemove() { _this8._removeBackdrop(); if (callback) { callback(); } }; if ($$$1(this._element).hasClass(ClassName.FADE)) { var _backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop); $$$1(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(_backdropTransitionDuration); } else { callbackRemove(); } } else if (callback) { callback(); } }; // ---------------------------------------------------------------------- // the following methods are used to handle overflowing modals // todo (fat): these should probably be refactored out of modal.js // ---------------------------------------------------------------------- _proto._adjustDialog = function _adjustDialog() { var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; if (!this._isBodyOverflowing && isModalOverflowing) { this._element.style.paddingLeft = this._scrollbarWidth + "px"; } if (this._isBodyOverflowing && !isModalOverflowing) { this._element.style.paddingRight = this._scrollbarWidth + "px"; } }; _proto._resetAdjustments = function _resetAdjustments() { this._element.style.paddingLeft = ''; this._element.style.paddingRight = ''; }; _proto._checkScrollbar = function _checkScrollbar() { var rect = document.body.getBoundingClientRect(); this._isBodyOverflowing = rect.left + rect.right < window.innerWidth; this._scrollbarWidth = this._getScrollbarWidth(); }; _proto._setScrollbar = function _setScrollbar() { var _this9 = this; if (this._isBodyOverflowing) { // Note: DOMNode.style.paddingRight returns the actual value or '' if not set // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set // Adjust fixed content padding $$$1(Selector.FIXED_CONTENT).each(function (index, element) { var actualPadding = $$$1(element)[0].style.paddingRight; var calculatedPadding = $$$1(element).css('padding-right'); $$$1(element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this9._scrollbarWidth + "px"); }); // Adjust sticky content margin $$$1(Selector.STICKY_CONTENT).each(function (index, element) { var actualMargin = $$$1(element)[0].style.marginRight; var calculatedMargin = $$$1(element).css('margin-right'); $$$1(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this9._scrollbarWidth + "px"); }); // Adjust navbar-toggler margin $$$1(Selector.NAVBAR_TOGGLER).each(function (index, element) { var actualMargin = $$$1(element)[0].style.marginRight; var calculatedMargin = $$$1(element).css('margin-right'); $$$1(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) + _this9._scrollbarWidth + "px"); }); // Adjust body padding var actualPadding = document.body.style.paddingRight; var calculatedPadding = $$$1(document.body).css('padding-right'); $$$1(document.body).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px"); } }; _proto._resetScrollbar = function _resetScrollbar() { // Restore fixed content padding $$$1(Selector.FIXED_CONTENT).each(function (index, element) { var padding = $$$1(element).data('padding-right'); if (typeof padding !== 'undefined') { $$$1(element).css('padding-right', padding).removeData('padding-right'); } }); // Restore sticky content and navbar-toggler margin $$$1(Selector.STICKY_CONTENT + ", " + Selector.NAVBAR_TOGGLER).each(function (index, element) { var margin = $$$1(element).data('margin-right'); if (typeof margin !== 'undefined') { $$$1(element).css('margin-right', margin).removeData('margin-right'); } }); // Restore body padding var padding = $$$1(document.body).data('padding-right'); if (typeof padding !== 'undefined') { $$$1(document.body).css('padding-right', padding).removeData('padding-right'); } }; _proto._getScrollbarWidth = function _getScrollbarWidth() { // thx d.walsh var scrollDiv = document.createElement('div'); scrollDiv.className = ClassName.SCROLLBAR_MEASURER; document.body.appendChild(scrollDiv); var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth; document.body.removeChild(scrollDiv); return scrollbarWidth; }; // Static Modal._jQueryInterface = function _jQueryInterface(config, relatedTarget) { return this.each(function () { var data = $$$1(this).data(DATA_KEY); var _config = _objectSpread({}, Default, $$$1(this).data(), typeof config === 'object' && config ? config : {}); if (!data) { data = new Modal(this, _config); $$$1(this).data(DATA_KEY, data); } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError("No method named \"" + config + "\""); } data[config](relatedTarget); } else if (_config.show) { data.show(relatedTarget); } }); }; _createClass(Modal, null, [{ key: "VERSION", get: function get() { return VERSION; } }, { key: "Default", get: function get() { return Default; } }]); return Modal; }(); /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { var _this10 = this; var target; var selector = Util.getSelectorFromElement(this); if (selector) { target = $$$1(selector)[0]; } var config = $$$1(target).data(DATA_KEY) ? 'toggle' : _objectSpread({}, $$$1(target).data(), $$$1(this).data()); if (this.tagName === 'A' || this.tagName === 'AREA') { event.preventDefault(); } var $target = $$$1(target).one(Event.SHOW, function (showEvent) { if (showEvent.isDefaultPrevented()) { // Only register focus restorer if modal will actually get shown return; } $target.one(Event.HIDDEN, function () { if ($$$1(_this10).is(':visible')) { _this10.focus(); } }); }); Modal._jQueryInterface.call($$$1(target), config, this); }); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Modal._jQueryInterface; $$$1.fn[NAME].Constructor = Modal; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Modal._jQueryInterface; }; return Modal; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): tooltip.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Tooltip = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'tooltip'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.tooltip'; var EVENT_KEY = "." + DATA_KEY; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var CLASS_PREFIX = 'bs-tooltip'; var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g'); var DefaultType = { animation: 'boolean', template: 'string', title: '(string|element|function)', trigger: 'string', delay: '(number|object)', html: 'boolean', selector: '(string|boolean)', placement: '(string|function)', offset: '(number|string)', container: '(string|element|boolean)', fallbackPlacement: '(string|array)', boundary: '(string|element)' }; var AttachmentMap = { AUTO: 'auto', TOP: 'top', RIGHT: 'right', BOTTOM: 'bottom', LEFT: 'left' }; var Default = { animation: true, template: '', trigger: 'hover focus', title: '', delay: 0, html: false, selector: false, placement: 'top', offset: 0, container: false, fallbackPlacement: 'flip', boundary: 'scrollParent' }; var HoverState = { SHOW: 'show', OUT: 'out' }; var Event = { HIDE: "hide" + EVENT_KEY, HIDDEN: "hidden" + EVENT_KEY, SHOW: "show" + EVENT_KEY, SHOWN: "shown" + EVENT_KEY, INSERTED: "inserted" + EVENT_KEY, CLICK: "click" + EVENT_KEY, FOCUSIN: "focusin" + EVENT_KEY, FOCUSOUT: "focusout" + EVENT_KEY, MOUSEENTER: "mouseenter" + EVENT_KEY, MOUSELEAVE: "mouseleave" + EVENT_KEY }; var ClassName = { FADE: 'fade', SHOW: 'show' }; var Selector = { TOOLTIP: '.tooltip', TOOLTIP_INNER: '.tooltip-inner', ARROW: '.arrow' }; var Trigger = { HOVER: 'hover', FOCUS: 'focus', CLICK: 'click', MANUAL: 'manual' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Tooltip = /*#__PURE__*/ function () { function Tooltip(element, config) { /** * Check for Popper dependency * Popper - https://popper.js.org */ if (typeof Popper === 'undefined') { throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)'); } // private this._isEnabled = true; this._timeout = 0; this._hoverState = ''; this._activeTrigger = {}; this._popper = null; // Protected this.element = element; this.config = this._getConfig(config); this.tip = null; this._setListeners(); } // Getters var _proto = Tooltip.prototype; // Public _proto.enable = function enable() { this._isEnabled = true; }; _proto.disable = function disable() { this._isEnabled = false; }; _proto.toggleEnabled = function toggleEnabled() { this._isEnabled = !this._isEnabled; }; _proto.toggle = function toggle(event) { if (!this._isEnabled) { return; } if (event) { var dataKey = this.constructor.DATA_KEY; var context = $$$1(event.currentTarget).data(dataKey); if (!context) { context = new this.constructor(event.currentTarget, this._getDelegateConfig()); $$$1(event.currentTarget).data(dataKey, context); } context._activeTrigger.click = !context._activeTrigger.click; if (context._isWithActiveTrigger()) { context._enter(null, context); } else { context._leave(null, context); } } else { if ($$$1(this.getTipElement()).hasClass(ClassName.SHOW)) { this._leave(null, this); return; } this._enter(null, this); } }; _proto.dispose = function dispose() { clearTimeout(this._timeout); $$$1.removeData(this.element, this.constructor.DATA_KEY); $$$1(this.element).off(this.constructor.EVENT_KEY); $$$1(this.element).closest('.modal').off('hide.bs.modal'); if (this.tip) { $$$1(this.tip).remove(); } this._isEnabled = null; this._timeout = null; this._hoverState = null; this._activeTrigger = null; if (this._popper !== null) { this._popper.destroy(); } this._popper = null; this.element = null; this.config = null; this.tip = null; }; _proto.show = function show() { var _this = this; if ($$$1(this.element).css('display') === 'none') { throw new Error('Please use show on visible elements'); } var showEvent = $$$1.Event(this.constructor.Event.SHOW); if (this.isWithContent() && this._isEnabled) { $$$1(this.element).trigger(showEvent); var isInTheDom = $$$1.contains(this.element.ownerDocument.documentElement, this.element); if (showEvent.isDefaultPrevented() || !isInTheDom) { return; } var tip = this.getTipElement(); var tipId = Util.getUID(this.constructor.NAME); tip.setAttribute('id', tipId); this.element.setAttribute('aria-describedby', tipId); this.setContent(); if (this.config.animation) { $$$1(tip).addClass(ClassName.FADE); } var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement; var attachment = this._getAttachment(placement); this.addAttachmentClass(attachment); var container = this.config.container === false ? document.body : $$$1(this.config.container); $$$1(tip).data(this.constructor.DATA_KEY, this); if (!$$$1.contains(this.element.ownerDocument.documentElement, this.tip)) { $$$1(tip).appendTo(container); } $$$1(this.element).trigger(this.constructor.Event.INSERTED); this._popper = new Popper(this.element, tip, { placement: attachment, modifiers: { offset: { offset: this.config.offset }, flip: { behavior: this.config.fallbackPlacement }, arrow: { element: Selector.ARROW }, preventOverflow: { boundariesElement: this.config.boundary } }, onCreate: function onCreate(data) { if (data.originalPlacement !== data.placement) { _this._handlePopperPlacementChange(data); } }, onUpdate: function onUpdate(data) { _this._handlePopperPlacementChange(data); } }); $$$1(tip).addClass(ClassName.SHOW); // If this is a touch-enabled device we add extra // empty mouseover listeners to the body's immediate children; // only needed because of broken event delegation on iOS // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html if ('ontouchstart' in document.documentElement) { $$$1(document.body).children().on('mouseover', null, $$$1.noop); } var complete = function complete() { if (_this.config.animation) { _this._fixTransition(); } var prevHoverState = _this._hoverState; _this._hoverState = null; $$$1(_this.element).trigger(_this.constructor.Event.SHOWN); if (prevHoverState === HoverState.OUT) { _this._leave(null, _this); } }; if ($$$1(this.tip).hasClass(ClassName.FADE)) { var transitionDuration = Util.getTransitionDurationFromElement(this.tip); $$$1(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); } else { complete(); } } }; _proto.hide = function hide(callback) { var _this2 = this; var tip = this.getTipElement(); var hideEvent = $$$1.Event(this.constructor.Event.HIDE); var complete = function complete() { if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) { tip.parentNode.removeChild(tip); } _this2._cleanTipClass(); _this2.element.removeAttribute('aria-describedby'); $$$1(_this2.element).trigger(_this2.constructor.Event.HIDDEN); if (_this2._popper !== null) { _this2._popper.destroy(); } if (callback) { callback(); } }; $$$1(this.element).trigger(hideEvent); if (hideEvent.isDefaultPrevented()) { return; } $$$1(tip).removeClass(ClassName.SHOW); // If this is a touch-enabled device we remove the extra // empty mouseover listeners we added for iOS support if ('ontouchstart' in document.documentElement) { $$$1(document.body).children().off('mouseover', null, $$$1.noop); } this._activeTrigger[Trigger.CLICK] = false; this._activeTrigger[Trigger.FOCUS] = false; this._activeTrigger[Trigger.HOVER] = false; if ($$$1(this.tip).hasClass(ClassName.FADE)) { var transitionDuration = Util.getTransitionDurationFromElement(tip); $$$1(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration); } else { complete(); } this._hoverState = ''; }; _proto.update = function update() { if (this._popper !== null) { this._popper.scheduleUpdate(); } }; // Protected _proto.isWithContent = function isWithContent() { return Boolean(this.getTitle()); }; _proto.addAttachmentClass = function addAttachmentClass(attachment) { $$$1(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment); }; _proto.getTipElement = function getTipElement() { this.tip = this.tip || $$$1(this.config.template)[0]; return this.tip; }; _proto.setContent = function setContent() { var $tip = $$$1(this.getTipElement()); this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle()); $tip.removeClass(ClassName.FADE + " " + ClassName.SHOW); }; _proto.setElementContent = function setElementContent($element, content) { var html = this.config.html; if (typeof content === 'object' && (content.nodeType || content.jquery)) { // Content is a DOM node or a jQuery if (html) { if (!$$$1(content).parent().is($element)) { $element.empty().append(content); } } else { $element.text($$$1(content).text()); } } else { $element[html ? 'html' : 'text'](content); } }; _proto.getTitle = function getTitle() { var title = this.element.getAttribute('data-original-title'); if (!title) { title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title; } return title; }; // Private _proto._getAttachment = function _getAttachment(placement) { return AttachmentMap[placement.toUpperCase()]; }; _proto._setListeners = function _setListeners() { var _this3 = this; var triggers = this.config.trigger.split(' '); triggers.forEach(function (trigger) { if (trigger === 'click') { $$$1(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, function (event) { return _this3.toggle(event); }); } else if (trigger !== Trigger.MANUAL) { var eventIn = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN; var eventOut = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT; $$$1(_this3.element).on(eventIn, _this3.config.selector, function (event) { return _this3._enter(event); }).on(eventOut, _this3.config.selector, function (event) { return _this3._leave(event); }); } $$$1(_this3.element).closest('.modal').on('hide.bs.modal', function () { return _this3.hide(); }); }); if (this.config.selector) { this.config = _objectSpread({}, this.config, { trigger: 'manual', selector: '' }); } else { this._fixTitle(); } }; _proto._fixTitle = function _fixTitle() { var titleType = typeof this.element.getAttribute('data-original-title'); if (this.element.getAttribute('title') || titleType !== 'string') { this.element.setAttribute('data-original-title', this.element.getAttribute('title') || ''); this.element.setAttribute('title', ''); } }; _proto._enter = function _enter(event, context) { var dataKey = this.constructor.DATA_KEY; context = context || $$$1(event.currentTarget).data(dataKey); if (!context) { context = new this.constructor(event.currentTarget, this._getDelegateConfig()); $$$1(event.currentTarget).data(dataKey, context); } if (event) { context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true; } if ($$$1(context.getTipElement()).hasClass(ClassName.SHOW) || context._hoverState === HoverState.SHOW) { context._hoverState = HoverState.SHOW; return; } clearTimeout(context._timeout); context._hoverState = HoverState.SHOW; if (!context.config.delay || !context.config.delay.show) { context.show(); return; } context._timeout = setTimeout(function () { if (context._hoverState === HoverState.SHOW) { context.show(); } }, context.config.delay.show); }; _proto._leave = function _leave(event, context) { var dataKey = this.constructor.DATA_KEY; context = context || $$$1(event.currentTarget).data(dataKey); if (!context) { context = new this.constructor(event.currentTarget, this._getDelegateConfig()); $$$1(event.currentTarget).data(dataKey, context); } if (event) { context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false; } if (context._isWithActiveTrigger()) { return; } clearTimeout(context._timeout); context._hoverState = HoverState.OUT; if (!context.config.delay || !context.config.delay.hide) { context.hide(); return; } context._timeout = setTimeout(function () { if (context._hoverState === HoverState.OUT) { context.hide(); } }, context.config.delay.hide); }; _proto._isWithActiveTrigger = function _isWithActiveTrigger() { for (var trigger in this._activeTrigger) { if (this._activeTrigger[trigger]) { return true; } } return false; }; _proto._getConfig = function _getConfig(config) { config = _objectSpread({}, this.constructor.Default, $$$1(this.element).data(), typeof config === 'object' && config ? config : {}); if (typeof config.delay === 'number') { config.delay = { show: config.delay, hide: config.delay }; } if (typeof config.title === 'number') { config.title = config.title.toString(); } if (typeof config.content === 'number') { config.content = config.content.toString(); } Util.typeCheckConfig(NAME, config, this.constructor.DefaultType); return config; }; _proto._getDelegateConfig = function _getDelegateConfig() { var config = {}; if (this.config) { for (var key in this.config) { if (this.constructor.Default[key] !== this.config[key]) { config[key] = this.config[key]; } } } return config; }; _proto._cleanTipClass = function _cleanTipClass() { var $tip = $$$1(this.getTipElement()); var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX); if (tabClass !== null && tabClass.length > 0) { $tip.removeClass(tabClass.join('')); } }; _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(data) { this._cleanTipClass(); this.addAttachmentClass(this._getAttachment(data.placement)); }; _proto._fixTransition = function _fixTransition() { var tip = this.getTipElement(); var initConfigAnimation = this.config.animation; if (tip.getAttribute('x-placement') !== null) { return; } $$$1(tip).removeClass(ClassName.FADE); this.config.animation = false; this.hide(); this.show(); this.config.animation = initConfigAnimation; }; // Static Tooltip._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var data = $$$1(this).data(DATA_KEY); var _config = typeof config === 'object' && config; if (!data && /dispose|hide/.test(config)) { return; } if (!data) { data = new Tooltip(this, _config); $$$1(this).data(DATA_KEY, data); } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError("No method named \"" + config + "\""); } data[config](); } }); }; _createClass(Tooltip, null, [{ key: "VERSION", get: function get() { return VERSION; } }, { key: "Default", get: function get() { return Default; } }, { key: "NAME", get: function get() { return NAME; } }, { key: "DATA_KEY", get: function get() { return DATA_KEY; } }, { key: "Event", get: function get() { return Event; } }, { key: "EVENT_KEY", get: function get() { return EVENT_KEY; } }, { key: "DefaultType", get: function get() { return DefaultType; } }]); return Tooltip; }(); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Tooltip._jQueryInterface; $$$1.fn[NAME].Constructor = Tooltip; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Tooltip._jQueryInterface; }; return Tooltip; }($, Popper); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): popover.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var Popover = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'popover'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.popover'; var EVENT_KEY = "." + DATA_KEY; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var CLASS_PREFIX = 'bs-popover'; var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g'); var Default = _objectSpread({}, Tooltip.Default, { placement: 'right', trigger: 'click', content: '', template: '' }); var DefaultType = _objectSpread({}, Tooltip.DefaultType, { content: '(string|element|function)' }); var ClassName = { FADE: 'fade', SHOW: 'show' }; var Selector = { TITLE: '.popover-header', CONTENT: '.popover-body' }; var Event = { HIDE: "hide" + EVENT_KEY, HIDDEN: "hidden" + EVENT_KEY, SHOW: "show" + EVENT_KEY, SHOWN: "shown" + EVENT_KEY, INSERTED: "inserted" + EVENT_KEY, CLICK: "click" + EVENT_KEY, FOCUSIN: "focusin" + EVENT_KEY, FOCUSOUT: "focusout" + EVENT_KEY, MOUSEENTER: "mouseenter" + EVENT_KEY, MOUSELEAVE: "mouseleave" + EVENT_KEY /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var Popover = /*#__PURE__*/ function (_Tooltip) { _inheritsLoose(Popover, _Tooltip); function Popover() { return _Tooltip.apply(this, arguments) || this; } var _proto = Popover.prototype; // Overrides _proto.isWithContent = function isWithContent() { return this.getTitle() || this._getContent(); }; _proto.addAttachmentClass = function addAttachmentClass(attachment) { $$$1(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment); }; _proto.getTipElement = function getTipElement() { this.tip = this.tip || $$$1(this.config.template)[0]; return this.tip; }; _proto.setContent = function setContent() { var $tip = $$$1(this.getTipElement()); // We use append for html objects to maintain js events this.setElementContent($tip.find(Selector.TITLE), this.getTitle()); var content = this._getContent(); if (typeof content === 'function') { content = content.call(this.element); } this.setElementContent($tip.find(Selector.CONTENT), content); $tip.removeClass(ClassName.FADE + " " + ClassName.SHOW); }; // Private _proto._getContent = function _getContent() { return this.element.getAttribute('data-content') || this.config.content; }; _proto._cleanTipClass = function _cleanTipClass() { var $tip = $$$1(this.getTipElement()); var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX); if (tabClass !== null && tabClass.length > 0) { $tip.removeClass(tabClass.join('')); } }; // Static Popover._jQueryInterface = function _jQueryInterface(config) { return this.each(function () { var data = $$$1(this).data(DATA_KEY); var _config = typeof config === 'object' ? config : null; if (!data && /destroy|hide/.test(config)) { return; } if (!data) { data = new Popover(this, _config); $$$1(this).data(DATA_KEY, data); } if (typeof config === 'string') { if (typeof data[config] === 'undefined') { throw new TypeError("No method named \"" + config + "\""); } data[config](); } }); }; _createClass(Popover, null, [{ key: "VERSION", // Getters get: function get() { return VERSION; } }, { key: "Default", get: function get() { return Default; } }, { key: "NAME", get: function get() { return NAME; } }, { key: "DATA_KEY", get: function get() { return DATA_KEY; } }, { key: "Event", get: function get() { return Event; } }, { key: "EVENT_KEY", get: function get() { return EVENT_KEY; } }, { key: "DefaultType", get: function get() { return DefaultType; } }]); return Popover; }(Tooltip); /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $$$1.fn[NAME] = Popover._jQueryInterface; $$$1.fn[NAME].Constructor = Popover; $$$1.fn[NAME].noConflict = function () { $$$1.fn[NAME] = JQUERY_NO_CONFLICT; return Popover._jQueryInterface; }; return Popover; }($); /** * -------------------------------------------------------------------------- * Bootstrap (v4.1.1): scrollspy.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ var ScrollSpy = function ($$$1) { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ var NAME = 'scrollspy'; var VERSION = '4.1.1'; var DATA_KEY = 'bs.scrollspy'; var EVENT_KEY = "." + DATA_KEY; var DATA_API_KEY = '.data-api'; var JQUERY_NO_CONFLICT = $$$1.fn[NAME]; var Default = { offset: 10, method: 'auto', target: '' }; var DefaultType = { offset: 'number', method: 'string', target: '(string|element)' }; var Event = { ACTIVATE: "activate" + EVENT_KEY, SCROLL: "scroll" + EVENT_KEY, LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY }; var ClassName = { DROPDOWN_ITEM: 'dropdown-item', DROPDOWN_MENU: 'dropdown-menu', ACTIVE: 'active' }; var Selector = { DATA_SPY: '[data-spy="scroll"]', ACTIVE: '.active', NAV_LIST_GROUP: '.nav, .list-group', NAV_LINKS: '.nav-link', NAV_ITEMS: '.nav-item', LIST_ITEMS: '.list-group-item', DROPDOWN: '.dropdown', DROPDOWN_ITEMS: '.dropdown-item', DROPDOWN_TOGGLE: '.dropdown-toggle' }; var OffsetMethod = { OFFSET: 'offset', POSITION: 'position' /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ }; var ScrollSpy = /*#__PURE__*/ function () { function ScrollSpy(element, config) { var _this = this; this._element = element; this._scrollElement = element.tagName === 'BODY' ? window : element; this._config = this._getConfig(config); this._selector = this._config.target + " " + Selector.NAV_LINKS + "," + (this._config.target + " " + Selector.LIST_ITEMS + ",") + (this._config.target + " " + Selector.DROPDOWN_ITEMS); this._offsets = []; this._targets = []; this._activeTarget = null; this._scrollHeight = 0; $$$1(this._scrollElement).on(Event.SCROLL, function (event) { return _this._process(event); }); this.refresh(); this._process(); } // Getters var _proto = ScrollSpy.prototype; // Public _proto.refresh = function refresh() { var _this2 = this; var autoMethod = this._scrollElement === this._scrollElement.window ? OffsetMethod.OFFSET : OffsetMethod.POSITION; var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method; var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0; this._offsets = []; this._targets = []; this._scrollHeight = this._getScrollHeight(); var targets = $$$1.makeArray($$$1(this._selector)); targets.map(function (element) { var target; var targetSelector = Util.getSelectorFromElement(element); if (targetSelector) { target = $$$1(targetSelector)[0]; } if (target) { var targetBCR = target.getBoundingClientRect(); if (targetBCR.width || targetBCR.height) { // TODO (fat): remove sketch reliance on jQuery position/offset return [$$$1(target)[offsetMethod]().top + offsetBase, targetSelector]; } } return null; }).filter(function (item) { return item; }).sort(function (a, b) { return a[0] - b[0]; }).forEach(function (item) { _this2._offsets.push(item[0]); _this2._targets.push(item[1]); }); }; _proto.dispose = function dispose() { $$$1.removeData(this._element, DATA_KEY); $$$1(this._scrollElement).off(EVENT_KEY); this._element = null; this._scrollElement = null; this._config = null; this._selector = null; this._offsets = null; this._targets = null; this._activeTarget = null; this._scrollHeight = null; }; // Private _proto._getConfig = function _getConfig(config) { config = _objectSpread({}, Default, typeof config === 'object' && config ? config : {}); if (typeof config.target !== 'string') { var id = $$$1(config.target).attr('id'); if (!id) { id = Util.getUID(NAME); $$$1(config.target).attr('id', id); } config.target = "#" + id; } Util.typeCheckConfig(NAME, config, DefaultType); return config; }; _proto._getScrollTop = function _getScrollTop() { return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop; }; _proto._getScrollHeight = function _getScrollHeight() { return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); }; _proto._getOffsetHeight = function _getOffsetHeight() { return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height; }; _proto._process = function _process() { var scrollTop = this._getScrollTop() + this._config.offset; var scrollHeight = this._getScrollHeight(); var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight(); if (this._scrollHeight !== scrollHeight) { this.refresh(); } if (scrollTop >= maxScroll) { var target = this._targets[this._targets.length - 1]; if (this._activeTarget !== target) { this._activate(target); } return; } if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) { this._activeTarget = null; this._clear(); return; } for (var i = this._offsets.length; i--;) { var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]); if (isActiveTarget) { this._activate(this._targets[i]); } } }; _proto._activate = function _activate(target) { this._activeTarget = target; this._clear(); var queries = this._selector.split(','); // eslint-disable-next-line arrow-body-style queries = queries.map(function (selector) { return selector + "[data-target=\"" + target + "\"]," + (selector + "[href=\"" + target + "\"]"); }); var $link = $$$1(queries.join(',')); if ($link.hasClass(ClassName.DROPDOWN_ITEM)) { $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE); $link.addClass(ClassName.ACTIVE); } else { // Set triggered link as active $link.addClass(ClassName.ACTIVE); // Set triggered links parents as active // With both