Showing preview only (3,752K chars total). Download the full file or copy to clipboard to get everything.
Repository: designmodo/Flat-UI
Branch: master
Commit: cead40a83b12
Files: 108
Total size: 3.6 MB
Directory structure:
gitextract_qedhqdpx/
├── .editorconfig
├── .gitignore
├── CHANGELOG.md
├── LICENSE
├── README.md
├── app/
│ ├── css/
│ │ ├── docs.css
│ │ └── flat-ui.css
│ ├── fonts/
│ │ └── glyphicons/
│ │ └── selection.json
│ ├── index.html
│ ├── scripts/
│ │ └── flat-ui.js
│ └── styles/
│ ├── _mixins.scss
│ ├── _variables.scss
│ ├── flat-ui.scss
│ ├── mixins/
│ │ ├── background-clip.scss
│ │ ├── background-variant.scss
│ │ ├── border-radius.scss
│ │ ├── breakpoints.scss
│ │ ├── buttons.scss
│ │ ├── center-block.scss
│ │ ├── clearfix.scss
│ │ ├── forms.scss
│ │ ├── gradients.scss
│ │ ├── grid.scss
│ │ ├── hide-text.scss
│ │ ├── image.scss
│ │ ├── nav-divider.scss
│ │ ├── navbar-vertical-align.scss
│ │ ├── opacity.scss
│ │ ├── pagination.scss
│ │ ├── palette.scss
│ │ ├── reset-filter.scss
│ │ ├── resize.scss
│ │ ├── responsive-visibility.scss
│ │ ├── select.scss
│ │ ├── size.scss
│ │ ├── switches.scss
│ │ ├── tab-focus.scss
│ │ ├── text-emphasis.scss
│ │ ├── text-overflow.scss
│ │ └── vendor-prefixes.scss
│ └── modules/
│ ├── button-groups.scss
│ ├── buttons.scss
│ ├── code.scss
│ ├── dropdowns.scss
│ ├── footer.scss
│ ├── forms.scss
│ ├── glyphicons.scss
│ ├── input-groups.scss
│ ├── local-fonts.scss
│ ├── login.scss
│ ├── navbar.scss
│ ├── pager.scss
│ ├── pagination.scss
│ ├── palette.scss
│ ├── print.scss
│ ├── progress-bars.scss
│ ├── radiocheck.scss
│ ├── scaffolding.scss
│ ├── select.scss
│ ├── share.scss
│ ├── slider.scss
│ ├── spaces.scss
│ ├── switch.scss
│ ├── tagsinput.scss
│ ├── thumbnails.scss
│ ├── tiles.scss
│ ├── todo-list.scss
│ ├── tooltip.scss
│ ├── type.scss
│ ├── typeahead.scss
│ └── video.scss
├── bower.json
├── dist/
│ ├── css/
│ │ └── flat-ui.css
│ ├── fonts/
│ │ └── glyphicons/
│ │ └── selection.json
│ ├── index.html
│ └── scripts/
│ ├── application.js
│ └── flat-ui.js
├── docs/
│ ├── assets/
│ │ ├── css/
│ │ │ ├── demo.css
│ │ │ ├── docs.css
│ │ │ └── src/
│ │ │ ├── docs.less
│ │ │ └── prettyprint.less
│ │ └── js/
│ │ ├── application.js
│ │ └── prettify.js
│ ├── components.html
│ ├── examples/
│ │ ├── buttons.html
│ │ ├── dropdowns.html
│ │ ├── fileinput.html
│ │ ├── forms.html
│ │ ├── navbar-fixed-top.html
│ │ ├── navbar-static-top.html
│ │ ├── navbars-with-elements.html
│ │ ├── pagination.html
│ │ ├── radiocheck.html
│ │ ├── select.html
│ │ ├── switches.html
│ │ ├── tagsinput.html
│ │ ├── thumbnails.html
│ │ ├── tiles.html
│ │ ├── timepicker.html
│ │ ├── todo-list.html
│ │ ├── typography.html
│ │ └── vertical-slider.html
│ ├── getting-started.html
│ └── template.html
├── gulpfile.js
├── index.html
├── package.json
└── readme license.txt
================================================
FILE CONTENTS
================================================
================================================
FILE: .editorconfig
================================================
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.py]
indent_size = 4
================================================
FILE: .gitignore
================================================
# Ignore docs files
_gh_pages
_site
.ruby-version
# Numerous always-ignore extensions
*.diff
*.err
*.orig
*.log
*.rej
*.swo
*.swp
*.zip
*.vi
*~
# OS or Editor folders
.DS_Store
._*
Thumbs.db
.cache
.project
.settings
.tmproj
*.esproj
nbproject
*.sublime-project
*.sublime-workspace
.idea
.local
.tmp
ehthumbs.db
Desktop.ini
$RECYCLE.BIN/
.AppleDouble
.LSOverride
Icon
.Spotlight-V100
.Trashes
node_server.js
# Komodo
*.komodoproject
.komodotools
# Folders to ignore
node_modules
bower_components
================================================
FILE: CHANGELOG.md
================================================
# Changelog
## 2.4.0
- conversion LESS code to SCSS;
- migration to GULP from GRUNT;
- update of BOWER and NPM modules to the last current versions;
- integration of LIBSASS module for a fast PRE processor compiling;
- update of file directory;
- update to Bootstrap 4;
- optimisation of images;
- update of all FLAT UI components according to the Bootstrap 4 version;
- javascript and jquery libraries updates;
- responsive version for all components;
- update of Component and Template pages;
- update of Documentation;
- update of Getting-Start page.
## 2.2.1
* Fixed issue with dropdowns border-top-radius (https://github.com/designmodo/Flat-UI-Pro-Support/issues/460);
* Fixed conflict issue of jquery-ui and bootstrap button.js (https://github.com/designmodo/Flat-UI-Pro-Support/issues/465);
* Added holder.js library;
* Added test case for typeahead component;
* Typeahead: fixed form-control styling;
* Various small bugfixes and improvements.
## 2.2.0
###Misc
* Bootstrap upgraded to v3.2.0;
* jQuery upgraded to v1.11.1;
* Bower support added (all dependencies are set as packages using bower);
* Grunt support added: now, you can use assembly and testing process automation tools for less/js files, launch a local server or watch process for less compilation on-the-fly (grunt modules: concat, uglify, jshint, jscs, csslint, autoprefixer, csscomb, cssmin, etc.);
* Added 101 template, compiled and minimized js/less file versions are now located in `/dist` directory, you can use them for quick start;
* Documentation is moved to `/docs` folder;
* More examples added (`docs/examples`);
###CSS
####Misc:
* Video player, pagination and tooltip modules remade and updated;
* Helper classes for huge margin/padding .mha, .pha (https://github.com/designmodo/Flat-UI/issues/128);
* Add a variable for `.dl-horizontal`'s offset;
* Add variables for `.pager`;
* Various small bugfixes and improvements.
####Mixins:
* Modularized the mixins into separate files. We now have a mixins directory in our less folder that @imports all the mixins into mixins.less (https://github.com/twbs/bootstrap/pull/12998);
* Refactor scale mixins to ensure both .scale(x) and .scale(x, y) work (https://github.com/twbs/bootstrap/pull/12459);
* Add .animation-fill-mode() mixin (https://github.com/twbs/bootstrap/pull/12855);
####Glyphicons:
* All glyphicons updated;
* New 27 social and 50 other icons added;
* Selection.json file added – now, you can again edit the font with icons using Icomoon service;
####Navbar:
* Add .navbar-link support;
* Correctly reset .btn-link colors in a navbars (https://github.com/twbs/bootstrap/pull/12813);
####Buttons:
* Scope .open button state in .button-variant() mixin to immediate children (https://github.com/twbs/bootstrap/pull/13079);
####Forms:
* Support added for `.feedback-icons` (added to Bootstrap 3.1.0. Note: `.input-icon` no longer supported);
* Add .form-group-sm/-hg/-lg (https://github.com/twbs/bootstrap/pull/13856);
###JS
* Checkbox and radio plugin improved: now, a single plugin is used for both types of elements, more methods and have been added, and the plugin no longer conflicts with AngularJS, css-only styling;
* Fix `.noConflict()` mode for radiocheck plugin (https://github.com/twbs/bootstrap/pull/11966);
* Select improved, now, `select2` library is used instead of `bootstrap-select`;
* Switch redesigned, `bootstrap-switch` updated to v3.0.2;
* Instead of `jquery-tags-input`, `bootstrap-tagsinput` v0.4.2 is now being used.
## 2.1.3
* Bootstrap upgraded to v3.1.0;
* Respond.js upgraded to v1.4.2;
* Optimized file indentations, 2 spaces are now used instead of tabs, `.editorconfig` file is added;
* Added variables font-path, font-name and font-id (https://github.com/twbs/bootstrap/issues/12164) for local fonts and glyphicons;
* Added the ability to change the navbar height through the variables `@navbar-height-base` and `@navbar-height-large`;
* Add `@grid-float-breakpoint-max` to better link navbar behavior across viewports and improve customization when setting `@grid-float-breakpoint` (https://github.com/twbs/bootstrap/issues/11610);
* Add `.small` support to blockquote citations (https://github.com/twbs/bootstrap/pull/11414);
* Reorder the headings with body text and text emphasis classes (https://github.com/twbs/bootstrap/issues/11515);
* Remove color from outline reset for improved outlines on focus (https://github.com/twbs/bootstrap/pull/11551);
* Remove unnecessary prefixes for gradient mixins given our stated browser support (https://github.com/twbs/bootstrap/pull/11694);
* Add line-height to progress bar for proper text alignment within (https://github.com/twbs/bootstrap/issues/10407);
* Use `@screen-xx-xx` variables instead of hardcoded pixel values in modules;
* Enable use of form validation class on `.radio`, `.checkbox`, `.radio-inline`, and `.checkbox-inline` (https://github.com/twbs/bootstrap/issues/10522);
* Add `<kbd>` element styles to indicate user input via keyboard (https://github.com/twbs/bootstrap/issues/11193);
* Add `.animation()` mixins(https://github.com/twbs/bootstrap/issues/11244);
* Prevent the double borders between multiple buttons in an input group (https://github.com/twbs/bootstrap/issues/11435);
* Updated `.scale()` mixin so that it accepts optional vertical scale as second parameter (https://github.com/twbs/bootstrap/issues/11748);
* Don't set `@headings-font-family` to the same font stack as the `<body>`; instead, just use inherit for same default CSS (https://github.com/twbs/bootstrap/issues/11741);
* Add `.make-xs-column` mixins to complement the recently added extra small predefined grid classes (https://github.com/twbs/bootstrap/issues/11829);
* Add and use `.text-emphasis-variant()` mixin for emphasis classes (https://github.com/twbs/bootstrap/issues/12247);
* Add and use `.bg-variant()` mixin to generate background classes (https://github.com/twbs/bootstrap/issues/12248);
* Reset height on `select[multiple]` in `.input-size()` mixin (https://github.com/twbs/bootstrap/issues/12422);
* Account for badges within buttons by matching background to text color and text color to background (https://github.com/twbs/bootstrap/issues/11268);
* Drop the abbr element from the `.initialism` selector (https://github.com/twbs/bootstrap/issues/11277);
* Add `.small` support to blockquote citations (https://github.com/twbs/bootstrap/issues/11414);
* Various small bugfixes and improvements.
## 2.1.2
* Bootstrap upgraded to v3.0.3;
* Navbar completely rewriten, added new states (default, inverse, embossed, large, fixed-top, fixed-bottom, static-top), now you can use basic navbar elements: `.navbar-form`, `.navbar-btn`, `.navbar-text`, `.navbar-link`;
* Forms: added support for `legend`, `.help-block`, fixed rounded search form on iOS, fixed disabled input background and opacity, added support for input-groups;
* Slider: added vertical orientation;
* Various small bugfixes and improvements.
## 2.1.1
* Typography improved (new global variables, padding and margins changed for basic elements, global default font-size now is 18px, with a line-height of 1.722, added support for `<abbr>`, `<address>`, `<code>`, `<pre>`, right-aligned `<blockquote>`);
* Buttons module completely rewritten (new global variables, buttons now require a .btn-default for the standard version, added support for .btn-link);
* Fixed some bugs in `.navbar`;
* Mixins updated (added standard mixins from Bootstrap 3);
* Layout updated for stylized select and dropdown menu;
* Various small bugfixes and improvements.
## 2.1
* Bootstrap upgraded to v3.0;
* Added support for better box model;
* Update html5 video player to version 4.1;
* Added components documentation and startup template;
* Various small bugfixes and improvements.
## 2.0
* Compatibility with Flat UI Pro (Less instead of Sass), Bootstrap upgraded to 2.3.1, grids refinements, various Less compiler bugfixes, Video module bugfix, various small bugfixes.
## 1.1
* New icons, Login screen implemented to a real HTML one. Small bug fixes and refinements.
## 1.0
* Fixed several small IE bugs
================================================
FILE: LICENSE
================================================
Copyright (c) 2013-2018 Designmodo
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
================================================
# [Flat UI Free](https://designmodo.github.io/Flat-UI/)
Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.
To get started, check out [getting started page](https://designmodo.github.io/Flat-UI/docs/getting-started.html) or follow instructions below.
## Links:
+ [Demo Page](https://designmodo.github.io/Flat-UI/)
+ [Download PSD](https://designmodo.com/flat-free/)
## Quick start
Three quick start options are available:
- [Download the latest release](https://github.com/designmodo/Flat-UI/archive/2.3.0.zip).
- Clone the repo: `git clone https://github.com/designmodo/Flat-UI.git`.
- Install with [Bower](http://bower.io): `bower install flat-ui`.
Run `npm install` and `bower install` to install dependencies.
Read the [getting started page](https://designmodo.github.io/Flat-UI/docs/getting-started.html) for information on the framework contents.
Examples: <https://github.com/designmodo/Flat-UI/tree/master/docs/examples>.
### What's included
Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
```
flat-ui/
└── app/
├── css/
├── fonts/
├── images/
├── scripts/
└── styles/
├── mixins/
├── modules/
├── flat-ui.scss
├── _mixins.scss
├── _spaces.scss
└── _variables.scss
├── dist/
├── css/
├── fonts/
├── images/
├── scripts/
├── docs/
├── examples/
├── components.html
├── getting-started.html
├── index.html
└── template.html
```
We provide compiled CSS and JS (`flat-ui.*`), as well as compiled and minified CSS and JS (`flat-ui.min.*`). Fonts with icons are included.
## Documentation
Flat UI's documentation, included in this repo in the docs directory and publicly hosted on GitHub Pages at <https://designmodo.github.io/Flat-UI/docs/components.html>.
## SASS support
If you are interested in SASS source files - you can visit this project made by @wingrunr21:
[Designmodo's Flat-UI ported to SASS with support for Flat-UI Pro](https://github.com/wingrunr21/flat-ui-sass)
## Copyright and license
Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html.
You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our [website](https://designmodo.com).
## Typeface
Flat UI Free is made using the Lato typeface, which can be downloaded for free here: http://www.google.com/webfonts/specimen/Lato
## Designmodo Products
**Postcards - [https://designmodo.com/postcards/](https://designmodo.com/postcards/)**
Create beautiful responsive emails and newsletters with a simple drag & drop. It includes more than 100 modules to
help you create custom emails faster than ever before.
**Slides Framework - [https://designmodo.com/slides/](https://designmodo.com/slides/)**
Slides is a framework based on its own CSS3, JavaScript, and HTML5 language with a unique code and structure that lets you create, with minimum effort, visually captivating websites with a lot of built-in options.
**Startup Framework - [https://designmodo.com/startup/](https://designmodo.com/startup/)**
Startup Framework is based on Bootstrap and help you to create beautiful and responsive websites. Build your website quickly with an intuitive and easy-to-use drag and drop interface.
## Other Resources:
**[Bootstrap Templates](https://designmodo.com/bootstrap-templates/)**
**[Email HTML Templates](https://designmodo.com/email-templates/)**
**[Website Templates](https://designmodo.com/website-templates/)**
## Designmodo Projects
- [Pulsetic.com - Website Monitoring Tool](https://pulsetic.com/) - Check if website is down https://pulsetic.com/is-website-down/
- [Static.app - Static Website Hosting](https://static.app/)
- [Siter.io - No Code Website Builder](https://siter.io/)
**Social Media:**
Twitter: <http://www.twitter.com/designmodo>
Facebook: <http://www.facebook.com/designmodo>
================================================
FILE: app/css/docs.css
================================================
/* Prettyfy Theme */
.prettyprint {
background-color: #F7F7F9;
font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
border: 2px solid #E1E1E8;
padding: 15px 21px;
}
.pln {
color: #333333;
}
@media screen {
.str {
color: #dd1144;
}
.kwd {
color: #333333;
}
.com {
color: #999988;
}
.typ {
color: #445588;
}
.lit {
color: #445588;
}
.pun {
color: #333333;
}
.opn {
color: #333333;
}
.clo {
color: #333333;
}
.tag {
color: navy;
}
.atn {
color: teal;
}
.atv {
color: #dd1144;
}
.dec {
color: #333333;
}
.var {
color: teal;
}
.fun {
color: #990000;
}
}
@media print, projection {
.str {
color: #006600;
}
.kwd {
color: #006;
font-weight: bold;
}
.com {
color: #600;
font-style: italic;
}
.typ {
color: #404;
font-weight: bold;
}
.lit {
color: #004444;
}
.pun,
.opn,
.clo {
color: #444400;
}
.tag {
color: #006;
font-weight: bold;
}
.atn {
color: #440044;
}
.atv {
color: #006600;
}
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin-top: 0;
margin-bottom: 0;
}
.docs-example-popovers {
position: relative;
margin: -20px -20px 0;
}
.docs-example-popovers:before,
.docs-example-popovers:after {
content: " ";
display: table;
}
.docs-example-popovers:after {
clear: both;
}
.docs-example-popovers .popover {
display: block;
float: left;
margin: 20px;
position: relative;
width: 260px;
}
.demo-headline {
color: #1abc9c;
font: 700 118px/1.1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
margin-bottom: 50px;
padding: 40px 0;
text-align: center;
word-wrap: break-word;
margin-top: 2px;
}
.demo-row {
margin: 0 auto;
padding: 0 20px 50px;
width: 940px;
}
.demo-row:before,
.demo-row:after {
content: " ";
display: table;
}
.demo-row:after {
clear: both;
}
.demo-row .demo-heading-note,
.demo-row .demo-text-note {
display: block;
width: 260px;
position: absolute;
bottom: 10px;
left: 0;
font-size: 13px;
line-height: 13px;
color: #c0c1c2;
font-weight: 400;
}
.demo-row .demo-text-note {
bottom: auto;
top: 10px;
}
.demo-row.menu-row {
padding: 50px 20px 10px;
}
.demo-row.typography-row .demo-content {
float: none;
margin-left: 20px;
padding-top: 0;
width: auto;
clear: both;
}
.demo-row.typography-row .demo-type-example {
padding-left: 265px;
margin-bottom: 40px;
position: relative;
}
.demo-col {
float: left;
margin: 0 20px;
width: 270px;
}
.demo-content {
float: left;
margin-left: 20px;
width: 580px;
}
.demo-content.demo-content-article p {
margin-bottom: 20px;
}
.demo-content.demo-content-article ul {
list-style-type: none;
margin-left: 0;
}
.demo-content.demo-content-article li {
line-height: 35px;
padding: 0 0 5px;
}
.demo-content-wide {
clear: both;
margin: 0 20px;
}
.demo-content-wide:before,
.demo-content-wide:after {
content: " ";
display: table;
}
.demo-content-wide:after {
clear: both;
}
.demo-title {
float: left;
margin: -0.5em 20px 0;
width: 240px;
font: 700 24.5px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.demo-title h1,
.demo-title h2,
.demo-title h3,
.demo-title h4 {
margin-top: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.demo-title h1,
.demo-title h2,
.demo-title h3 {
line-height: 40px !important;
}
.demo-title h3 {
font-size: 24.5px !important;
}
.demo-title small {
color: #c0c1c2;
font-size: 13px;
font-weight: 400;
}
.demo-buttons .btn,
.demo-inputs .control-group {
margin-bottom: 20px;
}
.demo-navigation .demo-title {
margin-top: 10px;
}
.demo-pager {
margin-top: -10px;
}
.demo-tooltips {
width: 40%;
}
/*.demo-tooltips .tooltip {
left: -8px !important;
position: relative !important;
top: -8px !important;
}
.demo-tooltips .tooltip-inner {
max-width: 100%;
width: auto;
}*/
.demo-popovers .popover {
display: block;
margin: 0 13px 0 -3px;
position: relative;
width: auto;
}
.demo-social-buttons .btn {
clear: left;
float: left;
margin-bottom: 17px;
}
.demo-headings {
margin-bottom: 12px;
}
.demo-tiles {
margin-bottom: 46px;
}
.demo-icons {
font-size: 32px;
margin-left: -15px;
}
.demo-icons > span {
display: inline-block;
margin: 0 0 32px 35px;
width: 32px;
}
@media (max-width: 480px) {
.demo-icons > span {
margin-left: 16px;
margin-right: 16px;
}
}
.demo-icons-tooltip {
bottom: 0;
color: #c2c8cf;
font-size: 12px;
left: 100%;
margin-left: 0 !important;
position: absolute;
width: 80px;
}
.demo-inline {
display: inline-block;
}
.demo-labels {
font-size: 19px;
}
.demo-labels .visible-lg {
display: inline !important;
}
@media (max-width: 767px) {
.demo-labels .visible-lg {
display: none !important;
}
}
.demo-illustrations {
margin-top: 40px;
}
.demo-illustrations .demo-content-wide {
margin: 0 0 0 -66px;
padding-top: 20px;
}
.demo-illustrations .demo-content-wide > div {
float: left;
width: 100px;
height: 100px;
line-height: 100px;
margin: 0 0 80px 87px;
text-align: center;
vertical-align: middle;
}
.demo-illustrations img {
display: inline-block;
max-height: 100px;
max-width: 100px;
vertical-align: middle;
}
.demo-dialog {
padding: 13px 20px 15px;
}
.demo-dialog .flat {
width: 300px;
}
@media (max-width: 767px) {
.demo-dialog .flat {
width: 100%;
}
}
.static-modal-backdrop {
background-color: #243342;
padding: 62px 14px;
margin-bottom: 50px;
width: 100%;
}
.static-modal-backdrop .modal {
bottom: auto;
display: block;
position: relative;
top: auto;
z-index: 1;
overflow: hidden;
padding-bottom: 20px;
}
.static-modal-backdrop .modal-dialog {
padding: 0;
}
.components-static-modal .modal {
bottom: auto;
display: block;
left: auto;
position: relative;
top: auto;
z-index: 1;
overflow: visible;
}
.components-static-modal .modal-dialog,
.components-static-modal .modal-content {
width: auto;
}
.components-static-modal .modal-dialog {
padding: 0;
}
.demo-sidebar {
font-size: 14px;
line-height: 1.214;
height: 100%;
left: 0;
margin: 0;
list-style-type: none;
overflow: auto;
position: fixed;
top: 0;
padding: 0;
width: 150px;
z-index: 10000;
background-color: #f3f4f5;
-webkit-font-smoothing: subpixel-antialiased;
}
.demo-sidebar li:first-child a {
padding-top: 20px;
}
.demo-sidebar a {
display: block;
padding: 7px 20px;
}
.demo-col .fileinput .input-group .uneditable-input {
max-width: 370px;
}
@media (max-width: 767px) {
.demo-row {
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
width: auto;
}
.demo-col,
.demo-content,
.demo-content-wide,
.demo-title {
float: none;
margin: 0 0 18px !important;
padding: 0 !important;
width: auto;
}
.demo-headline {
font-size: 65px !important;
text-align: left;
padding-left: 15px;
padding-right: 15px;
}
.demo-inline {
display: block;
}
.demo-navigation .btn-toolbar {
margin: 0;
}
.demo-navigation .pager {
display: block;
margin-left: 0 !important;
margin-bottom: 20px;
}
.typography-row .demo-type-example {
padding-left: 0 !important;
}
.typography-row .demo-heading-note,
.typography-row .demo-text-note {
position: static !important;
margin: 0 0 10px;
}
.demo-illustrations .demo-content-wide > div {
margin-left: 67px;
}
}
/* Demo video */
.demo-video {
margin-top: 40px;
}
@media (max-width: 480px) {
.demo-illustrations .demo-content-wide > div {
margin-left: 23px;
}
.demo-navigation .mll.pvl {
padding: 0;
margin-left: 0 !important;
margin-bottom: 20px;
}
}
================================================
FILE: app/css/flat-ui.css
================================================
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/lato-black.eot");
src: url("../fonts/lato/lato-black.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-black.woff") format("woff"), url("../fonts/lato/lato-black.ttf") format("truetype"), url("../fonts/lato/lato-black.svg#latoblack") format("svg");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/lato-bold.eot");
src: url("../fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-bold.woff") format("woff"), url("../fonts/lato/lato-bold.ttf") format("truetype"), url("../fonts/lato/lato-bold.svg#latobold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/lato-bolditalic.eot");
src: url("../fonts/lato/lato-bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-bolditalic.woff") format("woff"), url("../fonts/lato/lato-bolditalic.ttf") format("truetype"), url("../fonts/lato/lato-bolditalic.svg#latobold-italic") format("svg");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/lato-italic.eot");
src: url("../fonts/lato/lato-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-italic.woff") format("woff"), url("../fonts/lato/lato-italic.ttf") format("truetype"), url("../fonts/lato/lato-italic.svg#latoitalic") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/lato-light.eot");
src: url("../fonts/lato/lato-light.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-light.woff") format("woff"), url("../fonts/lato/lato-light.ttf") format("truetype"), url("../fonts/lato/lato-light.svg#latolight") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/lato-regular.eot");
src: url("../fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-regular.woff") format("woff"), url("../fonts/lato/lato-regular.ttf") format("truetype"), url("../fonts/lato/lato-regular.svg#latoregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Flat-UI-Pro-Icons';
src: url("../fonts/glyphicons/flat-ui-pro-icons-regular.eot");
src: url("../fonts/glyphicons/flat-ui-pro-icons-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons/flat-ui-pro-icons-regular.woff") format("woff"), url("../fonts/glyphicons/flat-ui-pro-icons-regular.ttf") format("truetype"), url("../fonts/glyphicons/flat-ui-pro-icons-regular.svg#flat-ui-pro-icons-regular") format("svg");
}
[class^="fui-"],
[class*="fui-"] {
font-family: 'Flat-UI-Pro-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fui-triangle-up:before {
content: "\e600";
}
.fui-triangle-down:before {
content: "\e601";
}
.fui-triangle-up-small:before {
content: "\e602";
}
.fui-triangle-down-small:before {
content: "\e603";
}
.fui-triangle-left-large:before {
content: "\e604";
}
.fui-triangle-right-large:before {
content: "\e605";
}
.fui-arrow-left:before {
content: "\e606";
}
.fui-arrow-right:before {
content: "\e607";
}
.fui-plus:before {
content: "\e608";
}
.fui-cross:before {
content: "\e609";
}
.fui-check:before {
content: "\e60a";
}
.fui-radio-unchecked:before {
content: "\e60b";
}
.fui-radio-checked:before {
content: "\e60c";
}
.fui-checkbox-unchecked:before {
content: "\e60d";
}
.fui-checkbox-checked:before {
content: "\e60e";
}
.fui-info-circle:before {
content: "\e60f";
}
.fui-alert-circle:before {
content: "\e610";
}
.fui-question-circle:before {
content: "\e611";
}
.fui-check-circle:before {
content: "\e612";
}
.fui-cross-circle:before {
content: "\e613";
}
.fui-plus-circle:before {
content: "\e614";
}
.fui-pause:before {
content: "\e615";
}
.fui-play:before {
content: "\e616";
}
.fui-volume:before {
content: "\e617";
}
.fui-mute:before {
content: "\e618";
}
.fui-resize:before {
content: "\e619";
}
.fui-list:before {
content: "\e61a";
}
.fui-list-thumbnailed:before {
content: "\e61b";
}
.fui-list-small-thumbnails:before {
content: "\e61c";
}
.fui-list-large-thumbnails:before {
content: "\e61d";
}
.fui-list-numbered:before {
content: "\e61e";
}
.fui-list-columned:before {
content: "\e61f";
}
.fui-list-bulleted:before {
content: "\e620";
}
.fui-window:before {
content: "\e621";
}
.fui-windows:before {
content: "\e622";
}
.fui-loop:before {
content: "\e623";
}
.fui-cmd:before {
content: "\e624";
}
.fui-mic:before {
content: "\e625";
}
.fui-heart:before {
content: "\e626";
}
.fui-location:before {
content: "\e627";
}
.fui-new:before {
content: "\e628";
}
.fui-video:before {
content: "\e629";
}
.fui-photo:before {
content: "\e62a";
}
.fui-time:before {
content: "\e62b";
}
.fui-eye:before {
content: "\e62c";
}
.fui-chat:before {
content: "\e62d";
}
.fui-home:before {
content: "\e62e";
}
.fui-upload:before {
content: "\e62f";
}
.fui-search:before {
content: "\e630";
}
.fui-user:before {
content: "\e631";
}
.fui-mail:before {
content: "\e632";
}
.fui-lock:before {
content: "\e633";
}
.fui-power:before {
content: "\e634";
}
.fui-calendar:before {
content: "\e635";
}
.fui-gear:before {
content: "\e636";
}
.fui-bookmark:before {
content: "\e637";
}
.fui-exit:before {
content: "\e638";
}
.fui-trash:before {
content: "\e639";
}
.fui-folder:before {
content: "\e63a";
}
.fui-bubble:before {
content: "\e63b";
}
.fui-export:before {
content: "\e63c";
}
.fui-calendar-solid:before {
content: "\e63d";
}
.fui-star:before {
content: "\e63e";
}
.fui-star-2:before {
content: "\e63f";
}
.fui-credit-card:before {
content: "\e640";
}
.fui-clip:before {
content: "\e641";
}
.fui-link:before {
content: "\e642";
}
.fui-tag:before {
content: "\e643";
}
.fui-document:before {
content: "\e644";
}
.fui-image:before {
content: "\e645";
}
.fui-facebook:before {
content: "\e646";
}
.fui-youtube:before {
content: "\e647";
}
.fui-vimeo:before {
content: "\e648";
}
.fui-twitter:before {
content: "\e649";
}
.fui-spotify:before {
content: "\e64a";
}
.fui-skype:before {
content: "\e64b";
}
.fui-pinterest:before {
content: "\e64c";
}
.fui-path:before {
content: "\e64d";
}
.fui-linkedin:before {
content: "\e64e";
}
.fui-google-plus:before {
content: "\e64f";
}
.fui-dribbble:before {
content: "\e650";
}
.fui-behance:before {
content: "\e651";
}
.fui-stumbleupon:before {
content: "\e652";
}
.fui-yelp:before {
content: "\e653";
}
.fui-wordpress:before {
content: "\e654";
}
.fui-windows-8:before {
content: "\e655";
}
.fui-vine:before {
content: "\e656";
}
.fui-tumblr:before {
content: "\e657";
}
.fui-paypal:before {
content: "\e658";
}
.fui-lastfm:before {
content: "\e659";
}
.fui-instagram:before {
content: "\e65a";
}
.fui-html5:before {
content: "\e65b";
}
.fui-github:before {
content: "\e65c";
}
.fui-foursquare:before {
content: "\e65d";
}
.fui-dropbox:before {
content: "\e65e";
}
.fui-android:before {
content: "\e65f";
}
.fui-apple:before {
content: "\e660";
}
* {
outline: none !important;
}
body {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1.72222;
color: #34495e;
background-color: #fff;
}
a {
color: #16a085;
text-decoration: none;
transition: .25s;
}
a:hover, a:focus {
color: #1abc9c;
text-decoration: none;
}
a:focus {
outline: none;
}
img {
max-width: 100%;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.72222;
background-color: #fff;
border: 2px solid #bdc3c7;
border-radius: 6px;
transition: all .25s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-comment {
font-size: 15px;
line-height: 1.2;
font-style: italic;
margin: 24px 0;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 700;
line-height: 1.1;
color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
color: #e7e9ec;
}
h1,
h2,
h3 {
margin-top: 30px;
margin-bottom: 15px;
}
h4,
h5,
h6 {
margin-top: 15px;
margin-bottom: 15px;
}
h6 {
font-weight: normal;
}
h1, .h1 {
font-size: 61px;
}
h2, .h2 {
font-size: 53px;
}
h3, .h3 {
font-size: 40px;
}
h4, .h4 {
font-size: 29px;
}
h5, .h5 {
font-size: 28px;
}
h6, .h6 {
font-size: 24px;
}
p {
font-size: 18px;
line-height: 1.72222;
margin: 0 0 15px;
}
.lead {
margin-bottom: 30px;
font-size: 28px;
line-height: 1.46428571;
font-weight: 300;
}
@media (min-width: 768px) {
.lead {
font-size: 30.006px;
}
}
small,
.small {
font-size: 83%;
line-height: 2.067;
}
.text-muted {
color: #bdc3c7;
}
.text-inverse {
color: white;
}
.text-primary {
color: #1abc9c !important;
}
a.text-primary:hover {
color: #148f77;
}
.text-warning {
color: #f1c40f !important;
}
a.text-warning:hover {
color: #c29d0b;
}
.text-danger {
color: #e74c3c !important;
}
a.text-danger:hover {
color: #d62c1a;
}
.text-success {
color: #2ecc71 !important;
}
a.text-success:hover {
color: #25a25a;
}
.text-info {
color: #3498db !important;
}
a.text-info:hover {
color: #217dbb;
}
.bg-primary {
color: white;
background-color: #34495e;
}
a.bg-primary:hover {
background-color: #22303d;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 14px;
margin: 60px 0 30px;
border-bottom: 2px solid #e7e9ec;
}
ul,
ol {
margin-bottom: 15px;
}
dl {
margin-bottom: 30px;
}
dt,
dd {
line-height: 1.72222;
}
@media (min-width: 768px) {
.dl-horizontal dt {
width: 160px;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
border-bottom: 1px dotted #bdc3c7;
}
blockquote {
border-left: 3px solid #e7e9ec;
padding: 0 0 0 16px;
margin: 0 0 30px;
}
blockquote p {
font-size: 20px;
line-height: 1.55;
font-weight: normal;
margin-bottom: .4em;
}
blockquote small,
blockquote .small {
font-size: 18px;
line-height: 1.72222;
font-style: italic;
color: inherit;
}
blockquote small:before,
blockquote .small:before {
content: "";
}
blockquote.pull-right {
padding-right: 16px;
padding-left: 0;
border-right: 3px solid #e7e9ec;
border-left: 0;
}
blockquote.pull-right small:after {
content: "";
}
address {
margin-bottom: 30px;
line-height: 1.72222;
}
sub,
sup {
font-size: 70%;
}
code,
kbd,
pre,
samp {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
padding: 2px 6px;
font-size: 85%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 6px;
font-size: 85%;
color: white;
background-color: #34495e;
border-radius: 4px;
box-shadow: none;
}
pre {
padding: 8px;
margin: 0 0 15px;
font-size: 13px;
line-height: 1.72222;
color: inherit;
background-color: white;
border: 2px solid #e7e9ec;
border-radius: 6px;
white-space: pre;
}
.pre-scrollable {
max-height: 340px;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 5px;
line-height: 1.72222;
background-color: #fff;
border: 2px solid #bdc3c7;
border-radius: 6px;
transition: border .25s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.thumbnail a:hover, .thumbnail a:focus, .thumbnail a.active {
border-color: #16a085;
}
.thumbnail .caption {
padding: 9px;
color: #34495e;
}
.btn {
border: none;
font-size: 15px;
font-weight: normal;
line-height: 1.4;
border-radius: 4px;
padding: 10px 15px;
-webkit-font-smoothing: subpixel-antialiased;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.btn:hover, .btn:focus {
outline: none;
color: white;
}
.btn:active, .btn.active {
outline: none;
box-shadow: none;
}
.btn:focus:active {
outline: none;
}
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
background-color: #bdc3c7;
color: rgba(255, 255, 255, 0.75);
opacity: 0.7;
filter: "alpha(opacity=70)";
cursor: not-allowed;
}
.btn [class^="fui-"] {
margin: 0 1px;
position: relative;
line-height: 1;
top: 1px;
}
.btn-xs.btn [class^="fui-"], .btn-group-xs > .btn [class^="fui-"] {
font-size: 11px;
top: 0;
}
.btn-hg.btn [class^="fui-"], .btn-group-hg > .btn [class^="fui-"] {
top: 2px;
}
.btn-default {
color: white;
background-color: #bdc3c7;
}
.show > .dropdown-toggle.btn-default, .btn-default:hover, .btn-default.hover, .btn-default:focus, .btn-default:active, .btn-default.active {
color: white;
background-color: #cacfd2;
border-color: #cacfd2;
}
.show > .dropdown-toggle.btn-default, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active {
background: #a1a6a9;
border-color: #a1a6a9;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled.hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled].hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default.hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.btn-default .badge {
color: #bdc3c7;
background-color: white;
}
.btn-primary {
color: white;
background-color: #1abc9c;
}
.show > .dropdown-toggle.btn-primary, .btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
color: white;
background-color: #48c9b0;
border-color: #48c9b0;
}
.show > .dropdown-toggle.btn-primary, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
background: #16a085;
border-color: #16a085;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled.hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled].hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary.hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #bdc3c7;
border-color: #1abc9c;
}
.btn-primary .badge {
color: #1abc9c;
background-color: white;
}
.btn-info {
color: white;
background-color: #3498db;
}
.show > .dropdown-toggle.btn-info, .btn-info:hover, .btn-info.hover, .btn-info:focus, .btn-info:active, .btn-info.active {
color: white;
background-color: #5dade2;
border-color: #5dade2;
}
.show > .dropdown-toggle.btn-info, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
background: #2c81ba;
border-color: #2c81ba;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled.hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled].hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info.hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #bdc3c7;
border-color: #3498db;
}
.btn-info .badge {
color: #3498db;
background-color: white;
}
.btn-danger {
color: white;
background-color: #e74c3c;
}
.show > .dropdown-toggle.btn-danger, .btn-danger:hover, .btn-danger.hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
color: white;
background-color: #ec7063;
border-color: #ec7063;
}
.show > .dropdown-toggle.btn-danger, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
background: #c44133;
border-color: #c44133;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled.hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled].hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger.hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #bdc3c7;
border-color: #e74c3c;
}
.btn-danger .badge {
color: #e74c3c;
background-color: white;
}
.btn-success {
color: white;
background-color: #2ecc71;
}
.show > .dropdown-toggle.btn-success, .btn-success:hover, .btn-success.hover, .btn-success:focus, .btn-success:active, .btn-success.active {
color: white;
background-color: #58d68d;
border-color: #58d68d;
}
.show > .dropdown-toggle.btn-success, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
background: #27ad60;
border-color: #27ad60;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled.hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled].hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success.hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #bdc3c7;
border-color: #2ecc71;
}
.btn-success .badge {
color: #2ecc71;
background-color: white;
}
.btn-warning {
color: white;
background-color: #f1c40f;
}
.show > .dropdown-toggle.btn-warning, .btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
color: white;
background-color: #f4d313;
border-color: #f4d313;
}
.show > .dropdown-toggle.btn-warning, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
background: #cda70d;
border-color: #cda70d;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled.hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled].hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning.hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #bdc3c7;
border-color: #f1c40f;
}
.btn-warning .badge {
color: #f1c40f;
background-color: white;
}
.btn-inverse {
color: white;
background-color: #34495e;
}
.show > .dropdown-toggle.btn-inverse, .btn-inverse:hover, .btn-inverse.hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
color: white;
background-color: #415b76;
border-color: #415b76;
}
.show > .dropdown-toggle.btn-inverse, .btn-inverse:not(:disabled):not(.disabled):active, .btn-inverse:not(:disabled):not(.disabled).active {
background: #2c3e50;
border-color: #2c3e50;
}
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled.hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled].hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse.hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
background-color: #bdc3c7;
border-color: #34495e;
}
.btn-inverse .badge {
color: #34495e;
background-color: white;
}
.btn-embossed {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-embossed.active, .btn-embossed:active {
box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.btn-wide {
min-width: 140px;
padding-left: 30px;
padding-right: 30px;
}
.btn-link {
color: #16a085;
}
.btn-link:hover, .btn-link:focus {
color: #1abc9c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #bdc3c7;
text-decoration: none;
}
.btn-hg, .btn-group-hg > .btn {
padding: 13px 20px;
font-size: 22px;
line-height: 1.227;
border-radius: 6px;
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 19px;
font-size: 17px;
line-height: 1.471;
border-radius: 6px;
}
.btn-sm, .btn-group-sm > .btn {
padding: 9px 13px;
font-size: 13px;
line-height: 1.385;
border-radius: 4px;
}
.btn-xs, .btn-group-xs > .btn {
padding: 6px 9px;
font-size: 12px;
line-height: 1.083;
border-radius: 3px;
}
@media (max-width: 767.98px) {
.btn-reduce-on-xs {
padding: 9px 13px;
font-size: 13px;
line-height: 1.385;
border-radius: 4px;
}
}
.btn-tip {
font-weight: 300;
padding-left: 10px;
font-size: 92%;
}
.btn-block {
white-space: normal;
}
[class*="btn-social-"] {
padding: 10px 15px;
font-size: 13px;
line-height: 1.077;
border-radius: 4px;
}
.btn-social-pinterest {
color: white;
background-color: #cb2028;
}
.btn-social-pinterest:hover, .btn-social-pinterest:focus {
background-color: #d54d53;
}
.btn-social-pinterest:active, .btn-social-pinterest.active {
background-color: #ad1b22;
}
.btn-social-linkedin {
color: white;
background-color: #0072b5;
}
.btn-social-linkedin:hover, .btn-social-linkedin:focus {
background-color: #338ec4;
}
.btn-social-linkedin:active, .btn-social-linkedin.active {
background-color: #00619a;
}
.btn-social-stumbleupon {
color: white;
background-color: #ed4a13;
}
.btn-social-stumbleupon:hover, .btn-social-stumbleupon:focus {
background-color: #f16e42;
}
.btn-social-stumbleupon:active, .btn-social-stumbleupon.active {
background-color: #c93f10;
}
.btn-social-googleplus {
color: white;
background-color: #2d2d2d;
}
.btn-social-googleplus:hover, .btn-social-googleplus:focus {
background-color: #575757;
}
.btn-social-googleplus:active, .btn-social-googleplus.active {
background-color: #262626;
}
.btn-social-facebook {
color: white;
background-color: #2f4b93;
}
.btn-social-facebook:hover, .btn-social-facebook:focus {
background-color: #596fa9;
}
.btn-social-facebook:active, .btn-social-facebook.active {
background-color: #28407d;
}
.btn-social-twitter {
color: white;
background-color: #00bdef;
}
.btn-social-twitter:hover, .btn-social-twitter:focus {
background-color: #33caf2;
}
.btn-social-twitter:active, .btn-social-twitter.active {
background-color: #00a1cb;
}
.btn-group > .btn + .btn {
margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle {
border-left: 2px solid rgba(52, 73, 94, 0.15);
padding: 10px 12px;
}
.btn-group > .btn + .dropdown-toggle:after {
margin-left: 3px;
margin-right: 3px;
}
.btn-group > .btn.btn-gh + .dropdown-toggle .caret {
margin-left: 7px;
margin-right: 7px;
}
.btn-group-xs > .btn + .dropdown-toggle {
padding: 6px 9px;
}
.btn-group-sm > .btn + .dropdown-toggle {
padding: 9px 13px;
}
.btn-group-lg > .btn + .dropdown-toggle {
padding: 10px 19px;
}
.btn-group-hg > .btn + .dropdown-toggle {
padding: 13px 20px;
}
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 8px 6px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 6px 8px;
}
.dropup .btn-xs .caret, .dropup .btn-group-xs > .btn .caret {
border-width: 0 4px 6px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .select2-drop,
.btn-group > .popover {
font-weight: 400;
}
.btn-group:focus .dropdown-toggle {
outline: none;
transition: .25s;
}
.btn-group.show .dropdown-toggle {
color: rgba(255, 255, 255, 0.75);
box-shadow: none;
}
.btn-toolbar .btn.active {
color: white;
}
.btn-toolbar .btn > [class^="fui-"] {
font-size: 16px;
margin: 0 1px;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 15px;
font-size: 24px;
line-height: inherit;
color: inherit;
border-bottom: none;
}
textarea {
font-size: 20px;
line-height: 24px;
padding: 5px 11px;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none !important;
}
label {
font-weight: normal;
font-size: 15px;
line-height: 2.3;
}
.form-control::-moz-placeholder, .select2-search input[type="text"]::-moz-placeholder {
color: #b2bcc5;
opacity: 1;
}
.form-control:-ms-input-placeholder, .select2-search input[type="text"]:-ms-input-placeholder {
color: #b2bcc5;
}
.form-control::-webkit-input-placeholder, .select2-search input[type="text"]::-webkit-input-placeholder {
color: #b2bcc5;
}
.form-control, .select2-search input[type="text"] {
border: 2px solid #bdc3c7;
color: #34495e;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.467;
padding: 8px 12px;
height: 42px;
border-radius: 6px;
box-shadow: none;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.form-group.focus .form-control, .form-group.focus .select2-search input[type="text"], .select2-search .form-group.focus input[type="text"], .form-control:focus, .select2-search input[type="text"]:focus {
border-color: #1abc9c;
outline: 0;
box-shadow: none;
}
.form-control[disabled], .select2-search input[disabled][type="text"], .form-control[readonly], .select2-search input[readonly][type="text"],
fieldset[disabled] .form-control,
fieldset[disabled] .select2-search input[type="text"], .select2-search
fieldset[disabled] input[type="text"] {
background-color: #f4f6f6;
border-color: #d5dbdb;
color: #d5dbdb;
cursor: default;
opacity: 0.7;
filter: "alpha(opacity=70)";
}
.form-control.flat, .select2-search input.flat[type="text"] {
border-color: transparent;
}
.form-control.flat:hover, .select2-search input.flat[type="text"]:hover {
border-color: #bdc3c7;
}
.form-control.flat:focus, .select2-search input.flat[type="text"]:focus {
border-color: #1abc9c;
}
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-text,
.input-group-sm > .input-group-btn > .btn, .select2-search input[type="text"],
.form-group-sm .form-control,
.form-group-sm .select2-search input[type="text"], .select2-search
.form-group-sm input[type="text"] {
height: 35px;
padding: 6px 10px;
font-size: 13px;
line-height: 1.462;
border-radius: 6px;
}
.input-lg, .input-group-lg > .form-control, .select2-search .input-group-lg > input[type="text"],
.input-group-lg > .input-group-text,
.input-group-lg > .input-group-btn > .btn,
.form-group-lg .form-control,
.form-group-lg .select2-search input[type="text"], .select2-search
.form-group-lg input[type="text"] {
height: 45px;
padding: 10px 15px;
font-size: 17px;
line-height: 1.235;
border-radius: 6px;
}
.input-hg, .form-horizontal .form-group-hg .form-control, .form-horizontal .form-group-hg .select2-search input[type="text"], .select2-search .form-horizontal .form-group-hg input[type="text"], .input-group-hg > .form-control, .select2-search .input-group-hg > input[type="text"],
.input-group-hg > .input-group-text,
.input-group-hg > .input-group-btn > .btn,
.form-group-hg .form-control,
.form-group-hg .select2-search input[type="text"], .select2-search
.form-group-hg input[type="text"] {
height: 53px;
padding: 10px 16px;
font-size: 22px;
line-height: 1.318;
border-radius: 6px;
}
.form-control-feedback {
position: absolute;
top: 2px;
right: 2px;
margin-top: 1px;
line-height: 36px;
font-size: 17px;
color: #b2bcc5;
background-color: transparent;
padding: 0 12px 0 0;
border-radius: 6px;
pointer-events: none;
}
.input-hg + .form-control-feedback, .form-horizontal .form-group-hg .form-control + .form-control-feedback, .form-horizontal .form-group-hg .select2-search input[type="text"] + .form-control-feedback, .select2-search .form-horizontal .form-group-hg input[type="text"] + .form-control-feedback, .input-group-hg > .form-control + .form-control-feedback, .select2-search .input-group-hg > input[type="text"] + .form-control-feedback,
.input-group-hg > .input-group-text + .form-control-feedback,
.input-group-hg > .input-group-btn > .btn + .form-control-feedback,
.control-feedback-hg {
font-size: 20px;
line-height: 48px;
padding-right: 16px;
width: auto;
height: 48px;
}
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .select2-search .input-group-lg > input[type="text"] + .form-control-feedback,
.input-group-lg > .input-group-text + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.control-feedback-lg {
font-size: 18px;
line-height: 40px;
width: auto;
height: 40px;
padding-right: 15px;
}
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .select2-search .input-group-sm > input[type="text"] + .form-control-feedback,
.input-group-sm > .input-group-text + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback, .select2-search input[type="text"] + .form-control-feedback,
.control-feedback-sm {
line-height: 29px;
height: 29px;
width: auto;
padding-right: 10px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #2ecc71;
}
.has-success .form-control, .has-success .select2-search input[type="text"], .select2-search .has-success input[type="text"] {
color: #2ecc71;
border-color: #2ecc71;
box-shadow: none;
}
.has-success .form-control::-moz-placeholder, .has-success .select2-search input[type="text"]::-moz-placeholder, .select2-search .has-success input[type="text"]::-moz-placeholder {
color: #2ecc71;
opacity: 1;
}
.has-success .form-control:-ms-input-placeholder, .has-success .select2-search input[type="text"]:-ms-input-placeholder, .select2-search .has-success input[type="text"]:-ms-input-placeholder {
color: #2ecc71;
}
.has-success .form-control::-webkit-input-placeholder, .has-success .select2-search input[type="text"]::-webkit-input-placeholder, .select2-search .has-success input[type="text"]::-webkit-input-placeholder {
color: #2ecc71;
}
.has-success .form-control:focus, .has-success .select2-search input[type="text"]:focus, .select2-search .has-success input[type="text"]:focus {
border-color: #2ecc71;
box-shadow: none;
}
.has-success .input-group-text {
color: #2ecc71;
border-color: #2ecc71;
background-color: white;
}
.has-success .form-control-feedback {
color: #2ecc71;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color: #f1c40f;
}
.has-warning .form-control, .has-warning .select2-search input[type="text"], .select2-search .has-warning input[type="text"] {
color: #f1c40f;
border-color: #f1c40f;
box-shadow: none;
}
.has-warning .form-control::-moz-placeholder, .has-warning .select2-search input[type="text"]::-moz-placeholder, .select2-search .has-warning input[type="text"]::-moz-placeholder {
color: #f1c40f;
opacity: 1;
}
.has-warning .form-control:-ms-input-placeholder, .has-warning .select2-search input[type="text"]:-ms-input-placeholder, .select2-search .has-warning input[type="text"]:-ms-input-placeholder {
color: #f1c40f;
}
.has-warning .form-control::-webkit-input-placeholder, .has-warning .select2-search input[type="text"]::-webkit-input-placeholder, .select2-search .has-warning input[type="text"]::-webkit-input-placeholder {
color: #f1c40f;
}
.has-warning .form-control:focus, .has-warning .select2-search input[type="text"]:focus, .select2-search .has-warning input[type="text"]:focus {
border-color: #f1c40f;
box-shadow: none;
}
.has-warning .input-group-text {
color: #f1c40f;
border-color: #f1c40f;
background-color: white;
}
.has-warning .form-control-feedback {
color: #f1c40f;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #e74c3c;
}
.has-error .form-control, .has-error .select2-search input[type="text"], .select2-search .has-error input[type="text"] {
color: #e74c3c;
border-color: #e74c3c;
box-shadow: none;
}
.has-error .form-control::-moz-placeholder, .has-error .select2-search input[type="text"]::-moz-placeholder, .select2-search .has-error input[type="text"]::-moz-placeholder {
color: #e74c3c;
opacity: 1;
}
.has-error .form-control:-ms-input-placeholder, .has-error .select2-search input[type="text"]:-ms-input-placeholder, .select2-search .has-error input[type="text"]:-ms-input-placeholder {
color: #e74c3c;
}
.has-error .form-control::-webkit-input-placeholder, .has-error .select2-search input[type="text"]::-webkit-input-placeholder, .select2-search .has-error input[type="text"]::-webkit-input-placeholder {
color: #e74c3c;
}
.has-error .form-control:focus, .has-error .select2-search input[type="text"]:focus, .select2-search .has-error input[type="text"]:focus {
border-color: #e74c3c;
box-shadow: none;
}
.has-error .input-group-text {
color: #e74c3c;
border-color: #e74c3c;
background-color: white;
}
.has-error .form-control-feedback {
color: #e74c3c;
}
.form-control[disabled] + .form-control-feedback, .select2-search input[disabled][type="text"] + .form-control-feedback,
.form-control[readonly] + .form-control-feedback, .select2-search input[readonly][type="text"] + .form-control-feedback,
fieldset[disabled] .form-control + .form-control-feedback,
fieldset[disabled] .select2-search input[type="text"] + .form-control-feedback, .select2-search
fieldset[disabled] input[type="text"] + .form-control-feedback,
.form-control.disabled + .form-control-feedback, .select2-search input.disabled[type="text"] + .form-control-feedback {
cursor: not-allowed;
color: #d5dbdb;
background-color: transparent;
opacity: 0.7;
filter: "alpha(opacity=70)";
}
.help-block {
font-size: 14px;
margin-bottom: 5px;
color: #6b7a88;
}
.form-group {
position: relative;
margin-bottom: 20px;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 3px;
padding-bottom: 3px;
}
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
.form-horizontal .form-control-static {
padding-top: 6px;
padding-bottom: 6px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-hg .control-label {
font-size: 22px;
padding-top: 2px;
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
font-size: 17px;
padding-top: 3px;
padding-bottom: 2px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
font-size: 13px;
padding-top: 2px;
padding-bottom: 2px;
}
}
.input-group .form-control, .input-group .select2-search input[type="text"], .select2-search .input-group input[type="text"] {
position: static;
}
.input-group-text {
padding: 10px 12px;
font-size: 15px;
line-height: 1;
color: white;
text-align: center;
background-color: #bdc3c7;
border: 2px solid #bdc3c7;
border-radius: 6px;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.input-group-text:first-child {
border-right: 0;
}
.input-group-hg .input-group-text,
.input-group-lg .input-group-text,
.input-group-sm .input-group-text {
line-height: 1;
}
.input-group-text .checkbox, .input-group-text .radio {
margin: 0;
padding-left: 19px;
}
.input-group .form-control:first-child, .input-group .select2-search input[type="text"]:first-child, .select2-search .input-group input[type="text"]:first-child,
.input-group-text:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group .form-control:last-child, .input-group .select2-search input[type="text"]:last-child, .select2-search .input-group input[type="text"]:last-child,
.input-group-text:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.form-group.focus .input-group-text,
.input-group.focus .input-group-text {
background-color: #1abc9c;
border-color: #1abc9c;
}
.form-group.focus .input-group-btn > .btn-default + .btn-default,
.input-group.focus .input-group-btn > .btn-default + .btn-default {
border-left-color: #16a085;
}
.form-group.focus .input-group-btn .btn,
.input-group.focus .input-group-btn .btn {
border-color: #1abc9c;
background-color: white;
color: #1abc9c;
}
.form-group.focus .input-group-btn .btn-default,
.input-group.focus .input-group-btn .btn-default {
color: white;
background-color: #1abc9c;
}
.show > .dropdown-toggle.form-group.focus .input-group-btn .btn-default, .input-group.focus .input-group-btn .btn-default, .form-group.focus .input-group-btn .btn-default:hover, .form-group.focus .input-group-btn .btn-default.hover, .form-group.focus .input-group-btn .btn-default:focus, .form-group.focus .input-group-btn .btn-default:active, .form-group.focus .input-group-btn .btn-default.active,
.input-group.focus .input-group-btn .btn-default:hover,
.input-group.focus .input-group-btn .btn-default.hover,
.input-group.focus .input-group-btn .btn-default:focus,
.input-group.focus .input-group-btn .btn-default:active,
.input-group.focus .input-group-btn .btn-default.active {
color: white;
background-color: #48c9b0;
border-color: #48c9b0;
}
.show > .dropdown-toggle.form-group.focus .input-group-btn .btn-default, .input-group.focus .input-group-btn .btn-default, .form-group.focus .input-group-btn .btn-default:not(:disabled):not(.disabled):active, .form-group.focus .input-group-btn .btn-default:not(:disabled):not(.disabled).active,
.input-group.focus .input-group-btn .btn-default:not(:disabled):not(.disabled):active,
.input-group.focus .input-group-btn .btn-default:not(:disabled):not(.disabled).active {
background: #16a085;
border-color: #16a085;
}
.form-group.focus .input-group-btn .btn-default.disabled, .form-group.focus .input-group-btn .btn-default.disabled:hover, .form-group.focus .input-group-btn .btn-default.disabled.hover, .form-group.focus .input-group-btn .btn-default.disabled:focus, .form-group.focus .input-group-btn .btn-default.disabled:active, .form-group.focus .input-group-btn .btn-default.disabled.active, .form-group.focus .input-group-btn .btn-default[disabled], .form-group.focus .input-group-btn .btn-default[disabled]:hover, .form-group.focus .input-group-btn .btn-default[disabled].hover, .form-group.focus .input-group-btn .btn-default[disabled]:focus, .form-group.focus .input-group-btn .btn-default[disabled]:active, .form-group.focus .input-group-btn .btn-default[disabled].active,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default:hover,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default.hover,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default:focus,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default:active,
fieldset[disabled] .form-group.focus .input-group-btn .btn-default.active,
.input-group.focus .input-group-btn .btn-default.disabled,
.input-group.focus .input-group-btn .btn-default.disabled:hover,
.input-group.focus .input-group-btn .btn-default.disabled.hover,
.input-group.focus .input-group-btn .btn-default.disabled:focus,
.input-group.focus .input-group-btn .btn-default.disabled:active,
.input-group.focus .input-group-btn .btn-default.disabled.active,
.input-group.focus .input-group-btn .btn-default[disabled],
.input-group.focus .input-group-btn .btn-default[disabled]:hover,
.input-group.focus .input-group-btn .btn-default[disabled].hover,
.input-group.focus .input-group-btn .btn-default[disabled]:focus,
.input-group.focus .input-group-btn .btn-default[disabled]:active,
.input-group.focus .input-group-btn .btn-default[disabled].active,
fieldset[disabled]
.input-group.focus .input-group-btn .btn-default,
fieldset[disabled]
.input-group.focus .input-group-btn .btn-default:hover,
fieldset[disabled]
.input-group.focus .input-group-btn .btn-default.hover,
fieldset[disabled]
.input-group.focus .input-group-btn .btn-default:focus,
fieldset[disabled]
.input-group.focus .input-group-btn .btn-default:active,
fieldset[disabled]
.input-group.focus .input-group-btn .btn-default.active {
background-color: #bdc3c7;
border-color: #1abc9c;
}
.form-group.focus .input-group-btn .btn-default .badge,
.input-group.focus .input-group-btn .btn-default .badge {
color: #1abc9c;
background-color: white;
}
.input-group-btn .btn {
background-color: white;
border: 2px solid #bdc3c7;
color: #bdc3c7;
line-height: 18px;
height: 42px;
position: relative;
}
.input-group-btn .btn-default {
color: white;
background-color: #bdc3c7;
}
.show > .dropdown-toggle.input-group-btn .btn-default, .input-group-btn .btn-default:hover, .input-group-btn .btn-default.hover, .input-group-btn .btn-default:focus, .input-group-btn .btn-default:active, .input-group-btn .btn-default.active {
color: white;
background-color: #cacfd2;
border-color: #cacfd2;
}
.show > .dropdown-toggle.input-group-btn .btn-default, .input-group-btn .btn-default:not(:disabled):not(.disabled):active, .input-group-btn .btn-default:not(:disabled):not(.disabled).active {
background: #a1a6a9;
border-color: #a1a6a9;
}
.input-group-btn .btn-default.disabled, .input-group-btn .btn-default.disabled:hover, .input-group-btn .btn-default.disabled.hover, .input-group-btn .btn-default.disabled:focus, .input-group-btn .btn-default.disabled:active, .input-group-btn .btn-default.disabled.active, .input-group-btn .btn-default[disabled], .input-group-btn .btn-default[disabled]:hover, .input-group-btn .btn-default[disabled].hover, .input-group-btn .btn-default[disabled]:focus, .input-group-btn .btn-default[disabled]:active, .input-group-btn .btn-default[disabled].active,
fieldset[disabled] .input-group-btn .btn-default,
fieldset[disabled] .input-group-btn .btn-default:hover,
fieldset[disabled] .input-group-btn .btn-default.hover,
fieldset[disabled] .input-group-btn .btn-default:focus,
fieldset[disabled] .input-group-btn .btn-default:active,
fieldset[disabled] .input-group-btn .btn-default.active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.input-group-btn .btn-default .badge {
color: #bdc3c7;
background-color: white;
}
.input-group-hg .input-group-btn .btn {
line-height: 31px;
}
.input-group-lg .input-group-btn .btn {
line-height: 21px;
}
.input-group-sm .input-group-btn .btn {
line-height: 19px;
}
.input-group-btn:first-child > .btn {
border-right-width: 0;
margin-right: -3px;
}
.input-group-btn:last-child > .btn {
border-left-width: 0;
margin-left: -3px;
}
.input-group-btn > .btn-default + .btn-default {
border-left: 2px solid #bdc3c7;
}
.input-group-btn > .btn:first-child + .btn .caret {
margin-left: 0;
}
.input-group-rounded .input-group-btn + .form-control, .input-group-rounded .select2-search .input-group-btn + input[type="text"], .select2-search .input-group-rounded .input-group-btn + input[type="text"],
.input-group-rounded .input-group-btn:last-child .btn {
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
}
.input-group-hg.input-group-rounded .input-group-btn + .form-control, .input-group-hg.input-group-rounded .select2-search .input-group-btn + input[type="text"], .select2-search .input-group-hg.input-group-rounded .input-group-btn + input[type="text"], .input-group-rounded .input-group-btn:last-child .btn {
border-bottom-right-radius: 27px;
border-top-right-radius: 27px;
}
.input-group-lg.input-group-rounded .input-group-btn + .form-control, .input-group-lg.input-group-rounded .select2-search .input-group-btn + input[type="text"], .select2-search .input-group-lg.input-group-rounded .input-group-btn + input[type="text"], .input-group-rounded .input-group-btn:last-child .btn {
border-bottom-right-radius: 25px;
border-top-right-radius: 25px;
}
.input-group-rounded .form-control:first-child, .input-group-rounded .select2-search input[type="text"]:first-child, .select2-search .input-group-rounded input[type="text"]:first-child,
.input-group-rounded .input-group-btn:first-child .btn {
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}
.input-group-hg.input-group-rounded .form-control:first-child, .input-group-hg.input-group-rounded .select2-search input[type="text"]:first-child, .select2-search .input-group-hg.input-group-rounded input[type="text"]:first-child, .input-group-rounded .input-group-btn:first-child .btn {
border-bottom-left-radius: 27px;
border-top-left-radius: 27px;
}
.input-group-lg.input-group-rounded .form-control:first-child, .input-group-lg.input-group-rounded .select2-search input[type="text"]:first-child, .select2-search .input-group-lg.input-group-rounded input[type="text"]:first-child, .input-group-rounded .input-group-btn:first-child .btn {
border-bottom-left-radius: 25px;
border-top-left-radius: 25px;
}
.input-group-rounded .input-group-btn + .form-control, .input-group-rounded .select2-search .input-group-btn + input[type="text"], .select2-search .input-group-rounded .input-group-btn + input[type="text"] {
padding-left: 0;
}
.checkbox,
.radio {
display: block;
margin-top: 10px;
margin-bottom: 12px;
padding-left: 32px;
position: relative;
transition: color .25s linear;
font-size: 14px;
min-height: 20px;
line-height: 1.5;
}
.checkbox .icons,
.radio .icons {
color: #bdc3c7;
display: block;
height: 20px;
top: 0;
left: 0;
position: absolute;
width: 20px;
text-align: center;
line-height: 20px;
font-size: 20px;
cursor: pointer;
transition: color .25s linear;
}
.checkbox .icons .icon-checked,
.radio .icons .icon-checked {
opacity: 0;
filter: "alpha(opacity=0)";
}
.checkbox .icon-checked,
.checkbox .icon-unchecked,
.radio .icon-checked,
.radio .icon-unchecked {
display: inline-table;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
margin: 0;
opacity: 1;
-webkit-filter: none;
filter: none;
}
.checkbox .icon-checked:before,
.checkbox .icon-unchecked:before,
.radio .icon-checked:before,
.radio .icon-unchecked:before {
font-family: 'Flat-UI-Pro-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.checkbox .icon-checked:before {
content: "\e60e";
}
.checkbox .icon-unchecked:before {
content: "\e60d";
}
.radio .icon-checked:before {
content: "\e60c";
}
.radio .icon-unchecked:before {
content: "\e60b";
}
.checkbox input[type="checkbox"].custom-checkbox,
.checkbox input[type="radio"].custom-radio,
.radio input[type="checkbox"].custom-checkbox,
.radio input[type="radio"].custom-radio {
outline: none !important;
opacity: 0;
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
width: 20px;
height: 20px;
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons,
.radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons {
transition: color .25s linear;
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked {
opacity: 0;
filter: "alpha(opacity=0)";
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked,
.radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked {
opacity: 1;
-webkit-filter: none;
filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox input[type="radio"].custom-radio:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:checked + .icons,
.radio input[type="radio"].custom-radio:checked + .icons {
color: #1abc9c;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-unchecked {
opacity: 0;
filter: "alpha(opacity=0)";
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
opacity: 1;
-webkit-filter: none;
filter: none;
color: #1abc9c;
transition: color .25s linear;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox input[type="radio"].custom-radio:disabled + .icons,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons,
.radio input[type="radio"].custom-radio:disabled + .icons {
cursor: default;
color: #e6e8ea;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icons,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.radio input[type="radio"].custom-radio:disabled + .icons .icons {
color: #e6e8ea;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-unchecked {
opacity: 1;
-webkit-filter: none;
filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-checked {
opacity: 0;
filter: "alpha(opacity=0)";
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icons,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icons {
color: #e6e8ea;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked {
opacity: 0;
filter: "alpha(opacity=0)";
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked {
opacity: 1;
-webkit-filter: none;
filter: none;
color: #e6e8ea;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio input[type="radio"].custom-radio:indeterminate + .icons {
color: #bdc3c7;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked {
opacity: 1;
-webkit-filter: none;
filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-checked {
opacity: 0;
filter: "alpha(opacity=0)";
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
content: "\2013";
position: absolute;
top: 0;
left: 0;
line-height: 20px;
width: 20px;
text-align: center;
color: white;
font-size: 22px;
z-index: 10;
}
.checkbox input[type="checkbox"].custom-checkbox:focus + .icons,
.checkbox input[type="radio"].custom-radio:focus + .icons,
.radio input[type="checkbox"].custom-checkbox:focus + .icons,
.radio input[type="radio"].custom-radio:focus + .icons {
outline: 1px dotted #bdc3c7;
outline-offset: 1px;
}
.checkbox.primary input[type="checkbox"].custom-checkbox + .icons,
.checkbox.primary input[type="radio"].custom-radio + .icons,
.radio.primary input[type="checkbox"].custom-checkbox + .icons,
.radio.primary input[type="radio"].custom-radio + .icons {
color: #34495e;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox.primary input[type="radio"].custom-radio:checked + .icons,
.radio.primary input[type="checkbox"].custom-checkbox:checked + .icons,
.radio.primary input[type="radio"].custom-radio:checked + .icons {
color: #1abc9c;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:checked + .icons .icons,
.checkbox.primary input[type="radio"].custom-radio:checked + .icons .icons,
.radio.primary input[type="checkbox"].custom-checkbox:checked + .icons .icons,
.radio.primary input[type="radio"].custom-radio:checked + .icons .icons {
color: #1abc9c;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox.primary input[type="radio"].custom-radio:disabled + .icons,
.radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons,
.radio.primary input[type="radio"].custom-radio:disabled + .icons {
cursor: default;
color: #bdc3c7;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.checkbox.primary input[type="radio"].custom-radio:disabled + .icons .icons,
.radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.radio.primary input[type="radio"].custom-radio:disabled + .icons .icons {
color: #bdc3c7;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked .icons,
.checkbox.primary input[type="radio"].custom-radio:disabled + .icons.checked .icons,
.radio.primary input[type="checkbox"].custom-checkbox:disabled + .icons.checked .icons,
.radio.primary input[type="radio"].custom-radio:disabled + .icons.checked .icons {
color: #bdc3c7;
}
.checkbox.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox.primary input[type="radio"].custom-radio:indeterminate + .icons,
.radio.primary input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio.primary input[type="radio"].custom-radio:indeterminate + .icons {
color: #34495e;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: 10px;
}
.form-inline .checkbox, .form-inline .radio {
padding-left: 32px;
}
.bootstrap-tagsinput {
background-color: white;
border: 2px solid #ebedef;
border-radius: 6px;
margin-bottom: 18px;
padding: 6px 1px 1px 6px;
text-align: left;
font-size: 0;
}
.bootstrap-tagsinput .badge {
border-radius: 4px;
background-color: #ebedef;
color: #7b8996;
font-size: 13px;
cursor: pointer;
display: inline-block;
position: relative;
vertical-align: middle;
overflow: hidden;
margin: 0 5px 5px 0;
line-height: 15px;
height: 27px;
padding: 6px 28px 6px 14px;
transition: .25s linear;
}
.bootstrap-tagsinput .badge > span {
color: white;
padding: 0 10px 0 0;
cursor: pointer;
font-size: 12px;
position: absolute;
right: 0;
text-align: right;
text-decoration: none;
top: 0;
width: 100%;
bottom: 0;
z-index: 2;
}
.bootstrap-tagsinput .badge > span:after {
content: "\e609";
font-family: "Flat-UI-Pro-Icons";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 27px;
}
@media (hover: hover) {
.bootstrap-tagsinput .badge {
padding: 6px 21px;
}
.bootstrap-tagsinput .badge > span {
opacity: 0;
filter: "alpha(opacity=0)";
transition: opacity .25s linear;
}
.bootstrap-tagsinput .badge:hover {
background-color: #16a085;
color: white;
padding-right: 28px;
padding-left: 14px;
}
.bootstrap-tagsinput .badge:hover > span {
padding: 0 10px 0 0;
opacity: 1;
-webkit-filter: none;
filter: none;
}
}
@media (hover: none) {
.bootstrap-tagsinput .badge:hover {
background-color: #16a085;
color: white;
}
}
.bootstrap-tagsinput input[type="text"] {
font-size: 14px;
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0;
margin: 0;
width: auto !important;
max-width: inherit;
min-width: 80px;
vertical-align: top;
height: 29px;
color: #34495e;
}
.bootstrap-tagsinput input[type="text"]:first-child {
height: 23px;
margin: 3px 0 8px;
}
.tags_clear {
clear: both;
width: 100%;
height: 0;
}
.not_valid {
background: #fbd8db !important;
color: #90111a !important;
margin-left: 5px !important;
}
.tagsinput-primary {
margin-bottom: 18px;
}
.tagsinput-primary .bootstrap-tagsinput {
border-color: #1abc9c;
margin-bottom: 0;
}
.tagsinput-primary .badge {
background-color: #1abc9c;
color: white;
}
.tagsinput-primary .badge:hover {
background-color: #16a085;
color: white;
}
.bootstrap-tagsinput .twitter-typeahead {
width: auto;
vertical-align: top;
}
.bootstrap-tagsinput .twitter-typeahead .tt-input {
min-width: 200px;
}
.bootstrap-tagsinput .twitter-typeahead .tt-dropdown-menu {
width: auto;
min-width: 120px;
margin-top: 11px;
}
.twitter-typeahead {
width: 100%;
}
.twitter-typeahead .tt-dropdown-menu {
width: 100%;
margin-top: 5px;
border: 2px solid #1abc9c;
padding: 5px 0;
background-color: white;
border-radius: 6px;
}
.twitter-typeahead .tt-suggestion p {
padding: 6px 14px;
font-size: 14px;
line-height: 1.429;
margin: 0;
}
.twitter-typeahead .tt-suggestion:first-child p, .twitter-typeahead .tt-suggestion:last-child p {
padding: 6px 14px;
}
.twitter-typeahead .tt-suggestion.tt-is-under-cursor, .twitter-typeahead .tt-suggestion.tt-cursor {
cursor: pointer;
color: #fff;
background-color: #16a085;
}
.progress, .ui-slider {
background: #ebedef;
border-radius: 32px;
height: 12px;
box-shadow: none;
}
.progress-bar {
background: #1abc9c;
line-height: 12px;
box-shadow: none;
}
.progress-bar-success {
background-color: #2ecc71;
}
.progress-bar-warning {
background-color: #f1c40f;
}
.progress-bar-danger {
background-color: #e74c3c;
}
.progress-bar-info {
background-color: #3498db;
}
.ui-slider {
margin-bottom: 20px;
position: relative;
cursor: pointer;
}
.ui-slider-handle {
background-color: #16a085;
border-radius: 50%;
cursor: pointer;
height: 18px;
position: absolute;
width: 18px;
z-index: 2;
transition: background .25s;
}
.ui-slider-handle:hover, .ui-slider-handle:focus {
background-color: #48c9b0;
outline: none;
}
.ui-slider-handle:active {
background-color: #16a085;
}
.ui-slider-range {
background-color: #1abc9c;
display: block;
height: 100%;
position: absolute;
z-index: 1;
}
.ui-slider-segment {
background-color: #d9dbdd;
border-radius: 50%;
height: 6px;
width: 6px;
}
.ui-slider-value {
float: right;
font-size: 13px;
margin-top: 12px;
}
.ui-slider-value.first {
clear: left;
float: left;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: -9px;
top: -3px;
}
.ui-slider-horizontal .ui-slider-handle[style*="100"] {
margin-left: -15px;
}
.ui-slider-horizontal .ui-slider-range {
border-radius: 30px 0 0 30px;
}
.ui-slider-horizontal .ui-slider-segment {
float: left;
margin: 3px -6px 0 0;
}
.ui-slider-vertical {
width: 12px;
}
.ui-slider-vertical .ui-slider-handle {
margin-left: -3px;
margin-bottom: -11px;
top: auto;
}
.ui-slider-vertical .ui-slider-range {
width: 100%;
bottom: 0;
border-radius: 0 0 30px 30px;
}
.ui-slider-vertical .ui-slider-segment {
position: absolute;
right: 3px;
}
.pager {
background-color: #34495e;
border-radius: 6px;
color: white;
font-size: 16px;
font-weight: 700;
display: inline-block;
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li:first-child > a,
.pager li:first-child > span {
border-left: none;
border-radius: 6px 0 0 6px;
}
.pager li > a,
.pager li > span {
display: inline-block;
background: none;
border: none;
border-left: 2px solid #2c3e50;
color: white;
padding: 9px 15px 10px;
text-decoration: none;
white-space: nowrap;
border-radius: 0 6px 6px 0;
line-height: 1.313;
}
.pager li > a:hover, .pager li > a:focus,
.pager li > span:hover,
.pager li > span:focus {
background-color: #2c3e50;
}
.pager li > a:active,
.pager li > span:active {
background-color: #2c3e50;
}
.pager li > a [class*="fui-"] + span,
.pager li > span [class*="fui-"] + span {
margin-left: 8px;
}
.pager li > a span + [class*="fui-"],
.pager li > span span + [class*="fui-"] {
margin-left: 8px;
}
.pagination {
position: relative;
display: block;
margin: 20px 0;
border-radius: 4px;
}
@media (min-width: 768px) {
.pagination {
display: inline-block;
}
}
.pagination > ul {
background: #d6dbdf;
color: white;
padding: 0;
margin: 0;
display: inline-block;
border-radius: 6px;
word-spacing: -0.5px;
}
@media (max-width: 767px) {
.pagination > ul {
height: 41px;
padding: 0 55px 0 52px;
overflow: auto;
white-space: nowrap;
border-radius: 6px;
}
}
.pagination li {
display: inline-block;
margin-right: -3px;
vertical-align: middle;
word-spacing: normal;
}
.pagination li.active > a, .pagination li.active > span {
background-color: #1abc9c;
color: white;
border-color: #dee2e5;
}
.pagination li.active.previous > a, .pagination li.active.previous > span, .pagination li.active.next > a, .pagination li.active.next > span {
margin: 0;
}
.pagination li.active.previous > a, .pagination li.active.previous > a:hover, .pagination li.active.previous > a:focus, .pagination li.active.previous > span, .pagination li.active.previous > span:hover, .pagination li.active.previous > span:focus, .pagination li.active.next > a, .pagination li.active.next > a:hover, .pagination li.active.next > a:focus, .pagination li.active.next > span, .pagination li.active.next > span:hover, .pagination li.active.next > span:focus {
background-color: #1abc9c;
color: white;
}
.pagination li:first-child > a,
.pagination li:first-child > span {
border-radius: 6px 0 0 6px;
border-left: none;
}
.pagination li:first-child.previous + li > a,
.pagination li:first-child.previous + li > span {
border-left-width: 0;
}
.pagination li:last-child {
margin-right: 0;
}
.pagination li:last-child > a, .pagination li:last-child > a:hover, .pagination li:last-child > a:focus,
.pagination li:last-child > span,
.pagination li:last-child > span:hover,
.pagination li:last-child > span:focus {
border-radius: 0 6px 6px 0;
}
.pagination li.previous > a,
.pagination li.previous > span, .pagination li.next > a,
.pagination li.next > span {
border-right: 2px solid #e4e7ea;
font-size: 16px;
min-width: auto;
padding: 12px 17px;
background-color: transparent;
}
.pagination li.next > a,
.pagination li.next > span {
border-right: none;
}
.pagination li.disabled > a,
.pagination li.disabled > span {
color: white;
background-color: rgba(255, 255, 255, 0.3);
border-right-color: #dee2e5;
cursor: not-allowed;
}
.pagination li.disabled > a:hover, .pagination li.disabled > a:focus, .pagination li.disabled > a:active,
.pagination li.disabled > span:hover,
.pagination li.disabled > span:focus,
.pagination li.disabled > span:active {
background-color: rgba(255, 255, 255, 0.4);
color: white;
}
@media (max-width: 767px) {
.pagination li.next, .pagination li.previous {
background-color: #d6dbdf;
position: absolute;
right: 0;
top: 0;
z-index: 10;
border-radius: 0 6px 6px 0;
}
.pagination li.previous {
left: 0;
right: auto;
border-radius: 6px 0 0 6px;
}
}
.pagination li > a,
.pagination li > span {
display: inline-block;
background: transparent;
border: none;
border-left: 2px solid #e4e7ea;
color: white;
font-size: 14px;
line-height: 16px;
min-height: 41px;
min-width: 41px;
outline: none;
padding: 12px 10px;
text-align: center;
transition: .25s ease-out;
}
.pagination li > a:hover, .pagination li > a:focus,
.pagination li > span:hover,
.pagination li > span:focus {
background-color: #1abc9c;
color: white;
}
.pagination li > a:active,
.pagination li > span:active {
background-color: #1abc9c;
color: white;
}
.pagination > .btn.previous, .pagination > .btn.next {
margin-right: 8px;
font-size: 14px;
line-height: 1.429;
padding-left: 23px;
padding-right: 23px;
}
.pagination > .btn.previous [class*="fui-"], .pagination > .btn.next [class*="fui-"] {
font-size: 16px;
margin-left: -2px;
margin-top: -2px;
}
.pagination > .btn.next {
margin-left: 8px;
margin-right: 0;
}
.pagination > .btn.next [class*="fui-"] {
margin-right: -2px;
margin-left: 4px;
}
@media (max-width: 767px) {
.pagination > .btn {
display: block;
margin: 0;
width: 50%;
}
.pagination > .btn:first-child {
border-bottom: 2px solid #dee2e5;
border-radius: 6px 0 0;
}
.pagination > .btn:first-child.btn-primary {
border-bottom-color: #48c9b0;
}
.pagination > .btn:first-child.btn-danger {
border-bottom-color: #ec7063;
}
.pagination > .btn:first-child.btn-warning {
border-bottom-color: #f4d03f;
}
.pagination > .btn:first-child.btn-success {
border-bottom-color: #58d68d;
}
.pagination > .btn:first-child.btn-info {
border-bottom-color: #5dade2;
}
.pagination > .btn:first-child.btn-inverse {
border-bottom-color: #5d6d7e;
}
.pagination > .btn:first-child > [class*="fui"] {
margin-left: -20px;
}
.pagination > .btn + ul {
padding: 0;
text-align: center;
border-radius: 0 0 6px 6px;
}
.pagination > .btn + ul + .btn {
border-bottom: 2px solid #dee2e5;
position: absolute;
right: 0;
top: 0;
border-radius: 0 6px 0 0;
}
.pagination > .btn + ul + .btn.btn-primary {
border-bottom-color: #48c9b0;
}
.pagination > .btn + ul + .btn.btn-danger {
border-bottom-color: #ec7063;
}
.pagination > .btn + ul + .btn.btn-warning {
border-bottom-color: #f4d03f;
}
.pagination > .btn + ul + .btn.btn-success {
border-bottom-color: #58d68d;
}
.pagination > .btn + ul + .btn.btn-info {
border-bottom-color: #5dade2;
}
.pagination > .btn + ul + .btn.btn-inverse {
border-bottom-color: #5d6d7e;
}
.pagination > .btn + ul + .btn > [class*="fui"] {
margin-right: -20px;
}
.pagination ul {
display: block;
}
.pagination ul > li > a {
border-radius: 0;
}
}
.pagination-danger ul {
background-color: #e74c3c;
}
.pagination-danger ul li.previous > a {
border-right-color: #ef897e;
}
.pagination-danger ul li > a, .pagination-danger ul li > span {
border-left-color: #ef897e;
}
.pagination-danger ul li > a:hover, .pagination-danger ul li > a:focus, .pagination-danger ul li > span:hover, .pagination-danger ul li > span:focus {
background-color: #ec7063;
}
.pagination-danger ul li > a:active, .pagination-danger ul li > span:active {
background-color: #c44133;
}
.pagination-danger ul li.active > a, .pagination-danger ul li.active > span {
background-color: #c44133;
}
.pagination-success ul {
background-color: #2ecc71;
}
.pagination-success ul li.previous > a {
border-right-color: #75dda1;
}
.pagination-success ul li > a, .pagination-success ul li > span {
border-left-color: #75dda1;
}
.pagination-success ul li > a:hover, .pagination-success ul li > a:focus, .pagination-success ul li > span:hover, .pagination-success ul li > span:focus {
background-color: #58d68d;
}
.pagination-success ul li > a:active, .pagination-success ul li > span:active {
background-color: #27ad60;
}
.pagination-success ul li.active > a, .pagination-success ul li.active > span {
background-color: #27ad60;
}
.pagination-warning ul {
background-color: #f1c40f;
}
.pagination-warning ul li.previous > a {
border-right-color: #f6d861;
}
.pagination-warning ul li > a, .pagination-warning ul li > span {
border-left-color: #f6d861;
}
.pagination-warning ul li > a:hover, .pagination-warning ul li > a:focus, .pagination-warning ul li > span:hover, .pagination-warning ul li > span:focus {
background-color: #f4d313;
}
.pagination-warning ul li > a:active, .pagination-warning ul li > span:active {
background-color: #cda70d;
}
.pagination-warning ul li.active > a, .pagination-warning ul li.active > span {
background-color: #cda70d;
}
.pagination-info ul {
background-color: #3498db;
}
.pagination-info ul li.previous > a {
border-right-color: #79bbe7;
}
.pagination-info ul li > a, .pagination-info ul li > span {
border-left-color: #79bbe7;
}
.pagination-info ul li > a:hover, .pagination-info ul li > a:focus, .pagination-info ul li > span:hover, .pagination-info ul li > span:focus {
background-color: #5dade2;
}
.pagination-info ul li > a:active, .pagination-info ul li > span:active {
background-color: #2c81ba;
}
.pagination-info ul li.active > a, .pagination-info ul li.active > span {
background-color: #2c81ba;
}
.pagination-inverse ul {
background-color: #34495e;
}
.pagination-inverse ul li.previous > a {
border-right-color: #798795;
}
.pagination-inverse ul li > a, .pagination-inverse ul li > span {
border-left-color: #798795;
}
.pagination-inverse ul li > a:hover, .pagination-inverse ul li > a:focus, .pagination-inverse ul li > span:hover, .pagination-inverse ul li > span:focus {
background-color: #415b76;
}
.pagination-inverse ul li > a:active, .pagination-inverse ul li > span:active {
background-color: #2c3e50;
}
.pagination-inverse ul li.active > a, .pagination-inverse ul li.active > span {
background-color: #2c3e50;
}
.pagination-minimal > ul > li:first-child {
border-radius: 6px 0 0 6px;
}
.pagination-minimal > ul > li:first-child.previous + li > a,
.pagination-minimal > ul > li:first-child.previous + li > span {
border-left-width: 5px;
}
.pagination-minimal > ul > li:last-child {
border-radius: 0 6px 6px 0;
}
.pagination-minimal > ul > li.previous > a,
.pagination-minimal > ul > li.previous > span, .pagination-minimal > ul > li.next > a,
.pagination-minimal > ul > li.next > span {
background: transparent;
border: none;
border-right: 2px solid #e4e7ea;
margin: 0 9px 0 0;
padding: 12px 17px;
border-radius: 6px 0 0 6px;
}
.pagination-minimal > ul > li.previous > a, .pagination-minimal > ul > li.previous > a:hover, .pagination-minimal > ul > li.previous > a:focus,
.pagination-minimal > ul > li.previous > span,
.pagination-minimal > ul > li.previous > span:hover,
.pagination-minimal > ul > li.previous > span:focus, .pagination-minimal > ul > li.next > a, .pagination-minimal > ul > li.next > a:hover, .pagination-minimal > ul > li.next > a:focus,
.pagination-minimal > ul > li.next > span,
.pagination-minimal > ul > li.next > span:hover,
.pagination-minimal > ul > li.next > span:focus {
border-color: #e4e7ea !important;
}
@media (max-width: 767px) {
.pagination-minimal > ul > li.previous > a,
.pagination-minimal > ul > li.previous > span, .pagination-minimal > ul > li.next > a,
.pagination-minimal > ul > li.next > span {
margin-right: 0;
}
}
.pagination-minimal > ul > li.next {
margin-left: 9px;
}
.pagination-minimal > ul > li.next > a,
.pagination-minimal > ul > li.next > span {
border-left: 2px solid #e4e7ea;
border-right: none;
margin: 0;
border-radius: 0 6px 6px 0;
}
.pagination-minimal > ul > li.active > a,
.pagination-minimal > ul > li.active > span {
background-color: white;
border-color: white;
border-width: 2px !important;
color: #d6dbdf;
margin: 10px 5px 9px;
}
.pagination-minimal > ul > li.active > a:hover, .pagination-minimal > ul > li.active > a:focus,
.pagination-minimal > ul > li.active > span:hover,
.pagination-minimal > ul > li.active > span:focus {
background-color: white;
border-color: white;
color: #d6dbdf;
}
.pagination-minimal > ul > li.active.previous, .pagination-minimal > ul > li.active.next {
border-color: #e4e7ea;
}
.pagination-minimal > ul > li.active.previous {
margin-right: 6px;
}
.pagination-minimal > ul > li > a,
.pagination-minimal > ul > li > span {
background: white;
border: 5px solid #d6dbdf;
color: white;
line-height: 16px;
margin: 7px 2px 6px;
min-width: 0;
min-height: 16px;
padding: 0 4px;
border-radius: 50px;
background-clip: padding-box;
transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
}
.pagination-minimal > ul > li > a:hover, .pagination-minimal > ul > li > a:focus,
.pagination-minimal > ul > li > span:hover,
.pagination-minimal > ul > li > span:focus {
background-color: #1abc9c;
border-color: #1abc9c;
color: white;
transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
}
.pagination-minimal > ul > li > a:active,
.pagination-minimal > ul > li > span:active {
background-color: #16a085;
border-color: #16a085;
}
.pagination-plain {
font-size: 16px;
font-weight: 700;
list-style-type: none;
margin: 0 0 20px;
padding: 0;
height: 57px;
}
.pagination-plain > li {
display: inline;
}
.pagination-plain > li.previous {
padding-right: 23px;
}
.pagination-plain > li.next {
padding-left: 20px;
}
.pagination-plain > li.active > a {
color: #d3d7da;
}
.pagination-plain > li > a {
padding: 0 5px;
}
@media (max-width: 480px) {
.pagination-plain {
overflow: hidden;
text-align: center;
}
.pagination-plain > li.previous {
display: block;
margin-bottom: 10px;
text-align: left;
width: 50%;
}
.pagination-plain > li.next {
float: right;
margin-top: -64px;
text-align: right;
width: 50%;
}
}
@media (min-width: 768px) {
.pagination-plain {
height: auto;
}
}
.pagination-dropdown ul {
min-width: 67px;
width: auto;
left: 50%;
margin-left: -34px;
}
.pagination-dropdown ul li {
display: block;
margin-right: 0;
}
.pagination-dropdown ul li:first-child > a,
.pagination-dropdown ul li:first-child > span {
border-radius: 6px 6px 0 0;
}
.pagination-dropdown ul li:last-child > a,
.pagination-dropdown ul li:last-child > span {
border-radius: 0 0 6px 6px !important;
}
.pagination-dropdown ul li > a,
.pagination-dropdown ul li > span {
border-left: none;
display: block;
float: none;
padding: 8px 10px 7px;
text-align: center;
min-height: 0;
}
.pagination-dropdown.dropup {
position: relative;
}
.pagination-dropdown.place-in-row .dropdown-toggle {
display: none;
}
.pagination-dropdown.place-in-row ul.dropdown-menu, .pagination-dropdown.place-in-row ul.select2-drop {
background: transparent;
border: none;
top: auto;
bottom: auto;
left: auto;
right: auto;
position: relative;
max-width: auto;
border-radius: 0;
display: inline-block;
margin-left: auto;
margin-bottom: auto;
vertical-align: middle;
word-spacing: normal;
z-index: 1;
}
.pagination-dropdown.place-in-row ul.dropdown-menu > li, .pagination-dropdown.place-in-row ul.select2-drop > li {
display: inline-block;
margin-right: -3px;
}
.pagination-dropdown.place-in-row ul.dropdown-menu > li > a, .pagination-dropdown.place-in-row ul.select2-drop > li > a {
padding-top: 10px;
padding-bottom: 10px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-left: 2px solid #e4e7ea;
color: white;
}
.pagination-dropdown.place-in-row ul.dropdown-menu > li > a:hover, .pagination-dropdown.place-in-row ul.select2-drop > li > a:hover, .pagination-dropdown.place-in-row ul.dropdown-menu > li > a:focus, .pagination-dropdown.place-in-row ul.select2-drop > li > a:focus {
background-color: #1abc9c;
color: white;
}
.tooltip {
font-size: 14px;
line-height: 1.286;
z-index: 1070;
}
.tooltip.in {
opacity: 1;
filter: "alpha(opacity=100)";
}
.tooltip.top {
margin-top: -5px;
padding: 9px 0;
}
.tooltip.right {
margin-left: 5px;
padding: 0 9px;
}
.tooltip.bottom {
margin-top: 5px;
padding: 9px 0;
}
.tooltip.left {
margin-left: -5px;
padding: 0 9px;
}
.tooltip-inner {
max-width: 183px;
line-height: 1.286;
padding: 12px 12px;
color: white;
background-color: #34495e;
border-radius: 6px;
}
.tooltip.bs-tooltip-top .arrow:before {
margin-left: -9px;
border-width: 9px 9px 0;
border-top-color: #34495e;
}
.tooltip.bs-tooltip-right .arrow:before {
margin-top: -9px;
border-width: 9px 9px 9px 0;
border-right-color: #34495e;
}
.tooltip.bs-tooltip-left .arrow:before {
margin-top: -9px;
border-width: 9px 0 9px 9px;
border-left-color: #34495e;
}
.tooltip.bs-tooltip-bottom .arrow:before {
margin-left: -9px;
border-width: 0 9px 9px;
border-bottom-color: #34495e;
}
.dropdown-toggle:after {
margin-left: 8px;
vertical-align: middle;
content: "";
border-top: 8px solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 0;
transition: border-color .25s, color .25s;
}
.dropup .dropdown-toggle:after {
border-top: 0;
border-right: 6px solid transparent;
border-bottom: 8px solid;
border-left: 6px solid transparent;
margin: 0;
vertical-align: middle;
}
.dropdown-menu, .select2-drop {
z-index: 1000;
background-color: #f3f4f5;
min-width: 220px;
border: none;
margin-top: 9px;
padding: 0;
font-size: 14px;
border-radius: 4px;
box-shadow: none;
}
.dropdown-menu .divider, .select2-drop .divider {
height: 2px;
margin: 3px 0;
overflow: hidden;
background-color: rgba(202, 206, 209, 0.5);
}
.dropdown-menu > li > a, .select2-drop > li > a {
padding: 8px 16px;
line-height: 1.429;
color: #606d7a;
display: block;
}
.dropdown-menu > li > a:hover, .select2-drop > li > a:hover, .dropdown-menu > li > a:focus, .select2-drop > li > a:focus {
color: #55606c;
background-color: rgba(202, 206, 209, 0.5);
}
.dropdown-menu > li:first-child > a:first-child, .select2-drop > li:first-child > a:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.dropdown-menu > li:last-child > a:first-child, .select2-drop > li:last-child > a:first-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.dropdown-menu.typeahead, .typeahead.select2-drop {
display: none;
width: auto;
margin-top: 5px;
border: 2px solid #1abc9c;
padding: 5px 0;
background-color: white;
border-radius: 6px;
}
.dropdown-menu.typeahead li a, .typeahead.select2-drop li a {
padding: 6px 14px;
}
.dropdown-menu.typeahead li:first-child a, .typeahead.select2-drop li:first-child a, .dropdown-menu.typeahead li:last-child a, .typeahead.select2-drop li:last-child a {
padding: 6px 14px;
border-radius: 0;
}
.dropdown-menu > .active > a, .select2-drop > .active > a, .dropdown-menu > .active > a:hover, .select2-drop > .active > a:hover, .dropdown-menu > .active > a:focus, .select2-drop > .active > a:focus {
color: white;
background-color: #1abc9c;
}
.dropdown-menu > .disabled > a, .select2-drop > .disabled > a, .dropdown-menu > .disabled > a:hover, .select2-drop > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, .select2-drop > .disabled > a:focus {
color: #bdc3c7;
background-color: transparent;
cursor: not-allowed;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
padding: 8px 16px;
line-height: 1.538;
font-size: 13px;
text-transform: uppercase;
color: rgba(52, 73, 94, 0.6);
}
.dropdown-header:first-child {
margin-top: 3px;
}
.dropdown-backdrop {
z-index: 990;
}
.dropup .dropdown-menu, .dropup .select2-drop,
.navbar-fixed-bottom .dropdown .dropdown-menu,
.navbar-fixed-bottom .dropdown .select2-drop {
margin-top: 0;
margin-bottom: 9px;
}
.dropdown-menu-inverse {
background-color: #34495e;
}
.dropdown-menu-inverse .divider {
height: 2px;
margin: 3px 0;
overflow: hidden;
background-color: rgba(43, 60, 78, 0.5);
}
.dropdown-menu-inverse > li > a {
color: rgba(255, 255, 255, 0.85);
}
.dropdown-menu-inverse > li > a:hover, .dropdown-menu-inverse > li > a:focus {
color: rgba(255, 255, 255, 0.85);
background-color: rgba(43, 60, 78, 0.5);
}
.dropdown-menu-inverse > .active > a, .dropdown-menu-inverse > .active > a:hover, .dropdown-menu-inverse > .active > a:focus {
color: rgba(255, 255, 255, 0.85);
background-color: #1abc9c;
}
.dropdown-menu-inverse > .disabled > a, .dropdown-menu-inverse > .disabled > a:hover, .dropdown-menu-inverse > .disabled > a:focus {
color: rgba(255, 255, 255, 0.5);
}
.dropdown-menu-inverse > .disabled > a:hover, .dropdown-menu-inverse > .disabled > a:focus {
background-color: transparent;
}
.dropdown-menu-inverse .dropdown-header {
color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu, .navbar-right .select2-drop {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.select {
position: relative;
display: inline-block;
vertical-align: top;
min-width: 220px;
width: auto;
}
.form-group .select {
width: 100%;
}
.form-group .select > .select2-choice {
width: 100%;
}
.select.form-control, .select2-search input.select[type="text"] {
border: none;
padding: 0;
height: auto;
}
.select2-choice {
width: 100%;
display: inline-block;
position: relative;
border: none;
font-size: 15px;
font-weight: normal;
line-height: 1.4;
border-radius: 4px;
padding: 10px 39px 10px 15px;
min-height: 41px;
transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.select2-choice:hover, .select2-choice:focus {
outline: none;
}
.select2-choice:active {
outline: none;
box-shadow: none;
}
.select2-container-disabled .select2-choice {
cursor: default;
opacity: 0.7;
filter: "alpha(opacity=70)";
}
.select2-chosen {
overflow: hidden;
text-align: left;
}
.select2-arrow {
display: inline-block;
border-width: 8px 6px;
border-color: #34495e transparent;
border-style: solid;
border-bottom-style: none;
position: absolute;
right: 16px;
top: 42%;
-webkit-transform: scale(1.001);
transform: scale(1.001);
}
.select2-arrow b {
display: none;
}
.btn-lg .select2-arrow, .btn-group-lg > .btn .select2-arrow {
border-top-width: 8px;
border-right-width: 6px;
border-left-width: 6px;
}
.select-default .select2-choice {
color: white;
background-color: #bdc3c7;
}
.select-default .select2-choice:hover, .select-default .select2-choice.hover, .select-default .select2-choice:focus, .select-default .select2-choice:active {
color: white;
background-color: #cacfd2;
border-color: #cacfd2;
}
.select-default .select2-choice:active {
background: #a1a6a9;
border-color: #a1a6a9;
}
.select2-container-disabled.select-default .select2-choice, .select2-container-disabled.select-default .select2-choice:hover, .select2-container-disabled.select-default .select2-choice:focus, .select2-container-disabled.select-default .select2-choice:active {
background-color: white;
border-color: #bdc3c7;
}
.select-default .select2-choice .select2-arrow {
border-top-color: white;
}
.select-primary .select2-choice {
color: white;
background-color: #1abc9c;
}
.select-primary .select2-choice:hover, .select-primary .select2-choice.hover, .select-primary .select2-choice:focus, .select-primary .select2-choice:active {
color: white;
background-color: #48c9b0;
border-color: #48c9b0;
}
.select-primary .select2-choice:active {
background: #16a085;
border-color: #16a085;
}
.select2-container-disabled.select-primary .select2-choice, .select2-container-disabled.select-primary .select2-choice:hover, .select2-container-disabled.select-primary .select2-choice:focus, .select2-container-disabled.select-primary .select2-choice:active {
background-color: white;
border-color: #1abc9c;
}
.select-primary .select2-choice .select2-arrow {
border-top-color: white;
}
.select-info .select2-choice {
color: white;
background-color: #3498db;
}
.select-info .select2-choice:hover, .select-info .select2-choice.hover, .select-info .select2-choice:focus, .select-info .select2-choice:active {
color: white;
background-color: #5dade2;
border-color: #5dade2;
}
.select-info .select2-choice:active {
background: #2c81ba;
border-color: #2c81ba;
}
.select2-container-disabled.select-info .select2-choice, .select2-container-disabled.select-info .select2-choice:hover, .select2-container-disabled.select-info .select2-choice:focus, .select2-container-disabled.select-info .select2-choice:active {
background-color: white;
border-color: #3498db;
}
.select-info .select2-choice .select2-arrow {
border-top-color: white;
}
.select-danger .select2-choice {
color: white;
background-color: #e74c3c;
}
.select-danger .select2-choice:hover, .select-danger .select2-choice.hover, .select-danger .select2-choice:focus, .select-danger .select2-choice:active {
color: white;
background-color: #ec7063;
border-color: #ec7063;
}
.select-danger .select2-choice:active {
background: #c44133;
border-color: #c44133;
}
.select2-container-disabled.select-danger .select2-choice, .select2-container-disabled.select-danger .select2-choice:hover, .select2-container-disabled.select-danger .select2-choice:focus, .select2-container-disabled.select-danger .select2-choice:active {
background-color: white;
border-color: #e74c3c;
}
.select-danger .select2-choice .select2-arrow {
border-top-color: white;
}
.select-success .select2-choice {
color: white;
background-color: #2ecc71;
}
.select-success .select2-choice:hover, .select-success .select2-choice.hover, .select-success .select2-choice:focus, .select-success .select2-choice:active {
color: white;
background-color: #58d68d;
border-color: #58d68d;
}
.select-success .select2-choice:active {
background: #27ad60;
border-color: #27ad60;
}
.select2-container-disabled.select-success .select2-choice, .select2-container-disabled.select-success .select2-choice:hover, .select2-container-disabled.select-success .select2-choice:focus, .select2-container-disabled.select-success .select2-choice:active {
background-color: white;
border-color: #2ecc71;
}
.select-success .select2-choice .select2-arrow {
border-top-color: white;
}
.select-warning .select2-choice {
color: white;
background-color: #f1c40f;
}
.select-warning .select2-choice:hover, .select-warning .select2-choice.hover, .select-warning .select2-choice:focus, .select-warning .select2-choice:active {
color: white;
background-color: #f4d313;
border-color: #f4d313;
}
.select-warning .select2-choice:active {
background: #cda70d;
border-color: #cda70d;
}
.select2-container-disabled.select-warning .select2-choice, .select2-container-disabled.select-warning .select2-choice:hover, .select2-container-disabled.select-warning .select2-choice:focus, .select2-container-disabled.select-warning .select2-choice:active {
background-color: white;
border-color: #f1c40f;
}
.select-warning .select2-choice .select2-arrow {
border-top-color: white;
}
.select-inverse .select2-choice {
color: white;
background-color: #34495e;
}
.select-inverse .select2-choice:hover, .select-inverse .select2-choice.hover, .select-inverse .select2-choice:focus, .select-inverse .select2-choice:active {
color: white;
background-color: #415b76;
border-color: #415b76;
}
.select-inverse .select2-choice:active {
background: #2c3e50;
border-color: #2c3e50;
}
.select2-container-disabled.select-inverse .select2-choice, .select2-container-disabled.select-inverse .select2-choice:hover, .select2-container-disabled.select-inverse .select2-choice:focus, .select2-container-disabled.select-inverse .select2-choice:active {
background-color: white;
border-color: #34495e;
}
.select-inverse .select2-choice .select2-arrow {
border-top-color: white;
}
.select2-container.select-hg > .select2-choice {
padding: 13px 20px;
font-size: 22px;
line-height: 1.227;
border-radius: 6px;
padding-right: 49px;
min-height: 53px;
}
.select2-container.select-hg > .select2-choice .filter-option {
left: 20px;
right: 40px;
top: 13px;
}
.select2-container.select-hg > .select2-choice .select2-arrow {
right: 20px;
}
.select2-container.select-hg > .select2-choice > [class^="fui-"] {
top: 2px;
}
.select2-container.select-lg > .select2-choice {
padding: 10px 19px;
font-size: 17px;
line-height: 1.471;
border-radius: 6px;
padding-right: 47px;
min-height: 45px;
}
.select2-container.select-lg > .select2-choice .filter-option {
left: 18px;
right: 38px;
}
.select2-container.select-sm > .select2-choice {
padding: 9px 13px;
font-size: 13px;
line-height: 1.385;
border-radius: 4px;
padding-right: 35px;
min-height: 36px;
}
.select2-container.select-sm > .select2-choice .filter-option {
left: 13px;
right: 33px;
}
.select2-container.select-sm > .select2-choice .select2-arrow {
right: 13px;
}
.multiselect {
position: relative;
display: inline-block;
vertical-align: top;
min-width: 220px;
width: auto;
background-color: white;
border-radius: 6px;
text-align: left;
font-size: 0;
width: auto;
max-width: none;
}
.form-group .multiselect {
width: 100%;
}
.form-group .multiselect > .select2-choice {
width: 100%;
}
.multiselect.form-control, .select2-search input.multiselect[type="text"] {
height: auto;
padding: 6px 1px 1px 6px;
border: 2px solid #ebedef;
}
.select2-choices {
margin: 0;
padding: 0;
position: relative;
cursor: text;
overflow: hidden;
min-height: 26px;
}
.select2-choices:before, .select2-choices:after {
content: " ";
display: table;
}
.select2-choices:after {
clear: both;
}
.select2-choices li {
float: left;
list-style: none;
}
.select2-search-choice {
border-radius: 4px;
color: white;
font-size: 13px;
cursor: pointer;
display: inline-block;
position: relative;
vertical-align: middle;
overflow: hidden;
margin: 0 5px 4px 0;
line-height: 15px;
height: 27px;
padding: 6px 21px;
transition: .25s linear;
}
.select2-search-choice:hover {
padding-right: 28px;
padding-left: 14px;
color: white;
}
.select2-search-choice:hover .select2-search-choice-close {
opacity: 1;
-webkit-filter: none;
filter: none;
color: inherit;
}
.select2-container-disabled .select2-search-choice {
cursor: default;
}
.select2-container-disabled .select2-search-choice:hover {
padding-right: 21px;
padding-left: 21px;
cursor: default;
}
.select2-search-choice .select2-search-choice-close {
color: white;
cursor: pointer;
font-size: 12px;
position: absolute;
right: 0;
text-align: right;
text-decoration: none;
top: 0;
width: 100%;
bottom: 0;
padding-right: 10px;
z-index: 2;
opacity: 0;
filter: "alpha(opacity=0)";
transition: opacity .25s linear;
}
.select2-search-choice .select2-search-choice-close:after {
content: "\e609";
font-family: "Flat-UI-Pro-Icons";
line-height: 27px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.select2-container-disabled .select2-search-choice .select2-search-choice-close {
display: none;
}
.select2-search-field input[type="text"] {
color: #34495e;
font-size: 14px;
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0;
margin: 0;
width: auto;
max-width: inherit;
min-width: 80px;
vertical-align: top;
height: 29px;
}
.select2-search-field:first-child input[type="text"] {
height: 23px;
margin: 3px 0 5px;
}
.select2-container-multi.multiselect-default {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-default .select2-search-choice {
background-color: #bdc3c7;
}
.select2-container-multi.multiselect-default .select2-search-choice:hover {
background-color: #cacfd2;
}
.select2-container-disabled.select2-container-multi.multiselect-default .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-default .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-default .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-default .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-default {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-primary {
border-color: #1abc9c;
}
.select2-container-multi.multiselect-primary .select2-search-choice {
background-color: #1abc9c;
}
.select2-container-multi.multiselect-primary .select2-search-choice:hover {
background-color: #48c9b0;
}
.select2-container-disabled.select2-container-multi.multiselect-primary .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-primary .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-primary .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-primary .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-primary {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-info {
border-color: #3498db;
}
.select2-container-multi.multiselect-info .select2-search-choice {
background-color: #3498db;
}
.select2-container-multi.multiselect-info .select2-search-choice:hover {
background-color: #5dade2;
}
.select2-container-disabled.select2-container-multi.multiselect-info .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-info .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-info .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-info .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-info {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-danger {
border-color: #e74c3c;
}
.select2-container-multi.multiselect-danger .select2-search-choice {
background-color: #e74c3c;
}
.select2-container-multi.multiselect-danger .select2-search-choice:hover {
background-color: #ec7063;
}
.select2-container-disabled.select2-container-multi.multiselect-danger .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-danger .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-danger .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-danger .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-danger {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-success {
border-color: #2ecc71;
}
.select2-container-multi.multiselect-success .select2-search-choice {
background-color: #2ecc71;
}
.select2-container-multi.multiselect-success .select2-search-choice:hover {
background-color: #58d68d;
}
.select2-container-disabled.select2-container-multi.multiselect-success .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-success .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-success .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-success .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-success {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-warning {
border-color: #f1c40f;
}
.select2-container-multi.multiselect-warning .select2-search-choice {
background-color: #f1c40f;
}
.select2-container-multi.multiselect-warning .select2-search-choice:hover {
background-color: #f4d313;
}
.select2-container-disabled.select2-container-multi.multiselect-warning .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-warning .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-warning .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-warning .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-warning {
border-color: #bdc3c7;
}
.select2-container-multi.multiselect-inverse {
border-color: #34495e;
}
.select2-container-multi.multiselect-inverse .select2-search-choice {
background-color: #34495e;
}
.select2-container-multi.multiselect-inverse .select2-search-choice:hover {
background-color: #415b76;
}
.select2-container-disabled.select2-container-multi.multiselect-inverse .select2-search-choice, .select2-container-disabled.select2-container-multi.multiselect-inverse .select2-search-choice:hover, .select2-container-disabled.select2-container-multi.multiselect-inverse .select2-search-choice:focus, .select2-container-disabled.select2-container-multi.multiselect-inverse .select2-search-choice:active {
background-color: #bdc3c7;
border-color: #bdc3c7;
}
.select2-container-disabled.select2-container-multi.multiselect-inverse {
border-color: #bdc3c7;
}
.select2-drop {
min-width: 220px;
margin-top: 9px;
visibility: visible;
opacity: 1;
-webkit-filter: none;
filter: none;
border-radius: 4px;
font-size: 14px;
position: absolute;
z-index: 9999;
top: 100%;
transition: none;
}
.select2-drop.select2-drop-above {
margin-top: -9px;
}
.select2-drop.select2-drop-auto-width {
width: auto;
}
.select2-drop.show-select-search .select2-search {
display: block;
}
.select2-drop.show-select-search .select2-search + .select2-results > li:first-child .select2-result-label {
border-radius: 0;
}
.select2-drop .select2-results {
padding: 0;
margin: 0;
list-style: none;
}
.select2-drop .select2-results > li:first-child > .select2-result-label {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.select2-drop .select2-results > li:last-child > .select2-result-label {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.select2-drop .select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-drop .select2-results .select2-result-label img {
height: auto;
max-width: 100%;
}
.select2-drop .select2-result-sub {
padding: 0;
margin: 0;
list-style: none;
}
.select2-drop .select2-result-sub > li:last-child > .select2-result-label {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.select2-drop .select2-no-results {
padding: 8px 15px;
}
.select2-drop .select2-result-label {
line-height: 1.429;
padding: 8px 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: background-color .25s, color .25s;
}
.select2-drop .select2-result-selectable .select2-result-label {
color: rgba(52, 73, 94, 0.85);
cursor: pointer;
}
.select2-drop .select2-result-selectable .select2-result-label:focus, .select2-drop .select2-result-selectable .select2-result-label:hover, .select2-drop .select2-result-selectable .select2-result-label:active {
background-color: #e1e4e7;
color: inherit;
outline: none;
}
.select2-drop .select2-disabled {
cursor: default;
color: rgba(52, 73, 94, 0.95);
opacity: 0.4;
filter: "alpha(opacity=40)";
}
.select2-drop .select2-disabled:focus, .select2-drop .select2-disabled:hover, .select2-drop .select2-disabled:active {
background: none !important;
}
.select2-drop .select2-highlighted > .select2-result-label {
background: #1abc9c;
color: white;
}
.select2-drop .select2-result-with-children > .select2-result-label {
font-size: 13px;
text-transform: uppercase;
color: rgba(52, 73, 94, 0.6);
margin-top: 5px;
}
.select2-drop .select2-result-with-children + .select2-result-with-children > .select2-result-label {
margin-top: 11px;
}
.select2-results {
max-height: 200px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: transparent;
}
.select2-results li {
list-style: none;
display: list-item;
background-image: none;
}
.select2-search {
padding: 8px 6px;
width: 100%;
display: none;
display: inline-block;
white-space: nowrap;
}
.select2-search input[type="text"] {
width: 100%;
height: auto !important;
}
.select-inverse-dropdown {
background-color: #34495e;
color: rgba(255, 255, 255, 0.75);
}
.select-inverse-dropdown .select2-results .select2-result-label {
color: white;
}
.select-inverse-dropdown .select2-results .select2-result-label:focus, .select-inverse-dropdown .select2-results .select2-result-label:hover, .select-inverse-dropdown .select2-results .select2-result-label:active {
background: #2c3e50;
}
.select-inverse-dropdown .select2-results.select2-disabled .select2-result-label:hover {
color: white;
}
.select-inverse-dropdown .select2-result-with-children > .select2-result-label {
color: rgba(255, 255, 255, 0.6);
}
.select-inverse-dropdown .select2-result-with-children > .select2-result-label:hover {
color: white;
background: none !important;
}
.select2-drop-multi {
border-radius: 6px;
}
.select2-drop-multi .select2-results {
padding: 2px 0;
}
.select2-drop-multi .select2-result {
padding: 2px 4px;
}
.select2-drop-multi .select2-result-label {
border-radius: 4px;
}
.select2-drop-multi .select2-selected {
display: none;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
padding: 10px 0 5px 10px;
}
.select2-offscreen,
.select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0 !important;
top: 0 !important;
}
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.select2-offscreen,
.select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0 !important;
top: 0 !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
z-index: 9998;
/* styles required for IE to work */
background-color: #fff;
opacity: 0;
filter: "alpha(opacity=0)";
}
.navbar {
font-size: 16px;
min-height: 53px;
margin-bottom: 30px;
border: none;
border-radius: 6px;
}
@media (min-width: 992px) {
.navbar {
padding: 0;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
box-shadow: none;
}
.navbar-collapse .navbar-form:first-child {
border: none;
}
@media (min-width: 768px) {
.navbar-collapse {
padding-right: 21px;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -21px;
}
.navbar-collapse .navbar-nav.navbar-left:first-child > li:first-child a {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -21px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child > .dropdown:last-child > a {
border-radius: 0 6px 6px 0;
}
.navbar-fixed-top .navbar-collapse .navbar-form.navbar-right:last-child,
.navbar-fixed-bottom .navbar-collapse .navbar-form.navbar-right:last-child {
margin-right: 0;
}
}
@media (max-width: 767px) {
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-bottom: 3px;
}
}
.navbar .container,
.navbar .container-fluid {
padding-left: 21px;
padding-right: 21px;
}
.navbar .container > .navbar-header,
.navbar .container > .navbar-collapse,
.navbar .container-fluid > .navbar-header,
.navbar .container-fluid > .navbar-collapse {
margin-right: -21px;
margin-left: -21px;
}
@media (min-width: 768px) {
.navbar .container > .navbar-header,
.navbar .container > .navbar-collapse,
.navbar .container-fluid > .navbar-header,
.navbar .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0;
border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
z-index: 1030;
border-radius: 0;
}
.navbar-fixed-top {
border-width: 0;
}
.navbar-fixed-bottom {
margin-bottom: 0;
border-width: 0;
}
.navbar-brand {
font-size: 24px;
height: 53px;
font-weight: 700;
margin-right: 0;
}
@media (min-width: 768px) {
.navbar-brand {
line-height: 1.042;
padding: 14px 21px;
}
}
.navbar-brand > [class*="fui-"] {
font-size: 19px;
line-height: 1.263;
vertical-align: top;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -21px;
}
}
.navbar-toggler {
border: none;
color: #34495e;
margin: 0 0 0 21px;
padding: 0 21px;
height: 53px;
line-height: 53px;
background: none;
}
.navbar-toggler:before {
color: #16a085;
content: "\e61a";
font-family: "Flat-UI-Pro-Icons";
font-size: 22px;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: color .25s linear;
}
.navbar-toggler:hover, .navbar-toggler:focus {
outline: none;
}
.navbar-toggler:hover:before, .navbar-toggler:focus:before {
color: #1abc9c;
}
.navbar-toggler .icon-bar {
display: none;
}
.navbar-nav {
margin: 0;
}
.navbar-nav > li > a {
font-size: 16px;
padding: 15px 0;
line-height: 23px;
font-weight: 700;
position: relative;
display: block;
}
@media (min-width: 768px) {
.navbar-nav > li > a {
padding-left: 21px;
padding-right: 21px;
}
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav .show > a:focus,
.navbar-nav .show > a:hover {
background-color: transparent;
}
.navbar-nav [class^="fui-"] {
line-height: 20px;
position: relative;
top: 1px;
}
@media (max-width: 1199.98px) {
.navbar-nav [class^="fui-"] {
margin-left: 5px;
}
}
.navbar-nav .visible-sm > [class^="fui-"],
.navbar-nav .visible-xs > [class^="fui-"] {
margin-left: 12px;
}
.navbar-input, .navbar-form .form-control, .navbar-form .select2-search input[type="text"], .select2-search .navbar-form input[type="text"],
.navbar-form .input-group-text,
.navbar-form .btn {
height: 35px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.4;
border-radius: 6px;
}
.navbar-form .btn {
margin: 0;
}
.navbar-form .input-group .form-control:first-child, .navbar-form .input-group .select2-search input[type="text"]:first-child, .select2-search .navbar-form .input-group input[type="text"]:first-child,
.navbar-form .input-group-text:first-child,
.navbar-form .input-group-btn:first-child > .btn,
.navbar-form .input-group-btn:first-child > .dropdown-toggle,
.navbar-form .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.navbar-form .input-group .form-control:last-child, .navbar-form .input-group .select2-search input[type="text"]:last-child, .select2-search .navbar-form .input-group input[type="text"]:last-child,
.navbar-form .input-group-text:last-child,
.navbar-form .input-group-btn:last-child > .btn,
.navbar-form .input-group-btn:last-child > .dropdown-toggle,
.navbar-form .input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.navbar-form .form-control, .navbar-form .select2-search input[type="text"], .select2-search .navbar-form input[type="text"] {
font-size: 15px;
border-radius: 5px;
display: table-cell;
}
.navbar-form .form-group ~ .btn {
font-size: 15px;
border-radius: 5px;
margin-left: 5px;
}
.navbar-form .form-group + .btn {
margin-right: 5px;
}
@media (min-width: 768px) {
.navbar-form .input-group {
width: 195px;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 7px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
.navbar-form .form-group + .btn {
margin-left: 0;
}
}
.navbar-nav > li > .dropdown-menu, .navbar-nav > li > .select2-drop {
min-width: 100%;
border-radius: 4px;
}
@media (max-width: 1199.98px) {
.navbar-nav > li > .dropdown-menu, .navbar-nav > li > .select2-drop {
margin-top: 0;
}
}
@media (max-width: 767px) {
.navbar-nav > li.show > .dropdown-menu, .navbar-nav > li.show > .select2-drop {
margin-top: 0 !important;
}
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu, .navbar-fixed-bottom .navbar-nav > li > .select2-drop {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.navbar-nav > .show > .dropdown-toggle,
.navbar-nav > .show > .dropdown-toggle:focus,
.navbar-nav > .show > .dropdown-toggle:hover {
background-color: transparent;
}
.navbar-text {
font-size: 16px;
line-height: 1.438;
color: #34495e;
margin-top: 0;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
margin-left: 21px;
margin-right: 21px;
}
.navbar-text.navbar-right:last-child {
margin-right: 0;
}
}
.navbar-btn {
margin-top: 6px;
margin-bottom: 6px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 9px;
margin-bottom: 8px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-unread,
.navbar-new {
font-family: "Lato", Helvetica, Arial, sans-serif;
background-color: #1abc9c;
border-radius: 50%;
color: white;
font-size: 0;
font-weight: 700;
min-height: 6px;
min-width: 6px;
line-height: 1;
text-align: center;
z-index: 10;
position: absolute;
top: 35%;
margin-left: 5px;
}
.active .navbar-unread, .active
.navbar-new {
background-color: white;
display: none;
}
.navbar-new {
background-color: #e74c3c;
font-size: 12px;
height: 18px;
line-height: 17px;
min-width: 18px;
padding: 0 1px;
width: auto;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
.navbar-default {
background-color: #edf0f1;
}
.navbar-default .navbar-brand {
color: #34495e;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-default .navbar-toggler:before {
color: #34495e;
}
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {
background-color: transparent;
}
.navbar-default .navbar-toggler:hover:before, .navbar-default .navbar-toggler:focus:before {
color: #1abc9c;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e5e9ea;
border-width: 2px;
}
.navbar-default .navbar-nav > li > a {
color: #34495e;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:hover, .navbar-default .navbar-nav > .show > a:focus {
background-color: transparent;
color: #1abc9c;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .show .dropdown-menu > li > a, .navbar-default .navbar-nav .show .select2-drop > li > a {
color: #34495e;
}
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .show .select2-drop > li > a:hover, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .select2-drop > li > a:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-default .navbar-nav .show .dropdown-menu > .active > a, .navbar-default .navbar-nav .show .select2-drop > .active > a, .navbar-default .navbar-nav .show .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .show .select2-drop > .active > a:hover, .navbar-default .navbar-nav .show .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .show .select2-drop > .active > a:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-default .navbar-nav .show .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .show .select2-drop > .disabled > a, .navbar-default .navbar-nav .show .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .show .select2-drop > .disabled > a:hover, .navbar-default .navbar-nav .show .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .show .select2-drop > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-form .form-control, .navbar-default .navbar-form .select2-search input[type="text"], .select2-search .navbar-default .navbar-form input[type="text"] {
border-color: #fff;
}
.navbar-default .navbar-form .form-control::-moz-placeholder, .navbar-default .navbar-form .select2-search input[type="text"]::-moz-placeholder, .select2-search .navbar-default .navbar-form input[type="text"]::-moz-placeholder {
color: #aeb5bf;
opacity: 1;
}
.navbar-default .navbar-form .form-control:-ms-input-placeholder, .navbar-default .navbar-form .select2-search input[type="text"]:-ms-input-placeholder, .select2-search .navbar-default .navbar-form input[type="text"]:-ms-input-placeholder {
color: #aeb5bf;
}
.navbar-default .navbar-form .form-control::-webkit-input-placeholder, .navbar-default .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder, .select2-search .navbar-default .navbar-form input[type="text"]::-webkit-input-placeholder {
color: #aeb5bf;
}
.navbar-default .navbar-form .form-control:focus, .navbar-default .navbar-form .select2-search input[type="text"]:focus, .select2-search .navbar-default .navbar-form input[type="text"]:focus {
border-color: #1abc9c;
color: #1abc9c;
}
.navbar-default .navbar-form .form-control:first-child, .navbar-default .navbar-form .select2-search input[type="text"]:first-child, .select2-search .navbar-default .navbar-form input[type="text"]:first-child {
border-right-width: 0;
}
.navbar-default .navbar-form .input-group-btn .btn {
border-color: transparent;
color: #afb6be;
}
.navbar-default .navbar-form .input-group.focus .form-control, .navbar-default .navbar-form .input-group.focus .select2-search input[type="text"], .select2-search .navbar-default .navbar-form .input-group.focus input[type="text"],
.navbar-default .navbar-form .input-group.focus .input-group-btn .btn {
border-color: #1abc9c;
color: #1abc9c;
}
.navbar-default .navbar-text {
color: #34495e;
}
.navbar-default .navbar-link {
color: #34495e;
}
.navbar-default .navbar-link:hover {
color: #1abc9c;
}
.navbar-default .btn-link {
color: #34495e;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #1abc9c;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #34495e;
}
.navbar-inverse .navbar-brand {
color: white;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-inverse .navbar-toggler:before {
color: white;
}
.navbar-inverse .navbar-toggler:hover, .navbar-inverse .navbar-toggler:focus {
background-color: transparent;
}
.navbar-inverse .navbar-toggler:hover:before, .navbar-inverse .navbar-toggler:focus:before {
color: #1abc9c;
}
.navbar-inverse .navbar-collapse {
border-color: #2f4154;
border-width: 2px;
}
.navbar-inverse .navbar-nav > li > a {
color: white;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: white;
background-color: #1abc9c;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .show > a, .navbar-inverse .navbar-nav > .show > a:hover, .navbar-inverse .navbar-nav > .show > a:focus {
background-color: #1abc9c;
color: white;
border-left-color: transparent;
}
.navbar-inverse .navbar-nav > .show > .dropdown-menu, .navbar-inverse .navbar-nav > .show > .select2-drop {
background-color: #34495e;
padding: 3px 4px;
}
.navbar-inverse .navbar-nav > .show > .dropdown-menu > li > a, .navbar-inverse .navbar-nav > .show > .select2-drop > li > a {
color: #e1e4e7;
border-radius: 4px;
padding: 6px 9px;
}
.navbar-inverse .navbar-nav > .show > .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav > .show > .select2-drop > li > a:hover, .navbar-inverse .navbar-nav > .show > .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav > .show > .select2-drop > li > a:focus {
color: white;
background-color: #1abc9c;
}
.navbar-inverse .navbar-nav > .show > .dropdown-menu > .divider, .navbar-inverse .navbar-nav > .show > .select2-drop > .divider {
background-color: #2f4154;
height: 2px;
margin-left: -4px;
margin-right: -4px;
}
.navbar-inverse .navbar-nav .dropdown-toggle:after {
border-top-color: #4b6075;
border-bottom-color: #4b6075;
}
.navbar-inverse .navbar-nav .dropdown-toggle:hover:after, .navbar-inverse .navbar-nav .dropdown-toggle:focus:after {
border-top-color: #1abc9c;
border-bottom-color: #1abc9c;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav > li > a {
border-left-width: 0;
}
.navbar-inverse .navbar-nav .show .dropdown-menu > li > a, .navbar-inverse .navbar-nav .show .select2-drop > li > a {
color: white;
}
.navbar-inverse .navbar-nav .show .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .show .select2-drop > li > a:hover, .navbar-inverse .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .show .select2-drop > li > a:focus {
color: #1abc9c;
background-color: transparent;
}
.navbar-inverse .navbar-nav .show .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .show .select2-drop > .active > a, .navbar-inverse .navbar-nav .show .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .show .select2-drop > .active > a:hover, .navbar-inverse .navbar-nav .show .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .show .select2-drop > .active > a:focus {
color: white;
background-color: #1abc9c;
}
.navbar-inverse .navbar-nav .show .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .show .select2-drop > .disabled > a, .navbar-inverse .navbar-nav .show .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .show .select2-drop > .disabled > a:hover, .navbar-inverse .navbar-nav .show .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .show .select2-drop > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav .dropdown-menu .divider, .navbar-inverse .navbar-nav .select2-drop .divider {
background-color: #2f4154;
}
}
.navbar-inverse .navbar-form .form-control, .navbar-inverse .navbar-form .select2-search input[type="text"], .select2-search .navbar-inverse .navbar-form input[type="text"] {
color: #536a81;
border-color: #293a4a;
background-color: #293a4a;
}
.navbar-inverse .navbar-form .form-control::-moz-placeholder, .navbar-inverse .navbar-form .select2-search input[type="text"]::-moz-placeholder, .select2-search .navbar-inverse .navbar-form input[type="text"]::-moz-placeholder {
color: #536a81;
opacity: 1;
}
.navbar-inverse .navbar-form .form-control:-ms-input-placeholder, .navbar-inverse .navbar-form .select2-search input[type="text"]:-ms-input-placeholder, .select2-search .navbar-inverse .navbar-form input[type="text"]:-ms-input-placeholder {
color: #536a81;
}
.navbar-inverse .navbar-form .form-control::-webkit-input-placeholder, .navbar-inverse .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder, .select2-search .navbar-inverse .navbar-form input[type="text"]::-webkit-input-placeholder {
color: #536a81;
}
.navbar-inverse .navbar-form .form-control:focus, .navbar-inverse .navbar-form .select2-search input[type="text"]:focus, .select2-search .navbar-inverse .navbar-form input[type="text"]:focus {
border-color: #1abc9c;
color: #1abc9c;
}
.navbar-inverse .navbar-form .form-control:first-child, .navbar-inverse .navbar-form .select2-search input[type="text"]:first-child, .select2-search .navbar-inverse .navbar-form input[type="text"]:first-child {
border-right-width: 0;
}
.navbar-inverse .navbar-form .btn {
color: white;
background-color: #1abc9c;
}
.show > .dropdown-toggle.navbar-inverse .navbar-form .btn, .navbar-inverse .navbar-form .btn:hover, .navbar-inverse .navbar-form .btn.hover, .navbar-inverse .navbar-form .btn:focus, .navbar-inverse .navbar-form .btn:active, .navbar-inverse .navbar-form .btn.active {
color: white;
background-color: #48c9b0;
border-color: #48c9b0;
}
.show > .dropdown-toggle.navbar-inverse .navbar-form .btn, .navbar-inverse .navbar-form .btn:not(:disabled):not(.disabled):active, .navbar-inverse .navbar-form .btn:not(:disabled):not(.disabled).active {
background: #16a085;
border-color: #16a085;
}
.navbar-inverse .navbar-form .btn.disabled, .navbar-inverse .navbar-form .btn.disabled:hover, .navbar-inverse .navbar-form .btn.disabled.hover, .navbar-inverse .navbar-form .btn.disabled:focus, .navbar-inverse .navbar-form .btn.disabled:active, .navbar-inverse .navbar-form .btn.disabled.active, .navbar-inverse .navbar-form .btn[disabled], .navbar-inverse .navbar-form .btn[disabled]:hover, .navbar-inverse .navbar-form .btn[disabled].hover, .navbar-inverse .navbar-form .btn[disabled]:focus, .navbar-inverse .navbar-form .btn[disabled]:active, .navbar-inverse .navbar-form .btn[disabled].active,
fieldset[disabled] .navbar-inverse .navbar-form .btn,
fieldset[disabled] .navbar-inverse .navbar-form .btn:hover,
fieldset[disabled] .navbar-inverse .navbar-form .btn.hover,
fieldset[disabled] .navbar-inverse .navbar-form .btn:focus,
fieldset[disabled] .navbar-inverse .navbar-form .btn:active,
fieldset[disabled] .navbar-inverse .navbar-form .btn.active {
background-color: #bdc3c7;
border-color: #1abc9c;
}
.navbar-inverse .navbar-form .btn .badge {
color: #1abc9c;
background-color: white;
}
.navbar-inverse .navbar-form .input-group-btn .btn {
border-color: transparent;
background-color: #293a4a;
color: #526a82;
}
.navbar-inverse .navbar-form .input-group.focus .form-control, .navbar-inverse .navbar-form .input-group.focus .select2-search input[type="text"], .select2-search .navbar-inverse .navbar-form .input-group.focus input[type="text"],
.navbar-inverse .navbar-form .input-group.focus .input-group-btn .btn {
border-color: #1abc9c;
color: #1abc9c;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-form {
border-color: #2f4154;
border-width: 2px 0;
}
}
.navbar-inverse .navbar-text {
color: white;
}
.navbar-inverse .navbar-text a {
color: white;
}
.navbar-inverse .navbar-text a:hover, .navbar-inverse .navbar-text a:focus {
color: #1abc9c;
}
.navbar-inverse .navbar-btn {
color: white;
background-color: #1abc9c;
}
.show > .dropdown-toggle.navbar-inverse .navbar-btn, .navbar-inverse .navbar-btn:hover, .navbar-inverse .navbar-btn.hover, .navbar-inverse .navbar-btn:focus, .navbar-inverse .navbar-btn:active, .navbar-inverse .navbar-btn.active {
color: white;
background-color: #48c9b0;
border-color: #48c9b0;
}
.show > .dropdown-toggle.navbar-inverse .navbar-btn, .navbar-inverse .navbar-btn:not(:disabled):not(.disabled):active, .navbar-inverse .navbar-btn:not(:disabled):not(.disabled).active {
background: #16a085;
border-color: #16a085;
}
.navbar-inverse .navbar-btn.disabled, .navbar-inverse .navbar-btn.disabled:hover, .navbar-inverse .navbar-btn.disabled.hover, .navbar-inverse .navbar-btn.disabled:focus, .navbar-inverse .navbar-btn.disabled:active, .navbar-inverse .navbar-btn.disabled.active, .navbar-inverse .navbar-btn[disabled], .navbar-inverse .navbar-btn[disabled]:hover, .navbar-inverse .navbar-btn[disabled].hover, .navbar-inverse .navbar-btn[disabled]:focus, .navbar-inverse .navbar-btn[disabled]:active, .navbar-inverse .navbar-btn[disabled].active,
fieldset[disabled] .navbar-inverse .navbar-btn,
fieldset[disabled] .navbar-inverse .navbar-btn:hover,
fieldset[disabled] .navbar-inverse .navbar-btn.hover,
fieldset[disabled] .navbar-inverse .navbar-btn:focus,
fieldset[disabled] .navbar-inverse .navbar-btn:active,
fieldset[disabled] .navbar-inverse .navbar-btn.active {
background-color: #bdc3c7;
border-color: #1abc9c;
}
.navbar-inverse .navbar-btn .badge {
color: #1abc9c;
background-color: white;
}
@media (min-width: 768px) {
.navbar-embossed > .navbar-collapse {
border-radius: 6px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.navbar-embossed.navbar-inverse .navbar-nav .active > a,
.navbar-embossed.navbar-inverse .navbar-nav .show > a {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
}
.navbar-lg {
min-height: 76px;
}
@media (min-width: 768px) {
.navbar-lg .navbar-brand {
line-height: 1;
height: 76px;
padding-top: 26px;
padding-bottom: 26px;
}
}
.navbar-lg .navbar-brand > [class*="fui-"] {
font-size: 24px;
line-height: 1;
}
.navbar-lg .navbar-nav > li > a {
font-size: 15px;
line-height: 1.6;
}
@media (min-width: 768px) {
.navbar-lg .navbar-nav > li > a {
padding-top: 26px;
padding-bottom: 26px;
}
}
.navbar-lg .navbar-toggler {
height: 76px;
line-height: 76px;
}
.navbar-lg .navbar-form {
padding-top: 20.5px;
padding-bottom: 20.5px;
}
.navbar-lg .navbar-text {
padding-top: 26.5px;
padding-bottom: 26.5px;
}
.navbar-lg .navbar-btn {
margin-top: 17.5px;
margin-bottom: 17.5px;
}
.navbar-lg .navbar-btn.btn-sm, .navbar-lg .btn-group-sm > .navbar-btn.btn {
margin-top: 20.5px;
margin-bottom: 20.5px;
}
.navbar-lg .navbar-btn.btn-xs, .navbar-lg .btn-group-xs > .navbar-btn.btn {
margin-top: 25.5px;
margin-bottom: 25.5px;
}
.tile {
background-color: #eff0f2;
border-radius: 6px;
padding: 14px;
margin-bottom: 20px;
position: relative;
text-align: center;
}
.tile .tile-hot-ribbon {
display: block;
position: absolute;
right: -4px;
top: -4px;
width: 82px;
}
.tile p {
font-size: 15px;
margin-bottom: 33px;
}
.tile-image {
height: 100px;
margin: 31px 0 27px;
vertical-align: bottom;
}
.tile-image.big-illustration {
height: 111px;
margin-top: 20px;
width: 112px;
}
.tile-title {
font-size: 20px;
margin: 0;
}
.bootstrap-switch {
font-size: 15px;
line-height: 29px;
display: inline-block;
cursor: pointer;
border-radius: 30px;
position: relative;
text-align: left;
overflow: hidden;
vertical-align: middle;
width: 80px;
height: 29px;
-webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwxNC41YzAsOC02LjUsMTQuNS0xNC41LDE0LjVoLTUxQzYuNSwyOSwwLDIyLjUsMCwxNC41bDAsMEMwLDYuNSw2LjUsMCwxNC41LDBoNTFDNzMuNSwwLDgwLDYuNSw4MCwxNC41TDgwLDE0LjV6Ii8+DQo8L3N2Zz4NCg==) 0 0 stretch;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bootstrap-switch > div {
display: inline-block;
width: 132px;
border-radius: 30px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bootstrap-switch > div > span {
font-weight: 700;
line-height: 19px;
cursor: pointer;
display: inline-block;
height: 100%;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
z-index: 1;
width: 66px;
transition: box-shadow .25s ease-out;
}
.bootstrap-switch > div > span > [class^="fui-"] {
text-indent: 0;
}
.bootstrap-switch > div > label {
cursor: pointer;
display: block;
position: absolute;
width: 100%;
height: 100%;
text-indent: -9999px;
font-size: 0;
top: 0;
left: 0;
margin: 0;
z-index: 200;
opacity: 0;
filter: "alpha(opacity=0)";
}
.bootstrap-switch input[type="radio"],
.bootstrap-switch input[type="checkbox"] {
position: absolute !important;
margin: 0;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
filter: "alpha(opacity=0)";
}
.bootstrap-switch-handle-on {
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default {
box-shadow: "inset 0 0 transparent, -16px 0 0 #bdc3c7";
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-default:before {
border-color: #bdc3c7;
background-color: #7f8c9a;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary {
box-shadow: "inset 0 0 transparent, -16px 0 0 #34495e";
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-primary:before {
border-color: #34495e;
background-color: #1abc9c;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success {
box-shadow: "inset 0 0 transparent, -16px 0 0 #2ecc71";
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-success:before {
border-color: #2ecc71;
background-color: white;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning {
box-shadow: "inset 0 0 transparent, -16px 0 0 #f1c40f";
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-warning:before {
border-color: #f1c40f;
background-color: white;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info {
box-shadow: "inset 0 0 transparent, -16px 0 0 #3498db";
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-info:before {
border-color: #3498db;
background-color: white;
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger {
box-shadow: "inset 0 0 transparent, -16px 0 0 #e74c3c";
}
.bootstrap-switch-off .bootstrap-switch-handle-on ~ .bootstrap-switch-handle-off.bootstrap-switch-danger:before {
border-color: #e74c3c;
background-color: white;
}
.bootstrap-switch-handle-off {
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
}
.bootstrap-switch-handle-off:before {
display: inline-block;
content: " ";
border: 4px solid transparent;
border-radius: 50%;
text-align: center;
vertical-align: top;
padding: 0;
height: 29px;
width: 29px;
position: absolute;
top: 0;
left: 51px;
z-index: 100;
background-clip: padding-box;
transition: border-color .25s ease-out, background-color .25s ease-out;
}
.bootstrap-switch-animate > div {
transition: margin-left .25s ease-out;
}
.bootstrap-switch-on > div {
margin-left: 0;
}
.bootstrap-switch-off > div {
margin-left: -51px;
}
.bootstrap-switch-disabled,
.bootstrap-switch-readonly {
opacity: 0.5;
filter: "alpha(opacity=50)";
cursor: default;
}
.bootstrap-switch-disabled > div > span,
.bootstrap-switch-disabled > div > label,
.bootstrap-switch-readonly > div > span,
.bootstrap-switch-readonly > div > label {
cursor: default !important;
}
.bootstrap-switch-focused {
outline: 0;
}
.bootstrap-switch-default {
color: white;
background-color: #bdc3c7;
}
.bootstrap-switch-default ~ .bootstrap-switch-handle-off:before {
background-color: #7f8c9a;
border-color: #bdc3c7;
}
.bootstrap-switch-on .bootstrap-switch-default ~ .bootstrap-switch-handle-off {
box-shadow: inset 16px 0 0 #bdc3c7;
}
.bootstrap-switch-primary {
color: #1abc9c;
background-color: #34495e;
}
.bootstrap-switch-primary ~ .bootstrap-switch-handle-off:before {
background-color: #1abc9c;
border-color: #34495e;
}
.bootstrap-switch-on .bootstrap-switch-primary ~ .bootstrap-switch-handle-off {
box-shadow: inset 16px 0 0 #34495e;
}
.bootstrap-switch-info {
color: white;
background-color: #3498db;
}
.bootstrap-switch-info ~ .bootstrap-switch-handle-off:before {
background-color: white;
border-color: #3498db;
}
.bootstrap-switch-on .bootstrap-switch-info ~ .bootstrap-switch-handle-off {
box-shadow: inset 16px 0 0 #3498db;
}
.bootstrap-switch-success {
color: white;
background-color: #2ecc71;
}
.bootstrap-switch-success ~ .bootstrap-switch-handle-off:before {
background-color: white;
border-color: #2ecc71;
}
.bootstrap-switch-on .bootstrap-switch-success ~ .bootstrap-switch-handle-off {
box-shadow: inset 16px 0 0 #2ecc71;
}
.bootstrap-switch-warning {
color: white;
background-color: #f1c40f;
}
.bootstrap-switch-warning ~ .bootstrap-switch-handle-off:before {
background-color: white;
border-color: #f1c40f;
}
.bootstrap-switch-on .bootstrap-switch-warning ~ .bootstrap-switch-handle-off {
box-shadow: inset 16px 0 0 #f1c40f;
}
.bootstrap-switch-danger {
color: white;
background-color: #e74c3c;
}
.bootstrap-switch-danger ~ .bootstrap-switch-handle-off:before {
background-color: white;
border-color: #e74c3c;
}
.bootstrap-switch-on .bootstrap-switch-danger ~ .bootstrap-switch-handle-off {
box-shadow: inset 16px 0 0 #e74c3c;
}
.bootstrap-switch-square .bootstrap-switch {
-webkit-mask-box-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODAgMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDgwIDI5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik04MCwyNWMwLDIuMi0xLjgsNC00LDRINGMtMi4yLDAtNC0xLjgtNC00VjRjMC0yLjIsMS44LTQsNC00aDcyYzIuMiwwLDQsMS44LDQsNFYyNXoiLz4NCjwvc3ZnPg0K) 0 0 stretch;
border-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch > div {
border-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-on {
text-indent: -15px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off {
text-indent: 15px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off:before {
border: none;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.bootstrap-switch-square .bootstrap-switch-off .bootstrap-switch-handle-off:before {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.video-js * {
font-family: "Flat-UI-Pro-Icons";
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
text-align: center;
}
.vjs-icon-play:before {
content: "\e616";
color: #1abc9c;
font-size: 16px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
content: "\e616";
color: #1abc9c;
font-size: 16px;
line-height: 47px;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\e615";
line-height: 47px;
font-size: 16px;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\e618";
line-height: 47px;
font-size: 16px;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\e617";
line-height: 47px;
font-size: 16px;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\e619";
color: #475d72;
line-height: 47px;
font-size: 16px;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\e619";
color: #475d72;
line-height: 47px;
font-size: 16px;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.vjs-icon-subtitles:before {
content: "\f10c";
}
.vjs-icon-captions:before {
content: "\f10d";
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10d";
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog:before {
content: "\f110";
}
.vjs-icon-circle:before {
content: "\f111";
}
.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
content: "";
background-color: #16a085;
width: 18px;
height: 18px;
border-radius: 50%;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd:before {
content: "\f114";
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115";
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116";
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-audio:before {
content: "\f11e";
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
max-width: 100%;
height: auto;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e";
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: none;
}
.video-js * {
box-sizing: inherit;
}
.video-js *:before, .video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0;
}
.video-js.vjs-16-9 {
padding-top: 56.25%;
}
.video-js.vjs-4-3 {
padding-top: 75%;
}
.video-js.vjs-fill {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
width: 100%;
height: 100%;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a {
color: #66A8CC;
}
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: none;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.75em;
margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
box-sizing: content-box;
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
box-sizing: content-box;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected {
background-color: #fff;
color: #2B333F;
}
.vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active {
width: 12em;
}
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
width: 100%;
margin-top: -2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 47px;
color: #ffffff;
background: #2c3e50;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 18px;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
transition: all 0.2s;
height: 12px;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0;
}
.video-js .vjs-progress-holder .vjs-load-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0;
}
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0;
}
.video-js .vjs-play-progress {
background: #1abc9c;
border-radius: 32px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
top: -0.333333333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: #d6dbdf;
border-radius: 32px;
}
.video-js .vjs-load-progress div {
background: #d6dbdf;
border-radius: 32px;
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: relative;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #425669;
border-radius: 32px;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
height: 47px;
color: #475d72;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
display: none;
}
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:focus {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 47px;
}
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal {
width: 5em;
height: 47px;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 47px;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 47px;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
position: absolute;
top: 50%;
margin: 0;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: 50%;
right: -0.5em;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
display: none;
}
.vjs-poster img {
display: block;
vertical-align: middle;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster {
display: none;
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js .vjs-time-control {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: auto;
padding-left: 2px;
padding-right: 2px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.video-js .vjs-time-control * {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 13px;
line-height: 47px;
}
.vjs-live .vjs-time-control, .video-js .vjs-remaining-time {
display: none;
}
.vjs-no-flex .vjs-current-time {
display: none;
}
.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
width: 0px !important;
white-space: nowrap;
}
.video-js .vjs-time-divider, .video-js .vjs-duration {
color: #5d6d7e;
}
.video-js .vjs-duration {
margin-right: 20px;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
display: block;
height: 47px;
width: 58px;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 48px;
}
.vjs-playback-rate > .vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
}
.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
display: block;
}
.vjs-loading-spinner:before, .vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
position: absolute;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
content: "\f10d";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
text-align: right;
vertical-align: bottom;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
margin-left: 5px;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background
gitextract_qedhqdpx/ ├── .editorconfig ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── app/ │ ├── css/ │ │ ├── docs.css │ │ └── flat-ui.css │ ├── fonts/ │ │ └── glyphicons/ │ │ └── selection.json │ ├── index.html │ ├── scripts/ │ │ └── flat-ui.js │ └── styles/ │ ├── _mixins.scss │ ├── _variables.scss │ ├── flat-ui.scss │ ├── mixins/ │ │ ├── background-clip.scss │ │ ├── background-variant.scss │ │ ├── border-radius.scss │ │ ├── breakpoints.scss │ │ ├── buttons.scss │ │ ├── center-block.scss │ │ ├── clearfix.scss │ │ ├── forms.scss │ │ ├── gradients.scss │ │ ├── grid.scss │ │ ├── hide-text.scss │ │ ├── image.scss │ │ ├── nav-divider.scss │ │ ├── navbar-vertical-align.scss │ │ ├── opacity.scss │ │ ├── pagination.scss │ │ ├── palette.scss │ │ ├── reset-filter.scss │ │ ├── resize.scss │ │ ├── responsive-visibility.scss │ │ ├── select.scss │ │ ├── size.scss │ │ ├── switches.scss │ │ ├── tab-focus.scss │ │ ├── text-emphasis.scss │ │ ├── text-overflow.scss │ │ └── vendor-prefixes.scss │ └── modules/ │ ├── button-groups.scss │ ├── buttons.scss │ ├── code.scss │ ├── dropdowns.scss │ ├── footer.scss │ ├── forms.scss │ ├── glyphicons.scss │ ├── input-groups.scss │ ├── local-fonts.scss │ ├── login.scss │ ├── navbar.scss │ ├── pager.scss │ ├── pagination.scss │ ├── palette.scss │ ├── print.scss │ ├── progress-bars.scss │ ├── radiocheck.scss │ ├── scaffolding.scss │ ├── select.scss │ ├── share.scss │ ├── slider.scss │ ├── spaces.scss │ ├── switch.scss │ ├── tagsinput.scss │ ├── thumbnails.scss │ ├── tiles.scss │ ├── todo-list.scss │ ├── tooltip.scss │ ├── type.scss │ ├── typeahead.scss │ └── video.scss ├── bower.json ├── dist/ │ ├── css/ │ │ └── flat-ui.css │ ├── fonts/ │ │ └── glyphicons/ │ │ └── selection.json │ ├── index.html │ └── scripts/ │ ├── application.js │ └── flat-ui.js ├── docs/ │ ├── assets/ │ │ ├── css/ │ │ │ ├── demo.css │ │ │ ├── docs.css │ │ │ └── src/ │ │ │ ├── docs.less │ │ │ └── prettyprint.less │ │ └── js/ │ │ ├── application.js │ │ └── prettify.js │ ├── components.html │ ├── examples/ │ │ ├── buttons.html │ │ ├── dropdowns.html │ │ ├── fileinput.html │ │ ├── forms.html │ │ ├── navbar-fixed-top.html │ │ ├── navbar-static-top.html │ │ ├── navbars-with-elements.html │ │ ├── pagination.html │ │ ├── radiocheck.html │ │ ├── select.html │ │ ├── switches.html │ │ ├── tagsinput.html │ │ ├── thumbnails.html │ │ ├── tiles.html │ │ ├── timepicker.html │ │ ├── todo-list.html │ │ ├── typography.html │ │ └── vertical-slider.html │ ├── getting-started.html │ └── template.html ├── gulpfile.js ├── index.html ├── package.json └── readme license.txt
SYMBOL INDEX (579 symbols across 3 files)
FILE: app/scripts/flat-ui.js
function focusable (line 132) | function focusable( element, isTabIndexNotNaN ) {
function visible (line 153) | function visible( element ) {
function reduce (line 195) | function reduce( elem, size, border, margin ) {
function handlerProxy (line 712) | function handlerProxy() {
function handlerProxy (line 748) | function handlerProxy() {
function getOffsets (line 1043) | function getOffsets( offsets, width, height ) {
function parseCss (line 1050) | function parseCss( element, property ) {
function getDimensions (line 1054) | function getDimensions( elem ) {
function clamp (line 2759) | function clamp( value, prop, allowEmpty ) {
function stringParse (line 2785) | function stringParse( string ) {
function hue2rgb (line 3035) | function hue2rgb( p, q, h ) {
function getElementStyles (line 3303) | function getElementStyles( elem ) {
function styleDifference (line 3331) | function styleDifference( oldStyle, newStyle ) {
function _normalizeArguments (line 3652) | function _normalizeArguments( effect, options, speed, callback ) {
function standardAnimationOption (line 3704) | function standardAnimationOption( option ) {
function run (line 3749) | function run( next ) {
function simulateMouseEvent (line 3912) | function simulateMouseEvent (event, simulatedType) {
function _defineProperties (line 4057) | function _defineProperties(target, props) {
function _createClass (line 4067) | function _createClass(Constructor, protoProps, staticProps) {
function _extends (line 4073) | function _extends() {
function _inheritsLoose (line 4091) | function _inheritsLoose(subClass, superClass) {
function toType (line 4113) | function toType(obj) {
function getSpecialTransitionEndEvent (line 4117) | function getSpecialTransitionEndEvent() {
function transitionEndTest (line 4131) | function transitionEndTest() {
function transitionEndEmulator (line 4141) | function transitionEndEmulator(duration) {
function setTransitionEndSupport (line 4156) | function setTransitionEndSupport() {
function escapeId (line 4165) | function escapeId(selector) {
function Alert (line 4280) | function Alert(element) {
function Button (line 4454) | function Button(element) {
function Carousel (line 4657) | function Carousel(element, config) {
function Collapse (line 5130) | function Collapse(element, config) {
function Dropdown (line 5529) | function Dropdown(element, config) {
function Modal (line 5978) | function Modal(element, config) {
function Tooltip (line 6578) | function Tooltip(element, config) {
function Popover (line 7207) | function Popover() {
function ScrollSpy (line 7403) | function ScrollSpy(element, config) {
function Tab (line 7703) | function Tab(element) {
function BootstrapSwitch (line 7967) | function BootstrapSwitch(element, options) {
function TagsInput (line 8513) | function TagsInput(element, options) {
function processItems (line 8778) | function processItems(items) {
function makeOptionItemFunction (line 9082) | function makeOptionItemFunction(options, key) {
function makeOptionFunction (line 9088) | function makeOptionFunction(options, key) {
function htmlEncode (line 9098) | function htmlEncode(value) {
function doGetCaretPosition (line 9110) | function doGetCaretPosition(oField) {
function keyCombinationInList (line 9130) | function keyCombinationInList(keyPressEvent, lookupList) {
function t (line 9172) | function t(e){if(!b){if(!a.body)return i(t);for(b=!0;e=S.shift();)i(e)}}
function r (line 9172) | function r(e){(y||e.type===s||a[c]===u)&&(n(),t())}
function n (line 9172) | function n(){y?(a[x](m,r,d),e[x](s,r,d)):(a[g](v,r),e[g](h,r))}
function i (line 9172) | function i(e,t){setTimeout(e,+t>=0?t:1)}
function o (line 9172) | function o(e){b?i(e):S.push(e)}
function e (line 9172) | function e(t,r,n){t.document;var i,o=t.currentStyle[r].match(/([\d\.]+)(...
function t (line 9172) | function t(e,t){var r="border"==t?"Width":"",n=t+"Top"+r,i=t+"Right"+r,o...
function r (line 9172) | function r(r){var n,i=this,o=r.currentStyle,a=e(r,"fontSize"),l=function...
function r (line 9172) | function r(e,t,r,o){var a=n(r.substr(r.lastIndexOf(e.domain)),e);a&&i(nu...
function n (line 9172) | function n(e,t){for(var r={theme:p(A.settings.themes.gray,null),styleshe...
function i (line 9172) | function i(e,t,r,n){var i=r.dimensions,a=r.theme,l=i.width+"x"+i.height;...
function o (line 9172) | function o(e,t,r,n){function i(){var e=null;switch(n.renderer){case"canv...
function a (line 9172) | function a(e){function t(e,t,r,n){t.width=r,t.height=n,e.width=Math.max(...
function l (line 9172) | function l(e,t,r){t=parseInt(t,10),e=parseInt(e,10);var n=Math.max(t,e),...
function s (line 9172) | function s(e){var t;t=null==e||null==e.nodeType?A.vars.resizableImages:[...
function d (line 9172) | function d(e,t){var r={height:e.clientHeight,width:e.clientWidth};return...
function h (line 9172) | function h(e){if(e.holderData){var t=d(e,k.invisibleErrorFn(h));if(t){va...
function u (line 9172) | function u(e,t){return null==t?E.createElement(e):E.createElementNS(t,e)}
function c (line 9172) | function c(e,t){for(var r in t)e.setAttribute(r,t[r])}
function f (line 9172) | function f(e,t,r){if(null==e){e=u("svg",C);var n=u("defs",C);e.appendChi...
function g (line 9172) | function g(e,r){if(t.XMLSerializer){{var n=new XMLSerializer,i="",o=r.st...
function p (line 9172) | function p(e,t){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]=e[n])...
function m (line 9172) | function m(e){var t=[];for(var r in e)e.hasOwnProperty(r)&&t.push(r+":"+...
function v (line 9172) | function v(e){A.vars.debounceTimer||e.call(this),A.vars.debounceTimer&&c...
function x (line 9172) | function x(){v(function(){s(null)})}
function y (line 9172) | function y(e){var r=null;return"string"==typeof e?r=E.querySelectorAll(e...
function w (line 9172) | function w(e,t){var r=new Image;r.onerror=function(){t.call(this,!1)},r....
function b (line 9172) | function b(e){for(var t=[],r=0,n=e.length-1;n>=0;n--)r=e.charCodeAt(n),r...
function S (line 9172) | function S(e){return e.replace(/&#(\d+);/g,function(e,t){return String.f...
function t (line 9172) | function t(e,t){for(var r in t)e[r]=t[r];return e}
function r (line 9172) | function r(r,n){if(e.constructor.call(this,r),this.properties={fill:"#00...
function reverseArgs (line 9210) | function reverseArgs(index, value) {
function template (line 9249) | function template() {
function whitespace (line 9312) | function whitespace(str) {
function nonword (line 9316) | function nonword(str) {
function getObjTokenizer (line 9320) | function getObjTokenizer(tokenizer) {
function LruCache (line 9335) | function LruCache(maxSize) {
function List (line 9372) | function List() {
function Node (line 9393) | function Node(key, val) {
function PersistentStorage (line 9410) | function PersistentStorage(namespace) {
function now (line 9470) | function now() {
function encode (line 9473) | function encode(val) {
function decode (line 9476) | function decode(val) {
function Transport (line 9483) | function Transport(o) {
function done (line 9511) | function done(resp) {
function fail (line 9515) | function fail() {
function always (line 9518) | function always() {
function callbackToDeferred (line 9549) | function callbackToDeferred(fn) {
function SearchIndex (line 9569) | function SearchIndex(o) {
function normalizeTokens (line 9638) | function normalizeTokens(tokens) {
function newNode (line 9647) | function newNode() {
function unique (line 9653) | function unique(array) {
function getIntersection (line 9663) | function getIntersection(arrayA, arrayB) {
function getLocal (line 9692) | function getLocal(o) {
function getPrefetch (line 9695) | function getPrefetch(o) {
function getRemote (line 9716) | function getRemote(o) {
function Bloodhound (line 9764) | function Bloodhound(o) {
function handlePrefetchResponse (line 9796) | function handlePrefetchResponse(resp) {
function handleRemoteResponse (line 9811) | function handleRemoteResponse(err, resp) {
function addLocalToIndex (line 9841) | function addLocalToIndex() {
function returnRemoteMatches (line 9859) | function returnRemoteMatches(remoteMatches) {
function getSorter (line 9886) | function getSorter(sortFn) {
function ignoreDuplicates (line 9895) | function ignoreDuplicates() {
function EventBus (line 9973) | function EventBus(o) {
function on (line 9996) | function on(method, types, cb, context) {
function onAsync (line 10013) | function onAsync(types, cb, context) {
function onSync (line 10016) | function onSync(types, cb, context) {
function off (line 10019) | function off(types) {
function trigger (line 10030) | function trigger(types) {
function getFlush (line 10044) | function getFlush(callbacks, context, args) {
function getNextTick (line 10054) | function getNextTick() {
function bindContext (line 10071) | function bindContext(fn, context) {
function hightlightTextNode (line 10096) | function hightlightTextNode(textNode) {
function traverse (line 10108) | function traverse(el, hightlightTextNode) {
function getRegex (line 10120) | function getRegex(patterns, caseSensitive, wordsOnly) {
function Input (line 10141) | function Input(o) {
function buildOverflowHelper (line 10300) | function buildOverflowHelper($input) {
function areQueriesEquivalent (line 10317) | function areQueriesEquivalent(a, b) {
function withModifier (line 10320) | function withModifier($e) {
function Dataset (line 10327) | function Dataset(o) {
function getEmptyHtml (line 10367) | function getEmptyHtml() {
function getSuggestionsHtml (line 10373) | function getSuggestionsHtml() {
function getHeaderHtml (line 10393) | function getHeaderHtml() {
function getFooterHtml (line 10399) | function getFooterHtml() {
function render (line 10414) | function render(suggestions) {
function getDisplayFn (line 10436) | function getDisplayFn(display) {
function getTemplates (line 10443) | function getTemplates(templates, displayFn) {
function isValidName (line 10454) | function isValidName(str) {
function Dropdown (line 10460) | function Dropdown(o) {
function isDatasetEmpty (line 10493) | function isDatasetEmpty(dataset) {
function updateDataset (line 10590) | function updateDataset(dataset) {
function clearDataset (line 10597) | function clearDataset(dataset) {
function destroyDataset (line 10608) | function destroyDataset(dataset) {
function initializeDataset (line 10614) | function initializeDataset(oDataset) {
function Typeahead (line 10621) | function Typeahead(o) {
function buildDom (line 10818) | function buildDom(input, withHint) {
function getBackgroundStyles (line 10844) | function getBackgroundStyles($el) {
function destroyDomStructure (line 10856) | function destroyDomStructure($node) {
function attach (line 10875) | function attach() {
function openTypeahead (line 10895) | function openTypeahead() {
function closeTypeahead (line 10904) | function closeTypeahead() {
function setVal (line 10913) | function setVal() {
function getVal (line 10919) | function getVal($input) {
function unattach (line 10929) | function unattach() {
function args (line 11063) | function args(elem) {
function clearPlaceholder (line 11075) | function clearPlaceholder(event, value) {
function setPlaceholder (line 11094) | function setPlaceholder() {
function safeActiveElement (line 11131) | function safeActiveElement() {
function reinsertElement (line 11248) | function reinsertElement(element) {
function stripDiacritics (line 11256) | function stripDiacritics(str) {
function indexOf (line 11265) | function indexOf(value, array) {
function measureScrollbar (line 11273) | function measureScrollbar () {
function equal (line 11291) | function equal(a, b) {
function splitVal (line 11308) | function splitVal(string, separator, transform) {
function getSideBorderPadding (line 11316) | function getSideBorderPadding(element) {
function installKeyUpChangeEvent (line 11320) | function installKeyUpChangeEvent(element) {
function installFilteredMouseMove (line 11343) | function installFilteredMouseMove(element) {
function debounce (line 11361) | function debounce(quietMillis, fn, ctx) {
function installDebouncedScroll (line 11373) | function installDebouncedScroll(threshold, element) {
function focus (line 11380) | function focus($el) {
function getCursorInfo (line 11411) | function getCursorInfo(el) {
function killEvent (line 11428) | function killEvent(event) {
function killEventImmediately (line 11432) | function killEventImmediately(event) {
function measureTextWidth (line 11437) | function measureTextWidth(e) {
function syncCssClasses (line 11460) | function syncCssClasses(dest, src, adapter) {
function markMatch (line 11495) | function markMatch(text, term, markup, escapeMarkup) {
function defaultEscapeMarkup (line 11511) | function defaultEscapeMarkup(markup) {
function ajax (line 11543) | function ajax(options) {
function local (line 11618) | function local(options) {
function tags (line 11677) | function tags(data) {
function checkFormatter (line 11703) | function checkFormatter(formatter, formatterName) {
function evaluate (line 11718) | function evaluate(val, context) {
function countResults (line 11726) | function countResults(results) {
function defaultTokenizer (line 11749) | function defaultTokenizer(input, selection, selectCallback, opts) {
function cleanupJQueryElements (line 11791) | function cleanupJQueryElements() {
function clazz (line 11806) | function clazz(SuperClass, methods) {
function postRender (line 12850) | function postRender() {
function render (line 12861) | function render(html) {
function resolveContainerWidth (line 13049) | function resolveContainerWidth() {
function _fnHungarianMap (line 14995) | function _fnHungarianMap ( o )
function _fnCamelToHungarian (line 15033) | function _fnCamelToHungarian ( src, user, force )
function _fnLanguageCompat (line 15072) | function _fnLanguageCompat( lang )
function _fnCompatOpts (line 15124) | function _fnCompatOpts ( init )
function _fnCompatCols (line 15157) | function _fnCompatCols ( init )
function _fnBrowserDetect (line 15171) | function _fnBrowserDetect( settings )
function _fnReduce (line 15225) | function _fnReduce ( that, fn, init, start, end, inc )
function _fnAddColumn (line 15259) | function _fnAddColumn( oSettings, nTh )
function _fnColumnOptions (line 15291) | function _fnColumnOptions( oSettings, iCol, oOptions )
function _fnAdjustColumnSizing (line 15418) | function _fnAdjustColumnSizing ( settings )
function _fnVisibleToColumnIndex (line 15450) | function _fnVisibleToColumnIndex( oSettings, iMatch )
function _fnColumnIndexToVisible (line 15468) | function _fnColumnIndexToVisible( oSettings, iMatch )
function _fnVisbleColumns (line 15483) | function _fnVisbleColumns( oSettings )
function _fnGetColumns (line 15497) | function _fnGetColumns( oSettings, sParam )
function _fnColumnTypes (line 15516) | function _fnColumnTypes ( settings )
function _fnApplyColumnDefs (line 15587) | function _fnApplyColumnDefs( oSettings, aoColDefs, aoCols, fn )
function _fnAddData (line 15667) | function _fnAddData ( oSettings, aDataIn, nTr, anTds )
function _fnAddTr (line 15715) | function _fnAddTr( settings, trs )
function _fnNodeToDataIndex (line 15738) | function _fnNodeToDataIndex( oSettings, n )
function _fnNodeToColumnIndex (line 15752) | function _fnNodeToColumnIndex( oSettings, iRow, n )
function _fnGetCellData (line 15767) | function _fnGetCellData( settings, rowIdx, colIdx, type )
function _fnSetCellData (line 15814) | function _fnSetCellData( settings, rowIdx, colIdx, val )
function _fnSplitObjNotation (line 15836) | function _fnSplitObjNotation( str )
function _fnGetObjectDataFn (line 15851) | function _fnGetObjectDataFn( mSource )
function _fnSetObjectDataFn (line 15974) | function _fnSetObjectDataFn( mSource )
function _fnGetDataMaster (line 16083) | function _fnGetDataMaster ( settings )
function _fnClearTable (line 16094) | function _fnClearTable( settings )
function _fnDeleteIndex (line 16109) | function _fnDeleteIndex( a, iTarget, splice )
function _fnInvalidate (line 16148) | function _fnInvalidate( settings, rowIdx, src, colIdx )
function _fnGetRowElements (line 16226) | function _fnGetRowElements( settings, row, colIdx, d )
function _fnCreateTr (line 16320) | function _fnCreateTr ( oSettings, iRow, nTrIn, anTds )
function _fnRowAttributes (line 16397) | function _fnRowAttributes( row )
function _fnBuildHead (line 16431) | function _fnBuildHead( oSettings )
function _fnDrawHead (line 16517) | function _fnDrawHead( oSettings, aoSource, bIncludeHidden )
function _fnDraw (line 16615) | function _fnDraw( oSettings )
function _fnReDraw (line 16756) | function _fnReDraw( settings, holdPosition )
function _fnAddOptionsHtml (line 16794) | function _fnAddOptionsHtml ( oSettings )
function _fnDetectHeader (line 16949) | function _fnDetectHeader ( aLayout, nThead )
function _fnGetUniqueThs (line 17024) | function _fnGetUniqueThs ( oSettings, nHeader, aLayout )
function _fnBuildAjax (line 17063) | function _fnBuildAjax( oSettings, data, fn )
function _fnAjaxUpdate (line 17191) | function _fnAjaxUpdate( settings )
function _fnAjaxParameters (line 17222) | function _fnAjaxParameters( settings )
function _fnAjaxUpdateDraw (line 17330) | function _fnAjaxUpdateDraw ( settings, json )
function _fnAjaxDataSrc (line 17380) | function _fnAjaxDataSrc ( oSettings, json )
function _fnFeatureHtmlFilter (line 17404) | function _fnFeatureHtmlFilter ( settings )
function _fnFilterComplete (line 17492) | function _fnFilterComplete ( oSettings, oInput, iForce )
function _fnFilterCustom (line 17545) | function _fnFilterCustom( settings )
function _fnFilterColumn (line 17582) | function _fnFilterColumn ( settings, searchStr, colIdx, regex, smart, ca...
function _fnFilter (line 17612) | function _fnFilter( settings, input, force, regex, smart, caseInsensitive )
function _fnFilterCreateSearch (line 17664) | function _fnFilterCreateSearch( search, regex, smart, caseInsensitive )
function _fnEscapeRegex (line 17700) | function _fnEscapeRegex ( sVal )
function _fnFilterData (line 17711) | function _fnFilterData ( settings )
function _fnSearchToCamel (line 17784) | function _fnSearchToCamel ( obj )
function _fnSearchToHung (line 17803) | function _fnSearchToHung ( obj )
function _fnFeatureHtmlInfo (line 17819) | function _fnFeatureHtmlInfo ( settings )
function _fnUpdateInfo (line 17853) | function _fnUpdateInfo ( settings )
function _fnInfoMacros (line 17891) | function _fnInfoMacros ( settings, str )
function _fnInitialise (line 17918) | function _fnInitialise ( settings )
function _fnInitComplete (line 17999) | function _fnInitComplete ( settings, json )
function _fnLengthChange (line 18013) | function _fnLengthChange ( settings, val )
function _fnFeatureHtmlLength (line 18031) | function _fnFeatureHtmlLength ( settings )
function _fnFeatureHtmlPaginate (line 18092) | function _fnFeatureHtmlPaginate ( settings )
function _fnPageChange (line 18153) | function _fnPageChange ( settings, action, redraw )
function _fnFeatureHtmlProcessing (line 18226) | function _fnFeatureHtmlProcessing ( settings )
function _fnProcessingDisplay (line 18243) | function _fnProcessingDisplay ( settings, show )
function _fnFeatureHtmlTable (line 18258) | function _fnFeatureHtmlTable ( settings )
function _fnScrollDraw (line 18422) | function _fnScrollDraw ( settings )
function _fnApplyToChildren (line 18712) | function _fnApplyToChildren( fn, an1, an2 )
function _fnCalculateColumnWidths (line 18751) | function _fnCalculateColumnWidths ( oSettings )
function _fnThrottle (line 18924) | function _fnThrottle( fn, freq ) {
function _fnConvertToWidth (line 18962) | function _fnConvertToWidth ( width, parent )
function _fnScrollingWidthAdjust (line 18986) | function _fnScrollingWidthAdjust ( settings, n )
function _fnGetWidestNode (line 19007) | function _fnGetWidestNode( settings, colIdx )
function _fnGetMaxLenString (line 19028) | function _fnGetMaxLenString( settings, colIdx )
function _fnStringToCss (line 19052) | function _fnStringToCss( s )
function _fnScrollBarWidth (line 19076) | function _fnScrollBarWidth ()
function _fnSortFlatten (line 19119) | function _fnSortFlatten ( settings )
function _fnSort (line 19191) | function _fnSort ( oSettings )
function _fnSortAria (line 19317) | function _fnSortAria ( settings )
function _fnSortListener (line 19372) | function _fnSortListener ( settings, colIdx, append, callback )
function _fnSortAttachListener (line 19452) | function _fnSortAttachListener ( settings, attachTo, colIdx, callback )
function _fnSortingClasses (line 19490) | function _fnSortingClasses( settings )
function _fnSortData (line 19523) | function _fnSortData( settings, idx )
function _fnSaveState (line 19566) | function _fnSaveState ( settings )
function _fnLoadState (line 19601) | function _fnLoadState ( settings, oInit )
function _fnSettingsFromNode (line 19676) | function _fnSettingsFromNode ( table )
function _fnLog (line 19695) | function _fnLog( settings, level, msg, tn )
function _fnMap (line 19731) | function _fnMap( ret, src, name, mappedName )
function _fnExtend (line 19773) | function _fnExtend( out, extender, breakRefs )
function _fnBindAction (line 19809) | function _fnBindAction( n, oData, fn )
function _fnCallbackReg (line 19838) | function _fnCallbackReg( oSettings, sStore, fn, sName )
function _fnCallbackFire (line 19864) | function _fnCallbackFire( settings, callbackArr, e, args )
function _fnLengthOverflow (line 19882) | function _fnLengthOverflow ( settings )
function _fnRenderer (line 19907) | function _fnRenderer( settings, type )
function _fnDataSource (line 19936) | function _fnDataSource ( settings )
function _numbers (line 28725) | function _numbers ( page, pages ) {
function _addNumericSort (line 29002) | function _addNumericSort ( decimalPlace ) {
function _fnExternApiFunc (line 29221) | function _fnExternApiFunc (fn)
function Plugin (line 29598) | function Plugin(option) {
FILE: dist/scripts/flat-ui.js
function focusable (line 132) | function focusable( element, isTabIndexNotNaN ) {
function visible (line 153) | function visible( element ) {
function reduce (line 195) | function reduce( elem, size, border, margin ) {
function handlerProxy (line 712) | function handlerProxy() {
function handlerProxy (line 748) | function handlerProxy() {
function getOffsets (line 1043) | function getOffsets( offsets, width, height ) {
function parseCss (line 1050) | function parseCss( element, property ) {
function getDimensions (line 1054) | function getDimensions( elem ) {
function clamp (line 2759) | function clamp( value, prop, allowEmpty ) {
function stringParse (line 2785) | function stringParse( string ) {
function hue2rgb (line 3035) | function hue2rgb( p, q, h ) {
function getElementStyles (line 3303) | function getElementStyles( elem ) {
function styleDifference (line 3331) | function styleDifference( oldStyle, newStyle ) {
function _normalizeArguments (line 3652) | function _normalizeArguments( effect, options, speed, callback ) {
function standardAnimationOption (line 3704) | function standardAnimationOption( option ) {
function run (line 3749) | function run( next ) {
function simulateMouseEvent (line 3912) | function simulateMouseEvent (event, simulatedType) {
function _defineProperties (line 4057) | function _defineProperties(target, props) {
function _createClass (line 4067) | function _createClass(Constructor, protoProps, staticProps) {
function _extends (line 4073) | function _extends() {
function _inheritsLoose (line 4091) | function _inheritsLoose(subClass, superClass) {
function toType (line 4113) | function toType(obj) {
function getSpecialTransitionEndEvent (line 4117) | function getSpecialTransitionEndEvent() {
function transitionEndTest (line 4131) | function transitionEndTest() {
function transitionEndEmulator (line 4141) | function transitionEndEmulator(duration) {
function setTransitionEndSupport (line 4156) | function setTransitionEndSupport() {
function escapeId (line 4165) | function escapeId(selector) {
function Alert (line 4280) | function Alert(element) {
function Button (line 4454) | function Button(element) {
function Carousel (line 4657) | function Carousel(element, config) {
function Collapse (line 5130) | function Collapse(element, config) {
function Dropdown (line 5529) | function Dropdown(element, config) {
function Modal (line 5978) | function Modal(element, config) {
function Tooltip (line 6578) | function Tooltip(element, config) {
function Popover (line 7207) | function Popover() {
function ScrollSpy (line 7403) | function ScrollSpy(element, config) {
function Tab (line 7703) | function Tab(element) {
function BootstrapSwitch (line 7967) | function BootstrapSwitch(element, options) {
function TagsInput (line 8513) | function TagsInput(element, options) {
function processItems (line 8778) | function processItems(items) {
function makeOptionItemFunction (line 9082) | function makeOptionItemFunction(options, key) {
function makeOptionFunction (line 9088) | function makeOptionFunction(options, key) {
function htmlEncode (line 9098) | function htmlEncode(value) {
function doGetCaretPosition (line 9110) | function doGetCaretPosition(oField) {
function keyCombinationInList (line 9130) | function keyCombinationInList(keyPressEvent, lookupList) {
function t (line 9172) | function t(e){if(!b){if(!a.body)return i(t);for(b=!0;e=S.shift();)i(e)}}
function r (line 9172) | function r(e){(y||e.type===s||a[c]===u)&&(n(),t())}
function n (line 9172) | function n(){y?(a[x](m,r,d),e[x](s,r,d)):(a[g](v,r),e[g](h,r))}
function i (line 9172) | function i(e,t){setTimeout(e,+t>=0?t:1)}
function o (line 9172) | function o(e){b?i(e):S.push(e)}
function e (line 9172) | function e(t,r,n){t.document;var i,o=t.currentStyle[r].match(/([\d\.]+)(...
function t (line 9172) | function t(e,t){var r="border"==t?"Width":"",n=t+"Top"+r,i=t+"Right"+r,o...
function r (line 9172) | function r(r){var n,i=this,o=r.currentStyle,a=e(r,"fontSize"),l=function...
function r (line 9172) | function r(e,t,r,o){var a=n(r.substr(r.lastIndexOf(e.domain)),e);a&&i(nu...
function n (line 9172) | function n(e,t){for(var r={theme:p(A.settings.themes.gray,null),styleshe...
function i (line 9172) | function i(e,t,r,n){var i=r.dimensions,a=r.theme,l=i.width+"x"+i.height;...
function o (line 9172) | function o(e,t,r,n){function i(){var e=null;switch(n.renderer){case"canv...
function a (line 9172) | function a(e){function t(e,t,r,n){t.width=r,t.height=n,e.width=Math.max(...
function l (line 9172) | function l(e,t,r){t=parseInt(t,10),e=parseInt(e,10);var n=Math.max(t,e),...
function s (line 9172) | function s(e){var t;t=null==e||null==e.nodeType?A.vars.resizableImages:[...
function d (line 9172) | function d(e,t){var r={height:e.clientHeight,width:e.clientWidth};return...
function h (line 9172) | function h(e){if(e.holderData){var t=d(e,k.invisibleErrorFn(h));if(t){va...
function u (line 9172) | function u(e,t){return null==t?E.createElement(e):E.createElementNS(t,e)}
function c (line 9172) | function c(e,t){for(var r in t)e.setAttribute(r,t[r])}
function f (line 9172) | function f(e,t,r){if(null==e){e=u("svg",C);var n=u("defs",C);e.appendChi...
function g (line 9172) | function g(e,r){if(t.XMLSerializer){{var n=new XMLSerializer,i="",o=r.st...
function p (line 9172) | function p(e,t){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]=e[n])...
function m (line 9172) | function m(e){var t=[];for(var r in e)e.hasOwnProperty(r)&&t.push(r+":"+...
function v (line 9172) | function v(e){A.vars.debounceTimer||e.call(this),A.vars.debounceTimer&&c...
function x (line 9172) | function x(){v(function(){s(null)})}
function y (line 9172) | function y(e){var r=null;return"string"==typeof e?r=E.querySelectorAll(e...
function w (line 9172) | function w(e,t){var r=new Image;r.onerror=function(){t.call(this,!1)},r....
function b (line 9172) | function b(e){for(var t=[],r=0,n=e.length-1;n>=0;n--)r=e.charCodeAt(n),r...
function S (line 9172) | function S(e){return e.replace(/&#(\d+);/g,function(e,t){return String.f...
function t (line 9172) | function t(e,t){for(var r in t)e[r]=t[r];return e}
function r (line 9172) | function r(r,n){if(e.constructor.call(this,r),this.properties={fill:"#00...
function reverseArgs (line 9210) | function reverseArgs(index, value) {
function template (line 9249) | function template() {
function whitespace (line 9312) | function whitespace(str) {
function nonword (line 9316) | function nonword(str) {
function getObjTokenizer (line 9320) | function getObjTokenizer(tokenizer) {
function LruCache (line 9335) | function LruCache(maxSize) {
function List (line 9372) | function List() {
function Node (line 9393) | function Node(key, val) {
function PersistentStorage (line 9410) | function PersistentStorage(namespace) {
function now (line 9470) | function now() {
function encode (line 9473) | function encode(val) {
function decode (line 9476) | function decode(val) {
function Transport (line 9483) | function Transport(o) {
function done (line 9511) | function done(resp) {
function fail (line 9515) | function fail() {
function always (line 9518) | function always() {
function callbackToDeferred (line 9549) | function callbackToDeferred(fn) {
function SearchIndex (line 9569) | function SearchIndex(o) {
function normalizeTokens (line 9638) | function normalizeTokens(tokens) {
function newNode (line 9647) | function newNode() {
function unique (line 9653) | function unique(array) {
function getIntersection (line 9663) | function getIntersection(arrayA, arrayB) {
function getLocal (line 9692) | function getLocal(o) {
function getPrefetch (line 9695) | function getPrefetch(o) {
function getRemote (line 9716) | function getRemote(o) {
function Bloodhound (line 9764) | function Bloodhound(o) {
function handlePrefetchResponse (line 9796) | function handlePrefetchResponse(resp) {
function handleRemoteResponse (line 9811) | function handleRemoteResponse(err, resp) {
function addLocalToIndex (line 9841) | function addLocalToIndex() {
function returnRemoteMatches (line 9859) | function returnRemoteMatches(remoteMatches) {
function getSorter (line 9886) | function getSorter(sortFn) {
function ignoreDuplicates (line 9895) | function ignoreDuplicates() {
function EventBus (line 9973) | function EventBus(o) {
function on (line 9996) | function on(method, types, cb, context) {
function onAsync (line 10013) | function onAsync(types, cb, context) {
function onSync (line 10016) | function onSync(types, cb, context) {
function off (line 10019) | function off(types) {
function trigger (line 10030) | function trigger(types) {
function getFlush (line 10044) | function getFlush(callbacks, context, args) {
function getNextTick (line 10054) | function getNextTick() {
function bindContext (line 10071) | function bindContext(fn, context) {
function hightlightTextNode (line 10096) | function hightlightTextNode(textNode) {
function traverse (line 10108) | function traverse(el, hightlightTextNode) {
function getRegex (line 10120) | function getRegex(patterns, caseSensitive, wordsOnly) {
function Input (line 10141) | function Input(o) {
function buildOverflowHelper (line 10300) | function buildOverflowHelper($input) {
function areQueriesEquivalent (line 10317) | function areQueriesEquivalent(a, b) {
function withModifier (line 10320) | function withModifier($e) {
function Dataset (line 10327) | function Dataset(o) {
function getEmptyHtml (line 10367) | function getEmptyHtml() {
function getSuggestionsHtml (line 10373) | function getSuggestionsHtml() {
function getHeaderHtml (line 10393) | function getHeaderHtml() {
function getFooterHtml (line 10399) | function getFooterHtml() {
function render (line 10414) | function render(suggestions) {
function getDisplayFn (line 10436) | function getDisplayFn(display) {
function getTemplates (line 10443) | function getTemplates(templates, displayFn) {
function isValidName (line 10454) | function isValidName(str) {
function Dropdown (line 10460) | function Dropdown(o) {
function isDatasetEmpty (line 10493) | function isDatasetEmpty(dataset) {
function updateDataset (line 10590) | function updateDataset(dataset) {
function clearDataset (line 10597) | function clearDataset(dataset) {
function destroyDataset (line 10608) | function destroyDataset(dataset) {
function initializeDataset (line 10614) | function initializeDataset(oDataset) {
function Typeahead (line 10621) | function Typeahead(o) {
function buildDom (line 10818) | function buildDom(input, withHint) {
function getBackgroundStyles (line 10844) | function getBackgroundStyles($el) {
function destroyDomStructure (line 10856) | function destroyDomStructure($node) {
function attach (line 10875) | function attach() {
function openTypeahead (line 10895) | function openTypeahead() {
function closeTypeahead (line 10904) | function closeTypeahead() {
function setVal (line 10913) | function setVal() {
function getVal (line 10919) | function getVal($input) {
function unattach (line 10929) | function unattach() {
function args (line 11063) | function args(elem) {
function clearPlaceholder (line 11075) | function clearPlaceholder(event, value) {
function setPlaceholder (line 11094) | function setPlaceholder() {
function safeActiveElement (line 11131) | function safeActiveElement() {
function reinsertElement (line 11248) | function reinsertElement(element) {
function stripDiacritics (line 11256) | function stripDiacritics(str) {
function indexOf (line 11265) | function indexOf(value, array) {
function measureScrollbar (line 11273) | function measureScrollbar () {
function equal (line 11291) | function equal(a, b) {
function splitVal (line 11308) | function splitVal(string, separator, transform) {
function getSideBorderPadding (line 11316) | function getSideBorderPadding(element) {
function installKeyUpChangeEvent (line 11320) | function installKeyUpChangeEvent(element) {
function installFilteredMouseMove (line 11343) | function installFilteredMouseMove(element) {
function debounce (line 11361) | function debounce(quietMillis, fn, ctx) {
function installDebouncedScroll (line 11373) | function installDebouncedScroll(threshold, element) {
function focus (line 11380) | function focus($el) {
function getCursorInfo (line 11411) | function getCursorInfo(el) {
function killEvent (line 11428) | function killEvent(event) {
function killEventImmediately (line 11432) | function killEventImmediately(event) {
function measureTextWidth (line 11437) | function measureTextWidth(e) {
function syncCssClasses (line 11460) | function syncCssClasses(dest, src, adapter) {
function markMatch (line 11495) | function markMatch(text, term, markup, escapeMarkup) {
function defaultEscapeMarkup (line 11511) | function defaultEscapeMarkup(markup) {
function ajax (line 11543) | function ajax(options) {
function local (line 11618) | function local(options) {
function tags (line 11677) | function tags(data) {
function checkFormatter (line 11703) | function checkFormatter(formatter, formatterName) {
function evaluate (line 11718) | function evaluate(val, context) {
function countResults (line 11726) | function countResults(results) {
function defaultTokenizer (line 11749) | function defaultTokenizer(input, selection, selectCallback, opts) {
function cleanupJQueryElements (line 11791) | function cleanupJQueryElements() {
function clazz (line 11806) | function clazz(SuperClass, methods) {
function postRender (line 12850) | function postRender() {
function render (line 12861) | function render(html) {
function resolveContainerWidth (line 13049) | function resolveContainerWidth() {
function _fnHungarianMap (line 14995) | function _fnHungarianMap ( o )
function _fnCamelToHungarian (line 15033) | function _fnCamelToHungarian ( src, user, force )
function _fnLanguageCompat (line 15072) | function _fnLanguageCompat( lang )
function _fnCompatOpts (line 15124) | function _fnCompatOpts ( init )
function _fnCompatCols (line 15157) | function _fnCompatCols ( init )
function _fnBrowserDetect (line 15171) | function _fnBrowserDetect( settings )
function _fnReduce (line 15225) | function _fnReduce ( that, fn, init, start, end, inc )
function _fnAddColumn (line 15259) | function _fnAddColumn( oSettings, nTh )
function _fnColumnOptions (line 15291) | function _fnColumnOptions( oSettings, iCol, oOptions )
function _fnAdjustColumnSizing (line 15418) | function _fnAdjustColumnSizing ( settings )
function _fnVisibleToColumnIndex (line 15450) | function _fnVisibleToColumnIndex( oSettings, iMatch )
function _fnColumnIndexToVisible (line 15468) | function _fnColumnIndexToVisible( oSettings, iMatch )
function _fnVisbleColumns (line 15483) | function _fnVisbleColumns( oSettings )
function _fnGetColumns (line 15497) | function _fnGetColumns( oSettings, sParam )
function _fnColumnTypes (line 15516) | function _fnColumnTypes ( settings )
function _fnApplyColumnDefs (line 15587) | function _fnApplyColumnDefs( oSettings, aoColDefs, aoCols, fn )
function _fnAddData (line 15667) | function _fnAddData ( oSettings, aDataIn, nTr, anTds )
function _fnAddTr (line 15715) | function _fnAddTr( settings, trs )
function _fnNodeToDataIndex (line 15738) | function _fnNodeToDataIndex( oSettings, n )
function _fnNodeToColumnIndex (line 15752) | function _fnNodeToColumnIndex( oSettings, iRow, n )
function _fnGetCellData (line 15767) | function _fnGetCellData( settings, rowIdx, colIdx, type )
function _fnSetCellData (line 15814) | function _fnSetCellData( settings, rowIdx, colIdx, val )
function _fnSplitObjNotation (line 15836) | function _fnSplitObjNotation( str )
function _fnGetObjectDataFn (line 15851) | function _fnGetObjectDataFn( mSource )
function _fnSetObjectDataFn (line 15974) | function _fnSetObjectDataFn( mSource )
function _fnGetDataMaster (line 16083) | function _fnGetDataMaster ( settings )
function _fnClearTable (line 16094) | function _fnClearTable( settings )
function _fnDeleteIndex (line 16109) | function _fnDeleteIndex( a, iTarget, splice )
function _fnInvalidate (line 16148) | function _fnInvalidate( settings, rowIdx, src, colIdx )
function _fnGetRowElements (line 16226) | function _fnGetRowElements( settings, row, colIdx, d )
function _fnCreateTr (line 16320) | function _fnCreateTr ( oSettings, iRow, nTrIn, anTds )
function _fnRowAttributes (line 16397) | function _fnRowAttributes( row )
function _fnBuildHead (line 16431) | function _fnBuildHead( oSettings )
function _fnDrawHead (line 16517) | function _fnDrawHead( oSettings, aoSource, bIncludeHidden )
function _fnDraw (line 16615) | function _fnDraw( oSettings )
function _fnReDraw (line 16756) | function _fnReDraw( settings, holdPosition )
function _fnAddOptionsHtml (line 16794) | function _fnAddOptionsHtml ( oSettings )
function _fnDetectHeader (line 16949) | function _fnDetectHeader ( aLayout, nThead )
function _fnGetUniqueThs (line 17024) | function _fnGetUniqueThs ( oSettings, nHeader, aLayout )
function _fnBuildAjax (line 17063) | function _fnBuildAjax( oSettings, data, fn )
function _fnAjaxUpdate (line 17191) | function _fnAjaxUpdate( settings )
function _fnAjaxParameters (line 17222) | function _fnAjaxParameters( settings )
function _fnAjaxUpdateDraw (line 17330) | function _fnAjaxUpdateDraw ( settings, json )
function _fnAjaxDataSrc (line 17380) | function _fnAjaxDataSrc ( oSettings, json )
function _fnFeatureHtmlFilter (line 17404) | function _fnFeatureHtmlFilter ( settings )
function _fnFilterComplete (line 17492) | function _fnFilterComplete ( oSettings, oInput, iForce )
function _fnFilterCustom (line 17545) | function _fnFilterCustom( settings )
function _fnFilterColumn (line 17582) | function _fnFilterColumn ( settings, searchStr, colIdx, regex, smart, ca...
function _fnFilter (line 17612) | function _fnFilter( settings, input, force, regex, smart, caseInsensitive )
function _fnFilterCreateSearch (line 17664) | function _fnFilterCreateSearch( search, regex, smart, caseInsensitive )
function _fnEscapeRegex (line 17700) | function _fnEscapeRegex ( sVal )
function _fnFilterData (line 17711) | function _fnFilterData ( settings )
function _fnSearchToCamel (line 17784) | function _fnSearchToCamel ( obj )
function _fnSearchToHung (line 17803) | function _fnSearchToHung ( obj )
function _fnFeatureHtmlInfo (line 17819) | function _fnFeatureHtmlInfo ( settings )
function _fnUpdateInfo (line 17853) | function _fnUpdateInfo ( settings )
function _fnInfoMacros (line 17891) | function _fnInfoMacros ( settings, str )
function _fnInitialise (line 17918) | function _fnInitialise ( settings )
function _fnInitComplete (line 17999) | function _fnInitComplete ( settings, json )
function _fnLengthChange (line 18013) | function _fnLengthChange ( settings, val )
function _fnFeatureHtmlLength (line 18031) | function _fnFeatureHtmlLength ( settings )
function _fnFeatureHtmlPaginate (line 18092) | function _fnFeatureHtmlPaginate ( settings )
function _fnPageChange (line 18153) | function _fnPageChange ( settings, action, redraw )
function _fnFeatureHtmlProcessing (line 18226) | function _fnFeatureHtmlProcessing ( settings )
function _fnProcessingDisplay (line 18243) | function _fnProcessingDisplay ( settings, show )
function _fnFeatureHtmlTable (line 18258) | function _fnFeatureHtmlTable ( settings )
function _fnScrollDraw (line 18422) | function _fnScrollDraw ( settings )
function _fnApplyToChildren (line 18712) | function _fnApplyToChildren( fn, an1, an2 )
function _fnCalculateColumnWidths (line 18751) | function _fnCalculateColumnWidths ( oSettings )
function _fnThrottle (line 18924) | function _fnThrottle( fn, freq ) {
function _fnConvertToWidth (line 18962) | function _fnConvertToWidth ( width, parent )
function _fnScrollingWidthAdjust (line 18986) | function _fnScrollingWidthAdjust ( settings, n )
function _fnGetWidestNode (line 19007) | function _fnGetWidestNode( settings, colIdx )
function _fnGetMaxLenString (line 19028) | function _fnGetMaxLenString( settings, colIdx )
function _fnStringToCss (line 19052) | function _fnStringToCss( s )
function _fnScrollBarWidth (line 19076) | function _fnScrollBarWidth ()
function _fnSortFlatten (line 19119) | function _fnSortFlatten ( settings )
function _fnSort (line 19191) | function _fnSort ( oSettings )
function _fnSortAria (line 19317) | function _fnSortAria ( settings )
function _fnSortListener (line 19372) | function _fnSortListener ( settings, colIdx, append, callback )
function _fnSortAttachListener (line 19452) | function _fnSortAttachListener ( settings, attachTo, colIdx, callback )
function _fnSortingClasses (line 19490) | function _fnSortingClasses( settings )
function _fnSortData (line 19523) | function _fnSortData( settings, idx )
function _fnSaveState (line 19566) | function _fnSaveState ( settings )
function _fnLoadState (line 19601) | function _fnLoadState ( settings, oInit )
function _fnSettingsFromNode (line 19676) | function _fnSettingsFromNode ( table )
function _fnLog (line 19695) | function _fnLog( settings, level, msg, tn )
function _fnMap (line 19731) | function _fnMap( ret, src, name, mappedName )
function _fnExtend (line 19773) | function _fnExtend( out, extender, breakRefs )
function _fnBindAction (line 19809) | function _fnBindAction( n, oData, fn )
function _fnCallbackReg (line 19838) | function _fnCallbackReg( oSettings, sStore, fn, sName )
function _fnCallbackFire (line 19864) | function _fnCallbackFire( settings, callbackArr, e, args )
function _fnLengthOverflow (line 19882) | function _fnLengthOverflow ( settings )
function _fnRenderer (line 19907) | function _fnRenderer( settings, type )
function _fnDataSource (line 19936) | function _fnDataSource ( settings )
function _numbers (line 28725) | function _numbers ( page, pages ) {
function _addNumericSort (line 29002) | function _addNumericSort ( decimalPlace ) {
function _fnExternApiFunc (line 29221) | function _fnExternApiFunc (fn)
function Plugin (line 29598) | function Plugin(option) {
FILE: docs/assets/js/prettify.js
function combinePrefixPatterns (line 250) | function combinePrefixPatterns(regexs) {
function extractSourceSpans (line 528) | function extractSourceSpans(node, isPreformatted) {
function appendDecorations (line 580) | function appendDecorations(basePos, sourceCode, langHandler, out) {
function childContentWrapper (line 603) | function childContentWrapper(element) {
function createSimpleLexer (line 662) | function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatter...
function sourceDecorator (line 805) | function sourceDecorator(options) {
function numberLines (line 991) | function numberLines(node, opt_startLineNum, isPreformatted) {
function recombineTagsAndDecorations (line 1127) | function recombineTagsAndDecorations(job) {
function registerLangHandler (line 1255) | function registerLangHandler(handler, fileExtensions) {
function langHandlerForExtension (line 1265) | function langHandlerForExtension(extension, source) {
function applyDecorator (line 1380) | function applyDecorator(job) {
function $prettyPrintOne (line 1413) | function $prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLi...
function $prettyPrint (line 1447) | function $prettyPrint(opt_whenDone, opt_root) {
Condensed preview — 108 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (3,983K chars).
[
{
"path": ".editorconfig",
"chars": 190,
"preview": "# editorconfig.org\n\nroot = true\n\n[*]\nindent_style = space\nindent_size = 2\nend_of_line = lf\ncharset = utf-8\ntrim_trailing"
},
{
"path": ".gitignore",
"chars": 501,
"preview": "# Ignore docs files\n_gh_pages\n_site\n.ruby-version\n\n# Numerous always-ignore extensions\n*.diff\n*.err\n*.orig\n*.log\n*.rej\n*"
},
{
"path": "CHANGELOG.md",
"chars": 8276,
"preview": "# Changelog\n\n## 2.4.0\n\n - conversion LESS code to SCSS;\n - migration to GULP from GRUNT;\n - update of BOWER and NPM m"
},
{
"path": "LICENSE",
"chars": 1059,
"preview": "Copyright (c) 2013-2018 Designmodo\n\nPermission is hereby granted, free of charge, to any person obtaining a\ncopy of this"
},
{
"path": "README.md",
"chars": 4173,
"preview": "\n# [Flat UI Free](https://designmodo.github.io/Flat-UI/)\n\nFlat UI is a beautiful theme for Bootstrap. We have redesigned"
},
{
"path": "app/css/docs.css",
"chars": 7838,
"preview": "/* Prettyfy Theme */\n.prettyprint {\n background-color: #F7F7F9;\n font-family: Menlo, 'Bitstream Vera Sans Mono', 'Deja"
},
{
"path": "app/css/flat-ui.css",
"chars": 832871,
"preview": "@font-face {\n font-family: 'Lato';\n src: url(\"../fonts/lato/lato-black.eot\");\n src: url(\"../fonts/lato/lato-black.eot"
},
{
"path": "app/fonts/glyphicons/selection.json",
"chars": 81617,
"preview": "{\n\t\"IcoMoonType\": \"selection\",\n\t\"icons\": [\n\t\t{\n\t\t\t\"icon\": {\n\t\t\t\t\"paths\": [\n\t\t\t\t\t\"M128 256l384 512 384-512h-768z\"\n\t\t\t\t],\n"
},
{
"path": "app/index.html",
"chars": 968,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Template</title>\n <meta name="
},
{
"path": "app/scripts/flat-ui.js",
"chars": 952679,
"preview": "/*!\n * Flat UI Pro v1.3.2 (https://designmodo.com/flat)\n * Copyright 2013-2014 Designmodo, Inc.\n */\n/*!\n * jQuery UI Cor"
},
{
"path": "app/styles/_mixins.scss",
"chars": 1010,
"preview": "// Mixins\n// --------------------------------------------------\n\n// Utilities\n@import \"mixins/hide-text.scss\";\n@import \""
},
{
"path": "app/styles/_variables.scss",
"chars": 35650,
"preview": "//\n// Variables\n// --------------------------------------------------\n\n\n// == Colors\n//\n//##\n\n// Color swatches\n$turquoi"
},
{
"path": "app/styles/flat-ui.scss",
"chars": 1293,
"preview": "//\n// Flat UI Pro main stylesheet that aggregates all modules\n// --------------------------------------------------\n\n// "
},
{
"path": "app/styles/mixins/background-clip.scss",
"chars": 166,
"preview": "// Background clip\n@mixin background-clip($clip: border-box) {\n -webkit-background-clip: $clip;\n -moz-background-cl"
},
{
"path": "app/styles/mixins/background-variant.scss",
"chars": 158,
"preview": "// Contextual backgrounds\n\n@mixin bg-variant($color) {\n background-color: $color;\n\n @at-root a#{&}:hover {\n backgro"
},
{
"path": "app/styles/mixins/border-radius.scss",
"chars": 492,
"preview": "// Single side border-radius\n\n@mixin border-top-radius($radius) {\n border-top-right-radius: $radius;\n border-top-left"
},
{
"path": "app/styles/mixins/breakpoints.scss",
"chars": 4468,
"preview": "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order f"
},
{
"path": "app/styles/mixins/buttons.scss",
"chars": 1410,
"preview": "// Button variants\n//\n@mixin button-variant($color, $background, $hover-background, $active-background, $gray-light) {\n "
},
{
"path": "app/styles/mixins/center-block.scss",
"chars": 126,
"preview": "// Center-align a block level element\n\n@mixin center-block() {\n display: block;\n margin-left: auto;\n margin-right: au"
},
{
"path": "app/styles/mixins/clearfix.scss",
"chars": 611,
"preview": "// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contentedi"
},
{
"path": "app/styles/mixins/forms.scss",
"chars": 3063,
"preview": "// Form validation states\n//\n// Used in forms.scss to generate the form validation CSS for warnings, errors,\n// and succ"
},
{
"path": "app/styles/mixins/gradients.scss",
"chars": 4428,
"preview": "// Gradients\n\n#gradient {\n\n // Horizontal gradient, from left to right\n //\n // Creates two color stops, start and end"
},
{
"path": "app/styles/mixins/grid.scss",
"chars": 3024,
"preview": "// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n@mixin container-f"
},
{
"path": "app/styles/mixins/hide-text.scss",
"chars": 598,
"preview": "// CSS image replacement\n//\n// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for\n// mixins be"
},
{
"path": "app/styles/mixins/image.scss",
"chars": 1076,
"preview": "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the "
},
{
"path": "app/styles/mixins/nav-divider.scss",
"chars": 208,
"preview": "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5"
},
{
"path": "app/styles/mixins/navbar-vertical-align.scss",
"chars": 435,
"preview": "// Navbar vertical align\n// -------------------------\n// Vertically center elements in the navbar.\n// Example: an elemen"
},
{
"path": "app/styles/mixins/opacity.scss",
"chars": 154,
"preview": "// Opacity\n\n@mixin opacity($opacity) {\n opacity: $opacity;\n // IE8 filter\n $opacity-ie: ($opacity * 100);\n filter: \""
},
{
"path": "app/styles/mixins/pagination.scss",
"chars": 555,
"preview": "// Pagination variants\n\n@mixin pagination-variant($color, $hover, $active) {\n ul {\n background-color: $color;\n\n l"
},
{
"path": "app/styles/mixins/palette.scss",
"chars": 241,
"preview": "// Pallet color variants\n//\n\n@mixin pallet-variant($first-color, $second-color){\n .palette-${first-color} {\n backgro"
},
{
"path": "app/styles/mixins/reset-filter.scss",
"chars": 254,
"preview": "// Reset filters for IE\n//\n// When you need to remove a gradient background, do not forget to use this to reset\n// the I"
},
{
"path": "app/styles/mixins/resize.scss",
"chars": 146,
"preview": "// Resize anything\n\n@mixin resizable($direction) {\n resize: $direction; // Options: horizontal, vertical, both\n overfl"
},
{
"path": "app/styles/mixins/responsive-visibility.scss",
"chars": 367,
"preview": "// Responsive utilities\n\n//\n// More easily include all the states for responsive-utilities.scss.\n@mixin responsive-visib"
},
{
"path": "app/styles/mixins/select.scss",
"chars": 1757,
"preview": "// Select variants\n//\n\n@mixin select-variant($color, $background, $hover-background, $active-background, $gray-light) {\n"
},
{
"path": "app/styles/mixins/size.scss",
"chars": 148,
"preview": "// Sizing shortcuts\n\n@mixin size($width, $height) {\n width: $width;\n height: $height;\n}\n\n// @mixin square($size) {\n// "
},
{
"path": "app/styles/mixins/switches.scss",
"chars": 905,
"preview": "// Switch variants\n\n@mixin switch-variant($handle-color, $handle-bg, $label-border, $label-bg) {\n color: $handle-color;"
},
{
"path": "app/styles/mixins/tab-focus.scss",
"chars": 165,
"preview": "// WebKit-style focus\n\n@mixin tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit"
},
{
"path": "app/styles/mixins/text-emphasis.scss",
"chars": 145,
"preview": "// Typography\n\n@mixin text-emphasis-variant($color) {\n color: $color !important;\n @at-root a#{&}:hover {\n color: da"
},
{
"path": "app/styles/mixins/text-overflow.scss",
"chars": 168,
"preview": "// Text overflow\n// Requires inline-block or block for proper styling\n\n@mixin text-overflow() {\n overflow: hidden;\n te"
},
{
"path": "app/styles/mixins/vendor-prefixes.scss",
"chars": 6674,
"preview": "// Vendor Prefixes\n//\n// ##\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content colum"
},
{
"path": "app/styles/modules/button-groups.scss",
"chars": 2137,
"preview": "//\n// Button groups\n// --------------------------------------------------\n\n\n.btn-group {\n > .btn {\n & + .btn {\n "
},
{
"path": "app/styles/modules/buttons.scss",
"chars": 4478,
"preview": "//\n// Buttons\n// --------------------------------------------------\n\n// Base styles\n// ---------------------------------"
},
{
"path": "app/styles/modules/code.scss",
"chars": 981,
"preview": "//\n// Code (inline and blocK)\n// --------------------------------------------------\n\n\n// Inline and block code styles\nco"
},
{
"path": "app/styles/modules/dropdowns.scss",
"chars": 5331,
"preview": "//\n// Dropdown menus\n// --------------------------------------------------\n\n// Dropdown arrow/caret\n\n.dropdown-toggle {\n"
},
{
"path": "app/styles/modules/footer.scss",
"chars": 1226,
"preview": "//\n// Footer\n// --------------------------------------------------\n\nfooter {\n background-color: mix($brand-primary, $in"
},
{
"path": "app/styles/modules/forms.scss",
"chars": 6829,
"preview": "//\n// Forms\n// --------------------------------------------------\n\n\n// Normalize non-controls\n//\n// Restyle and baseline"
},
{
"path": "app/styles/modules/glyphicons.scss",
"chars": 5157,
"preview": "//\n// Glyphicons for Flat UI Pro\n// --------------------------------------------------\n\n@font-face {\n font-family: 'Fla"
},
{
"path": "app/styles/modules/input-groups.scss",
"chars": 3542,
"preview": "//\n// Input groups\n// --------------------------------------------------\n\n// Base styles\n// -------------------------\n.i"
},
{
"path": "app/styles/modules/local-fonts.scss",
"chars": 3152,
"preview": "//\n// Fonts\n// --------------------------------------------------\n\n@font-face {\n font-family: 'Lato';\n src: url('#{$lo"
},
{
"path": "app/styles/modules/login.scss",
"chars": 2090,
"preview": "//\n// Login screen\n// --------------------------------------------------\n\n// Module color variable\n$form-color: mix($br"
},
{
"path": "app/styles/modules/navbar.scss",
"chars": 19388,
"preview": "//\n// Navbars\n// --------------------------------------------------\n\n// Wrapper and base class\n//\n// Provide a static na"
},
{
"path": "app/styles/modules/pager.scss",
"chars": 1208,
"preview": "//\n// Pager\n// --------------------------------------------------\n\n.pager {\n background-color: $pager-bg;\n border-radi"
},
{
"path": "app/styles/modules/pagination.scss",
"chars": 12320,
"preview": "//\n// Pagination\n// --------------------------------------------------\n\n.pagination {\n position: relative;\n display: b"
},
{
"path": "app/styles/modules/palette.scss",
"chars": 1957,
"preview": "//\n// Palette\n// --------------------------------------------------\n\n.pallete-item {\n width: 140px;\n float: left;\n ma"
},
{
"path": "app/styles/modules/print.scss",
"chars": 1433,
"preview": "/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */\n\n// =============================="
},
{
"path": "app/styles/modules/progress-bars.scss",
"chars": 633,
"preview": "//\n// Progress bars\n// --------------------------------------------------\n\n// Outer container\n.progress {\n background: "
},
{
"path": "app/styles/modules/radiocheck.scss",
"chars": 4237,
"preview": "//\n// Checkbox & Radio\n// --------------------------------------------------\n\n.checkbox,\n.radio {\n display: block;\n ma"
},
{
"path": "app/styles/modules/scaffolding.scss",
"chars": 1277,
"preview": "//\n// Scaffolding\n// --------------------------------------------------\n\n* {\n outline: none !important;\n}\n\n// Body rese"
},
{
"path": "app/styles/modules/select.scss",
"chars": 13043,
"preview": "//\n// Select\n// --------------------------------------------------\n\n\n// Select container\n.select {\n position: relative;"
},
{
"path": "app/styles/modules/share.scss",
"chars": 702,
"preview": "//\n// Sharing box\n// --------------------------------------------------\n\n// Module color variable\n$share-color: mix($bra"
},
{
"path": "app/styles/modules/slider.scss",
"chars": 1741,
"preview": "// Slider\n// --------------------------------------------------\n\n// Default controls\n// -------------------------\n\n.ui-s"
},
{
"path": "app/styles/modules/spaces.scss",
"chars": 2871,
"preview": "//\n// Spaces\n// --------------------------------------------------\n\n// Should be used to modify the default spacing betw"
},
{
"path": "app/styles/modules/switch.scss",
"chars": 6256,
"preview": "//\n// Switch\n// --------------------------------------------------\n\n// Switch wrapper\n// -------------------------------"
},
{
"path": "app/styles/modules/tagsinput.scss",
"chars": 3263,
"preview": "//\n// Tags Input\n// --------------------------------------------------\n\n.bootstrap-tagsinput {\n background-color: $tags"
},
{
"path": "app/styles/modules/thumbnails.scss",
"chars": 752,
"preview": "//\n// Thumbnails\n// --------------------------------------------------\n\n\n// Mixin and adjust the regular image class\n.th"
},
{
"path": "app/styles/modules/tiles.scss",
"chars": 625,
"preview": "//\n// Tile\n// -------------------------------------------------\n\n.tile {\n background-color: $tiles-bg;\n border-radius:"
},
{
"path": "app/styles/modules/todo-list.scss",
"chars": 2631,
"preview": "//\n// Todo list\n// --------------------------------------------------\n\n.todo { \n color: $todo-color;\n margin-bottom: "
},
{
"path": "app/styles/modules/tooltip.scss",
"chars": 1588,
"preview": "//\n// Tooltips\n// --------------------------------------------------\n\n// Base class\n.tooltip {\n font-size: ceil(($compo"
},
{
"path": "app/styles/modules/type.scss",
"chars": 4270,
"preview": "//\n// Typography\n// --------------------------------------------------\n\n\n// Headings\n// -------------------------\n\nh1, h"
},
{
"path": "app/styles/modules/typeahead.scss",
"chars": 741,
"preview": "//\n// Typeahead\n// --------------------------------------------------\n\n.twitter-typeahead {\n width: 100%;\n\n .tt-dropdo"
},
{
"path": "app/styles/modules/video.scss",
"chars": 35488,
"preview": ".video-js * {\n font-family: \"Flat-UI-Pro-Icons\";\n}\n\n.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-b"
},
{
"path": "bower.json",
"chars": 193,
"preview": "{\n \"name\": \"flat-ui-pro\",\n \"version\": \"1.4.0\",\n \"private\": true,\n \"dependencies\": {\n \"popper.js\": \"^1.14.1\"\n },\n"
},
{
"path": "dist/css/flat-ui.css",
"chars": 189187,
"preview": "@font-face {\n font-family: 'Lato';\n src: url(\"../fonts/lato/lato-black.eot\");\n src: url(\"../fonts/lato/lato-black.eot"
},
{
"path": "dist/fonts/glyphicons/selection.json",
"chars": 81617,
"preview": "{\n\t\"IcoMoonType\": \"selection\",\n\t\"icons\": [\n\t\t{\n\t\t\t\"icon\": {\n\t\t\t\t\"paths\": [\n\t\t\t\t\t\"M128 256l384 512 384-512h-768z\"\n\t\t\t\t],\n"
},
{
"path": "dist/index.html",
"chars": 968,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Template</title>\n <meta name="
},
{
"path": "dist/scripts/application.js",
"chars": 8671,
"preview": "// Some general UI pack related JS\n// Extend JS String with repeat method\nString.prototype.repeat = function (num) {\n r"
},
{
"path": "dist/scripts/flat-ui.js",
"chars": 952679,
"preview": "/*!\n * Flat UI Pro v1.3.2 (https://designmodo.com/flat)\n * Copyright 2013-2014 Designmodo, Inc.\n */\n/*!\n * jQuery UI Cor"
},
{
"path": "docs/assets/css/demo.css",
"chars": 6689,
"preview": "/* Prettyfy Theme */\n.prettyprint {\n background-color: #F7F7F9;\n font-family: Menlo, 'Bitstream Vera Sans Mono', 'Deja"
},
{
"path": "docs/assets/css/docs.css",
"chars": 7838,
"preview": "/* Prettyfy Theme */\n.prettyprint {\n background-color: #F7F7F9;\n font-family: Menlo, 'Bitstream Vera Sans Mono', 'Deja"
},
{
"path": "docs/assets/css/src/docs.less",
"chars": 7017,
"preview": "//\n// Docs Flat UI Pro\n// --------------------------------------------------\n\n// Variables and utilityes\n@import \"../../"
},
{
"path": "docs/assets/css/src/prettyprint.less",
"chars": 1270,
"preview": "/* Prettyfy Theme */\n.prettyprint {\n background-color: #F7F7F9;\n font-family: Menlo, 'Bitstream Vera Sans Mono', 'Deja"
},
{
"path": "docs/assets/js/application.js",
"chars": 6745,
"preview": "// Some general UI pack related JS\n// Extend JS String with repeat method\nString.prototype.repeat = function (num) {\n r"
},
{
"path": "docs/assets/js/prettify.js",
"chars": 63320,
"preview": "// Copyright (C) 2006 Google Inc.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not u"
},
{
"path": "docs/components.html",
"chars": 65893,
"preview": "<!doctype html>\n<html lang=\"\">\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"description\" content=\"\">\n <meta na"
},
{
"path": "docs/examples/buttons.html",
"chars": 23280,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/dropdowns.html",
"chars": 29378,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/fileinput.html",
"chars": 14288,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/forms.html",
"chars": 23584,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/navbar-fixed-top.html",
"chars": 3599,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/navbar-static-top.html",
"chars": 3638,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/navbars-with-elements.html",
"chars": 17624,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/pagination.html",
"chars": 8657,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/radiocheck.html",
"chars": 14290,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/select.html",
"chars": 13580,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/switches.html",
"chars": 3406,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/tagsinput.html",
"chars": 3917,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/thumbnails.html",
"chars": 4239,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/tiles.html",
"chars": 3434,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/timepicker.html",
"chars": 1896,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/todo-list.html",
"chars": 2968,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/typography.html",
"chars": 6574,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/examples/vertical-slider.html",
"chars": 1501,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Pro</title>\n <meta name=\"view"
},
{
"path": "docs/getting-started.html",
"chars": 7567,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Getting started · Flat UI</title>"
},
{
"path": "docs/template.html",
"chars": 993,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI Template</title>\n <meta name="
},
{
"path": "gulpfile.js",
"chars": 3415,
"preview": "// generated on 2018-02-14 using generator-webapp 3.0.1\nconst gulp = require('gulp');\nconst gulpLoadPlugins = require('g"
},
{
"path": "index.html",
"chars": 37146,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <title>Flat UI - Free Bootstrap Framework and T"
},
{
"path": "package.json",
"chars": 1371,
"preview": "{\n \"name\": \"flat-ui-pro\",\n \"version\": \"1.4.0\",\n \"private\": true,\n \"homepage\": \"https://designmodo.com/flat\",\n \"auth"
},
{
"path": "readme license.txt",
"chars": 411,
"preview": "This item has been downloaded from the Designmodo - https://designmodo.com/\r\n\r\nLICENSE:\r\n\r\nUse for Free, but Please Set "
}
]
About this extraction
This page contains the full source code of the designmodo/Flat-UI GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 108 files (3.6 MB), approximately 938.4k tokens, and a symbol index with 579 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.