Showing preview only (482K chars total). Download the full file or copy to clipboard to get everything.
Repository: creativetimofficial/now-ui-dashboard
Branch: master
Commit: f0c46ac0a2c1
Files: 59
Total size: 459.0 KB
Directory structure:
gitextract_84eb6eeq/
├── .github/
│ └── workflows/
│ └── main.yml
├── CHANGELOG.md
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── README.md
├── assets/
│ ├── css/
│ │ └── now-ui-dashboard.css
│ ├── demo/
│ │ ├── demo.css
│ │ └── demo.js
│ ├── fonts/
│ │ └── nucleo-license.md
│ ├── js/
│ │ ├── now-ui-dashboard.js
│ │ └── plugins/
│ │ └── bootstrap-notify.js
│ └── scss/
│ ├── now-ui-dashboard/
│ │ ├── _alerts.scss
│ │ ├── _buttons.scss
│ │ ├── _cards.scss
│ │ ├── _checkboxes-radio.scss
│ │ ├── _dropdown.scss
│ │ ├── _fixed-plugin.scss
│ │ ├── _footers.scss
│ │ ├── _images.scss
│ │ ├── _inputs.scss
│ │ ├── _misc.scss
│ │ ├── _mixins.scss
│ │ ├── _navbar.scss
│ │ ├── _nucleo-outline.scss
│ │ ├── _page-header.scss
│ │ ├── _responsive.scss
│ │ ├── _sidebar-and-main-panel.scss
│ │ ├── _tables.scss
│ │ ├── _typography.scss
│ │ ├── _variables.scss
│ │ ├── cards/
│ │ │ ├── _card-chart.scss
│ │ │ ├── _card-map.scss
│ │ │ ├── _card-plain.scss
│ │ │ └── _card-user.scss
│ │ ├── mixins/
│ │ │ ├── _buttons.scss
│ │ │ ├── _cards.scss
│ │ │ ├── _dropdown.scss
│ │ │ ├── _inputs.scss
│ │ │ ├── _page-header.scss
│ │ │ ├── _sidebar.scss
│ │ │ ├── _transparency.scss
│ │ │ └── _vendor-prefixes.scss
│ │ └── plugins/
│ │ ├── _plugin-animate-bootstrap-notify.scss
│ │ └── _plugin-perfect-scrollbar.scss
│ └── now-ui-dashboard.scss
├── docs/
│ └── documentation.html
├── examples/
│ ├── dashboard.html
│ ├── icons.html
│ ├── map.html
│ ├── notifications.html
│ ├── tables.html
│ ├── typography.html
│ ├── upgrade.html
│ └── user.html
├── genezio.yaml
├── gulpfile.js
├── index.html
├── nucleo-icons.html
└── package.json
================================================
FILE CONTENTS
================================================
================================================
FILE: .github/workflows/main.yml
================================================
name: Autocloser
on: [issues]
jobs:
autoclose:
runs-on: ubuntu-latest
steps:
- name: Issue auto-closer
uses: roots/issue-closer-action@v1.1
with:
repo-token: ${{ secrets.GITHUB_TOKEN }}
issue-close-message: "@${issue.user.login} this issue was automatically closed because it did not follow the bellow rules:\n\n<pre>\n\n\n\nIMPORTANT: Please use the following link to create a new issue:\n\nhttps://www.creative-tim.com/new-issue/now-ui-dashboard\n\n**If your issue was not created using the app above, it will be closed immediately.**\n\n\n\nLove Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:\n👉 https://www.creative-tim.com/bundles\n👉 https://www.creative-tim.com\n\n\n</pre>\n\n"
issue-pattern: (\#\#\# Version([\S\s.*]*?)\#\#\# Reproduction link([\S\s.*]*?)\#\#\# Operating System([\S\s.*]*?)\#\#\# Device([\S\s.*]*?)\#\#\# Browser & Version([\S\s.*]*?)\#\#\# Steps to reproduce([\S\s.*]*?)\#\#\# What is expected([\S\s.*]*?)\#\#\# What is actually happening([\S\s.*]*?)---([\S\s.*]*?)\#\#\# Solution([\S\s.*]*?)\#\#\# Additional comments([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>)|(\#\#\# What is your enhancement([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>)
================================================
FILE: CHANGELOG.md
================================================
# Change Log
## [1.5.0] 2019-12-18
### Updates
- added latest version of Bootstrap `4.4.1`
## [1.4.0] 2019-07-04
### Updates
- added latest version of Bootstrap `4.3.1`
## [1.3.0] 2019-02-08
### Updates, Bugfixing, Improvements
- added latest version of Bootstrap `4.2.1`
- all plugins out of date were updated to the latest version
- `btn-simple` removed
- added `btn-outline` from the bootstrap
- docs updated all plugins versions
## [1.2.0] 2018-10-12
### Bootstrap 4.1.3 update
- `Chart.js` library updated
- Responsive fixes
- Other small bug fixes
## [1.1.0] 2018-05-04
### Bootstrap 4.1.0 update
- Archive cleaned
- Other small bug fixes
## [1.0.1] 2018-02-21
### Bugfixing
- Fixed some issues for documentation pages
- Scss cleaned
- Other bug fixes
## [1.0.0] 2018-02-14
### Original Release
================================================
FILE: ISSUE_TEMPLATE.md
================================================
<!--
IMPORTANT: Please use the following link to create a new issue:
https://www.creative-tim.com/new-issue/now-ui-dashboard
**If your issue was not created using the app above, it will be closed immediately.**
-->
<!--
Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉 https://www.creative-tim.com/bundles
👉 https://www.creative-tim.com
-->
================================================
FILE: LICENSE.md
================================================
MIT License
Copyright (c) 2017 Creative Tim
Designed by Invision (https://www.invisionapp.com). Coded by Creative Tim (https://www.creative-tim.com/)
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
================================================
# [Now UI Dashboard](https://demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html) [](https://twitter.com/home?status=Now%20UI%20Dashboard%20by%20Creative%20Tim%20https%3A//demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html%20%40CreativeTim%20%23html%20%23dashboard%20%23nowuidesign%20%40creativetim)
 [](https://github.com/creativetimofficial/now-ui-dashboard/issues?q=is%3Aopen+is%3Aissue) [](https://github.com/creativetimofficial/now-ui-dashboard/issues?q=is%3Aissue+is%3Aclosed)
**[Now UI Dashboard](https://demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html)** is a responsive Bootstrap 4 kit provided for free by [Invision](https://www.invisionapp.com/) and [Creative Tim](https://www.creative-tim.com/). It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics. Now UI Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.
Now UI Dashboard has the same design characteristics as Now UI Kit, so it is quite convenient to use them together. Or you can choose between them depending on the project at hand. If you love Now UI Kit, you'll love Now UI Dashboard.
Create awesome, lifelike prototypes with InVision and Now so your users can experience and give feedback on your vision!
**Bootstrap 4 Support**
Now UI Dashboard is built on top of the much awaited Bootstrap 4. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4 project; you can just import the Now UI Dashboard style over it. Most of the elements have been redesigned; but if you are using an element we have not touched, it will fall back to the Bootstrap default.
#### Special thanks
During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:
- [Chart.js](https://www.chartjs.org/) for the wonderful charts
Let us know your thoughts below. And good luck with development!
## Table of Contents
* [Versions](#versions)
* [Demo](#demo)
* [Quick Start](#quick-start)
* [Deploy](#deploy)
* [Documentation](#documentation)
* [File Structure](#file-structure)
* [Browser Support](#browser-support)
* [Resources](#resources)
* [Reporting Issues](#reporting-issues)
* [Technical Support or Questions](#technical-support-or-questions)
* [Licensing](#licensing)
* [Useful Links](#useful-links)
## Versions
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/react.svg" width="60" height="60" />](https://www.creative-tim.com/product/material-dashboard-pro-react)
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/angular.png" width="60" height="60" />](https://www.creative-tim.com/product/material-dashboard-pro-angular2)
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/html.png" width="60" height="60" />](https://www.creative-tim.com/product/material-dashboard-pro)
React | Angular | HTML |
| --- | --- | --- |
| [](https://www.creative-tim.com/product/now-ui-dashboard-react) | [](https://www.creative-tim.com/product/now-ui-dashboard-angular) | [](https://www.creative-tim.com/product/now-ui-dashboard)
## Demo
- [Start page](https://demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html)
- [Typography page](https://demos.creative-tim.com/now-ui-dashboard/examples/typography.html)
- [User page ](https://demos.creative-tim.com/now-ui-dashboard/examples/user.html)
[View More](https://demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html).
## Quick start
Quick start options:
- Download from [Creative Tim](https://www.creative-tim.com/product/now-ui-dashboard)
## Deploy
:rocket: You can deploy your own version of the template to Genezio with one click:
[](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/now-ui-dashboard&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head)
## Documentation
The documentation for the Now UI Dashboard is hosted at our [website](https://demos.creative-tim.com/now-ui-dashboard/docs/1.0/getting-started/introduction.html).
## File Structure
Within the download you'll find the following directories and files:
```
now-ui-dashboard
├── CHANGELOG.md
├── README.md
├── assets
│ ├── css
│ │ ├── now-ui-dashboard.css
│ │ ├── now-ui-dashboard.min.css
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap.min.css.map
│ │ └── now-ui-dashboard.css.map
│ ├── demo
│ │ └── demo.js
│ ├── fonts
│ │ ├── nucleo-license.md
│ │ ├── nucleo-outline.eot
│ │ ├── nucleo-outline.ttf
│ │ ├── nucleo-outline.woff
│ │ └── nucleo-outline.woff2
│ ├── img
│ ├── js
│ │ ├── core
│ │ │ ├── bootstrap.min.js
│ │ │ ├── jquery.min.js
│ │ │ └── popper.min.js
│ │ ├── now-ui-dashboard.js
│ │ ├── now-ui-dashboard.js.map
│ │ ├── now-ui-dashboard.min.js
│ │ └── plugins
│ │ ├── bootstrap-notify.js
│ │ ├── chartjs.min.js
│ │ └── perfect-scrollbar.jquery.min.js
│ └── scss
│ ├── now-ui-dashboard
│ └── now-ui-dashboard.scss
├── docs
├── examples
│ ├── dashboard.html
│ ├── icons.html
│ ├── map.html
│ ├── notifications.html
│ ├── tables.html
│ ├── typography.html
│ ├── upgrade.html
│ └── user.html
├── gulpfile.js
├── nucleo-icons.html
└── package.json
```
## Browser Support
At present, we officially aim to support the last two versions of the following browsers:
<img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png" width="64" height="64">
## Resources
- [Live Preview](https://demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html)
- Download Page: https://www.creative-tim.com/product/now-ui-dashboard
- Documentation is [here](https://demos.creative-tim.com/now-ui-dashboard/docs/1.0/getting-started/introduction.html)
- License Agreement: https://www.creative-tim.com/license
- Support: https://www.creative-tim.com/contact-us
- Issues: [Github Issues Page](https://github.com/creativetimofficial/now-ui-dashboard/issues)
- Now UI Dashboard PRO - [demo](https://www.creative-tim.com/product/now-ui-dashboard-pro?ref=github-nud-pro)
## Reporting Issues
We use GitHub Issues as the official bug tracker for the Material Dashboard Pro. Here are some advices for our users that want to report an issue:
1. Make sure that you are using the latest version of the Material Dashboard Pro. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/).
2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
## Technical Support or Questions
If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us) instead of opening an issue.
## Licensing
- Copyright 2018 Creative Tim (https://www.creative-tim.com)
- Creative Tim [license](https://www.creative-tim.com/license)
## Useful Links
- [More products](https://www.creative-tim.com/bootstrap-themes) from Creative Tim
- [Vue products](https://www.creative-tim.com/bootstrap-themes/vuejs-themes) from Creative Tim
- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w)
- [Freebies](https://www.creative-tim.com/bootstrap-themes/free) from Creative Tim
- [Affiliate Program](https://www.creative-tim.com/affiliates/new) (earn money)
##### Social Media
Twitter: <https://twitter.com/CreativeTim>
Facebook: <https://www.facebook.com/CreativeTim>
Dribbble: <https://dribbble.com/creativetim>
Google+: <https://plus.google.com/+CreativetimPage>
Instagram: <https://instagram.com/creativetimofficial>
================================================
FILE: assets/css/now-ui-dashboard.css
================================================
/*!
=========================================================
* Now UI Dashboard - v1.5.0
=========================================================
* Product Page: https://www.creative-tim.com/product/now-ui-dashboard
* Copyright 2019 Creative Tim (http://www.creative-tim.com)
* Designed by www.invisionapp.com Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
/* brand Colors */
/* light colors */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.btn,
.navbar .navbar-nav>a.btn {
border-width: 2px;
font-weight: 400;
font-size: 0.8571em;
line-height: 1.35em;
border: none;
margin: 10px 1px;
border-radius: 0.1875rem;
padding: 11px 22px;
cursor: pointer;
background-color: #888;
color: #FFFFFF;
}
.btn:hover,
.btn:focus,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:active:hover,
.btn.active:hover,
.show>.btn.dropdown-toggle,
.show>.btn.dropdown-toggle:focus,
.show>.btn.dropdown-toggle:hover,
.navbar .navbar-nav>a.btn:hover,
.navbar .navbar-nav>a.btn:focus,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled):active,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled).active,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled):active:focus,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled).active:focus,
.navbar .navbar-nav>a.btn:active:hover,
.navbar .navbar-nav>a.btn.active:hover,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle:focus,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle:hover {
background-color: #979797;
color: #FFFFFF;
box-shadow: none;
border-color: #979797;
}
.btn:not([data-action]):not([class*="btn-outline-"]):hover,
.navbar .navbar-nav>a.btn:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled.active,
.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled.focus,
.btn:disabled:active,
.btn:disabled.active,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled].focus,
.btn[disabled]:active,
.btn[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active,
.navbar .navbar-nav>a.btn.disabled,
.navbar .navbar-nav>a.btn.disabled:hover,
.navbar .navbar-nav>a.btn.disabled:focus,
.navbar .navbar-nav>a.btn.disabled.focus,
.navbar .navbar-nav>a.btn.disabled:active,
.navbar .navbar-nav>a.btn.disabled.active,
.navbar .navbar-nav>a.btn:disabled,
.navbar .navbar-nav>a.btn:disabled:hover,
.navbar .navbar-nav>a.btn:disabled:focus,
.navbar .navbar-nav>a.btn:disabled.focus,
.navbar .navbar-nav>a.btn:disabled:active,
.navbar .navbar-nav>a.btn:disabled.active,
.navbar .navbar-nav>a.btn[disabled],
.navbar .navbar-nav>a.btn[disabled]:hover,
.navbar .navbar-nav>a.btn[disabled]:focus,
.navbar .navbar-nav>a.btn[disabled].focus,
.navbar .navbar-nav>a.btn[disabled]:active,
.navbar .navbar-nav>a.btn[disabled].active,
fieldset[disabled] .navbar .navbar-nav>a.btn,
fieldset[disabled] .navbar .navbar-nav>a.btn:hover,
fieldset[disabled] .navbar .navbar-nav>a.btn:focus,
fieldset[disabled] .navbar .navbar-nav>a.btn.focus,
fieldset[disabled] .navbar .navbar-nav>a.btn:active,
fieldset[disabled] .navbar .navbar-nav>a.btn.active {
background-color: #888;
border-color: #888;
}
.btn.btn-link,
.navbar .navbar-nav>a.btn.btn-link {
color: #888;
}
.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:active,
.navbar .navbar-nav>a.btn.btn-link:hover,
.navbar .navbar-nav>a.btn.btn-link:focus,
.navbar .navbar-nav>a.btn.btn-link:active {
background-color: transparent;
color: #979797;
text-decoration: none;
box-shadow: none;
}
.btn:hover,
.btn:focus,
.navbar .navbar-nav>a.btn:hover,
.navbar .navbar-nav>a.btn:focus {
opacity: 1;
filter: alpha(opacity=100);
outline: 0 !important;
}
.btn:active,
.btn.active,
.open>.btn.dropdown-toggle,
.navbar .navbar-nav>a.btn:active,
.navbar .navbar-nav>a.btn.active,
.open>.navbar .navbar-nav>a.btn.dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
}
.btn .badge,
.navbar .navbar-nav>a.btn .badge {
margin: 0;
}
.btn.btn-icon,
.navbar .navbar-nav>a.btn.btn-icon {
height: 2.375rem;
min-width: 2.375rem;
width: 2.375rem;
padding: 0;
font-size: 0.9375rem;
overflow: hidden;
position: relative;
line-height: normal;
}
.btn.btn-icon[class*="btn-outline-"],
.navbar .navbar-nav>a.btn.btn-icon[class*="btn-outline-"] {
padding: 0 !important;
}
.btn.btn-icon.btn-sm,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm {
height: 1.875rem;
min-width: 1.875rem;
width: 1.875rem;
}
.btn.btn-icon.btn-sm .fa,
.btn.btn-icon.btn-sm .far,
.btn.btn-icon.btn-sm .fas,
.btn.btn-icon.btn-sm .now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm .fa,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm .far,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm .fas,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm .now-ui-icons {
font-size: 0.6875rem;
}
.btn.btn-icon.btn-lg,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg {
height: 3.6rem;
min-width: 3.6rem;
width: 3.6rem;
}
.btn.btn-icon.btn-lg .fa,
.btn.btn-icon.btn-lg .far,
.btn.btn-icon.btn-lg .fas,
.btn.btn-icon.btn-lg .now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg .fa,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg .far,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg .fas,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg .now-ui-icons {
font-size: 1.325rem;
}
.btn.btn-icon:not(.btn-footer) .now-ui-icons,
.btn.btn-icon:not(.btn-footer) .fa,
.btn.btn-icon:not(.btn-footer) .far,
.btn.btn-icon:not(.btn-footer) .fas,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .fa,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .far,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) .fas {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-12px, -12px);
line-height: 1.5626rem;
width: 24px;
}
.btn:not(.btn-icon) .now-ui-icons,
.navbar .navbar-nav>a.btn:not(.btn-icon) .now-ui-icons {
position: relative;
top: 1px;
}
.btn-primary {
background-color: #f96332;
color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.show>.btn-primary.dropdown-toggle,
.show>.btn-primary.dropdown-toggle:focus,
.show>.btn-primary.dropdown-toggle:hover {
background-color: #fa7a50;
color: #FFFFFF;
box-shadow: none;
border-color: #fa7a50;
}
.btn-primary:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:active,
.btn-primary:disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.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:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #f96332;
border-color: #f96332;
}
.btn-primary.btn-link {
color: #f96332;
}
.btn-primary.btn-link:hover,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:active {
background-color: transparent;
color: #fa7a50;
text-decoration: none;
box-shadow: none;
}
.btn-success {
background-color: #18ce0f;
color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.show>.btn-success.dropdown-toggle,
.show>.btn-success.dropdown-toggle:focus,
.show>.btn-success.dropdown-toggle:hover {
background-color: #1beb11;
color: #FFFFFF;
box-shadow: none;
border-color: #1beb11;
}
.btn-success:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success:disabled,
.btn-success:disabled:hover,
.btn-success:disabled:focus,
.btn-success:disabled.focus,
.btn-success:disabled:active,
.btn-success:disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.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:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #18ce0f;
border-color: #18ce0f;
}
.btn-success.btn-link {
color: #18ce0f;
}
.btn-success.btn-link:hover,
.btn-success.btn-link:focus,
.btn-success.btn-link:active {
background-color: transparent;
color: #1beb11;
text-decoration: none;
box-shadow: none;
}
.btn-info {
background-color: #2CA8FF;
color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.show>.btn-info.dropdown-toggle,
.show>.btn-info.dropdown-toggle:focus,
.show>.btn-info.dropdown-toggle:hover {
background-color: #4bb5ff;
color: #FFFFFF;
box-shadow: none;
border-color: #4bb5ff;
}
.btn-info:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info:disabled,
.btn-info:disabled:hover,
.btn-info:disabled:focus,
.btn-info:disabled.focus,
.btn-info:disabled:active,
.btn-info:disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.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:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #2CA8FF;
border-color: #2CA8FF;
}
.btn-info.btn-link {
color: #2CA8FF;
}
.btn-info.btn-link:hover,
.btn-info.btn-link:focus,
.btn-info.btn-link:active {
background-color: transparent;
color: #4bb5ff;
text-decoration: none;
box-shadow: none;
}
.btn-warning {
background-color: #FFB236;
color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.show>.btn-warning.dropdown-toggle,
.show>.btn-warning.dropdown-toggle:focus,
.show>.btn-warning.dropdown-toggle:hover {
background-color: #ffbe55;
color: #FFFFFF;
box-shadow: none;
border-color: #ffbe55;
}
.btn-warning:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning:disabled,
.btn-warning:disabled:hover,
.btn-warning:disabled:focus,
.btn-warning:disabled.focus,
.btn-warning:disabled:active,
.btn-warning:disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.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:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #FFB236;
border-color: #FFB236;
}
.btn-warning.btn-link {
color: #FFB236;
}
.btn-warning.btn-link:hover,
.btn-warning.btn-link:focus,
.btn-warning.btn-link:active {
background-color: transparent;
color: #ffbe55;
text-decoration: none;
box-shadow: none;
}
.btn-danger {
background-color: #FF3636;
color: #FFFFFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.show>.btn-danger.dropdown-toggle,
.show>.btn-danger.dropdown-toggle:focus,
.show>.btn-danger.dropdown-toggle:hover {
background-color: #ff5555;
color: #FFFFFF;
box-shadow: none;
border-color: #ff5555;
}
.btn-danger:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger:disabled,
.btn-danger:disabled:hover,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus,
.btn-danger:disabled:active,
.btn-danger:disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.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:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #FF3636;
border-color: #FF3636;
}
.btn-danger.btn-link {
color: #FF3636;
}
.btn-danger.btn-link:hover,
.btn-danger.btn-link:focus,
.btn-danger.btn-link:active {
background-color: transparent;
color: #ff5555;
text-decoration: none;
box-shadow: none;
}
.btn-neutral {
background-color: #FFFFFF;
color: #f96332;
}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:active:hover,
.btn-neutral.active:hover,
.show>.btn-neutral.dropdown-toggle,
.show>.btn-neutral.dropdown-toggle:focus,
.show>.btn-neutral.dropdown-toggle:hover {
background-color: #FFFFFF;
color: #FFFFFF;
box-shadow: none;
border-color: #FFFFFF;
}
.btn-neutral:not([data-action]):not([class*="btn-outline-"]):hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-neutral.disabled,
.btn-neutral.disabled:hover,
.btn-neutral.disabled:focus,
.btn-neutral.disabled.focus,
.btn-neutral.disabled:active,
.btn-neutral.disabled.active,
.btn-neutral:disabled,
.btn-neutral:disabled:hover,
.btn-neutral:disabled:focus,
.btn-neutral:disabled.focus,
.btn-neutral:disabled:active,
.btn-neutral:disabled.active,
.btn-neutral[disabled],
.btn-neutral[disabled]:hover,
.btn-neutral[disabled]:focus,
.btn-neutral[disabled].focus,
.btn-neutral[disabled]:active,
.btn-neutral[disabled].active,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral:hover,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral.active {
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.btn-neutral.btn-danger {
color: #FF3636;
}
.btn-neutral.btn-danger:hover,
.btn-neutral.btn-danger:focus,
.btn-neutral.btn-danger:active,
.btn-neutral.btn-danger:active:focus {
color: #ff5555 !important;
}
.btn-neutral.btn-info {
color: #2CA8FF;
}
.btn-neutral.btn-info:hover,
.btn-neutral.btn-info:focus,
.btn-neutral.btn-info:active,
.btn-neutral.btn-info:active:focus {
color: #4bb5ff !important;
}
.btn-neutral.btn-warning {
color: #FFB236;
}
.btn-neutral.btn-warning:hover,
.btn-neutral.btn-warning:focus,
.btn-neutral.btn-warning:active,
.btn-neutral.btn-warning:active:focus {
color: #ffbe55 !important;
}
.btn-neutral.btn-success {
color: #18ce0f;
}
.btn-neutral.btn-success:hover,
.btn-neutral.btn-success:focus,
.btn-neutral.btn-success:active,
.btn-neutral.btn-success:active:focus {
color: #1beb11 !important;
}
.btn-neutral.btn-default {
color: #888;
}
.btn-neutral.btn-default:hover,
.btn-neutral.btn-default:focus,
.btn-neutral.btn-default:active,
.btn-neutral.btn-default:active:focus {
color: #979797 !important;
}
.btn-neutral.active,
.btn-neutral:active,
.btn-neutral:active:focus,
.btn-neutral:active:hover,
.btn-neutral.active:focus,
.btn-neutral.active:hover,
.show>.btn-neutral.dropdown-toggle,
.show>.btn-neutral.dropdown-toggle:focus,
.show>.btn-neutral.dropdown-toggle:hover {
background-color: #FFFFFF;
color: #fa7a50 !important;
box-shadow: none;
}
.btn-neutral:hover,
.btn-neutral:focus {
color: #fa7a50;
}
.btn-neutral:hover:not(.nav-link),
.btn-neutral:focus:not(.nav-link) {
box-shadow: none !important;
}
.btn-neutral.btn-link {
color: #FFFFFF;
}
.btn-neutral.btn-link:hover,
.btn-neutral.btn-link:focus,
.btn-neutral.btn-link:active {
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
box-shadow: none;
}
.btn-outline-primary {
color: #f96332;
border-color: #f96332;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:active:hover,
.btn-outline-primary.active:hover,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle:focus,
.show>.btn-outline-primary.dropdown-toggle:hover {
background-color: transparent;
color: #fa7a50;
border-color: #fa7a50;
box-shadow: none;
}
.btn-outline-success {
color: #18ce0f;
border-color: #18ce0f;
}
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:active:hover,
.btn-outline-success.active:hover,
.show>.btn-outline-success.dropdown-toggle,
.show>.btn-outline-success.dropdown-toggle:focus,
.show>.btn-outline-success.dropdown-toggle:hover {
background-color: transparent;
color: #1beb11;
border-color: #1beb11;
box-shadow: none;
}
.btn-outline-info {
color: #2CA8FF;
border-color: #2CA8FF;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:active:hover,
.btn-outline-info.active:hover,
.show>.btn-outline-info.dropdown-toggle,
.show>.btn-outline-info.dropdown-toggle:focus,
.show>.btn-outline-info.dropdown-toggle:hover {
background-color: transparent;
color: #4bb5ff;
border-color: #4bb5ff;
box-shadow: none;
}
.btn-outline-warning {
color: #FFB236;
border-color: #FFB236;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:active:hover,
.btn-outline-warning.active:hover,
.show>.btn-outline-warning.dropdown-toggle,
.show>.btn-outline-warning.dropdown-toggle:focus,
.show>.btn-outline-warning.dropdown-toggle:hover {
background-color: transparent;
color: #ffbe55;
border-color: #ffbe55;
box-shadow: none;
}
.btn-outline-danger {
color: #FF3636;
border-color: #FF3636;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:active:hover,
.btn-outline-danger.active:hover,
.show>.btn-outline-danger.dropdown-toggle,
.show>.btn-outline-danger.dropdown-toggle:focus,
.show>.btn-outline-danger.dropdown-toggle:hover {
background-color: transparent;
color: #ff5555;
border-color: #ff5555;
box-shadow: none;
}
.btn-outline-default {
color: #888;
border-color: #888;
}
.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.btn-outline-default:active:hover,
.btn-outline-default.active:hover,
.show>.btn-outline-default.dropdown-toggle,
.show>.btn-outline-default.dropdown-toggle:focus,
.show>.btn-outline-default.dropdown-toggle:hover {
background-color: transparent;
color: #979797;
border-color: #979797;
box-shadow: none;
}
.btn:disabled,
.btn[disabled],
.btn.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
pointer-events: none;
}
[class*="btn-outline-"] {
border: 1px solid;
padding: 10px 22px;
background-color: transparent;
}
[class*="btn-outline-"].disabled,
[class*="btn-outline-"].disabled:hover,
[class*="btn-outline-"].disabled:focus,
[class*="btn-outline-"].disabled.focus,
[class*="btn-outline-"].disabled:active,
[class*="btn-outline-"].disabled.active,
[class*="btn-outline-"]:disabled,
[class*="btn-outline-"]:disabled:hover,
[class*="btn-outline-"]:disabled:focus,
[class*="btn-outline-"]:disabled.focus,
[class*="btn-outline-"]:disabled:active,
[class*="btn-outline-"]:disabled.active,
[class*="btn-outline-"][disabled],
[class*="btn-outline-"][disabled]:hover,
[class*="btn-outline-"][disabled]:focus,
[class*="btn-outline-"][disabled].focus,
[class*="btn-outline-"][disabled]:active,
[class*="btn-outline-"][disabled].active,
fieldset[disabled] [class*="btn-outline-"],
fieldset[disabled] [class*="btn-outline-"]:hover,
fieldset[disabled] [class*="btn-outline-"]:focus,
fieldset[disabled] [class*="btn-outline-"].focus,
fieldset[disabled] [class*="btn-outline-"]:active,
fieldset[disabled] [class*="btn-outline-"].active,
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled.focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link:disabled,
.btn-link:disabled:hover,
.btn-link:disabled:focus,
.btn-link:disabled.focus,
.btn-link:disabled:active,
.btn-link:disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled].focus,
.btn-link[disabled]:active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
background-color: transparent;
}
.btn-link {
border: 0;
padding: 0.5rem 0.7rem;
background-color: transparent;
}
.btn-lg {
font-size: 1em;
border-radius: 0.25rem;
padding: 15px 48px;
}
.btn-lg[class*="btn-outline-"] {
padding: 14px 47px;
}
.btn-sm {
font-size: 14px;
border-radius: 0.1875rem;
padding: 5px 15px;
}
.btn-sm[class*="btn-outline-"] {
padding: 4px 14px;
}
.btn-wd {
min-width: 140px;
}
.btn-group.select {
width: 100%;
}
.btn-group.select .btn {
text-align: left;
}
.btn-group.select .caret {
position: absolute;
top: 50%;
margin-top: -1px;
right: 8px;
}
.btn-round {
border-width: 1px;
border-radius: 30px;
padding-right: 23px;
padding-left: 23px;
}
.btn-round[class*="btn-outline-"]:not(.btn-sm):not(.btn-lg) {
padding: 10px 22px;
}
.no-caret.dropdown-toggle::after {
display: none;
}
.form-control::-moz-placeholder {
color: #888;
opacity: 1;
filter: alpha(opacity=100);
}
.form-control:-moz-placeholder {
color: #888;
opacity: 1;
filter: alpha(opacity=100);
}
.form-control::-webkit-input-placeholder {
color: #888;
opacity: 1;
filter: alpha(opacity=100);
}
.form-control:-ms-input-placeholder {
color: #888;
opacity: 1;
filter: alpha(opacity=100);
}
.form-control {
background-color: transparent;
border: 1px solid #E3E3E3;
border-radius: 30px;
color: #2c2c2c;
line-height: normal;
height: auto;
font-size: 0.8571em;
-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
border: 1px solid #f96332;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
color: #2c2c2c;
}
.form-control:focus+.input-group-append .input-group-text,
.form-control:focus~.input-group-append .input-group-text,
.form-control:focus+.input-group-prepend .input-group-text,
.form-control:focus~.input-group-prepend .input-group-text {
border: 1px solid #f96332;
border-left: none;
background-color: transparent;
}
.has-success .form-control,
.has-error .form-control,
.has-success .form-control:focus,
.has-error .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.has-danger .form-control.form-control-success,
.has-danger .form-control.form-control-danger,
.has-success .form-control.form-control-success,
.has-success .form-control.form-control-danger {
background-image: none;
}
.form-control+.form-control-feedback {
border-radius: 0.25rem;
font-size: 14px;
margin-top: -7px;
position: absolute;
right: 10px;
top: 50%;
vertical-align: middle;
}
.open .form-control {
border-radius: 0.25rem 0.25rem 0 0;
border-bottom-color: transparent;
}
.form-control+.input-group-append .input-group-text,
.form-control+.input-group-prepend .input-group-text {
background-color: #FFFFFF;
}
.has-success .input-group-append .input-group-text,
.has-success .input-group-prepend .input-group-text,
.has-success .form-control {
border-color: #E3E3E3;
}
.has-success .form-control:focus,
.has-success.input-group-focus .input-group-append .input-group-text,
.has-success.input-group-focus .input-group-prepend .input-group-text {
border-color: #1be611;
}
.has-danger .form-control,
.has-danger .input-group-append .input-group-text,
.has-danger .input-group-prepend .input-group-text,
.has-danger.input-group-focus .input-group-prepend .input-group-text,
.has-danger.input-group-focus .input-group-append .input-group-text {
border-color: #ffcfcf;
color: #FF3636;
background-color: rgba(222, 222, 222, 0.1);
}
.has-danger .form-control:focus,
.has-danger .input-group-append .input-group-text:focus,
.has-danger .input-group-prepend .input-group-text:focus,
.has-danger.input-group-focus .input-group-prepend .input-group-text:focus,
.has-danger.input-group-focus .input-group-append .input-group-text:focus {
background-color: #FFFFFF;
}
.has-success:after,
.has-danger:after {
font-family: 'Nucleo Outline';
content: "\ea22";
display: inline-block;
position: absolute;
right: 20px;
bottom: 10px;
color: #18ce0f;
font-size: 11px;
}
.has-success.form-control-lg:after,
.has-danger.form-control-lg:after {
font-size: 13px;
top: 24px;
}
.has-success.has-label:after,
.has-danger.has-label:after {
top: 35px;
}
.has-success .form-control+label,
.has-success.form-check .form-check-label label,
.has-success.form-check:after,
.has-danger .form-control+label,
.has-danger.form-check .form-check-label label,
.has-danger.form-check:after {
display: none !important;
}
.has-success.form-check .form-check-label,
.has-danger.form-check .form-check-label {
color: #18ce0f;
}
.has-danger:after {
content: "\ea53";
color: #FF3636;
}
.has-danger.form-check .form-check-label {
color: #FF3636;
}
.form-group.no-border.form-control-lg .input-group-append .input-group-text,
.input-group.no-border.form-control-lg .input-group-append .input-group-text {
padding: 15px 0 15px 19px;
}
.form-group.no-border.form-control-lg .form-control,
.input-group.no-border.form-control-lg .form-control {
padding: 15px 19px;
}
.form-group.no-border.form-control-lg .form-control+.input-group-prepend .input-group-text,
.form-group.no-border.form-control-lg .form-control+.input-group-append .input-group-text,
.input-group.no-border.form-control-lg .form-control+.input-group-prepend .input-group-text,
.input-group.no-border.form-control-lg .form-control+.input-group-append .input-group-text {
padding: 15px 19px 15px 0;
}
.form-group.form-control-lg .form-control,
.input-group.form-control-lg .form-control {
padding: 14px 18px;
}
.form-group.form-control-lg .form-control+.input-group-prepend .input-group-text,
.form-group.form-control-lg .form-control+.input-group-append .input-group-text,
.input-group.form-control-lg .form-control+.input-group-prepend .input-group-text,
.input-group.form-control-lg .form-control+.input-group-append .input-group-text {
padding: 14px 18px 14px 0;
}
.form-group.form-control-lg .input-group-prepend .input-group-text,
.form-group.form-control-lg .input-group-append .input-group-text,
.input-group.form-control-lg .input-group-prepend .input-group-text,
.input-group.form-control-lg .input-group-append .input-group-text {
padding: 14px 0 15px 18px;
}
.form-group.form-control-lg .input-group-prepend .input-group-text+.form-control,
.form-group.form-control-lg .input-group-append .input-group-text+.form-control,
.input-group.form-control-lg .input-group-prepend .input-group-text+.form-control,
.input-group.form-control-lg .input-group-append .input-group-text+.form-control {
padding: 15px 18px 15px 16px;
}
.form-group.no-border .form-control,
.input-group.no-border .form-control {
padding: 11px 19px;
}
.form-group.no-border .form-control+.input-group-prepend .input-group-text,
.form-group.no-border .form-control+.input-group-append .input-group-text,
.input-group.no-border .form-control+.input-group-prepend .input-group-text,
.input-group.no-border .form-control+.input-group-append .input-group-text {
padding: 11px 19px 11px 0;
}
.form-group.no-border .input-group-prepend .input-group-text,
.form-group.no-border .input-group-append .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-append .input-group-text {
padding: 11px 0 11px 19px;
}
.form-group .form-control,
.input-group .form-control {
padding: 10px 18px 10px 18px;
}
.form-group .form-control+.input-group-prepend .input-group-text,
.form-group .form-control+.input-group-append .input-group-text,
.input-group .form-control+.input-group-prepend .input-group-text,
.input-group .form-control+.input-group-append .input-group-text {
padding: 10px 18px 10px 0;
}
.form-group .input-group-prepend .input-group-text,
.form-group .input-group-append .input-group-text,
.input-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text {
padding: 10px 0 10px 18px;
}
.form-group .input-group-prepend .input-group-text+.form-control,
.form-group .input-group-prepend .input-group-text~.form-control,
.form-group .input-group-append .input-group-text+.form-control,
.form-group .input-group-append .input-group-text~.form-control,
.input-group .input-group-prepend .input-group-text+.form-control,
.input-group .input-group-prepend .input-group-text~.form-control,
.input-group .input-group-append .input-group-text+.form-control,
.input-group .input-group-append .input-group-text~.form-control {
padding: 10px 19px 11px 16px;
}
.form-group.no-border .form-control,
.form-group.no-border .form-control+.input-group-prepend .input-group-text,
.form-group.no-border .form-control+.input-group-append .input-group-text,
.input-group.no-border .form-control,
.input-group.no-border .form-control+.input-group-prepend .input-group-text,
.input-group.no-border .form-control+.input-group-append .input-group-text {
background-color: rgba(222, 222, 222, 0.3);
border: medium none;
}
.form-group.no-border .form-control:focus,
.form-group.no-border .form-control:active,
.form-group.no-border .form-control:active,
.form-group.no-border .form-control+.input-group-prepend .input-group-text:focus,
.form-group.no-border .form-control+.input-group-prepend .input-group-text:active,
.form-group.no-border .form-control+.input-group-prepend .input-group-text:active,
.form-group.no-border .form-control+.input-group-append .input-group-text:focus,
.form-group.no-border .form-control+.input-group-append .input-group-text:active,
.form-group.no-border .form-control+.input-group-append .input-group-text:active,
.input-group.no-border .form-control:focus,
.input-group.no-border .form-control:active,
.input-group.no-border .form-control:active,
.input-group.no-border .form-control+.input-group-prepend .input-group-text:focus,
.input-group.no-border .form-control+.input-group-prepend .input-group-text:active,
.input-group.no-border .form-control+.input-group-prepend .input-group-text:active,
.input-group.no-border .form-control+.input-group-append .input-group-text:focus,
.input-group.no-border .form-control+.input-group-append .input-group-text:active,
.input-group.no-border .form-control+.input-group-append .input-group-text:active {
border: medium none;
background-color: rgba(222, 222, 222, 0.5);
}
.form-group.no-border .form-control:focus+.input-group-prepend .input-group-text,
.form-group.no-border .form-control:focus+.input-group-append .input-group-text,
.input-group.no-border .form-control:focus+.input-group-prepend .input-group-text,
.input-group.no-border .form-control:focus+.input-group-append .input-group-text {
background-color: rgba(222, 222, 222, 0.5);
}
.form-group.no-border .input-group-prepend .input-group-text,
.form-group.no-border .input-group-append .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-append .input-group-text {
background-color: rgba(222, 222, 222, 0.3);
border: none;
}
.has-error .form-control-feedback,
.has-error .control-label {
color: #FF3636;
}
.has-success .form-control-feedback,
.has-success .control-label {
color: #18ce0f;
}
.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
background-color: transparent;
border: 1px solid #E3E3E3;
border-radius: 30px;
color: #888;
-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.input-group-append .input-group-text i,
.input-group-prepend .input-group-text i {
opacity: .5;
}
.has-danger.input-group-focus .input-group-append .input-group-text,
.has-danger.input-group-focus .input-group-prepend .input-group-text {
background-color: #FFFFFF;
}
.has-success .input-group-append .input-group-text,
.has-success .input-group-prepend .input-group-text {
background-color: #FFFFFF;
}
.has-danger .form-control:focus+.input-group-append .input-group-text,
.has-danger .form-control:focus+.input-group-prepend .input-group-text {
color: #FF3636;
}
.has-success .form-control:focus+.input-group-append .input-group-text,
.has-success .form-control:focus+.input-group-prepend .input-group-text {
color: #18ce0f;
}
.input-group-append .input-group-text+.form-control,
.input-group-append .input-group-text~.form-control,
.input-group-prepend .input-group-text+.form-control,
.input-group-prepend .input-group-text~.form-control {
padding: -0.5rem 0.7rem;
padding-left: 18px;
}
.input-group-append .input-group-text i,
.input-group-prepend .input-group-text i {
width: 17px;
}
.input-group-append,
.input-group-prepend {
margin: 0;
}
.input-group-append .input-group-text {
border-left: none;
}
.input-group-prepend .input-group-text {
border-right: none;
}
.input-group-focus .input-group-prepend .input-group-text,
.input-group-focus .input-group-append .input-group-text {
background-color: #FFFFFF;
border-color: #f96332;
}
.input-group-focus.no-border .input-group-prepend .input-group-text,
.input-group-focus.no-border .input-group-append .input-group-text {
background-color: rgba(222, 222, 222, 0.5);
}
.input-group,
.form-group {
margin-bottom: 10px;
position: relative;
}
.input-group .form-control-static,
.form-group .form-control-static {
margin-top: 9px;
}
.input-group[disabled] .input-group-prepend .input-group-text,
.input-group[disabled] .input-group-append .input-group-text {
background-color: #E3E3E3;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 30px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0 none;
}
.input-group .form-control:first-child,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-right: 0 none;
}
.input-group .form-control:last-child,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child) {
border-left: 0 none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #E3E3E3;
color: #888;
cursor: not-allowed;
}
.input-group-btn .btn {
border-width: 1px;
padding: 11px 0.7rem;
}
.input-group-btn .btn-default:not(.btn-fill) {
border-color: #DDDDDD;
}
.input-group-btn:last-child>.btn {
margin-left: 0;
}
textarea.form-control {
max-width: 100%;
max-height: 80px;
padding: 10px 10px 0 0;
resize: none;
border: none;
border-bottom: 1px solid #E3E3E3;
border-radius: 0;
line-height: 2;
}
textarea.form-control:focus,
textarea.form-control:active {
border-left: none;
border-top: none;
border-right: none;
}
.has-success.form-group .form-control,
.has-success.form-group.no-border .form-control,
.has-danger.form-group .form-control,
.has-danger.form-group.no-border .form-control {
padding-right: 40px;
}
.form.form-newsletter .form-group {
float: left;
width: 78%;
margin-right: 2%;
margin-top: 9px;
}
.input-group .input-group-btn {
padding: 0 12px;
}
.form-group input[type=file] {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.form-text {
font-size: 0.8571em;
}
.form-control-lg {
padding: 0;
font-size: inherit;
line-height: 0;
border-radius: 0;
}
.form-horizontal .col-form-label,
.form-horizontal .label-on-right {
padding: 10px 5px 0 15px;
text-align: right;
max-width: 180px;
}
.form-horizontal .checkbox-radios {
margin-bottom: 15px;
}
.form-horizontal .checkbox-radios .form-check:first-child {
margin-top: 8px;
}
.form-horizontal .label-on-right {
text-align: left;
padding: 10px 15px 0 5px;
}
.form-horizontal .form-check-inline {
margin-top: 6px;
}
button,
input,
optgroup,
select,
textarea {
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
a {
color: #f96332;
}
a:hover,
a:focus {
color: #f96332;
}
h1,
.h1 {
font-size: 3.5em;
line-height: 1.15;
margin-bottom: 30px;
}
h1 small,
.h1 small {
font-weight: 700;
text-transform: uppercase;
opacity: .8;
}
h2,
.h2 {
font-size: 2.5em;
margin-bottom: 30px;
}
h3,
.h3 {
font-size: 2em;
margin-bottom: 30px;
line-height: 1.4em;
}
h4,
.h4 {
font-size: 1.714em;
line-height: 1.45em;
margin-top: 30px;
margin-bottom: 15px;
}
h4+.category,
h4.title+.category,
.h4+.category,
.h4.title+.category {
margin-top: -10px;
}
h5,
.h5 {
font-size: 1.57em;
line-height: 1.4em;
margin-bottom: 15px;
}
h6,
.h6 {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
}
p.description {
font-size: 1.14em;
}
.title {
font-weight: 700;
}
.title.title-up {
text-transform: uppercase;
}
.title.title-up a {
color: #2c2c2c;
text-decoration: none;
}
.title+.category {
margin-top: -10px;
}
.description,
.card-description,
.footer-big p,
.card .footer .stats {
color: #9A9A9A;
font-weight: 300;
}
.category,
.card-category {
text-transform: capitalize;
font-weight: 400;
color: #9A9A9A;
font-size: 0.7142em;
}
.card-category {
font-size: 1em;
}
.text-primary,
a.text-primary:focus,
a.text-primary:hover {
color: #f96332 !important;
}
.text-info,
a.text-info:focus,
a.text-info:hover {
color: #2CA8FF !important;
}
.text-success,
a.text-success:focus,
a.text-success:hover {
color: #18ce0f !important;
}
.text-warning,
a.text-warning:focus,
a.text-warning:hover {
color: #FFB236 !important;
}
.text-danger,
a.text-danger:focus,
a.text-danger:hover {
color: #FF3636 !important;
}
.text-gray,
a.text-gray:focus,
a.text-gray:hover {
color: #E3E3E3 !important;
}
.blockquote {
border-left: none;
border: 1px solid #888;
padding: 20px;
font-size: 1.1em;
line-height: 1.8;
}
.blockquote small {
color: #888;
font-size: 0.8571em;
text-transform: uppercase;
}
.blockquote.blockquote-primary {
border-color: #f96332;
color: #f96332;
}
.blockquote.blockquote-primary small {
color: #f96332;
}
.blockquote.blockquote-danger {
border-color: #FF3636;
color: #FF3636;
}
.blockquote.blockquote-danger small {
color: #FF3636;
}
.blockquote.blockquote-white {
border-color: rgba(255, 255, 255, 0.8);
color: #FFFFFF;
}
.blockquote.blockquote-white small {
color: rgba(255, 255, 255, 0.8);
}
body {
color: #2c2c2c;
font-size: 14px;
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.main {
position: relative;
background: #FFFFFF;
}
/* Animations */
.nav-pills .nav-link,
.navbar,
.nav-tabs .nav-link,
.sidebar .nav a,
.sidebar .nav a i,
.navbar-collapse .navbar-nav .nav-link,
.animation-transition-general,
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize,
.sidebar .nav p,
.off-canvas-sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-normal,
.tag,
.tag [data-role="remove"],
.animation-transition-general,
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize,
.sidebar .nav p,
.off-canvas-sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-normal {
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
-ms-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.dropdown-toggle:after,
.bootstrap-switch-label:before,
.caret {
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
-ms-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}
.dropdown-toggle[aria-expanded="true"]:after,
a[data-toggle="collapse"][aria-expanded="true"] .caret,
.card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i,
.card-collapse .card a[data-toggle="collapse"].expanded i {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.button-bar {
display: block;
position: relative;
width: 22px;
height: 1px;
border-radius: 1px;
background: #FFFFFF;
}
.button-bar+.button-bar {
margin-top: 7px;
}
.button-bar:nth-child(2) {
width: 17px;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.form-check {
margin-top: .5rem;
}
.form-check .form-check-label {
display: inline-block;
position: relative;
cursor: pointer;
padding-left: 35px;
line-height: 26px;
margin-bottom: 0;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.radio .form-check-sign {
padding-left: 28px;
}
.form-check .form-check-sign::before,
.form-check .form-check-sign::after {
content: " ";
display: inline-block;
position: absolute;
width: 26px;
height: 26px;
left: 0;
cursor: pointer;
border-radius: 3px;
top: 0;
background-color: transparent;
border: 1px solid #E3E3E3;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.form-check .form-check-sign::after {
font-family: 'Nucleo Outline';
content: "\ea22";
top: 0px;
text-align: center;
font-size: 14px;
opacity: 0;
color: #555555;
border: 0;
background-color: inherit;
}
.form-check.disabled .form-check-label,
.form-check.disabled .form-check-label {
color: #9A9A9A;
opacity: .5;
cursor: not-allowed;
}
.form-check input[type="checkbox"],
.radio input[type="radio"] {
opacity: 0;
position: absolute;
visibility: hidden;
}
.form-check input[type="checkbox"]:checked+.form-check-sign::after {
opacity: 1;
}
.form-control input[type="checkbox"]:disabled+.form-check-sign::before,
.checkbox input[type="checkbox"]:disabled+.form-check-sign::after {
cursor: not-allowed;
}
.form-check input[type="checkbox"]:disabled+.form-check-sign,
.form-check input[type="radio"]:disabled+.form-check-sign {
pointer-events: none;
}
.form-check-radio .form-check-sign::before,
.form-check-radio .form-check-sign::after {
content: " ";
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #E3E3E3;
display: inline-block;
position: absolute;
left: 3px;
top: 3px;
padding: 1px;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.form-check-radio input[type="radio"]+.form-check-sign:after,
.form-check-radio input[type="radio"] {
opacity: 0;
}
.form-check-radio input[type="radio"]:checked+.form-check-sign::after {
width: 4px;
height: 4px;
background-color: #555555;
border-color: #555555;
top: 11px;
left: 11px;
opacity: 1;
}
.form-check-radio input[type="radio"]:checked+.form-check-sign::after {
opacity: 1;
}
.form-check-radio input[type="radio"]:disabled+.form-check-sign {
color: #9A9A9A;
}
.form-check-radio input[type="radio"]:disabled+.form-check-sign::before,
.form-check-radio input[type="radio"]:disabled+.form-check-sign::after {
color: #9A9A9A;
}
.navbar {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
min-height: 53px;
margin-bottom: 20px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.navbar a {
vertical-align: middle;
}
.navbar a:not(.btn):not(.dropdown-item) {
color: #FFFFFF;
}
.navbar a.dropdown-item {
color: #888;
}
.navbar.bg-white .input-group .form-control,
.navbar.bg-white .input-group.no-border .form-control {
color: #888;
}
.navbar.bg-white .input-group .form-control::-moz-placeholder,
.navbar.bg-white .input-group.no-border .form-control::-moz-placeholder {
color: #888;
}
.navbar.bg-white .input-group .form-control:-ms-input-placeholder,
.navbar.bg-white .input-group.no-border .form-control:-ms-input-placeholder {
color: #888;
}
.navbar.bg-white .input-group .form-control::-webkit-input-placeholder,
.navbar.bg-white .input-group.no-border .form-control::-webkit-input-placeholder {
color: #888;
}
.navbar.bg-white .input-group-prepend .input-group-text i,
.navbar.bg-white .input-group-append .input-group-text i {
color: #888;
opacity: .5;
}
.navbar .form-group,
.navbar .input-group {
margin: 0;
margin-left: -3px;
margin-right: 5px;
}
.navbar .form-group .form-group-addon,
.navbar .form-group .input-group-prepend .input-group-text,
.navbar .form-group .input-group-append .input-group-text,
.navbar .input-group .form-group-addon,
.navbar .input-group .input-group-prepend .input-group-text,
.navbar .input-group .input-group-append .input-group-text {
color: #FFFFFF;
}
.navbar .form-group .form-group-addon i,
.navbar .form-group .input-group-prepend .input-group-text i,
.navbar .form-group .input-group-append .input-group-text i,
.navbar .input-group .form-group-addon i,
.navbar .input-group .input-group-prepend .input-group-text i,
.navbar .input-group .input-group-append .input-group-text i {
opacity: 1;
}
.navbar .form-group.no-border .form-control,
.navbar .input-group.no-border .form-control {
color: #FFFFFF;
}
.navbar .form-group.no-border .form-control::-moz-placeholder,
.navbar .input-group.no-border .form-control::-moz-placeholder {
color: #FFFFFF;
}
.navbar .form-group.no-border .form-control:-ms-input-placeholder,
.navbar .input-group.no-border .form-control:-ms-input-placeholder {
color: #FFFFFF;
}
.navbar .form-group.no-border .form-control::-webkit-input-placeholder,
.navbar .input-group.no-border .form-control::-webkit-input-placeholder {
color: #FFFFFF;
}
.navbar p {
display: inline-block;
margin: 0;
line-height: 1.8em;
font-size: 1em;
font-weight: 400;
}
.navbar.navbar-absolute {
position: absolute;
width: 100%;
padding-top: 10px;
z-index: 1029;
}
.documentation .navbar.fixed-top {
left: 0;
width: initial;
}
.navbar .navbar-wrapper {
display: inline-flex;
align-items: center;
}
.navbar .navbar-wrapper .navbar-minimize {
padding-right: 10px;
}
.navbar .navbar-wrapper .navbar-minimize .btn {
margin: 0;
}
.navbar .navbar-wrapper .navbar-toggle .navbar-toggler {
padding-left: 0;
}
.navbar .navbar-wrapper .navbar-toggle:hover .navbar-toggler-bar.bar2 {
width: 22px;
}
.navbar .navbar-nav.navbar-logo {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 49px;
top: -4px;
}
.navbar .navbar-nav .nav-link.btn {
padding: 11px 22px;
}
.navbar .navbar-nav .nav-link.btn.btn-lg {
padding: 15px 48px;
}
.navbar .navbar-nav .nav-link.btn.btn-sm {
padding: 5px 15px;
}
.navbar .navbar-nav .nav-link {
text-transform: uppercase;
font-size: 0.7142em;
padding: 0.5rem 0.7rem;
line-height: 1.625rem;
margin-right: 3px;
}
.navbar .navbar-nav .nav-link i.fa+p,
.navbar .navbar-nav .nav-link i.now-ui-icons+p {
margin-left: 3px;
}
.navbar .navbar-nav .nav-link i.fa,
.navbar .navbar-nav .nav-link i.now-ui-icons {
font-size: 18px;
position: relative;
top: 3px;
text-align: center;
width: 21px;
}
.navbar .navbar-nav .nav-link i.now-ui-icons {
top: 4px;
font-size: 16px;
}
.navbar .navbar-nav .nav-link.profile-photo .profile-photo-small {
width: 27px;
height: 27px;
}
.navbar .navbar-nav .nav-link.disabled {
opacity: .5;
color: #FFFFFF;
}
.navbar .navbar-nav .nav-item.active .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):active {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0.1875rem;
color: #FFFFFF;
}
.navbar .logo-container {
width: 27px;
height: 27px;
overflow: hidden;
margin: 0 auto;
border-radius: 50%;
border: 1px solid transparent;
}
.navbar .navbar-brand {
text-transform: uppercase;
font-size: 0.8571em;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
line-height: 1.625rem;
}
.navbar .navbar-toggler {
width: 37px;
height: 27px;
vertical-align: middle;
outline: 0;
cursor: pointer;
}
.navbar .navbar-toggler .navbar-toggler-bar.navbar-kebab {
width: 3px;
height: 3px;
border-radius: 50%;
margin: 0 auto;
}
.navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {
width: 17px;
}
.navbar.navbar-transparent {
background-color: transparent !important;
box-shadow: none;
color: #FFFFFF;
}
.navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn) {
color: #888;
}
.navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn).disabled {
opacity: .5;
color: #888;
}
.navbar.bg-white:not(.navbar-transparent) .button-bar {
background: #888;
}
.navbar.bg-white:not(.navbar-transparent) .nav-item.active .nav-link:not(.btn),
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):focus,
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):hover,
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):active {
background-color: rgba(222, 222, 222, 0.8);
color: #888;
}
.navbar.bg-white:not(.navbar-transparent) .logo-container {
border: 1px solid #888;
}
.bg-default {
background-color: #888 !important;
}
.bg-primary {
background-color: #f96332 !important;
}
.bg-info {
background-color: #2CA8FF !important;
}
.bg-success {
background-color: #18ce0f !important;
}
.bg-danger {
background-color: #FF3636 !important;
}
.bg-warning {
background-color: #FFB236 !important;
}
.bg-white {
background-color: #FFFFFF !important;
}
.page-header {
min-height: 100vh;
max-height: 999px;
padding: 0;
color: #FFFFFF;
position: relative;
}
.page-header .page-header-image {
position: absolute;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
z-index: -1;
}
.page-header .content-center {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #FFFFFF;
padding: 0 15px;
width: 100%;
max-width: 880px;
}
.page-header footer {
position: absolute;
bottom: 0;
width: 100%;
}
.page-header .container {
height: 100%;
z-index: 1;
}
.page-header .category,
.page-header .description {
color: rgba(255, 255, 255, 0.8);
}
.page-header.page-header-small {
min-height: 60vh;
max-height: 440px;
}
.page-header.page-header-mini {
min-height: 40vh;
max-height: 340px;
}
.page-header .title {
margin-bottom: 15px;
}
.page-header .title+h4 {
margin-top: 10px;
}
.page-header:after,
.page-header:before {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
}
.page-header:before {
background-color: rgba(0, 0, 0, 0.3);
}
.page-header[filter-color="orange"] {
background: rgba(44, 44, 44, 0.2);
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
/* For Firefox 3.6 to 15 */
background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
/* Standard syntax */
}
.dropdown-menu {
border: 0;
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
border-radius: 0.125rem;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
font-size: 14px;
}
.dropdown-menu.dropdown-menu-right:before {
left: auto;
right: 10px;
}
.dropdown-menu i {
margin-right: 5px;
position: relative;
top: 1px;
}
.dropdown-menu .now-ui-icons {
margin-right: 10px;
position: relative;
top: 4px;
font-size: 18px;
margin-top: -5px;
opacity: .5;
}
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
color: inherit;
}
.dropup .dropdown-menu:before {
display: none;
}
.dropup .dropdown-menu:after {
display: inline-block;
position: absolute;
width: 0;
height: 0;
vertical-align: middle;
content: "";
top: auto;
bottom: -5px;
right: auto;
left: 10px;
color: #FFFFFF;
border-top: .4em solid;
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
.dropup .dropdown-menu.dropdown-menu-right:after {
right: 10px;
left: auto;
}
.dropdown-menu:before {
display: inline-block;
position: absolute;
width: 0;
height: 0;
vertical-align: middle;
content: "";
top: -5px;
left: 10px;
right: auto;
color: #FFFFFF;
border-bottom: .4em solid;
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
.dropdown-menu.dropdown-menu-right {
right: 0 !important;
left: auto !important;
}
.dropdown-menu .dropdown-item,
.bootstrap-select .dropdown-menu.inner li a {
font-size: 0.8571em;
padding-top: .6rem;
padding-bottom: .6rem;
margin-top: 5px;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu.inner li a:hover,
.bootstrap-select .dropdown-menu.inner li a:focus {
background-color: rgba(222, 222, 222, 0.3);
outline: 0;
}
.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .dropdown-item:disabled,
.bootstrap-select .dropdown-menu.inner li a.disabled,
.bootstrap-select .dropdown-menu.inner li a:disabled {
color: rgba(182, 182, 182, 0.6);
}
.dropdown-menu .dropdown-item.disabled:hover,
.dropdown-menu .dropdown-item.disabled:focus,
.dropdown-menu .dropdown-item:disabled:hover,
.dropdown-menu .dropdown-item:disabled:focus,
.bootstrap-select .dropdown-menu.inner li a.disabled:hover,
.bootstrap-select .dropdown-menu.inner li a.disabled:focus,
.bootstrap-select .dropdown-menu.inner li a:disabled:hover,
.bootstrap-select .dropdown-menu.inner li a:disabled:focus {
background-color: transparent;
}
.dropdown-menu .dropdown-divider {
background-color: rgba(222, 222, 222, 0.5);
}
.dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
color: rgba(182, 182, 182, 0.6);
font-size: 0.7142em;
text-transform: uppercase;
font-weight: 700;
}
.dropdown-menu.dropdown-primary {
background-color: #f95823;
}
.dropdown-menu.dropdown-primary:before {
color: #f95823;
}
.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-primary .dropdown-item {
color: #FFFFFF;
}
.dropdown-menu.dropdown-primary .dropdown-item:hover,
.dropdown-menu.dropdown-primary .dropdown-item:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-primary .dropdown-divider {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-info {
background-color: #1da2ff;
}
.dropdown-menu.dropdown-info:before {
color: #1da2ff;
}
.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-info .dropdown-item {
color: #FFFFFF;
}
.dropdown-menu.dropdown-info .dropdown-item:hover,
.dropdown-menu.dropdown-info .dropdown-item:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-info .dropdown-divider {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-danger {
background-color: #ff2727;
}
.dropdown-menu.dropdown-danger:before {
color: #ff2727;
}
.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-danger .dropdown-item {
color: #FFFFFF;
}
.dropdown-menu.dropdown-danger .dropdown-item:hover,
.dropdown-menu.dropdown-danger .dropdown-item:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-danger .dropdown-divider {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-success {
background-color: #16c00e;
}
.dropdown-menu.dropdown-success:before {
color: #16c00e;
}
.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-success .dropdown-item {
color: #FFFFFF;
}
.dropdown-menu.dropdown-success .dropdown-item:hover,
.dropdown-menu.dropdown-success .dropdown-item:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-success .dropdown-divider {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-warning {
background-color: #ffac27;
}
.dropdown-menu.dropdown-warning:before {
color: #ffac27;
}
.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-warning .dropdown-item {
color: #FFFFFF;
}
.dropdown-menu.dropdown-warning .dropdown-item:hover,
.dropdown-menu.dropdown-warning .dropdown-item:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-warning .dropdown-divider {
background-color: rgba(255, 255, 255, 0.2);
}
.dropdown .dropdown-menu:not(.inner),
.dropup:not(.bootstrap-select) .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.top,
.dropdown-menu.bootstrap-datetimepicker-widget.bottom {
visibility: hidden;
display: block;
opacity: 0;
filter: alpha(opacity=0);
top: 100% !important;
}
.dropdown .dropdown-menu:not(.inner),
.dropdown-menu.bootstrap-datetimepicker-widget.bottom {
-webkit-transform: translate3d(0, -20px, 0) !important;
-moz-transform: translate3d(0, -20px, 0) !important;
-o-transform: translate3d(0, -20px, 0) !important;
-ms-transform: translate3d(0, -20px, 0) !important;
transform: translate3d(0, -20px, 0) !important;
}
.bootstrap-select.dropup .dropdown-menu:not(.inner) {
-webkit-transform: translate3d(0, 25px, 0) !important;
-moz-transform: translate3d(0, 25px, 0) !important;
-o-transform: translate3d(0, 25px, 0) !important;
-ms-transform: translate3d(0, 25px, 0) !important;
transform: translate3d(0, 25px, 0) !important;
}
.dropup:not(.bootstrap-select) .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.top {
-webkit-transform: translate3d(0, 20px, 0) !important;
-moz-transform: translate3d(0, 20px, 0) !important;
-o-transform: translate3d(0, 20px, 0) !important;
-ms-transform: translate3d(0, 20px, 0) !important;
transform: translate3d(0, 20px, 0) !important;
top: auto !important;
bottom: 100%;
}
.dropdown.show .dropdown-menu:not(.inner),
.dropdown-menu.bootstrap-datetimepicker-widget.top.open,
.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,
.dropup.show:not(.bootstrap-select) .dropdown-menu,
.navbar .dropdown.show .dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.dropdown.show .dropdown-menu:not(.inner),
.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,
.navbar .dropdown.show .dropdown-menu {
-webkit-transform: translate3d(0, 1px, 0) !important;
-moz-transform: translate3d(0, 1px, 0) !important;
-o-transform: translate3d(0, 1px, 0) !important;
-ms-transform: translate3d(0, 1px, 0) !important;
transform: translate3d(0, 1px, 0) !important;
}
.dropup.show:not(.bootstrap-select) .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.top.open {
-webkit-transform: translate3d(0, -2px, 0) !important;
-moz-transform: translate3d(0, -2px, 0) !important;
-o-transform: translate3d(0, -2px, 0) !important;
-ms-transform: translate3d(0, -2px, 0) !important;
transform: translate3d(0, -2px, 0) !important;
}
.button-dropdown {
padding-right: 0.7rem;
cursor: pointer;
}
.button-dropdown .dropdown-toggle {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
display: block;
}
.button-dropdown .dropdown-toggle:after {
display: none;
}
.alert {
border: 0;
border-radius: 0.1875rem;
color: #FFFFFF;
padding-top: .9rem;
padding-bottom: .9rem;
position: relative;
}
.alert.alert-success {
background-color: #1be611;
}
.alert.alert-danger {
background-color: #ff5050;
}
.alert.alert-warning {
background-color: #ffbc50;
}
.alert.alert-info {
background-color: #46b3ff;
}
.alert.alert-primary {
background-color: #fa764b;
}
.alert i.fa,
.alert i.now-ui-icons {
font-size: 20px;
}
.alert .close {
color: #FFFFFF !important;
opacity: .9;
text-shadow: none;
line-height: 0;
outline: 0;
}
.alert span[data-notify="icon"] {
font-size: 22px;
display: block;
left: 19px;
position: absolute;
top: 50%;
margin-top: -11px;
}
.alert button.close {
position: absolute;
right: 10px;
top: 50%;
margin-top: -13px;
width: 25px;
height: 25px;
padding: 3px;
}
.alert .close~span {
display: block;
max-width: 89%;
}
.alert.alert-with-icon {
padding-left: 65px;
}
img {
max-width: 100%;
border-radius: 0.1875rem;
}
.img-raised {
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}
/* --------------------------------
Nucleo Outline Web Font - nucleoapp.com/
License - nucleoapp.com/license/
Created using IcoMoon - icomoon.io
-------------------------------- */
@font-face {
font-family: 'Nucleo Outline';
src: url("../fonts/nucleo-outline.eot");
src: url("../fonts/nucleo-outline.eot") format("embedded-opentype"), url("../fonts/nucleo-outline.woff2") format("woff2"), url("../fonts/nucleo-outline.woff") format("woff"), url("../fonts/nucleo-outline.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.now-ui-icons {
display: inline-block;
font: normal normal normal 14px/1 'Nucleo Outline';
font-size: inherit;
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
change icon size
-------------------------*/
/*----------------------------------
add a square/circle background
-----------------------------------*/
.now-ui-icons.circle {
padding: 0.33333333em;
vertical-align: -16%;
background-color: #eee;
}
.now-ui-icons.circle {
border-radius: 50%;
}
/*------------------------
list icons
-------------------------*/
.nc-icon-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.nc-icon-ul>li {
position: relative;
}
.nc-icon-ul>li>.now-ui-icons {
position: absolute;
left: -1.57142857em;
top: 0.14285714em;
text-align: center;
}
.nc-icon-ul>li>.now-ui-icons.circle {
top: -0.19047619em;
left: -1.9047619em;
}
/*------------------------
spinning icons
-------------------------*/
.now-ui-icons.spin {
-webkit-animation: nc-icon-spin 2s infinite linear;
-moz-animation: nc-icon-spin 2s infinite linear;
animation: nc-icon-spin 2s infinite linear;
}
@-webkit-keyframes nc-icon-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes nc-icon-spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes nc-icon-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*------------------------
rotated/flipped icons
-------------------------*/
/*------------------------
font icons
-------------------------*/
.now-ui-icons.ui-1_check:before {
content: "\ea22";
}
.now-ui-icons.ui-1_email-85:before {
content: "\ea2a";
}
.now-ui-icons.arrows-1_cloud-download-93:before {
content: "\ea21";
}
.now-ui-icons.arrows-1_cloud-upload-94:before {
content: "\ea24";
}
.now-ui-icons.arrows-1_minimal-down:before {
content: "\ea39";
}
.now-ui-icons.arrows-1_minimal-left:before {
content: "\ea3a";
}
.now-ui-icons.arrows-1_minimal-right:before {
content: "\ea3b";
}
.now-ui-icons.arrows-1_minimal-up:before {
content: "\ea3c";
}
.now-ui-icons.arrows-1_refresh-69:before {
content: "\ea44";
}
.now-ui-icons.arrows-1_share-66:before {
content: "\ea4c";
}
.now-ui-icons.business_badge:before {
content: "\ea09";
}
.now-ui-icons.business_bank:before {
content: "\ea0a";
}
.now-ui-icons.business_briefcase-24:before {
content: "\ea13";
}
.now-ui-icons.business_bulb-63:before {
content: "\ea15";
}
.now-ui-icons.business_chart-bar-32:before {
content: "\ea1e";
}
.now-ui-icons.business_chart-pie-36:before {
content: "\ea1f";
}
.now-ui-icons.business_globe:before {
content: "\ea2f";
}
.now-ui-icons.business_money-coins:before {
content: "\ea40";
}
.now-ui-icons.clothes_tie-bow:before {
content: "\ea5b";
}
.now-ui-icons.design_vector:before {
content: "\ea61";
}
.now-ui-icons.design_app:before {
content: "\ea08";
}
.now-ui-icons.design_bullet-list-67:before {
content: "\ea14";
}
.now-ui-icons.design_image:before {
content: "\ea33";
}
.now-ui-icons.design_palette:before {
content: "\ea41";
}
.now-ui-icons.design_scissors:before {
content: "\ea4a";
}
.now-ui-icons.design-2_html5:before {
content: "\ea32";
}
.now-ui-icons.design-2_ruler-pencil:before {
content: "\ea48";
}
.now-ui-icons.emoticons_satisfied:before {
content: "\ea49";
}
.now-ui-icons.files_box:before {
content: "\ea12";
}
.now-ui-icons.files_paper:before {
content: "\ea43";
}
.now-ui-icons.files_single-copy-04:before {
content: "\ea52";
}
.now-ui-icons.health_ambulance:before {
content: "\ea07";
}
.now-ui-icons.loader_gear:before {
content: "\ea4e";
}
.now-ui-icons.loader_refresh:before {
content: "\ea44";
}
.now-ui-icons.location_bookmark:before {
content: "\ea10";
}
.now-ui-icons.location_compass-05:before {
content: "\ea25";
}
.now-ui-icons.location_map-big:before {
content: "\ea3d";
}
.now-ui-icons.location_pin:before {
content: "\ea47";
}
.now-ui-icons.location_world:before {
content: "\ea63";
}
.now-ui-icons.media-1_album:before {
content: "\ea02";
}
.now-ui-icons.media-1_button-pause:before {
content: "\ea16";
}
.now-ui-icons.media-1_button-play:before {
content: "\ea18";
}
.now-ui-icons.media-1_button-power:before {
content: "\ea19";
}
.now-ui-icons.media-1_camera-compact:before {
content: "\ea1c";
}
.now-ui-icons.media-2_note-03:before {
content: "\ea3f";
}
.now-ui-icons.media-2_sound-wave:before {
content: "\ea57";
}
.now-ui-icons.objects_diamond:before {
content: "\ea29";
}
.now-ui-icons.objects_globe:before {
content: "\ea2f";
}
.now-ui-icons.objects_key-25:before {
content: "\ea38";
}
.now-ui-icons.objects_planet:before {
content: "\ea46";
}
.now-ui-icons.objects_spaceship:before {
content: "\ea55";
}
.now-ui-icons.objects_support-17:before {
content: "\ea56";
}
.now-ui-icons.objects_umbrella-13:before {
content: "\ea5f";
}
.now-ui-icons.education_agenda-bookmark:before {
content: "\ea01";
}
.now-ui-icons.education_atom:before {
content: "\ea0c";
}
.now-ui-icons.education_glasses:before {
content: "\ea2d";
}
.now-ui-icons.education_hat:before {
content: "\ea30";
}
.now-ui-icons.education_paper:before {
content: "\ea42";
}
.now-ui-icons.shopping_bag-16:before {
content: "\ea0d";
}
.now-ui-icons.shopping_basket:before {
content: "\ea0b";
}
.now-ui-icons.shopping_box:before {
content: "\ea11";
}
.now-ui-icons.shopping_cart-simple:before {
content: "\ea1d";
}
.now-ui-icons.shopping_credit-card:before {
content: "\ea28";
}
.now-ui-icons.shopping_delivery-fast:before {
content: "\ea27";
}
.now-ui-icons.shopping_shop:before {
content: "\ea50";
}
.now-ui-icons.shopping_tag-content:before {
content: "\ea59";
}
.now-ui-icons.sport_trophy:before {
content: "\ea5d";
}
.now-ui-icons.sport_user-run:before {
content: "\ea60";
}
.now-ui-icons.tech_controller-modern:before {
content: "\ea26";
}
.now-ui-icons.tech_headphones:before {
content: "\ea31";
}
.now-ui-icons.tech_laptop:before {
content: "\ea36";
}
.now-ui-icons.tech_mobile:before {
content: "\ea3e";
}
.now-ui-icons.tech_tablet:before {
content: "\ea58";
}
.now-ui-icons.tech_tv:before {
content: "\ea5e";
}
.now-ui-icons.tech_watch-time:before {
content: "\ea62";
}
.now-ui-icons.text_align-center:before {
content: "\ea05";
}
.now-ui-icons.text_align-left:before {
content: "\ea06";
}
.now-ui-icons.text_bold:before {
content: "\ea0e";
}
.now-ui-icons.text_caps-small:before {
content: "\ea1b";
}
.now-ui-icons.gestures_tap-01:before {
content: "\ea5a";
}
.now-ui-icons.transportation_air-baloon:before {
content: "\ea03";
}
.now-ui-icons.transportation_bus-front-12:before {
content: "\ea17";
}
.now-ui-icons.travel_info:before {
content: "\ea04";
}
.now-ui-icons.travel_istanbul:before {
content: "\ea34";
}
.now-ui-icons.ui-1_bell-53:before {
content: "\ea0f";
}
.now-ui-icons.ui-1_calendar-60:before {
content: "\ea1a";
}
.now-ui-icons.ui-1_lock-circle-open:before {
content: "\ea35";
}
.now-ui-icons.ui-1_send:before {
content: "\ea4d";
}
.now-ui-icons.ui-1_settings-gear-63:before {
content: "\ea4e";
}
.now-ui-icons.ui-1_simple-add:before {
content: "\ea4f";
}
.now-ui-icons.ui-1_simple-delete:before {
content: "\ea54";
}
.now-ui-icons.ui-1_simple-remove:before {
content: "\ea53";
}
.now-ui-icons.ui-1_zoom-bold:before {
content: "\ea64";
}
.now-ui-icons.ui-2_chat-round:before {
content: "\ea20";
}
.now-ui-icons.ui-2_favourite-28:before {
content: "\ea2b";
}
.now-ui-icons.ui-2_like:before {
content: "\ea37";
}
.now-ui-icons.ui-2_settings-90:before {
content: "\ea4b";
}
.now-ui-icons.ui-2_time-alarm:before {
content: "\ea5c";
}
.now-ui-icons.users_circle-08:before {
content: "\ea23";
}
.now-ui-icons.users_single-02:before {
content: "\ea51";
}
.all-icons .font-icon-detail {
text-align: center;
padding: 45px 0px 30px;
border: 1px solid #e5e5e5;
border-radius: 0.1875rem;
margin: 15px 0;
min-height: 168px;
}
.all-icons [class*="now-ui-icons"] {
font-size: 32px;
}
.all-icons .font-icon-detail p {
margin: 25px auto 0;
width: 100%;
text-align: center;
display: block;
color: #B8B8B8;
padding: 0 10px;
font-size: 0.7142em;
}
.table .img-wrapper {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.table .img-row {
max-width: 60px;
width: 60px;
}
.table .form-check {
margin: 0;
}
.table .form-check label .form-check-sign::before,
.table .form-check label .form-check-sign::after {
top: -17px;
left: 4px;
}
.table .btn {
margin: 0;
}
.table small,
.table .small {
font-weight: 300;
}
.card-tasks .card-body .table {
margin-bottom: 0;
}
.card-tasks .card-body .table>thead>tr>th,
.card-tasks .card-body .table>tbody>tr>th,
.card-tasks .card-body .table>tfoot>tr>th,
.card-tasks .card-body .table>thead>tr>td,
.card-tasks .card-body .table>tbody>tr>td,
.card-tasks .card-body .table>tfoot>tr>td {
padding-top: 0;
padding-bottom: 0;
}
.table>thead>tr>th {
border-bottom-width: 1px;
font-size: 1.45em;
font-weight: 300;
border: 0;
}
.table .radio,
.table .checkbox {
margin-top: 0;
margin-bottom: 0;
padding: 0;
width: 15px;
}
.table .radio .icons,
.table .checkbox .icons {
position: relative;
}
.table .radio label:after,
.table .radio label:before,
.table .checkbox label:after,
.table .checkbox label:before {
top: -17px;
left: -3px;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
padding: 12px 7px;
vertical-align: middle;
}
.table .th-description {
max-width: 150px;
}
.table .td-price {
font-size: 26px;
font-weight: 300;
margin-top: 5px;
position: relative;
top: 4px;
text-align: right;
}
.table .td-total {
font-weight: 700;
font-size: 1.57em;
padding-top: 20px;
text-align: right;
}
.table .td-actions .btn {
margin: 0px;
}
.table>tbody>tr {
position: relative;
}
.table-shopping>thead>tr>th {
font-size: 1em;
text-transform: uppercase;
}
.table-shopping>tbody>tr>td {
font-size: 1em;
}
.table-shopping>tbody>tr>td b {
display: block;
margin-bottom: 5px;
}
.table-shopping .td-name {
font-weight: 400;
font-size: 1.5em;
}
.table-shopping .td-name small {
color: #9A9A9A;
font-size: 0.75em;
font-weight: 300;
}
.table-shopping .td-number {
font-weight: 300;
font-size: 1.714em;
}
.table-shopping .td-name {
min-width: 200px;
}
.table-shopping .td-number {
text-align: right;
min-width: 170px;
}
.table-shopping .td-number small {
margin-right: 3px;
}
.table-shopping .img-container {
width: 120px;
max-height: 160px;
overflow: hidden;
display: block;
}
.table-shopping .img-container img {
width: 100%;
}
.table-responsive {
overflow: auto;
padding-bottom: 10px;
}
#tables .table-responsive {
margin-bottom: 30px;
}
.wrapper {
position: relative;
top: 0;
height: 100vh;
}
.wrapper.wrapper-full-page {
min-height: 100vh;
height: auto;
}
.sidebar,
.off-canvas-sidebar {
position: fixed;
top: 0;
height: 100%;
bottom: 0;
width: 260px;
left: 0;
z-index: 1030;
}
.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {
position: relative;
height: calc(100vh - 75px);
overflow: auto;
width: 260px;
z-index: 4;
padding-bottom: 100px;
}
.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
display: none !important;
}
.sidebar .sidebar-wrapper .navbar-form,
.off-canvas-sidebar .sidebar-wrapper .navbar-form {
border: none;
}
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize {
position: absolute;
right: 20px;
top: 2px;
opacity: 1;
}
.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
border-radius: 50%;
border: 1px solid #333;
display: block;
height: 61px;
width: 61px;
float: left;
overflow: hidden;
}
.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
width: 60px;
height: 60px;
}
.sidebar .nav,
.off-canvas-sidebar .nav {
margin-top: 20px;
display: block;
}
.sidebar .nav .caret,
.off-canvas-sidebar .nav .caret {
top: 14px;
position: absolute;
right: 10px;
}
.sidebar .nav li>a+div .nav li>a,
.off-canvas-sidebar .nav li>a+div .nav li>a {
margin-top: 7px;
}
.sidebar .nav li>a,
.off-canvas-sidebar .nav li>a {
margin: 10px 15px 0;
border-radius: 30px;
color: #FFFFFF;
display: block;
text-decoration: none;
position: relative;
text-transform: uppercase;
cursor: pointer;
font-size: 0.7142em;
padding: 10px 8px;
line-height: 1.625rem;
}
.sidebar .nav li:first-child>a,
.off-canvas-sidebar .nav li:first-child>a {
margin: 0 15px;
}
.sidebar .nav li:hover:not(.active)>a,
.sidebar .nav li:focus:not(.active)>a,
.off-canvas-sidebar .nav li:hover:not(.active)>a,
.off-canvas-sidebar .nav li:focus:not(.active)>a {
background-color: rgba(255, 255, 255, 0.1);
}
.sidebar .nav li:hover:not(.active)>a i,
.sidebar .nav li:focus:not(.active)>a i,
.off-canvas-sidebar .nav li:hover:not(.active)>a i,
.off-canvas-sidebar .nav li:focus:not(.active)>a i {
color: #FFFFFF;
}
.sidebar .nav li.active>a,
.off-canvas-sidebar .nav li.active>a {
background-color: #FFFFFF;
box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}
.sidebar .nav p,
.off-canvas-sidebar .nav p {
margin: 0;
line-height: 30px;
position: relative;
display: block;
height: auto;
white-space: nowrap;
}
.sidebar .nav i,
.off-canvas-sidebar .nav i {
font-size: 20px;
float: left;
margin-right: 12px;
line-height: 30px;
width: 34px;
text-align: center;
color: rgba(255, 255, 255, 0.5);
position: relative;
}
.sidebar .sidebar-background,
.off-canvas-sidebar .sidebar-background {
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
}
.sidebar .sidebar-background:after,
.off-canvas-sidebar .sidebar-background:after {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
content: "";
display: block;
background: #FFFFFF;
opacity: 1;
}
.sidebar .logo,
.off-canvas-sidebar .logo {
position: relative;
padding: 0.5rem 0.7rem;
z-index: 4;
}
.sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-mini {
opacity: 1;
float: left;
width: 34px;
text-align: center;
margin-left: 10px;
margin-right: 12px;
}
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-normal {
display: block;
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.sidebar .logo:after,
.off-canvas-sidebar .logo:after {
content: '';
position: absolute;
bottom: 0;
right: 15px;
height: 1px;
width: calc(100% - 30px);
background-color: rgba(255, 255, 255, 0.5);
}
.sidebar .logo p,
.off-canvas-sidebar .logo p {
float: left;
font-size: 20px;
margin: 10px 10px;
color: #FFFFFF;
line-height: 20px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
text-transform: uppercase;
padding: 0.5rem 0;
display: block;
white-space: nowrap;
font-size: 1em;
color: #FFFFFF;
text-decoration: none;
font-weight: 400;
line-height: 30px;
overflow: hidden;
}
.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
border-radius: 50%;
border: 1px solid #333;
display: block;
height: 61px;
width: 61px;
float: left;
overflow: hidden;
}
.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
width: 60px;
height: 60px;
}
.sidebar:before,
.sidebar:after,
.off-canvas-sidebar:before,
.off-canvas-sidebar:after {
display: block;
content: "";
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sidebar:after,
.off-canvas-sidebar:after {
background: #888;
background: -webkit-linear-gradient(#888 0%, #000 80%);
background: -o-linear-gradient(#888 0%, #000 80%);
background: -moz-linear-gradient(#888 0%, #000 80%);
background: linear-gradient(#888 0%, #000 80%);
z-index: 3;
}
.sidebar[data-color="blue"]:after,
.off-canvas-sidebar[data-color="blue"]:after {
background: #2CA8FF;
}
.sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]) {
color: #2CA8FF;
}
.sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]) i {
color: #2CA8FF;
}
.sidebar[data-color="green"]:after,
.off-canvas-sidebar[data-color="green"]:after {
background: #18ce0f;
}
.sidebar[data-color="green"] .nav li.active>a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="green"] .nav li.active>a:not([data-toggle="collapse"]) {
color: #18ce0f;
}
.sidebar[data-color="green"] .nav li.active>a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="green"] .nav li.active>a:not([data-toggle="collapse"]) i {
color: #18ce0f;
}
.sidebar[data-color="orange"]:after,
.off-canvas-sidebar[data-color="orange"]:after {
background: #f96332;
}
.sidebar[data-color="orange"] .nav li.active>a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="orange"] .nav li.active>a:not([data-toggle="collapse"]) {
color: #f96332;
}
.sidebar[data-color="orange"] .nav li.active>a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="orange"] .nav li.active>a:not([data-toggle="collapse"]) i {
color: #f96332;
}
.sidebar[data-color="red"]:after,
.off-canvas-sidebar[data-color="red"]:after {
background: #FF3636;
}
.sidebar[data-color="red"] .nav li.active>a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="red"] .nav li.active>a:not([data-toggle="collapse"]) {
color: #FF3636;
}
.sidebar[data-color="red"] .nav li.active>a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="red"] .nav li.active>a:not([data-toggle="collapse"]) i {
color: #FF3636;
}
.sidebar[data-color="yellow"]:after,
.off-canvas-sidebar[data-color="yellow"]:after {
background: #FFB236;
}
.sidebar[data-color="yellow"] .nav li.active>a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="yellow"] .nav li.active>a:not([data-toggle="collapse"]) {
color: #FFB236;
}
.sidebar[data-color="yellow"] .nav li.active>a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="yellow"] .nav li.active>a:not([data-toggle="collapse"]) i {
color: #FFB236;
}
.visible-on-sidebar-regular {
display: inline-block !important;
}
.visible-on-sidebar-mini {
display: none !important;
}
.off-canvas-sidebar .nav>li>a,
.off-canvas-sidebar .nav>li>a:hover {
color: #FFFFFF;
}
.off-canvas-sidebar .nav>li>a:focus {
background: rgba(200, 200, 200, 0.2);
}
.main-panel {
position: relative;
float: right;
width: calc(100% - 260px);
background-color: #E3E3E3;
background-color: #ebecf1;
-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.main-panel>.content {
padding: 0 30px 30px;
min-height: calc(100vh - 123px);
margin-top: -30px;
}
.main-panel>.navbar {
margin-bottom: 0;
}
.main-panel .header {
margin-bottom: 50px;
}
.perfect-scrollbar-on .sidebar,
.perfect-scrollbar-on .main-panel {
height: 100%;
max-height: 100%;
}
@media (min-width: 991px) {
.sidebar {
display: block;
box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
}
}
.panel-header {
height: 260px;
padding-top: 80px;
padding-bottom: 45px;
background: #141E30;
/* fallback for old browsers */
background: -webkit-gradient(linear, left top, right top, from(#0c2646), color-stop(60%, #204065), to(#2a5788));
background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
position: relative;
overflow: hidden;
}
.panel-header .header .title {
color: #FFFFFF;
}
.panel-header .header .category {
max-width: 600px;
color: rgba(255, 255, 255, 0.5);
margin: 0 auto;
font-size: 13px;
}
.panel-header .header .category a {
color: #FFFFFF;
}
.panel-header-sm {
height: 135px;
}
.panel-header-lg {
height: 380px;
}
.footer {
padding: 24px 0;
}
.footer.footer-default {
background-color: #f2f2f2;
}
.footer nav {
display: inline-block;
float: left;
padding-left: 7px;
}
.footer ul {
margin-bottom: 0;
padding: 0;
list-style: none;
}
.footer ul li {
display: inline-block;
}
.footer ul li a {
color: inherit;
padding: 0.5rem;
font-size: 0.8571em;
text-transform: uppercase;
text-decoration: none;
}
.footer ul li a:hover {
text-decoration: none;
}
.footer.fixed-bottom {
width: calc(100% - 80px);
margin-left: auto;
}
.footer .copyright {
font-size: 0.8571em;
line-height: 1.8;
}
.footer:after {
display: table;
clear: both;
content: " ";
}
.fixed-plugin {
position: fixed;
right: 0;
width: 64px;
background: rgba(0, 0, 0, 0.3);
z-index: 1031;
border-radius: 8px 0 0 8px;
text-align: center;
top: 120px;
}
.fixed-plugin li>a,
.fixed-plugin .badge {
transition: all .34s;
-webkit-transition: all .34s;
-moz-transition: all .34s;
}
.fixed-plugin .fa-cog {
color: #FFFFFF;
padding: 10px;
border-radius: 0 0 6px 6px;
width: auto;
}
.fixed-plugin .dropdown .dropdown-menu {
right: 80px;
left: auto !important;
top: -52px !important;
width: 290px;
border-radius: 0.1875rem;
padding: 0 10px;
}
.fixed-plugin .dropdown .dropdown-menu .now-ui-icons {
top: 5px;
}
.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
right: 10px;
margin-left: auto;
left: auto;
}
.fixed-plugin .fa-circle-thin {
color: #FFFFFF;
}
.fixed-plugin .active .fa-circle-thin {
color: #00bbff;
}
.fixed-plugin .dropdown-menu>.active>a,
.fixed-plugin .dropdown-menu>.active>a:hover,
.fixed-plugin .dropdown-menu>.active>a:focus {
color: #777777;
text-align: center;
}
.fixed-plugin img {
border-radius: 0;
width: 100%;
height: 100px;
margin: 0 auto;
}
.fixed-plugin .dropdown-menu li>a:hover,
.fixed-plugin .dropdown-menu li>a:focus {
box-shadow: none;
}
.fixed-plugin .badge {
border: 3px solid #FFFFFF;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 23px;
margin-right: 5px;
position: relative;
width: 23px;
}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
border-color: #00bbff;
}
.fixed-plugin .badge-blue {
background-color: #2CA8FF;
}
.fixed-plugin .badge-green {
background-color: #18ce0f;
}
.fixed-plugin .badge-orange {
background-color: #f96332;
}
.fixed-plugin .badge-yellow {
background-color: #FFB236;
}
.fixed-plugin .badge-red {
background-color: #FF3636;
}
.fixed-plugin h5 {
font-size: 14px;
margin: 10px;
}
.fixed-plugin .dropdown-menu li {
display: block;
padding: 18px 2px;
width: 25%;
float: left;
}
.fixed-plugin li.adjustments-line,
.fixed-plugin li.header-title,
.fixed-plugin li.button-container {
width: 100%;
height: 50px;
min-height: inherit;
}
.fixed-plugin li.button-container {
height: auto;
}
.fixed-plugin li.button-container div {
margin-bottom: 5px;
}
.fixed-plugin #sharrreTitle {
text-align: center;
padding: 10px 0;
height: 50px;
}
.fixed-plugin li.header-title {
height: 30px;
line-height: 25px;
font-size: 12px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.fixed-plugin .adjustments-line p {
float: left;
display: inline-block;
margin-bottom: 0;
font-size: 1em;
color: #3C4858;
}
.fixed-plugin .adjustments-line a {
color: transparent;
}
.fixed-plugin .adjustments-line a .badge-colors {
position: relative;
top: -2px;
}
.fixed-plugin .adjustments-line a a:hover,
.fixed-plugin .adjustments-line a a:focus {
color: transparent;
}
.fixed-plugin .adjustments-line .togglebutton {
text-align: center;
}
.fixed-plugin .adjustments-line .togglebutton .label-switch {
position: relative;
left: -10px;
font-size: 0.7142em;
color: #888;
}
.fixed-plugin .adjustments-line .togglebutton .label-switch.label-right {
left: 10px;
}
.fixed-plugin .adjustments-line .togglebutton .toggle {
margin-right: 0;
}
.fixed-plugin .adjustments-line .dropdown-menu>li.adjustments-line>a {
padding-right: 0;
padding-left: 0;
border-bottom: 1px solid #ddd;
border-radius: 0;
margin: 0;
}
.fixed-plugin .dropdown-menu>li>a.img-holder {
font-size: 16px;
text-align: center;
border-radius: 10px;
background-color: #FFF;
border: 3px solid #FFF;
padding-left: 0;
padding-right: 0;
opacity: 1;
cursor: pointer;
display: block;
max-height: 100px;
overflow: hidden;
padding: 0;
}
.fixed-plugin .dropdown-menu>li>a.img-holder img {
margin-top: auto;
}
.fixed-plugin .dropdown-menu>li a.switch-trigger:hover,
.fixed-plugin .dropdown-menu>li>a.switch-trigger:focus {
background-color: transparent;
}
.fixed-plugin .dropdown-menu>li:hover>a.img-holder,
.fixed-plugin .dropdown-menu>li:focus>a.img-holder {
border-color: rgba(0, 187, 255, 0.53);
}
.fixed-plugin .dropdown-menu>.active>a.img-holder,
.fixed-plugin .dropdown-menu>.active>a.img-holder {
border-color: #00bbff;
background-color: #FFFFFF;
}
.fixed-plugin .btn-social {
width: 50%;
display: block;
width: 48%;
float: left;
font-weight: 600;
}
.fixed-plugin .btn-social i {
margin-right: 5px;
}
.fixed-plugin .btn-social:first-child {
margin-right: 2%;
}
.fixed-plugin .dropdown .dropdown-menu {
-webkit-transform: translateY(-15%);
-moz-transform: translateY(-15%);
-o-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%);
top: 27px;
opacity: 0;
transform-origin: 0 0;
}
.fixed-plugin .dropdown .dropdown-menu:before {
border-bottom: 0.4em solid rgba(0, 0, 0, 0);
border-left: 0.4em solid rgba(0, 0, 0, 0.2);
border-top: 0.4em solid rgba(0, 0, 0, 0);
right: -16px;
top: 46px;
}
.fixed-plugin .dropdown .dropdown-menu:after {
border-bottom: 0.4em solid rgba(0, 0, 0, 0);
border-left: .4em solid #FFFFFF;
border-top: 0.4em solid rgba(0, 0, 0, 0);
right: -16px;
}
.fixed-plugin .dropdown .dropdown-menu:before,
.fixed-plugin .dropdown .dropdown-menu:after {
content: "";
display: inline-block;
position: absolute;
top: 74px;
width: 16px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.fixed-plugin .dropdown.show .dropdown-menu {
opacity: 1;
-webkit-transform: translateY(-13%);
-moz-transform: translateY(-13%);
-o-transform: translateY(-13%);
-ms-transform: translateY(-13%);
transform: translateY(-13%);
transform-origin: 0 0;
}
.fixed-plugin .bootstrap-switch {
margin: 0;
}
.card {
border: 0;
border-radius: 0.1875rem;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 20px;
box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}
.card [data-notify="container"].alert {
min-width: auto;
left: unset !important;
right: unset !important;
}
.card .card-body {
padding: 15px 15px 10px 15px;
}
.card .card-body.table-full-width {
padding-left: 0;
padding-right: 0;
}
.card .card-header {
padding: 15px 15px 0;
border: 0;
}
.card .card-header:not([data-background-color]) {
background-color: transparent;
}
.card .card-header .card-title {
margin-top: 10px;
}
.card .map {
border-radius: 0.1875rem;
}
.card .map.map-big {
height: 400px;
}
.card[data-background-color="orange"] {
background-color: #f96332;
}
.card[data-background-color="orange"] .card-header {
background-color: #f96332;
}
.card[data-background-color="orange"] .card-footer .stats {
color: #FFFFFF;
}
.card[data-background-color="red"] {
background-color: #FF3636;
}
.card[data-background-color="yellow"] {
background-color: #FFB236;
}
.card[data-background-color="blue"] {
background-color: #2CA8FF;
}
.card[data-background-color="green"] {
background-color: #18ce0f;
}
.card .image {
overflow: hidden;
height: 200px;
position: relative;
}
.card .avatar {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 15px;
}
.card label {
font-size: 0.8571em;
margin-bottom: 5px;
color: #9A9A9A;
}
.card .card-footer {
background-color: transparent;
border: 0;
}
.card .card-footer .stats i {
margin-right: 5px;
position: relative;
top: 2px;
}
.card .card-footer .btn {
margin: 0;
}
.card-plain {
background: transparent;
box-shadow: none;
}
.card-plain .card-header,
.card-plain .card-footer {
margin-left: 0;
margin-right: 0;
background-color: transparent;
}
.card-plain:not(.card-subcategories).card-body {
padding-left: 0;
padding-right: 0;
}
.card-chart .card-header .card-title {
margin-top: 10px;
margin-bottom: 0;
}
.card-chart .card-header .card-category {
margin-bottom: 5px;
}
.card-chart .table {
margin-bottom: 0;
}
.card-chart .table td {
border-top: none;
border-bottom: 1px solid #e9ecef;
}
.card-chart .card-progress {
margin-top: 30px;
}
.card-chart .chart-area {
height: 190px;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.card-chart .card-footer {
margin-top: 15px;
}
.card-chart .card-footer .stats {
color: #9A9A9A;
}
.card-chart .dropdown {
position: absolute;
right: 20px;
top: 20px;
}
.card-chart .dropdown .btn {
margin: 0;
}
.card-user .image {
height: 120px;
}
.card-user .author {
text-align: center;
text-transform: none;
margin-top: -77px;
}
.card-user .author a+p.description {
margin-top: -7px;
}
.card-user .avatar {
width: 124px;
height: 124px;
border: 1px solid #FFFFFF;
position: relative;
}
.card-user .card-body {
min-height: 240px;
}
.card-user hr {
margin: 5px 15px;
}
.card-user .button-container {
margin-bottom: 6px;
text-align: center;
}
.map {
height: 500px;
}
@media screen and (max-width: 991px) {
.profile-photo .profile-photo-small {
margin-left: -2px;
}
.button-dropdown {
display: none;
}
[data-notify="container"].alert {
min-width: 400px;
}
#minimizeSidebar {
display: none;
}
.timeline>li>.timeline-panel {
width: 86% !important;
float: right !important;
}
.timeline:before,
.timeline>li>.timeline-badge {
left: 5% !important;
}
.timeline>li>.timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto !important;
}
.timeline>li>.timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto !important;
}
.timeline>li:not(.timeline-inverted)>.timeline-panel:after,
.timeline>li:not(.timeline-inverted)>.timeline-panel:before {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar .container-fluid {
padding-right: 15px;
padding-left: 15px;
}
.navbar .navbar-collapse .input-group {
margin: 0;
margin-top: 5px;
}
.navbar .navbar-nav .nav-item:first-child {
margin-top: 10px;
}
.navbar .navbar-nav .nav-item:not(:last-child) {
margin-bottom: 10px;
}
.navbar .dropdown.show .dropdown-menu {
display: block;
}
.navbar .dropdown .dropdown-menu {
display: none;
}
.navbar .dropdown.show .dropdown-menu,
.navbar .dropdown .dropdown-menu {
background-color: transparent;
border: 0;
transition: none;
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
margin: 0px 1rem;
margin-top: 0px;
}
.navbar .dropdown.show .dropdown-menu:before,
.navbar .dropdown .dropdown-menu:before {
display: none;
}
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item:hover {
color: #FFFFFF;
}
.navbar.bg-white .dropdown-menu .dropdown-item:focus,
.navbar.bg-white .dropdown-menu .dropdown-item:hover {
color: #888;
}
.navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
background-color: #888;
}
.wrapper {
-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.sidebar {
box-shadow: none;
}
#bodyClick {
height: 100%;
width: 100%;
position: fixed;
opacity: 1;
top: 0;
right: 0;
left: 260px;
content: "";
z-index: 9999;
overflow-x: hidden;
background-color: transparent;
-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.footer .copyright {
text-align: right;
}
.section-nucleo-icons .icons-container {
margin-top: 65px;
}
.navbar-nav .nav-link i.fa,
.navbar-nav .nav-link i.now-ui-icons {
opacity: .5;
}
.sidebar,
.bootstrap-navbar {
position: fixed;
display: block;
top: 0;
height: 100%;
width: 260px;
right: auto;
left: 0;
z-index: 1032;
visibility: visible;
overflow-y: visible;
padding: 0;
-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-webkit-transform: translate3d(-260px, 0, 0);
-moz-transform: translate3d(-260px, 0, 0);
-o-transform: translate3d(-260px, 0, 0);
-ms-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
}
.bar1,
.bar2,
.bar3 {
outline: 1px solid transparent;
}
.bar1 {
top: 0px;
-webkit-animation: topbar-back 500ms linear 0s;
-moz-animation: topbar-back 500ms linear 0s;
animation: topbar-back 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.bar2 {
opacity: 1;
}
.bar3 {
bottom: 0px;
-webkit-animation: bottombar-back 500ms linear 0s;
-moz-animation: bottombar-back 500ms linear 0s;
animation: bottombar-back 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.toggled .bar1 {
top: 6px;
-webkit-animation: topbar-x 500ms linear 0s;
-moz-animation: topbar-x 500ms linear 0s;
animation: topbar-x 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
bottom: 6px;
-webkit-animation: bottombar-x 500ms linear 0s;
-moz-animation: bottombar-x 500ms linear 0s;
animation: bottombar-x 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes topbar-x {
0% {
top: 0px;
transform: rotate(0deg);
}
45% {
top: 6px;
transform: rotate(145deg);
}
75% {
transform: rotate(130deg);
}
100% {
transform: rotate(135deg);
}
}
@-webkit-keyframes topbar-x {
0% {
top: 0px;
-webkit-transform: rotate(0deg);
}
45% {
top: 6px;
-webkit-transform: rotate(145deg);
}
75% {
-webkit-transform: rotate(130deg);
}
100% {
-webkit-transform: rotate(135deg);
}
}
@-moz-keyframes topbar-x {
0% {
top: 0px;
-moz-transform: rotate(0deg);
}
45% {
top: 6px;
-moz-transform: rotate(145deg);
}
75% {
-moz-transform: rotate(130deg);
}
100% {
-moz-transform: rotate(135deg);
}
}
@keyframes topbar-back {
0% {
top: 6px;
transform: rotate(135deg);
}
45% {
transform: rotate(-10deg);
}
75% {
transform: rotate(5deg);
}
100% {
top: 0px;
transform: rotate(0);
}
}
@-webkit-keyframes topbar-back {
0% {
top: 6px;
-webkit-transform: rotate(135deg);
}
45% {
-webkit-transform: rotate(-10deg);
}
75% {
-webkit-transform: rotate(5deg);
}
100% {
top: 0px;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes topbar-back {
0% {
top: 6px;
-moz-transform: rotate(135deg);
}
45% {
-moz-transform: rotate(-10deg);
}
75% {
-moz-transform: rotate(5deg);
}
100% {
top: 0px;
-moz-transform: rotate(0);
}
}
@keyframes bottombar-x {
0% {
bottom: 0px;
transform: rotate(0deg);
}
45% {
bottom: 6px;
transform: rotate(-145deg);
}
75% {
transform: rotate(-130deg);
}
100% {
transform: rotate(-135deg);
}
}
@-webkit-keyframes bottombar-x {
0% {
bottom: 0px;
-webkit-transform: rotate(0deg);
}
45% {
bottom: 6px;
-webkit-transform: rotate(-145deg);
}
75% {
-webkit-transform: rotate(-130deg);
}
100% {
-webkit-transform: rotate(-135deg);
}
}
@-moz-keyframes bottombar-x {
0% {
bottom: 0px;
-moz-transform: rotate(0deg);
}
45% {
bottom: 6px;
-moz-transform: rotate(-145deg);
}
75% {
-moz-transform: rotate(-130deg);
}
100% {
-moz-transform: rotate(-135deg);
}
}
@keyframes bottombar-back {
0% {
bottom: 6px;
transform: rotate(-135deg);
}
45% {
transform: rotate(10deg);
}
75% {
transform: rotate(-5deg);
}
100% {
bottom: 0px;
transform: rotate(0);
}
}
@-webkit-keyframes bottombar-back {
0% {
bottom: 6px;
-webkit-transform: rotate(-135deg);
}
45% {
-webkit-transform: rotate(10deg);
}
75% {
-webkit-transform: rotate(-5deg);
}
100% {
bottom: 0px;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes bottombar-back {
0% {
bottom: 6px;
-moz-transform: rotate(-135deg);
}
45% {
-moz-transform: rotate(10deg);
}
75% {
-moz-transform: rotate(-5deg);
}
100% {
bottom: 0px;
-moz-transform: rotate(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.navbar-toggler-bar {
display: block;
position: relative;
width: 22px;
height: 1px;
border-radius: 1px;
background: #FFFFFF;
}
.navbar-toggler-bar+.navbar-toggler-bar {
margin-top: 7px;
}
.navbar-toggler-bar+.navbar-toggler-bar.navbar-kebab {
margin-top: 3px !important;
}
.navbar-toggler-bar.bar2 {
width: 17px;
transition: width .2s linear;
}
.main-panel {
width: 100%;
}
.navbar-toggle .navbar-toggler,
.navbar-toggle {
display: block !important;
}
.navbar .toggled .navbar-toggler-bar {
width: 24px;
}
.navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar {
margin-top: 5px;
}
.nav-open .main-panel {
right: 0;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
-o-transform: translate3d(260px, 0, 0);
-ms-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
}
.nav-open .sidebar {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
}
.nav-open body {
position: relative;
overflow-x: hidden;
}
.nav-open .menu-on-right .main-panel {
-webkit-transform: translate3d(-260px, 0, 0);
-moz-transform: translate3d(-260px, 0, 0);
-o-transform: translate3d(-260px, 0, 0);
-ms-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
}
.nav-open .menu-on-right .navbar-collapse,
.nav-open .menu-on-right .sidebar {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.nav-open .menu-on-right .navbar-translate {
-webkit-transform: translate3d(-300px, 0, 0);
-moz-transform: translate3d(-300px, 0, 0);
-o-transform: translate3d(-300px, 0, 0);
-ms-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.nav-open .menu-on-right #bodyClick {
right: 260px;
left: auto;
}
.menu-on-right .sidebar {
left: auto;
right: 0;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
-o-transform: translate3d(260px, 0, 0);
-ms-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
}
}
@media screen and (min-width: 992px) {
.navbar-collapse {
background: none !important;
}
.navbar .navbar-toggle {
display: none;
}
.navbar-nav .nav-link.profile-photo {
padding: 0;
margin: 7px 0.7rem;
}
.section-nucleo-icons .icons-container {
margin: 0 0 0 auto;
}
.dropdown-menu .dropdown-item {
color: inherit;
}
.footer .copyright {
float: right;
padding-right: 15px;
}
}
@media screen and (max-width: 768px) {
.nav-tabs {
display: inline-block;
width: 100%;
padding-left: 100px;
padding-right: 100px;
text-align: center;
}
.nav-tabs .nav-item>.nav-link {
margin-bottom: 5px;
}
.user-profile [class*="col-"] {
padding-left: 15px !important;
padding-right: 15px !important;
}
.card-stats [class*="col-"] .statistics::after {
display: none;
}
.main-panel .content {
padding-left: 15px;
padding-right: 15px;
}
.footer nav {
display: block;
margin-bottom: 5px;
float: none;
}
.landing-page .section-story-overview .image-container:nth-child(2) {
margin-left: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: 576px) {
.navbar[class*='navbar-toggleable-'] .container {
margin-left: 0;
margin-right: 0;
}
[data-notify="container"].alert {
left: 10px !important;
right: 10px !important;
width: auto;
}
.card-contributions .card-stats {
flex-direction: column;
}
.card-contributions .card-stats .bootstrap-switch {
margin-bottom: 15px;
}
.footer .copyright {
text-align: center;
}
.section-nucleo-icons .icons-container i {
font-size: 30px;
}
.section-nucleo-icons .icons-container i:nth-child(6) {
font-size: 48px;
}
.page-header .container h6.category-absolute {
width: 90%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sidebar,
.bootstrap-navbar {
position: fixed;
display: block;
top: 0;
height: 100%;
width: 260px;
right: auto;
left: 0;
z-index: 1032;
visibility: visible;
overflow-y: visible;
padding: 0;
-webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
-webkit-transform: translate3d(-260px, 0, 0);
-moz-transform: translate3d(-260px, 0, 0);
-o-transform: translate3d(-260px, 0, 0);
-ms-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
}
.bar1,
.bar2,
.bar3 {
outline: 1px solid transparent;
}
.bar1 {
top: 0px;
-webkit-animation: topbar-back 500ms linear 0s;
-moz-animation: topbar-back 500ms linear 0s;
animation: topbar-back 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.bar2 {
opacity: 1;
}
.bar3 {
bottom: 0px;
-webkit-animation: bottombar-back 500ms linear 0s;
-moz-animation: bottombar-back 500ms linear 0s;
animation: bottombar-back 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.toggled .bar1 {
top: 6px;
-webkit-animation: topbar-x 500ms linear 0s;
-moz-animation: topbar-x 500ms linear 0s;
animation: topbar-x 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.toggled .bar2 {
opacity: 0;
}
.toggled .bar3 {
bottom: 6px;
-webkit-animation: bottombar-x 500ms linear 0s;
-moz-animation: bottombar-x 500ms linear 0s;
animation: bottombar-x 500ms 0s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes topbar-x {
0% {
top: 0px;
transform: rotate(0deg);
}
45% {
top: 6px;
transform: rotate(145deg);
}
75% {
transform: rotate(130deg);
}
100% {
transform: rotate(135deg);
}
}
@-webkit-keyframes topbar-x {
0% {
top: 0px;
-webkit-transform: rotate(0deg);
}
45% {
top: 6px;
-webkit-transform: rotate(145deg);
}
75% {
-webkit-transform: rotate(130deg);
}
100% {
-webkit-transform: rotate(135deg);
}
}
@-moz-keyframes topbar-x {
0% {
top: 0px;
-moz-transform: rotate(0deg);
}
45% {
top: 6px;
-moz-transform: rotate(145deg);
}
75% {
-moz-transform: rotate(130deg);
}
100% {
-moz-transform: rotate(135deg);
}
}
@keyframes topbar-back {
0% {
top: 6px;
transform: rotate(135deg);
}
45% {
transform: rotate(-10deg);
}
75% {
transform: rotate(5deg);
}
100% {
top: 0px;
transform: rotate(0);
}
}
@-webkit-keyframes topbar-back {
0% {
top: 6px;
-webkit-transform: rotate(135deg);
}
45% {
-webkit-transform: rotate(-10deg);
}
75% {
-webkit-transform: rotate(5deg);
}
100% {
top: 0px;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes topbar-back {
0% {
top: 6px;
-moz-transform: rotate(135deg);
}
45% {
-moz-transform: rotate(-10deg);
}
75% {
-moz-transform: rotate(5deg);
}
100% {
top: 0px;
-moz-transform: rotate(0);
}
}
@keyframes bottombar-x {
0% {
bottom: 0px;
transform: rotate(0deg);
}
45% {
bottom: 6px;
transform: rotate(-145deg);
}
75% {
transform: rotate(-130deg);
}
100% {
transform: rotate(-135deg);
}
}
@-webkit-keyframes bottombar-x {
0% {
bottom: 0px;
-webkit-transform: rotate(0deg);
}
45% {
bottom: 6px;
-webkit-transform: rotate(-145deg);
}
75% {
-webkit-transform: rotate(-130deg);
}
100% {
-webkit-transform: rotate(-135deg);
}
}
@-moz-keyframes bottombar-x {
0% {
bottom: 0px;
-moz-transform: rotate(0deg);
}
45% {
bottom: 6px;
-moz-transform: rotate(-145deg);
}
75% {
-moz-transform: rotate(-130deg);
}
100% {
-moz-transform: rotate(-135deg);
}
}
@keyframes bottombar-back {
0% {
bottom: 6px;
transform: rotate(-135deg);
}
45% {
transform: rotate(10deg);
}
75% {
transform: rotate(-5deg);
}
100% {
bottom: 0px;
transform: rotate(0);
}
}
@-webkit-keyframes bottombar-back {
0% {
bottom: 6px;
-webkit-transform: rotate(-135deg);
}
45% {
-webkit-transform: rotate(10deg);
}
75% {
-webkit-transform: rotate(-5deg);
}
100% {
bottom: 0px;
-webkit-transform: rotate(0);
}
}
@-moz-keyframes bottombar-back {
0% {
bottom: 6px;
-moz-transform: rotate(-135deg);
}
45% {
-moz-transform: rotate(10deg);
}
75% {
-moz-transform: rotate(-5deg);
}
100% {
bottom: 0px;
-moz-transform: rotate(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.navbar-toggler-bar {
display: block;
position: relative;
width: 22px;
height: 1px;
border-radius: 1px;
background: #FFFFFF;
}
.navbar-toggler-bar+.navbar-toggler-bar {
margin-top: 7px;
}
.navbar-toggler-bar+.navbar-toggler-bar.navbar-kebab {
margin-top: 3px !important;
}
.navbar-toggler-bar.bar2 {
width: 17px;
transition: width .2s linear;
}
.main-panel {
width: 100%;
}
.navbar-toggle .navbar-toggler,
.navbar-toggle {
display: block !important;
}
.navbar .toggled .navbar-toggler-bar {
width: 24px;
}
.navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar {
margin-top: 5px;
}
.nav-open .main-panel {
right: 0;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
-o-transform: translate3d(260px, 0, 0);
-ms-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
}
.nav-open .sidebar {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
}
.nav-open body {
position: relative;
overflow-x: hidden;
}
.nav-open .menu-on-right .main-panel {
-webkit-transform: translate3d(-260px, 0, 0);
-moz-transform: translate3d(-260px, 0, 0);
-o-transform: translate3d(-260px, 0, 0);
-ms-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
}
.nav-open .menu-on-right .navbar-collapse,
.nav-open .menu-on-right .sidebar {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.nav-open .menu-on-right .navbar-translate {
-webkit-transform: translate3d(-300px, 0, 0);
-moz-transform: translate3d(-300px, 0, 0);
-o-transform: translate3d(-300px, 0, 0);
-ms-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.nav-open .menu-on-right #bodyClick {
right: 260px;
left: auto;
}
.menu-on-right .sidebar {
left: auto;
right: 0;
-webkit-transform: translate3d(260px, 0, 0);
-moz-transform: translate3d(260px, 0, 0);
-o-transform: translate3d(260px, 0, 0);
-ms-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
}
.navbar-minimize {
display: none;
}
.sidebar {
box-shadow: none;
}
.nav-open .sidebar {
box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
}
.sidebar,
.main-panel,
.sidebar-wrapper {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);
transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);
-webkit-overflow-scrolling: touch;
}
}
/*# sourceMappingURL=dashboard-free.css.map */
================================================
FILE: assets/demo/demo.css
================================================
.tim-row {
margin-bottom: 20px;
}
.tim-white-buttons {
background-color: #777777;
}
.typography-line {
padding-left: 25%;
margin-bottom: 35px;
position: relative;
display: block;
width: 100%;
}
.typography-line span {
bottom: 10px;
color: #c0c1c2;
display: block;
font-weight: 400;
font-size: 13px;
line-height: 13px;
left: 0;
position: absolute;
width: 260px;
text-transform: none;
}
.tim-row {
padding-top: 60px;
}
.tim-row h3 {
margin-top: 0;
}
.offline-doc .page-header {
display: flex;
align-items: center;
}
.offline-doc .footer {
position: absolute;
width: 100%;
background: transparent;
bottom: 0;
color: #fff;
z-index: 1;
}
@media all and (min-width: 992px) {
.sidebar .nav>li.active-pro {
position: absolute;
width: 100%;
bottom: 10px;
}
}
.card.card-upgrade .card-category {
max-width: 530px;
margin: 0 auto;
}
================================================
FILE: assets/demo/demo.js
================================================
demo = {
initPickColor: function() {
$('.pick-class-label').click(function() {
var new_class = $(this).attr('new-class');
var old_class = $('#display-buttons').attr('data-class');
var display_div = $('#display-buttons');
if (display_div.length) {
var display_buttons = display_div.find('.btn');
display_buttons.removeClass(old_class);
display_buttons.addClass(new_class);
display_div.attr('data-class', new_class);
}
});
},
initDocChart: function() {
chartColor = "#FFFFFF";
// General configuration for the charts with Line gradientStroke
gradientChartOptionsConfiguration = {
maintainAspectRatio: false,
legend: {
display: false
},
tooltips: {
bodySpacing: 4,
mode: "nearest",
intersect: 0,
position: "nearest",
xPadding: 10,
yPadding: 10,
caretPadding: 10
},
responsive: true,
scales: {
yAxes: [{
display: 0,
gridLines: 0,
ticks: {
display: false
},
gridLines: {
zeroLineColor: "transparent",
drawTicks: false,
display: false,
drawBorder: false
}
}],
xAxes: [{
display: 0,
gridLines: 0,
ticks: {
display: false
},
gridLines: {
zeroLineColor: "transparent",
drawTicks: false,
display: false,
drawBorder: false
}
}]
},
layout: {
padding: {
left: 0,
right: 0,
top: 15,
bottom: 15
}
}
};
ctx = document.getElementById('lineChartExample').getContext("2d");
gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
gradientStroke.addColorStop(0, '#80b6f4');
gradientStroke.addColorStop(1, chartColor);
gradientFill = ctx.createLinearGradient(0, 170, 0, 50);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
gradientFill.addColorStop(1, "rgba(249, 99, 59, 0.40)");
myChart = new Chart(ctx, {
type: 'line',
responsive: true,
data: {
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
datasets: [{
label: "Active Users",
borderColor: "#f96332",
pointBorderColor: "#FFF",
pointBackgroundColor: "#f96332",
pointBorderWidth: 2,
pointHoverRadius: 4,
pointHoverBorderWidth: 1,
pointRadius: 4,
fill: true,
backgroundColor: gradientFill,
borderWidth: 2,
data: [542, 480, 430, 550, 530, 453, 380, 434, 568, 610, 700, 630]
}]
},
options: gradientChartOptionsConfiguration
});
},
initDashboardPageCharts: function() {
chartColor = "#FFFFFF";
// General configuration for the charts with Line gradientStroke
gradientChartOptionsConfiguration = {
maintainAspectRatio: false,
legend: {
display: false
},
tooltips: {
bodySpacing: 4,
mode: "nearest",
intersect: 0,
position: "nearest",
xPadding: 10,
yPadding: 10,
caretPadding: 10
},
responsive: 1,
scales: {
yAxes: [{
display: 0,
gridLines: 0,
ticks: {
display: false
},
gridLines: {
zeroLineColor: "transparent",
drawTicks: false,
display: false,
drawBorder: false
}
}],
xAxes: [{
display: 0,
gridLines: 0,
ticks: {
display: false
},
gridLines: {
zeroLineColor: "transparent",
drawTicks: false,
display: false,
drawBorder: false
}
}]
},
layout: {
padding: {
left: 0,
right: 0,
top: 15,
bottom: 15
}
}
};
gradientChartOptionsConfigurationWithNumbersAndGrid = {
maintainAspectRatio: false,
legend: {
display: false
},
tooltips: {
bodySpacing: 4,
mode: "nearest",
intersect: 0,
position: "nearest",
xPadding: 10,
yPadding: 10,
caretPadding: 10
},
responsive: true,
scales: {
yAxes: [{
gridLines: 0,
gridLines: {
zeroLineColor: "transparent",
drawBorder: false
}
}],
xAxes: [{
display: 0,
gridLines: 0,
ticks: {
display: false
},
gridLines: {
zeroLineColor: "transparent",
drawTicks: false,
display: false,
drawBorder: false
}
}]
},
layout: {
padding: {
left: 0,
right: 0,
top: 15,
bottom: 15
}
}
};
var ctx = document.getElementById('bigDashboardChart').getContext("2d");
var gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
gradientStroke.addColorStop(0, '#80b6f4');
gradientStroke.addColorStop(1, chartColor);
var gradientFill = ctx.createLinearGradient(0, 200, 0, 50);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
gradientFill.addColorStop(1, "rgba(255, 255, 255, 0.24)");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"],
datasets: [{
label: "Data",
borderColor: chartColor,
pointBorderColor: chartColor,
pointBackgroundColor: "#1e3d60",
pointHoverBackgroundColor: "#1e3d60",
pointHoverBorderColor: chartColor,
pointBorderWidth: 1,
pointHoverRadius: 7,
pointHoverBorderWidth: 2,
pointRadius: 5,
fill: true,
backgroundColor: gradientFill,
borderWidth: 2,
data: [50, 150, 100, 190, 130, 90, 150, 160, 120, 140, 190, 95]
}]
},
options: {
layout: {
padding: {
left: 20,
right: 20,
top: 0,
bottom: 0
}
},
maintainAspectRatio: false,
tooltips: {
backgroundColor: '#fff',
titleFontColor: '#333',
bodyFontColor: '#666',
bodySpacing: 4,
xPadding: 12,
mode: "nearest",
intersect: 0,
position: "nearest"
},
legend: {
position: "bottom",
fillStyle: "#FFF",
display: false
},
scales: {
yAxes: [{
ticks: {
fontColor: "rgba(255,255,255,0.4)",
fontStyle: "bold",
beginAtZero: true,
maxTicksLimit: 5,
padding: 10
},
gridLines: {
drawTicks: true,
drawBorder: false,
display: true,
color: "rgba(255,255,255,0.1)",
zeroLineColor: "transparent"
}
}],
xAxes: [{
gridLines: {
zeroLineColor: "transparent",
display: false,
},
ticks: {
padding: 10,
fontColor: "rgba(255,255,255,0.4)",
fontStyle: "bold"
}
}]
}
}
});
var cardStatsMiniLineColor = "#fff",
cardStatsMiniDotColor = "#fff";
ctx = document.getElementById('lineChartExample').getContext("2d");
gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
gradientStroke.addColorStop(0, '#80b6f4');
gradientStroke.addColorStop(1, chartColor);
gradientFill = ctx.createLinearGradient(0, 170, 0, 50);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
gradientFill.addColorStop(1, "rgba(249, 99, 59, 0.40)");
myChart = new Chart(ctx, {
type: 'line',
responsive: true,
data: {
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
datasets: [{
label: "Active Users",
borderColor: "#f96332",
pointBorderColor: "#FFF",
pointBackgroundColor: "#f96332",
pointBorderWidth: 2,
pointHoverRadius: 4,
pointHoverBorderWidth: 1,
pointRadius: 4,
fill: true,
backgroundColor: gradientFill,
borderWidth: 2,
data: [542, 480, 430, 550, 530, 453, 380, 434, 568, 610, 700, 630]
}]
},
options: gradientChartOptionsConfiguration
});
ctx = document.getElementById('lineChartExampleWithNumbersAndGrid').getContext("2d");
gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
gradientStroke.addColorStop(0, '#18ce0f');
gradientStroke.addColorStop(1, chartColor);
gradientFill = ctx.createLinearGradient(0, 170, 0, 50);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
gradientFill.addColorStop(1, hexToRGB('#18ce0f', 0.4));
myChart = new Chart(ctx, {
type: 'line',
responsive: true,
data: {
labels: ["12pm,", "3pm", "6pm", "9pm", "12am", "3am", "6am", "9am"],
datasets: [{
label: "Email Stats",
borderColor: "#18ce0f",
pointBorderColor: "#FFF",
pointBackgroundColor: "#18ce0f",
pointBorderWidth: 2,
pointHoverRadius: 4,
pointHoverBorderWidth: 1,
pointRadius: 4,
fill: true,
backgroundColor: gradientFill,
borderWidth: 2,
data: [40, 500, 650, 700, 1200, 1250, 1300, 1900]
}]
},
options: gradientChartOptionsConfigurationWithNumbersAndGrid
});
var e = document.getElementById("barChartSimpleGradientsNumbers").getContext("2d");
gradientFill = ctx.createLinearGradient(0, 170, 0, 50);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
gradientFill.addColorStop(1, hexToRGB('#2CA8FF', 0.6));
var a = {
type: "bar",
data: {
labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
datasets: [{
label: "Active Countries",
backgroundColor: gradientFill,
borderColor: "#2CA8FF",
pointBorderColor: "#FFF",
pointBackgroundColor: "#2CA8FF",
pointBorderWidth: 2,
pointHoverRadius: 4,
pointHoverBorderWidth: 1,
pointRadius: 4,
fill: true,
borderWidth: 1,
data: [80, 99, 86, 96, 123, 85, 100, 75, 88, 90, 123, 155]
}]
},
options: {
maintainAspectRatio: false,
legend: {
display: false
},
tooltips: {
bodySpacing: 4,
mode: "nearest",
intersect: 0,
position: "nearest",
xPadding: 10,
yPadding: 10,
caretPadding: 10
},
responsive: 1,
scales: {
yAxes: [{
gridLines: 0,
gridLines: {
zeroLineColor: "transparent",
drawBorder: false
}
}],
xAxes: [{
display: 0,
gridLines: 0,
ticks: {
display: false
},
gridLines: {
zeroLineColor: "transparent",
drawTicks: false,
display: false,
drawBorder: false
}
}]
},
layout: {
padding: {
left: 0,
right: 0,
top: 15,
bottom: 15
}
}
}
};
var viewsChart = new Chart(e, a);
},
initGoogleMaps: function() {
var myLatlng = new google.maps.LatLng(40.748817, -73.985428);
var mapOptions = {
zoom: 13,
center: myLatlng,
scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page
styles: [{
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#e9e9e9"
}, {
"lightness": 17
}]
}, {
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
}, {
"lightness": 20
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 17
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 29
}, {
"weight": 0.2
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 18
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#ffffff"
}, {
"lightness": 16
}]
}, {
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
}, {
"lightness": 21
}]
}, {
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [{
"color": "#dedede"
}, {
"lightness": 21
}]
}, {
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#ffffff"
}, {
"lightness": 16
}]
}, {
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
}, {
"color": "#333333"
}, {
"lightness": 40
}]
}, {
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#f2f2f2"
}, {
"lightness": 19
}]
}, {
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#fefefe"
}, {
"lightness": 20
}]
}, {
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#fefefe"
}, {
"lightness": 17
}, {
"weight": 1.2
}]
}]
};
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
title: "Hello World!"
});
// To add the marker to the map, call setMap();
marker.setMap(map);
}
};
================================================
FILE: assets/fonts/nucleo-license.md
================================================
# Standard License - nucleoapp.com
Github repo: https://github.com/NucleoApp/license-standard
By purchasing Nucleo you are being granted a license to use Nucleo icons (including the custom Nucleo icons created through the Nucleo applications) for specific uses under certain conditions.
You have rights to use Nucleo icons in unlimited personal and commercial projects for yourself or a client. Even if you don't renew the Basic license, you can still use the source files for as many projects as you want.
For each project, you can use a maximum of 250 Nucleo icons (intended per unique style: for example if you're using the same icon in both the outline and glyph styles, or in 2 different sizes, you're using 2 icons).
By purchasing Nucleo, you have the right to:
- Use Nucleo icons in unlimited personal and commercial projects.
- Use Nucleo icons in application/website/print/mobile/logo design.
- Modify Nucleo icons to create you own icon variations.
You don't have the right to:
- Sublicense, resell, share, transfer, or otherwise redistribute Nucleo icons (even for free or within a more complex downloadable file).
- Use more than 250 Nucleo icons in a single project.
- Use Nucleo icons in a product that is directly competitive with Nucleo.
## Freelance Projects & Contracted work
If you’re working on one or more projects for a client, you can share with your client a maximum of 250 Nucleo icons per project. You can’t share Nucleo source files, unless the client purchases a Nucleo license.
If the End Product you (or the team you’ve been part of) have created for the client is a product offered for sale, and the Nucleo icons contribute to the core value of the product being sold/shared, your client will have to buy an Extended License.
## End Product Users
If you're using Nucleo icons in apps, installable items or online products/services, there's no limit to the number of users/customers that can use the product you're developing (e.g. if you're developing a web application and you're using Nucleo icons throughout the design, there's no limit to the number of active users of the application).
## Templates, Themes, UI Kits & Plugins
If you’re using Nucleo icons in templates, themes or plugins offered for sale, or for free, (e.g. UI kits, Wordpress Themes, HTML/CSS Templates), you can include up to 100 icons in the downloadable source files. This limitation applies to the icon fonts as well.
The downloadable source file has to include [Nucleo license](https://github.com/NucleoApp/license-standard). No attribution or link back required, however any credit will be much appreciated.
If Nucleo icons contribute to the core value of the template, theme or plugin sold/shared (e.g. a theme builder where users can browse Nucleo icons and pick the ones to include in their design), you will need an Extended License.
## Open source projects
If you’re using Nucleo icons in open source projects, you can include up to 100 icons in the downloadable source files. This limitation applies to the icon fonts as well.
The downloadable source file has to include [Nucleo license](https://github.com/NucleoApp/license-standard). No attribution or link back required, however any credit will be much appreciated.
If Nucleo icons contribute to the core value of the open source project (e.g. a CMS where users can browse Nucleo icons and pick the ones to include in their design), you will need an Extended License.
## Extended License
If you're interested in using Nucleo icons in items offered for sale (or for free) where the Nucleo icons contribute to the core value of the product being sold/shared, you will need an Extended License.
By purchasing an Extended License, you’re also granted the right to:
- Use up to 500 icons in a single project (the one you’re purchasing the Extended License for) if the users/customers can access Nucleo source files (e.g. Nucleo icons are stored in a folder inside the downloadable file).
- Use unlimited icons if the users/customers cannot access Nucleo source files (e.g. Nucleo icons are encrypted and user can only use icons throughout the application).
The downloadable source file has to include [Nucleo Standard License](https://github.com/NucleoApp/license-standard), as well as Nucleo Extended License.
Example of products offered for sale (or for free) where Nucleo contributes to the core value of the product being sold/shared:
- Logo builder application that combines Nucleo icons to create a logo
- Theme builder where users can browse Nucleo icons and pick the ones to include in their design.
- Application used to create presentations, where users can pick Nucleo icons through the built-in presentation builder.
If you’re still unclear about what is or isn’t allowed under this license, please contact us at info@nucleoapp.com.
================================================
FILE: assets/js/now-ui-dashboard.js
================================================
/*!
=========================================================
* site.product_name - vsite.current_version
=========================================================
* Product Page: site.link_tim
* Copyright site.year Creative Tim (http://www.creative-tim.com)
* Designed by www.invisionapp.com Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
/*!
=========================================================
* Now UI Dashboard - v1.5.0
=========================================================
* Product Page: https://www.creative-tim.com/product/now-ui-dashboard
* Copyright 2019 Creative Tim (http://www.creative-tim.com)
* Designed by www.invisionapp.com Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
(function() {
isWindows = navigator.platform.indexOf('Win') > -1 ? true : false;
if (isWindows) {
// if we are on windows OS we activate the perfectScrollbar function
var ps = new PerfectScrollbar('.sidebar-wrapper');
var ps2 = new PerfectScrollbar('.main-panel');
$('html').addClass('perfect-scrollbar-on');
} else {
$('html').addClass('perfect-scrollbar-off');
}
})();
transparent = true;
transparentDemo = true;
fixedTop = false;
navbar_initialized = false;
backgroundOrange = false;
sidebar_mini_active = false;
toggle_initialized = false;
var is_iPad = navigator.userAgent.match(/iPad/i) != null;
var scrollElement = navigator.platform.indexOf('Win') > -1 ? $(".main-panel") : $(window);
seq = 0, delays = 80, durations = 500;
seq2 = 0, delays2 = 80, durations2 = 500;
$(document).ready(function() {
if ($('.full-screen-map').length == 0 && $('.bd-docs').length == 0) {
// On click navbar-collapse the menu will be white not transparent
$('.collapse').on('show.bs.collapse', function() {
$(this).closest('.navbar').removeClass('navbar-transparent').addClass('bg-white');
}).on('hide.bs.collapse', function() {
$(this).closest('.navbar').addClass('navbar-transparent').removeClass('bg-white');
});
}
$navbar = $('.navbar[color-on-scroll]');
scroll_distance = $navbar.attr('color-on-scroll') || 500;
// Check if we have the class "navbar-color-on-scroll" then add the function to remove the class "navbar-transparent" so it will transform to a plain color.
if ($('.navbar[color-on-scroll]').length != 0) {
nowuiDashboard.checkScrollForTransparentNavbar();
$(window).on('scroll', nowuiDashboard.checkScrollForTransparentNavbar)
}
$('.form-control').on("focus", function() {
$(this).parent('.input-group').addClass("input-group-focus");
}).on("blur", function() {
$(this).parent(".input-group").removeClass("input-group-focus");
});
// Activate bootstrapSwitch
$('.bootstrap-switch').each(function() {
$this = $(this);
data_on_label = $this.data('on-label') || '';
data_off_label = $this.data('off-label') || '';
$this.bootstrapSwitch({
onText: data_on_label,
offText: data_off_label
});
});
});
$(document).on('click', '.navbar-toggle', function() {
$toggle = $(this);
if (nowuiDashboard.misc.navbar_menu_visible == 1) {
$('html').removeClass('nav-open');
nowuiDashboard.misc.navbar_menu_visible = 0;
setTimeout(function() {
$toggle.removeClass('toggled');
$('#bodyClick').remove();
}, 550);
} else {
setTimeout(function() {
$toggle.addClass('toggled');
}, 580);
div = '<div id="bodyClick"></div>';
$(div).appendTo('body').click(function() {
$('html').removeClass('nav-open');
nowuiDashboard.misc.navbar_menu_visible = 0;
setTimeout(function() {
$toggle.removeClass('toggled');
$('#bodyClick').remove();
}, 550);
});
$('html').addClass('nav-open');
nowuiDashboard.misc.navbar_menu_visible = 1;
}
});
$(window).resize(function() {
// reset the seq for charts drawing animations
seq = seq2 = 0;
if ($('.full-screen-map').length == 0 && $('.bd-docs').length == 0) {
$navbar = $('.navbar');
isExpanded = $('.navbar').find('[data-toggle="collapse"]').attr("aria-expanded");
if ($navbar.hasClass('bg-white') && $(window).width() > 991) {
if (scrollElement.scrollTop() == 0) {
$navbar.removeClass('bg-white').addClass('navbar-transparent');
}
} else if ($navbar.hasClass('navbar-transparent') && $(window).width() < 991 && isExpanded != "false") {
$navbar.addClass('bg-white').removeClass('navbar-transparent');
}
}
if (is_iPad) {
$('body').removeClass('sidebar-mini');
}
});
nowuiDashboard = {
misc: {
navbar_menu_visible: 0
},
showNotification: function(from, align) {
color = 'primary';
$.notify({
icon: "now-ui-icons ui-1_bell-53",
message: "Welcome to <b>Now Ui Dashboard</b> - a beautiful freebie for every web developer."
}, {
type: color,
timer: 8000,
placement: {
from: from,
align: align
}
});
}
};
function hexToRGB(hex, alpha) {
var r = parseInt(hex.slice(1, 3), 16),
g = parseInt(hex.slice(3, 5), 16),
b = parseInt(hex.slice(5, 7), 16);
if (alpha) {
return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
} else {
return "rgb(" + r + ", " + g + ", " + b + ")";
}
}
================================================
FILE: assets/js/plugins/bootstrap-notify.js
================================================
/*
Creative Tim Modifications
Lines: 238, 239 was changed from top: 5px to top: 50% and we added margin-top: -13px. In this way the close button will be aligned vertically
Line:222 - modified when the icon is set, we add the class "alert-with-icon", so there will be enough space for the icon.
*/
/*
* Project: Bootstrap Notify = v3.1.5
* Description: Turns standard Bootstrap alerts into "Growl-like" notifications.
* Author: Mouse0270 aka Robert McIntosh
* License: MIT License
* Website: https://github.com/mouse0270/bootstrap-growl
*/
/* global define:false, require: false, jQuery:false */
(function(factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// Node/CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function($) {
// Create the defaults once
var defaults = {
element: 'body',
position: null,
type: "info",
allow_dismiss: true,
allow_duplicates: true,
newest_on_top: false,
showProgressbar: false,
placement: {
from: "top",
align: "right"
},
offset: 20,
spacing: 10,
z_index: 1060,
delay: 5000,
timer: 1000,
url_target: '_blank',
mouse_over: null,
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
},
onShow: null,
onShown: null,
onClose: null,
onClosed: null,
onClick: null,
icon_type: 'class',
template: '<div data-notify="container" class="col-xs-11 col-sm-4 alert alert-{0}" role="alert"><button type="button" aria-hidden="true" class="close" data-notify="dismiss"><i class="now-ui-icons ui-1_simple-remove"></i></button><span data-notify="icon"></span> <span data-notify="title">{1}</span> <span data-notify="message">{2}</span><div class="progress" data-notify="progressbar"><div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div></div><a href="{3}" target="{4}" data-notify="url"></a></div>'
};
String.format = function() {
var args = arguments;
var str = arguments[0];
return str.replace(/(\{\{\d\}\}|\{\d\})/g, function(str) {
if (str.substring(0, 2) === "{{") return str;
var num = parseInt(str.match(/\d/)[0]);
return args[num + 1];
});
};
function isDuplicateNotification(notification) {
var isDupe = false;
$('[data-notify="container"]').each(function(i, el) {
var $el = $(el);
var title = $el.find('[data-notify="title"]').html().trim();
var message = $el.find('[data-notify="message"]').html().trim();
// The input string might be different than the actual parsed HTML string!
// (<br> vs <br /> for example)
// So we have to force-parse this as HTML here!
var isSameTitle = title === $("<div>" + notification.settings.content.title + "</div>").html().trim();
var isSameMsg = message === $("<div>" + notification.settings.content.message + "</div>").html().trim();
var isSameType = $el.hasClass('alert-' + notification.settings.type);
if (isSameTitle && isSameMsg && isSameType) {
//we found the dupe. Set the var and stop checking.
isDupe = true;
}
return !isDupe;
});
return isDupe;
}
function Notify(element, content, options) {
// Setup Content of Notify
var contentObj = {
content: {
message: typeof content === 'object' ? content.message : content,
title: content.title ? content.title : '',
icon: content.icon ? content.icon : '',
url: content.url ? content.url : '#',
target: content.target ? content.target : '-'
}
};
options = $.extend(true, {}, contentObj, options);
this.settings = $.extend(true, {}, defaults, options);
this._defaults = defaults;
if (this.settings.content.target === "-") {
this.settings.content.target = this.settings.url_target;
}
this.animations = {
start: 'webkitAnimationStart oanimationstart MSAnimationStart animationstart',
end: 'webkitAnimationEnd oanimationend MSAnimationEnd animationend'
};
if (typeof this.settings.offset === 'number') {
this.settings.offset = {
x: this.settings.offset,
y: this.settings.offset
};
}
//if duplicate messages are not allowed, then only continue if this new message is not a duplicate of one that it already showing
if (this.settings.allow_duplicates || (!this.settings.allow_duplicates && !isDuplicateNotification(this))) {
this.init();
}
}
$.extend(Notify.prototype, {
init: function() {
var self = this;
this.buildNotify();
if (this.settings.content.icon) {
this.setIcon();
}
if (this.settings.content.url != "#") {
this.styleURL();
}
this.styleDismiss();
this.placement();
this.bind();
this.notify = {
$ele: this.$ele,
update: function(command, update) {
var commands = {};
if (typeof command === "string") {
commands[command] = update;
} else {
commands = command;
}
for (var cmd in commands) {
switch (cmd) {
case "type":
this.$ele.removeClass('alert-' + self.settings.type);
this.$ele.find('[data-notify="progressbar"] > .progress-bar').removeClass('progress-bar-' + self.settings.type);
self.settings.type = commands[cmd];
this.$ele.addClass('alert-' + commands[cmd]).find('[data-notify="progressbar"] > .progress-bar').addClass('progress-bar-' + commands[cmd]);
break;
case "icon":
var $icon = this.$ele.find('[data-notify="icon"]');
if (self.settings.icon_type.toLowerCase() === 'class') {
$icon.removeClass(self.settings.content.icon).addClass(commands[cmd]);
} else {
if (!$icon.is('img')) {
$icon.find('img');
}
$icon.attr('src', commands[cmd]);
}
self.settings.content.icon = commands[command];
break;
case "progress":
var newDelay = self.settings.delay - (self.settings.delay * (commands[cmd] / 100));
this.$ele.data('notify-delay', newDelay);
this.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', commands[cmd]).css('width', commands[cmd] + '%');
break;
case "url":
this.$ele.find('[data-notify="url"]').attr('href', commands[cmd]);
break;
case "target":
this.$ele.find('[data-notify="url"]').attr('target', commands[cmd]);
break;
default:
this.$ele.find('[data-notify="' + cmd + '"]').html(commands[cmd]);
}
}
var posX = this.$ele.outerHeight() + parseInt(self.settings.spacing) + parseInt(self.settings.offset.y);
self.reposition(posX);
},
close: function() {
self.close();
}
};
},
buildNotify: function() {
var content = this.settings.content;
this.$ele = $(String.format(this.settings.template, this.settings.type, content.title, content.message, content.url, content.target));
this.$ele.attr('data-notify-position', this.settings.placement.from + '-' + this.settings.placement.align);
if (!this.settings.allow_dismiss) {
this.$ele.find('[data-notify="dismiss"]').css('display', 'none');
}
if ((this.settings.delay <= 0 && !this.settings.showProgressbar) || !this.settings.showProgressbar) {
this.$ele.find('[data-notify="progressbar"]').remove();
}
},
setIcon: function() {
this.$ele.addClass('alert-with-icon');
if (this.settings.icon_type.toLowerCase() === 'class') {
this.$ele.find('[data-notify="icon"]').addClass(this.settings.content.icon);
} else {
if (this.$ele.find('[data-notify="icon"]').is('img')) {
this.$ele.find('[data-notify="icon"]').attr('src', this.settings.content.icon);
} else {
this.$ele.find('[data-notify="icon"]').append('<img src="' + this.settings.content.icon + '" alt="Notify Icon" />');
}
}
},
styleDismiss: function() {
this.$ele.find('[data-notify="dismiss"]').css({
position: 'absolute',
right: '10px',
top: '50%',
marginTop: '-13px',
zIndex: this.settings.z_index + 2
});
},
styleURL: function() {
this.$ele.find('[data-notify="url"]').css({
backgroundImage: 'url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)',
height: '100%',
left: 0,
position: 'absolute',
top: 0,
width: '100%',
zIndex: this.settings.z_index + 1
});
},
placement: function() {
var self = this,
offsetAmt = this.settings.offset.y,
css = {
display: 'inline-block',
margin: '0px auto',
position: this.settings.position ? this.settings.position : (this.settings.element === 'body' ? 'fixed' : 'absolute'),
transition: 'all .5s ease-in-out',
zIndex: this.settings.z_index
},
hasAnimation = false,
settings = this.settings;
$('[data-notify-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]:not([data-closing="true"])').each(function() {
offsetAmt = Math.max(offsetAmt, parseInt($(this).css(settings.placement.from)) + parseInt($(this).outerHeight()) + parseInt(settings.spacing));
});
if (this.settings.newest_on_top === true) {
offsetAmt = this.settings.offset.y;
}
css[this.settings.placement.from] = offsetAmt + 'px';
switch (this.settings.placement.align) {
case "left":
case "right":
css[this.settings.placement.align] = this.settings.offset.x + 'px';
break;
case "center":
css.left = 0;
css.right = 0;
break;
}
this.$ele.css(css).addClass(this.settings.animate.enter);
$.each(Array('webkit-', 'moz-', 'o-', 'ms-', ''), function(index, prefix) {
self.$ele[0].style[prefix + 'AnimationIterationCount'] = 1;
});
$(this.settings.element).append(this.$ele);
if (this.settings.newest_on_top === true) {
offsetAmt = (parseInt(offsetAmt) + parseInt(this.settings.spacing)) + this.$ele.outerHeight();
this.reposition(offsetAmt);
}
if ($.isFunction(self.settings.onShow)) {
self.settings.onShow.call(this.$ele);
}
this.$ele.one(this.animations.start, function() {
hasAnimation = true;
}).one(this.animations.end, function() {
self.$ele.removeClass(self.settings.animate.enter);
if ($.isFunction(self.settings.onShown)) {
self.settings.onShown.call(this);
}
});
setTimeout(function() {
if (!hasAnimation) {
if ($.isFunction(self.settings.onShown)) {
self.settings.onShown.call(this);
}
}
}, 600);
},
bind: function() {
var self = this;
this.$ele.find('[data-notify="dismiss"]').on('click', function() {
self.close();
});
if ($.isFunction(self.settings.onClick)) {
this.$ele.on('click', function(event) {
if (event.target != self.$ele.find('[data-notify="dismiss"]')[0]) {
self.settings.onClick.call(this, event);
}
});
}
this.$ele.mouseover(function() {
$(this).data('data-hover', "true");
}).mouseout(function() {
$(this).data('data-hover', "false");
});
this.$ele.data('data-hover', "false");
if (this.settings.delay > 0) {
self.$ele.data('notify-delay', self.settings.delay);
var timer = setInterval(function() {
var delay = parseInt(self.$ele.data('notify-delay')) - self.settings.timer;
if ((self.$ele.data('data-hover') === 'false' && self.settings.mouse_over === "pause") || self.settings.mouse_over != "pause") {
var percent = ((self.settings.delay - delay) / self.settings.delay) * 100;
self.$ele.data('notify-delay', delay);
self.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', percent).css('width', percent + '%');
}
if (delay <= -(self.settings.timer)) {
clearInterval(timer);
self.close();
}
}, self.settings.timer);
}
},
close: function() {
var self = this,
posX = parseInt(this.$ele.css(this.settings.placement.from)),
hasAnimation = false;
this.$ele.attr('data-closing', 'true').addClass(this.settings.animate.exit);
self.reposition(posX);
if ($.isFunction(self.settings.onClose)) {
self.settings.onClose.call(this.$ele);
}
this.$ele.one(this.animations.start, function() {
hasAnimation = true;
}).one(this.animations.end, function() {
$(this).remove();
if ($.isFunction(self.settings.onClosed)) {
self.settings.onClosed.call(this);
}
});
setTimeout(function() {
if (!hasAnimation) {
self.$ele.remove();
if (self.settings.onClosed) {
self.settings.onClosed(self.$ele);
}
}
}, 600);
},
reposition: function(posX) {
var self = this,
notifies = '[data-notify-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]:not([data-closing="true"])',
$elements = this.$ele.nextAll(notifies);
if (this.settings.newest_on_top === true) {
$elements = this.$ele.prevAll(notifies);
}
$elements.each(function() {
$(this).css(self.settings.placement.from, posX);
posX = (parseInt(posX) + parseInt(self.settings.spacing)) + $(this).outerHeight();
});
}
});
$.notify = function(content, options) {
var plugin = new Notify(this, content, options);
return plugin.notify;
};
$.notifyDefaults = function(options) {
defaults = $.extend(true, {}, defaults, options);
return defaults;
};
$.notifyClose = function(selector) {
if (typeof selector === "undefined" || selector === "all") {
$('[data-notify]').find('[data-notify="dismiss"]').trigger('click');
} else if (selector === 'success' || selector === 'info' || selector === 'warning' || selector === 'danger') {
$('.alert-' + selector + '[data-notify]').find('[data-notify="dismiss"]').trigger('click');
} else if (selector) {
$(selector + '[data-notify]').find('[data-notify="dismiss"]').trigger('click');
} else {
$('[data-notify-position="' + selector + '"]').find('[data-notify="dismiss"]').trigger('click');
}
};
$.notifyCloseExcept = function(selector) {
if (selector === 'success' || selector === 'info' || selector === 'warning' || selector === 'danger') {
$('[data-notify]').not('.alert-' + selector).find('[data-notify="dismiss"]').trigger('click');
} else {
$('[data-notify]').not(selector).find('[data-notify="dismiss"]').trigger('click');
}
};
}));
================================================
FILE: assets/scss/now-ui-dashboard/_alerts.scss
================================================
.alert{
border: 0;
border-radius: $border-radius-small;
color: $white-color;
padding-top: .9rem;
padding-bottom: .9rem;
position: relative;
&.alert-success{
background-color: lighten($success-color, 5%);
}
&.alert-danger{
background-color: lighten($danger-color, 5%);
}
&.alert-warning{
background-color: lighten($warning-color, 5%);
}
&.alert-info{
background-color: lighten($info-color, 5%);
}
&.alert-primary{
background-color: lighten($primary-color, 5%);
}
i.fa,
i.now-ui-icons{
font-size: 20px;
}
.close{
color: $white-color !important;
opacity: .9;
text-shadow: none;
line-height: 0;
outline: 0;
}
span[data-notify="icon"]{
font-size: 22px;
display: block;
left: 19px;
position: absolute;
top: 50%;
margin-top: -11px;
}
button.close{
position: absolute;
right: 10px;
top: 50%;
margin-top: -13px;
width: 25px;
height: 25px;
padding: 3px;
}
.close ~ span{
display: block;
max-width: 89%;
}
&.alert-with-icon{
padding-left: 65px;
}
}
================================================
FILE: assets/scss/now-ui-dashboard/_buttons.scss
================================================
.btn,
.navbar .navbar-nav > a.btn{
border-width: $border-thick;
font-weight: $font-weight-normal;
font-size: $font-size-small;
line-height: $line-height;
border: none;
margin:10px 1px;
border-radius: $border-radius-small;
padding: $padding-btn-vertical $padding-btn-horizontal;
cursor: pointer;
@include btn-styles($default-color, $default-states-color);
&:hover,
&:focus{
@include opacity(1);
outline: 0 !important;
}
&:active,
&.active,
.open > &.dropdown-toggle {
@include box-shadow(none);
outline: 0 !important;
}
.badge{
margin: 0;
}
&.btn-icon {
// see above for color variations
height: $btn-icon-size-regular;
min-width: $btn-icon-size-regular;
width: $btn-icon-size-regular;
padding: 0;
font-size: $btn-icon-font-size-regular;
overflow: hidden;
position: relative;
line-height: normal;
&[class*="btn-outline-"]{
padding: 0 !important;
}
&.btn-sm{
height: $btn-icon-size-small;
min-width: $btn-icon-size-small;
width: $btn-icon-size-small;
.fa,
.far,
.fas,
.now-ui-icons{
font-size: $btn-icon-font-size-small;
}
}
&.btn-lg{
height: $btn-icon-size-lg;
min-width: $btn-icon-size-lg;
width: $btn-icon-size-lg;
.fa,
.far,
.fas,
.now-ui-icons{
font-size: $btn-icon-font-size-lg;
}
}
&:not(.btn-footer) .now-ui-icons,
&:not(.btn-footer) .fa,
&:not(.btn-footer) .far,
&:not(.btn-footer) .fas{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-12px, -12px);
line-height: 1.5626rem;
width: 24px;
}
}
&:not(.btn-icon) .now-ui-icons{
position: relative;
top: 1px;
}
}
// Apply the mixin to the buttons
// .btn-default { @include btn-styles($default-color, $default-states-color); }
.btn-primary { @include btn-styles($primary-color, $primary-states-color); }
.btn-success { @include btn-styles($success-color, $success-states-color); }
.btn-info { @include btn-styles($info-color, $info-states-color); }
.btn-warning { @include btn-styles($warning-color, $warning-states-color); }
.btn-danger { @include btn-styles($danger-color, $danger-states-color); }
.btn-neutral { @include btn-styles($white-color, $white-color); }
.btn-outline-primary { @include outline-buttons($primary-color, $primary-states-color); }
.btn-outline-success { @include outline-buttons($success-color, $success-states-color); }
.btn-outline-info { @include outline-buttons($info-color, $info-states-color); }
.btn-outline-warning { @include outline-buttons($warning-color, $warning-states-color); }
.btn-outline-danger { @include outline-buttons($danger-color, $danger-states-color); }
.btn-outline-default { @include outline-buttons($default-color, $default-states-color); }
.btn{
&:disabled,
&[disabled],
&.disabled{
@include opacity(.5);
pointer-events: none;
}
}
[class*="btn-outline-"]{
border: $border;
padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
background-color: $transparent-bg;
}
[class*="btn-outline-"],
.btn-link{
&.disabled,
&:disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&.focus,
&:active,
&.active {
background-color: $transparent-bg;
}
}
}
.btn-link{
border: $none;
padding: $padding-base-vertical $padding-base-horizontal;
background-color: $transparent-bg;
}
.btn-lg{
@include btn-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
}
.btn-sm{
@include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-base, $border-radius-small);
}
.btn-wd {
min-width: 140px;
}
.btn-group.select{
width: 100%;
}
.btn-group.select .btn{
text-align: left;
}
.btn-group.select .caret{
position: absolute;
top: 50%;
margin-top: -1px;
right: 8px;
}
.btn-round{
border-width: $border-thin;
border-radius: $btn-round-radius;
padding-right: $padding-round-horizontal;
padding-left: $padding-round-horizontal;
&[class*="btn-outline-"]:not(.btn-sm):not(.btn-lg){
padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
}
}
.no-caret {
&.dropdown-toggle::after {
display: none;
}
}
================================================
FILE: assets/scss/now-ui-dashboard/_cards.scss
================================================
.card{
border: 0;
border-radius: $border-radius-small;
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 20px;
box-shadow: $box-shadow;
[data-notify="container"].alert {
min-width: auto;
left: unset !important;
right: unset !important;
}
.card-body{
padding: 15px 15px 10px 15px;
&.table-full-width{
padding-left: 0;
padding-right: 0;
}
}
.card-header{
&:not([data-background-color]){
background-color: transparent;
}
padding: 15px 15px 0;
border: 0;
.card-title{
margin-top: 10px;
}
}
.map{
border-radius: $border-radius-small;
&.map-big{
height: 400px;
}
}
&[data-background-color="orange"]{
background-color: $primary-color;
.card-header{
background-color: $primary-color;
}
.card-footer{
.stats{
color: $white-color;
}
}
}
&[data-background-color="red"]{
background-color: $danger-color;
}
&[data-background-color="yellow"]{
background-color: $warning-color;
}
&[data-background-color="blue"]{
background-color: $info-color;
}
&[data-background-color="green"]{
background-color: $success-color;
}
.image{
overflow: hidden;
height: 200px;
position: relative;
}
.avatar{
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 15px;
}
label{
font-size: $font-size-small;
margin-bottom: 5px;
color: $dark-gray;
}
.card-footer{
background-color: transparent;
border: 0;
.stats{
i{
margin-right: 5px;
position: relative;
top: 2px;
}
}
.btn{
margin: 0;
}
}
}
================================================
FILE: assets/scss/now-ui-dashboard/_checkboxes-radio.scss
================================================
.form-check{
margin-top: .5rem;
}
.form-check .form-check-label{
display: inline-block;
position: relative;
cursor: pointer;
padding-left: 35px;
line-height: 26px;
margin-bottom: 0;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.radio .form-check-sign{
padding-left: 28px;
}
.form-check .form-check-sign::before,
.form-check .form-check-sign::after{
content: " ";
display: inline-block;
position: absolute;
width: 26px;
height: 26px;
left: 0;
cursor: pointer;
border-radius: 3px;
top: 0;
background-color: transparent;
border: 1px solid $light-gray;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.form-check .form-check-sign::after{
font-family: 'Nucleo Outline';
content: "\ea22";
top: 0px;
text-align: center;
font-size: 14px;
opacity: 0;
color: $dark-background;
border: 0;
background-color: inherit;
}
.form-check.disabled .form-check-label,
.form-check.disabled .form-check-label {
color: $dark-gray;
opacity: .5;
cursor: not-allowed;
}
.form-check input[type="checkbox"],
.radio input[type="radio"]{
opacity: 0;
position: absolute;
visibility: hidden;
}
.form-check input[type="checkbox"]:checked + .form-check-sign::after{
opacity: 1;
}
.form-control input[type="checkbox"]:disabled + .form-check-sign::before,
.checkbox input[type="checkbox"]:disabled + .form-check-sign::after{
cursor: not-allowed;
}
.form-check input[type="checkbox"]:disabled + .form-check-sign,
.form-check input[type="radio"]:disabled + .form-check-sign{
pointer-events: none;
}
.form-check-radio .form-check-sign::before,
.form-check-radio .form-check-sign::after{
content: " ";
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid $light-gray;
display: inline-block;
position: absolute;
left: 3px;
top: 3px;
padding: 1px;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.form-check-radio input[type="radio"] + .form-check-sign:after,
.form-check-radio input[type="radio"] {
opacity: 0;
}
.form-check-radio input[type="radio"]:checked + .form-check-sign::after {
width: 4px;
height: 4px;
background-color: $dark-background;
border-color: $dark-background;
top: 11px;
left: 11px;
opacity: 1;
}
.form-check-radio input[type="radio"]:checked + .form-check-sign::after{
opacity: 1;
}
.form-check-radio input[type="radio"]:disabled + .form-check-sign {
color: $dark-gray;
}
.form-check-radio input[type="radio"]:disabled + .form-check-sign::before,
.form-check-radio input[type="radio"]:disabled + .form-check-sign::after {
color: $dark-gray;
}
================================================
FILE: assets/scss/now-ui-dashboard/_dropdown.scss
================================================
.dropdown-menu{
border: 0;
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
border-radius: $border-radius-extra-small;
@include transition($fast-transition-time, $transition-linear);
font-size: $font-size-base;
&.dropdown-menu-right{
&:before{
left:auto;
right: 10px;
}
}
i{
margin-right: 5px;
position: relative;
top: 1px;
}
.now-ui-icons{
margin-right: 10px;
position: relative;
top: 4px;
font-size: 18px;
margin-top: -5px;
opacity: .5;
}
.dropdown-item{
&.active,
&:active{
color: inherit;
}
}
.dropup &{
&:before{
display: none;
}
&:after{
display: inline-block;
position: absolute;
width: 0;
height: 0;
vertical-align: middle;
content: "";
top: auto;
bottom: -5px;
right: auto;
left: 10px;
color: $white-color;
border-top: .4em solid;
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
&.dropdown-menu-right{
&:after{
right: 10px;
left: auto;
}
}
}
&:before{
display: inline-block;
position: absolute;
width: 0;
height: 0;
vertical-align: middle;
content: "";
top: -5px;
left: 10px;
right: auto;
color: $white-color;
border-bottom: .4em solid;
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
&.dropdown-menu-right{
right: 0 !important;
left: auto !important;
}
.dropdown-item,
.bootstrap-select &.inner li a{
font-size: $font-size-small;
padding-top: .6rem;
padding-bottom: .6rem;
margin-top: 5px;
@include transition($fast-transition-time, $transition-linear);
&:hover,
&:focus{
background-color: $opacity-gray-3;
outline: 0;
}
&.disabled,
&:disabled{
color: $default-color-opacity;
&:hover,
&:focus{
background-color: transparent;
}
}
}
.dropdown-divider{
background-color: $opacity-gray-5;
}
.dropdown-header:not([href]):not([tabindex]){
color: $default-color-opacity;
font-size: $font-size-mini;
text-transform: uppercase;
font-weight: $font-weight-bold;
}
&.dropdown-primary{
@include dropdown-colors(darken($primary-color, 3%),$opacity-8,$white-color, $opacity-2);
}
&.dropdown-info{
@include dropdown-colors(darken($info-color, 3%),$opacity-8,$white-color, $opacity-2);
}
&.dropdown-danger{
@include dropdown-colors(darken($danger-color, 3%),$opacity-8,$white-color, $opacity-2);
}
&.dropdown-success{
@include dropdown-colors(darken($success-color, 3%),$opacity-8,$white-color, $opacity-2);
}
&.dropdown-warning{
@include dropdown-colors(darken($warning-color, 3%),$opacity-8,$white-color, $opacity-2);
}
.dropdown &:not(.inner),
.dropup:not(.bootstrap-select) &,
&.bootstrap-datetimepicker-widget.top,
&.bootstrap-datetimepicker-widget.bottom{
visibility: hidden;
display: block;
@include opacity(0);
top: 100% !important;
}
.dropdown &:not(.inner),
&.bootstrap-datetimepicker-widget.bottom{
@include transform-translate-y-dropdown(-20px);
}
.bootstrap-select.dropup &:not(.inner){
@include transform-translate-y-dropdown(25px);
}
.dropup:not(.bootstrap-select) &,
&.bootstrap-datetimepicker-widget.top{
@include transform-translate-y-dropdown(20px);
top: auto !important;
bottom: 100%;
}
.dropdown.show &:not(.inner),
&.bootstrap-datetimepicker-widget.top.open,
&.bootstrap-datetimepicker-widget.bottom.open,
.dropup.show:not(.bootstrap-select) &,
.navbar .dropdown.show &{
@include opacity(1);
visibility: visible;
}
.dropdown.show &:not(.inner),
&.bootstrap-datetimepicker-widget.bottom.open,
.navbar .dropdown.show &{
@include transform-translate-y-dropdown(1px);
}
.dropup.show:not(.bootstrap-select) &,
gitextract_84eb6eeq/ ├── .github/ │ └── workflows/ │ └── main.yml ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── LICENSE.md ├── README.md ├── assets/ │ ├── css/ │ │ └── now-ui-dashboard.css │ ├── demo/ │ │ ├── demo.css │ │ └── demo.js │ ├── fonts/ │ │ └── nucleo-license.md │ ├── js/ │ │ ├── now-ui-dashboard.js │ │ └── plugins/ │ │ └── bootstrap-notify.js │ └── scss/ │ ├── now-ui-dashboard/ │ │ ├── _alerts.scss │ │ ├── _buttons.scss │ │ ├── _cards.scss │ │ ├── _checkboxes-radio.scss │ │ ├── _dropdown.scss │ │ ├── _fixed-plugin.scss │ │ ├── _footers.scss │ │ ├── _images.scss │ │ ├── _inputs.scss │ │ ├── _misc.scss │ │ ├── _mixins.scss │ │ ├── _navbar.scss │ │ ├── _nucleo-outline.scss │ │ ├── _page-header.scss │ │ ├── _responsive.scss │ │ ├── _sidebar-and-main-panel.scss │ │ ├── _tables.scss │ │ ├── _typography.scss │ │ ├── _variables.scss │ │ ├── cards/ │ │ │ ├── _card-chart.scss │ │ │ ├── _card-map.scss │ │ │ ├── _card-plain.scss │ │ │ └── _card-user.scss │ │ ├── mixins/ │ │ │ ├── _buttons.scss │ │ │ ├── _cards.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _inputs.scss │ │ │ ├── _page-header.scss │ │ │ ├── _sidebar.scss │ │ │ ├── _transparency.scss │ │ │ └── _vendor-prefixes.scss │ │ └── plugins/ │ │ ├── _plugin-animate-bootstrap-notify.scss │ │ └── _plugin-perfect-scrollbar.scss │ └── now-ui-dashboard.scss ├── docs/ │ └── documentation.html ├── examples/ │ ├── dashboard.html │ ├── icons.html │ ├── map.html │ ├── notifications.html │ ├── tables.html │ ├── typography.html │ ├── upgrade.html │ └── user.html ├── genezio.yaml ├── gulpfile.js ├── index.html ├── nucleo-icons.html └── package.json
SYMBOL INDEX (3 symbols across 2 files)
FILE: assets/js/now-ui-dashboard.js
function hexToRGB (line 180) | function hexToRGB(hex, alpha) {
FILE: assets/js/plugins/bootstrap-notify.js
function isDuplicateNotification (line 81) | function isDuplicateNotification(notification) {
function Notify (line 106) | function Notify(element, content, options) {
Condensed preview — 59 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (498K chars).
[
{
"path": ".github/workflows/main.yml",
"chars": 1301,
"preview": "name: Autocloser\non: [issues]\njobs:\n autoclose:\n runs-on: ubuntu-latest\n steps:\n - name: Issue auto-closer\n "
},
{
"path": "CHANGELOG.md",
"chars": 808,
"preview": "# Change Log\n\n## [1.5.0] 2019-12-18\n### Updates\n- added latest version of Bootstrap `4.4.1`\n\n## [1.4.0] 2019-07-04\n### U"
},
{
"path": "ISSUE_TEMPLATE.md",
"chars": 392,
"preview": "<!--\r\n IMPORTANT: Please use the following link to create a new issue:\r\n\r\n https://www.creative-tim.com/new-issue/now-u"
},
{
"path": "LICENSE.md",
"chars": 1176,
"preview": "MIT License\n\nCopyright (c) 2017 Creative Tim\n\nDesigned by Invision (https://www.invisionapp.com). Coded by Creative Tim "
},
{
"path": "README.md",
"chars": 9210,
"preview": "# [Now UI Dashboard](https://demos.creative-tim.com/now-ui-dashboard/examples/dashboard.html) [![Tweet](https://img.shie"
},
{
"path": "assets/css/now-ui-dashboard.css",
"chars": 127156,
"preview": "/*!\n\n =========================================================\n * Now UI Dashboard - v1.5.0\n =========================="
},
{
"path": "assets/demo/demo.css",
"chars": 904,
"preview": ".tim-row {\n margin-bottom: 20px;\n}\n\n.tim-white-buttons {\n background-color: #777777;\n}\n\n.typography-line {\n padding-l"
},
{
"path": "assets/demo/demo.js",
"chars": 15210,
"preview": "demo = {\n initPickColor: function() {\n $('.pick-class-label').click(function() {\n var new_class = $(this).attr("
},
{
"path": "assets/fonts/nucleo-license.md",
"chars": 4832,
"preview": "# Standard License - nucleoapp.com\n\nGithub repo: https://github.com/NucleoApp/license-standard\n\nBy purchasing Nucleo you"
},
{
"path": "assets/js/now-ui-dashboard.js",
"chars": 5592,
"preview": "/*!\n\n =========================================================\n * site.product_name - vsite.current_version\n =========="
},
{
"path": "assets/js/plugins/bootstrap-notify.js",
"chars": 15615,
"preview": "/*\n\n\n\n Creative Tim Modifications\n\n Lines: 238, 239 was changed from top: 5px to top: 50% and we added margin-to"
},
{
"path": "assets/scss/now-ui-dashboard/_alerts.scss",
"chars": 1282,
"preview": ".alert{\n border: 0;\n border-radius: $border-radius-small;\n color: $white-color;\n padding-top: .9rem;\n pad"
},
{
"path": "assets/scss/now-ui-dashboard/_buttons.scss",
"chars": 4738,
"preview": ".btn,\n.navbar .navbar-nav > a.btn{\n border-width: $border-thick;\n font-weight: $font-weight-normal;\n font-size:"
},
{
"path": "assets/scss/now-ui-dashboard/_cards.scss",
"chars": 2053,
"preview": ".card{\n border: 0;\n border-radius: $border-radius-small;\n display: inline-block;\n position: relative;\n wi"
},
{
"path": "assets/scss/now-ui-dashboard/_checkboxes-radio.scss",
"chars": 3032,
"preview": ".form-check{\n margin-top: .5rem;\n}\n\n.form-check .form-check-label{\n display: inline-block;\n position: relative;\n curs"
},
{
"path": "assets/scss/now-ui-dashboard/_dropdown.scss",
"chars": 4927,
"preview": ".dropdown-menu{\n border: 0;\n box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);\n border-radius: $border-radius-e"
},
{
"path": "assets/scss/now-ui-dashboard/_fixed-plugin.scss",
"chars": 6801,
"preview": ".fixed-plugin{\n position: fixed;\n right: 0;\n width: 64px;\n background: rgba(0,0,0,.3);\n z-index: 1031;\n "
},
{
"path": "assets/scss/now-ui-dashboard/_footers.scss",
"chars": 918,
"preview": ".footer{\n padding: 24px 0;\n\n &.footer-default{\n background-color: #f2f2f2;\n }\n\n nav{\n display:"
},
{
"path": "assets/scss/now-ui-dashboard/_images.scss",
"chars": 120,
"preview": "img{\n max-width: 100%;\n border-radius: $border-radius-small;\n}\n.img-raised{\n box-shadow: $box-shadow-raised;\n}\n"
},
{
"path": "assets/scss/now-ui-dashboard/_inputs.scss",
"chars": 8673,
"preview": "@include form-control-placeholder($default-color, 1);\n\n.form-control {\n background-color: $transparent-bg;\n border"
},
{
"path": "assets/scss/now-ui-dashboard/_misc.scss",
"chars": 1548,
"preview": "body{\n color: $black-color;\n font-size: $font-size-base;\n font-family: $sans-serif-family;\n -moz-osx-font-sm"
},
{
"path": "assets/scss/now-ui-dashboard/_mixins.scss",
"chars": 236,
"preview": "//Components\n@import \"mixins/buttons\";\n@import \"mixins/vendor-prefixes\";\n@import \"mixins/inputs\";\n@import \"mixins/page-h"
},
{
"path": "assets/scss/now-ui-dashboard/_navbar.scss",
"chars": 5994,
"preview": ".navbar{\n padding-top: $navbar-padding-base;\n padding-bottom: $navbar-padding-base;\n min-height: 53px;\n marg"
},
{
"path": "assets/scss/now-ui-dashboard/_nucleo-outline.scss",
"chars": 9466,
"preview": "/* --------------------------------\n\nNucleo Outline Web Font - nucleoapp.com/\nLicense - nucleoapp.com/license/\nCreated u"
},
{
"path": "assets/scss/now-ui-dashboard/_page-header.scss",
"chars": 1571,
"preview": ".page-header{\n min-height: 100vh;\n max-height: 999px;\n padding: 0;\n color: $white-color;\n position: relat"
},
{
"path": "assets/scss/now-ui-dashboard/_responsive.scss",
"chars": 6206,
"preview": "@media screen and (max-width: 991px){\n .profile-photo .profile-photo-small{\n margin-left: -2px;\n }\n\n .bu"
},
{
"path": "assets/scss/now-ui-dashboard/_sidebar-and-main-panel.scss",
"chars": 7294,
"preview": ".wrapper{\n position: relative;\n top: 0;\n height: 100vh;\n\n &.wrapper-full-page{\n min-height: 100vh;\n "
},
{
"path": "assets/scss/now-ui-dashboard/_tables.scss",
"chars": 2949,
"preview": ".table{\n\n .img-wrapper{\n width: 40px;\n height: 40px;\n border-radius: 50%;\n overflow: hidden;\n "
},
{
"path": "assets/scss/now-ui-dashboard/_typography.scss",
"chars": 3125,
"preview": "button,\ninput,\noptgroup,\nselect,\ntextarea{\n font-family: $sans-serif-family;\n}\nh1,h2,h3,h4,h5,h6{\n font-weight: $f"
},
{
"path": "assets/scss/now-ui-dashboard/_variables.scss",
"chars": 11299,
"preview": "//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n$sans-serif-family: "
},
{
"path": "assets/scss/now-ui-dashboard/cards/_card-chart.scss",
"chars": 635,
"preview": ".card-chart {\n .card-header{\n .card-title{\n margin-top: 10px;\n margin-bottom: 0;\n }\n .card-category{"
},
{
"path": "assets/scss/now-ui-dashboard/cards/_card-map.scss",
"chars": 27,
"preview": ".map{\n height: 500px;\n}\n"
},
{
"path": "assets/scss/now-ui-dashboard/cards/_card-plain.scss",
"chars": 298,
"preview": "\n.card-plain{\n background: transparent;\n box-shadow: none;\n\n .card-header,\n .card-footer{\n margin-lef"
},
{
"path": "assets/scss/now-ui-dashboard/cards/_card-user.scss",
"chars": 539,
"preview": ".card-user{\n .image{\n height: 120px;\n }\n\n .author{\n text-align: center;\n text-transform: n"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_buttons.scss",
"chars": 4020,
"preview": "// Mixin for generating new styles\n@mixin btn-styles($btn-color, $btn-states-color) {\n background-color: $btn-color;\n"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_cards.scss",
"chars": 92,
"preview": "@mixin icon-color($color) {\n box-shadow: 0px 9px 30px -6px $color;\n color: $color;\n}\n"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_dropdown.scss",
"chars": 512,
"preview": "@mixin dropdown-colors($brand-color, $dropdown-header-color, $dropdown-color, $background-color ) {\n background-color"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_inputs.scss",
"chars": 6118,
"preview": "@mixin input-size($padding-vertical, $padding-horizontal){\n padding: $padding-vertical $padding-horizontal;\n}\n\n@mixin"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_page-header.scss",
"chars": 474,
"preview": "@mixin linear-gradient($color1, $color2){\n background: $color1; /* For browsers that do not support gradients */\n "
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_sidebar.scss",
"chars": 2768,
"preview": "@mixin sidebar() {\n .sidebar,\n .bootstrap-navbar {\n position: fixed;\n display: block;\n top: 0;\n he"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_transparency.scss",
"chars": 152,
"preview": "// Opacity\n\n@mixin opacity($opacity) {\n opacity: $opacity;\n // IE8 filter\n $opacity-ie: ($opacity * 100);\n filter: #"
},
{
"path": "assets/scss/now-ui-dashboard/mixins/_vendor-prefixes.scss",
"chars": 6422,
"preview": "@mixin box-shadow($shadow...) {\n -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\n box-shadow: $shadow;"
},
{
"path": "assets/scss/now-ui-dashboard/plugins/_plugin-animate-bootstrap-notify.scss",
"chars": 3315,
"preview": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// This file was modified by Creative Tim to keep only the animation that we need for Bootstrap Notify\n\n"
},
{
"path": "assets/scss/now-ui-dashboard/plugins/_plugin-perfect-scrollbar.scss",
"chars": 2598,
"preview": "/*\n * Container style\n */\n.ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n to"
},
{
"path": "assets/scss/now-ui-dashboard.scss",
"chars": 1631,
"preview": "/*!\n\n =========================================================\n * Now UI Dashboard - v1.5.0\n =========================="
},
{
"path": "docs/documentation.html",
"chars": 5119,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"utf-8\" />\n <link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"."
},
{
"path": "examples/dashboard.html",
"chars": 20309,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/icons.html",
"chars": 40235,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/map.html",
"chars": 9285,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/notifications.html",
"chars": 15398,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/tables.html",
"chars": 17149,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/typography.html",
"chars": 13216,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/upgrade.html",
"chars": 12491,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "examples/user.html",
"chars": 14082,
"preview": "<!--\n\n=========================================================\n* Now UI Dashboard - v1.5.0\n============================"
},
{
"path": "genezio.yaml",
"chars": 504,
"preview": "name: now-ui-dashboard\nregion: us-east-1\nfrontend:\n # Specifies the path of your code.\n path: .\n # Specifies the fold"
},
{
"path": "gulpfile.js",
"chars": 861,
"preview": "var gulp = require('gulp');\nvar path = require('path');\nvar sass = require('gulp-sass');\nvar autoprefixer = require('gul"
},
{
"path": "index.html",
"chars": 94,
"preview": "<script>\n window.location.href=window.location.origin+'/examples/dashboard.html';\n</script>"
},
{
"path": "nucleo-icons.html",
"chars": 26708,
"preview": "<!doctype html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "package.json",
"chars": 492,
"preview": "{\n \"name\": \"now-ui-dashboard\",\n \"description\": \"Bootstrap 4 Now UI Design\",\n \"version\": \"1.5.0\",\n \"homepage\": \"http:"
}
]
About this extraction
This page contains the full source code of the creativetimofficial/now-ui-dashboard GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 59 files (459.0 KB), approximately 124.3k tokens, and a symbol index with 3 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.