From e732de193629b747ab51e582a48fb98d18567854 Mon Sep 17 00:00:00 2001 From: Manu Date: Thu, 24 Jan 2019 12:03:33 +0200 Subject: [PATCH] - Run prettier - Added hexToRgb function - Made all primary, success.. colors, linear gradients and box shadows to use the hexToRgb function - no more hardcoded colors - Solved #66 --- CHANGELOG.md | 11 +- .../assets/css/demo-documentation.css | 621 +- .../assets/css/material-dashboard.css | 7788 +++++++++-------- src/assets/css/material-dashboard-react.css | 531 +- src/assets/jss/material-dashboard-react.jsx | 118 +- .../checkboxAdnRadioStyle.jsx | 18 +- .../components/buttonStyle.jsx | 36 +- .../components/customInputStyle.jsx | 10 +- .../components/headerLinksStyle.jsx | 2 +- .../components/headerStyle.jsx | 10 +- .../components/rtlHeaderLinksStyle.jsx | 2 +- .../components/sidebarStyle.jsx | 20 +- .../components/tableStyle.jsx | 12 +- .../components/tasksStyle.jsx | 4 +- .../components/typographyStyle.jsx | 10 +- .../dropdownStyle.jsx | 2 +- .../layouts/rtlStyle.jsx | 2 +- .../views/dashboardStyle.jsx | 2 +- .../views/rtlStyle.jsx | 6 +- src/components/FixedPlugin/FixedPlugin.jsx | 6 +- src/components/Header/Header.jsx | 6 +- src/components/Sidebar/Sidebar.jsx | 43 +- src/layouts/Admin.jsx | 3 +- src/layouts/RTL.jsx | 2 +- 24 files changed, 4809 insertions(+), 4456 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a072a9d90..b6cb82894 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,15 +1,14 @@ ## [1.6.0] 2019-01-31 ### Nice stuff -- Added RTL support +- [Added RTL support](https://github.com/creativetimofficial/material-dashboard-react/issues/16) ### Bug Fixing - [Added new script for npm](https://github.com/creativetimofficial/material-dashboard-react/issues/69) - Changed our buggy routing system, now it should work flawlessly, for more info, please refer to our [live docs here](https://demos.creative-tim.com/material-dashboard-react/#/documentation/routing-system) +- [https://github.com/creativetimofficial/material-dashboard-react/issues/67](https://github.com/creativetimofficial/material-dashboard-react/issues/67) +- [https://github.com/creativetimofficial/material-dashboard-react/issues/68](https://github.com/creativetimofficial/material-dashboard-react/issues/68) +- [https://github.com/creativetimofficial/material-dashboard-react/issues/66](https://github.com/creativetimofficial/material-dashboard-react/issues/66) ### Major style changes -- **src/assets/css/material-dashboard-react.css**(added styles for the new component, FixedPlugin) -- **src/assets/jss/material-dashboard-react/components/customInputStyle.jsx** -- **src/assets/jss/material-dashboard-react/components/sidebarStyle.jsx** -- **src/assets/jss/material-dashboard-react/layouts/rtlStyle.jsx**(new style file for the new layout) -- **src/assets/jss/material-dashboard-react/views/rtlStyle.jsx**(new style file for the new page) +- Almost all styles have been changed due to new components or solved issues ### Major components changes - Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for *.jsx*, *.js*, *.html* and *.css* files - **src/index.js** diff --git a/documentation/assets/css/demo-documentation.css b/documentation/assets/css/demo-documentation.css index 4330da531..53063f20a 100644 --- a/documentation/assets/css/demo-documentation.css +++ b/documentation/assets/css/demo-documentation.css @@ -1,316 +1,315 @@ -body{ - background-color: #E5E5E5; - color: #3C4858; +body { + background-color: #e5e5e5; + color: #3c4858; } -.section .wizard-card{ - min-height: inherit; +.section .wizard-card { + min-height: inherit; } -.tim-row{ - margin-bottom: 20px; +.tim-row { + margin-bottom: 20px; } .tim-white-buttons { - background-color: #777777; + background-color: #777777; } -.title{ - margin-top: 30px; - margin-bottom: 25px; - min-height: 32px; - font-weight: 500; +.title { + margin-top: 30px; + margin-bottom: 25px; + min-height: 32px; + font-weight: 500; } -.tim-row p{ - font-size: 16px; - line-height: 1.6em; +.tim-row p { + font-size: 16px; + line-height: 1.6em; } -.title.text-center{ - margin-bottom: 50px; +.title.text-center { + margin-bottom: 50px; } -.tim-typo{ - padding-left: 25%; - margin-bottom: 40px; - position: relative; +.tim-typo { + padding-left: 25%; + margin-bottom: 40px; + position: relative; } -.tim-typo .tim-note{ - bottom: 10px; - color: #c0c1c2; - display: block; - font-weight: 400; - font-size: 13px; - line-height: 13px; - left: 0; - margin-left: 20px; - position: absolute; - width: 260px; -} -.tim-row{ - padding-top: 50px; -} -.tim-row h3{ - margin-top: 0; +.tim-typo .tim-note { + bottom: 10px; + color: #c0c1c2; + display: block; + font-weight: 400; + font-size: 13px; + line-height: 13px; + left: 0; + margin-left: 20px; + position: absolute; + width: 260px; } -.switch{ - margin-right: 20px; +.tim-row { + padding-top: 50px; } -#navbar-full .navbar{ - border-radius: 0 !important; - margin-bottom: 15px; - z-index: 2; +.tim-row h3 { + margin-top: 0; } -.space{ - height: 130px; - display: block; +.switch { + margin-right: 20px; } -.space-110{ - height: 110px; - display: block; +#navbar-full .navbar { + border-radius: 0 !important; + margin-bottom: 15px; + z-index: 2; } -.space-50{ - height: 50px; - display: block; +.space { + height: 130px; + display: block; +} +.space-110 { + height: 110px; + display: block; +} +.space-50 { + height: 50px; + display: block; } -.space-70{ - height: 70px; - display: block; +.space-70 { + height: 70px; + display: block; } -.navigation-example .img-src{ - background-attachment: scroll; +.navigation-example .img-src { + background-attachment: scroll; } -.navigation-example{ - background-image: url('../img/bg.jpg'); - background-position: center center; - background-size: cover; - margin-top:0; - min-height: 740px; +.navigation-example { + background-image: url("../img/bg.jpg"); + background-position: center center; + background-size: cover; + margin-top: 0; + min-height: 740px; } -#notifications{ - background-color: #FFFFFF; - display: block; - width: 100%; - position: relative; +#notifications { + background-color: #ffffff; + display: block; + width: 100%; + position: relative; } -#notifications .alert-danger{ - margin-bottom: 0px; +#notifications .alert-danger { + margin-bottom: 0px; } -.tim-note{ - text-transform: capitalize; +.tim-note { + text-transform: capitalize; } -#buttons .btn{ - margin: 0 0px 15px; +#buttons .btn { + margin: 0 0px 15px; } -.space-100{ - height: 100px; - display: block; - width: 100%; +.space-100 { + height: 100px; + display: block; + width: 100%; } -.be-social{ - padding-bottom: 20px; -/* border-bottom: 1px solid #aaa; */ - margin: 0 auto 40px; +.be-social { + padding-bottom: 20px; + /* border-bottom: 1px solid #aaa; */ + margin: 0 auto 40px; } -.txt-white{ - color: #FFFFFF; +.txt-white { + color: #ffffff; } -.txt-gray{ - color: #ddd !important; +.txt-gray { + color: #ddd !important; } - -.parallax{ - width:100%; - height:570px; +.parallax { + width: 100%; + height: 570px; display: block; background-attachment: fixed; - background-repeat:no-repeat; - background-size:cover; - background-position: center center; - + background-repeat: no-repeat; + background-size: cover; + background-position: center center; } -.logo-container.logo-documentation{ - position: relative; - top: 0; - left: 0; +.logo-container.logo-documentation { + position: relative; + top: 0; + left: 0; } -.logo-container .logo{ - overflow: hidden; - border-radius: 50%; - border: 1px solid #333333; - width: 50px; - float: left; +.logo-container .logo { + overflow: hidden; + border-radius: 50%; + border: 1px solid #333333; + width: 50px; + float: left; } -.logo-container .brand{ - font-size: 16px; - line-height: 18px; - float: left; - color: #fff; - margin-left: 10px; - margin-top: 7px; - width: 70px; - height: 40px; - text-align: left; +.logo-container .brand { + font-size: 16px; + line-height: 18px; + float: left; + color: #fff; + margin-left: 10px; + margin-top: 7px; + width: 70px; + height: 40px; + text-align: left; } - -.navbar-default .logo-container .brand{ - color: #999999; +.navbar-default .logo-container .brand { + color: #999999; } -.navbar-transparent .logo-container .brand{ - color: #FFFFFF; +.navbar-transparent .logo-container .brand { + color: #ffffff; } -.logo-container .brand-material{ - font-size: 18px; - margin-top: 15px; - height: 25px; - width: auto; +.logo-container .brand-material { + font-size: 18px; + margin-top: 15px; + height: 25px; + width: auto; } -.logo-container .logo img{ - width: 100%; +.logo-container .logo img { + width: 100%; } -.navbar-small .logo-container .brand{ - color: #333333; +.navbar-small .logo-container .brand { + color: #333333; } -.fixed-section{ - top: 90px; - max-height: 80vh; - overflow: scroll; +.fixed-section { + top: 90px; + max-height: 80vh; + overflow: scroll; } -.fixed-section ul li{ - list-style: none; +.fixed-section ul li { + list-style: none; } -.fixed-section li a{ - font-size: 14px; - padding: 2px; - display: block; - color: #666666; +.fixed-section li a { + font-size: 14px; + padding: 2px; + display: block; + color: #666666; } -.fixed-section li a.active{ - color: #00bbff; +.fixed-section li a.active { + color: #00bbff; } -.fixed-section.float{ - position: fixed; - top: 100px; - width: 200px; - margin-top: 0; +.fixed-section.float { + position: fixed; + top: 100px; + width: 200px; + margin-top: 0; } - -.parallax .parallax-image{ - width: 100%; - overflow: hidden; - position: absolute; +.parallax .parallax-image { + width: 100%; + overflow: hidden; + position: absolute; } -.parallax .parallax-image img{ - width: 100%; +.parallax .parallax-image img { + width: 100%; } -@media (max-width: 768px){ - .parallax .parallax-image{ - width: 100%; - height: 640px; - overflow: hidden; - } - .parallax .parallax-image img{ - height: 100%; - width: auto; - } +@media (max-width: 768px) { + .parallax .parallax-image { + width: 100%; + height: 640px; + overflow: hidden; + } + .parallax .parallax-image img { + height: 100%; + width: auto; + } } -.separator{ - content: "Separator"; - color: #FFFFFF; - display: block; - width: 100%; - padding: 20px; +.separator { + content: "Separator"; + color: #ffffff; + display: block; + width: 100%; + padding: 20px; } -.separator-line{ - background-color: #EEE; - height: 1px; - width: 100%; - display: block; +.separator-line { + background-color: #eee; + height: 1px; + width: 100%; + display: block; } -.separator.separator-gray{ - background-color: #EEEEEE; +.separator.separator-gray { + background-color: #eeeeee; } -.social-buttons-demo .btn{ - margin-right: 5px; - margin-bottom: 7px; +.social-buttons-demo .btn { + margin-right: 5px; + margin-bottom: 7px; } -.img-container{ - width: 100%; - overflow: hidden; +.img-container { + width: 100%; + overflow: hidden; } -.img-container img{ - width: 100%; +.img-container img { + width: 100%; } -.lightbox img{ - width: 100%; +.lightbox img { + width: 100%; } -.lightbox .modal-content{ - overflow: hidden; +.lightbox .modal-content { + overflow: hidden; } -.lightbox .modal-body{ - padding: 0; +.lightbox .modal-body { + padding: 0; } -@media screen and (min-width: 991px){ - .lightbox .modal-dialog{ - width: 960px; - } +@media screen and (min-width: 991px) { + .lightbox .modal-dialog { + width: 960px; + } } -@media (max-width: 768px){ - .btn, .btn-morphing{ - margin-bottom: 10px; - } - .parallax .motto{ - top: 170px; - margin-top: 0; - font-size: 60px; - width: 270px; - } +@media (max-width: 768px) { + .btn, + .btn-morphing { + margin-bottom: 10px; + } + .parallax .motto { + top: 170px; + margin-top: 0; + font-size: 60px; + width: 270px; + } } /* Loading dots */ /* transitions */ -.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{ - -webkit-transition: all .2s; - -moz-transition: all .2s; - -o-transition: all .2s; - transition: all .2s; +.presentation .front, +.presentation .front:after, +.presentation .front .btn, +.logo-container .logo, +.logo-container .brand { + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; } - -#images h4{ - margin-bottom: 30px; +#images h4 { + margin-bottom: 30px; } -#javascriptComponents{ - padding-bottom: 0; +#javascriptComponents { + padding-bottom: 0; } -#javascriptComponents .btn-raised{ - margin: 10px 5px; +#javascriptComponents .btn-raised { + margin: 10px 5px; } - /* layer animation */ -.layers-container{ - display: block; - margin-top: 50px; - position: relative; +.layers-container { + display: block; + margin-top: 50px; + position: relative; } .layers-container img { position: absolute; @@ -331,90 +330,92 @@ body{ -webkit-transition: 1.5s ease-in-out; } -.navbar-default.navbar-small .logo-container .brand{ - color: #333333; +.navbar-default.navbar-small .logo-container .brand { + color: #333333; } -.navbar-transparent.navbar-small .logo-container .brand{ - color: #FFFFFF; +.navbar-transparent.navbar-small .logo-container .brand { + color: #ffffff; } -.navbar-default.navbar-small .logo-container .brand{ - color: #333333; +.navbar-default.navbar-small .logo-container .brand { + color: #333333; } -.sharing-area{ - margin-top: 80px; +.sharing-area { + margin-top: 80px; } -.sharing-area .btn{ - margin: 15px 4px 0; - color: #FFFFFF; +.sharing-area .btn { + margin: 15px 4px 0; + color: #ffffff; } -.sharing-area .btn i{ - font-size: 18px; - position: relative; - top: 2px; - margin-right: 5px; +.sharing-area .btn i { + font-size: 18px; + position: relative; + top: 2px; + margin-right: 5px; } -.sharing-area .btn-twitter{ - background-color: #55acee; +.sharing-area .btn-twitter { + background-color: #55acee; } -.sharing-area .btn-facebook{ - background-color: #3b5998; +.sharing-area .btn-facebook { + background-color: #3b5998; } -.sharing-area .btn-google-plus{ - background-color: #dd4b39; +.sharing-area .btn-google-plus { + background-color: #dd4b39; } -.sharing-area .btn-github{ - background-color: #333333; +.sharing-area .btn-github { + background-color: #333333; } .section-thin, -.section-notifications{ - padding: 0; +.section-notifications { + padding: 0; } -.section-navbars{ - padding-top: 0; +.section-navbars { + padding-top: 0; } -#navbar .navbar{ - border-radius: 0; +#navbar .navbar { + border-radius: 0; } -.section-tabs{ - background: #EEEEEE; +.section-tabs { + background: #eeeeee; } -.section-pagination{ - padding-bottom: 0; +.section-pagination { + padding-bottom: 0; } -.section-download h4{ - margin-bottom: 50px; +.section-download h4 { + margin-bottom: 50px; } -.section-examples a{ - text-decoration: none; +.section-examples a { + text-decoration: none; } -.section-examples h5{ - margin-top: 30px; +.section-examples h5 { + margin-top: 30px; } .components-page .wrapper > .header, -.tutorial-page .wrapper > .header{ - height: 400px; - padding-top: 100px; - background-size: cover; - background-position: center center; +.tutorial-page .wrapper > .header { + height: 400px; + padding-top: 100px; + background-size: cover; + background-position: center center; } .main { - background: #FFFFFF; + background: #ffffff; position: relative; z-index: 3; } .main-raised { - margin: -60px 30px 0px; - border-radius: 6px; - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + margin: -60px 30px 0px; + border-radius: 6px; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .header-filter { position: relative; } -.header-filter:before, .header-filter:after { +.header-filter:before, +.header-filter:after { position: absolute; z-index: 1; width: 100%; @@ -433,11 +434,11 @@ body{ padding-top: 20vh; } -.page-header .title{ - font-weight: 700; - font-family: "Roboto Slab", "Times New Roman", serif; - line-height: 1.15em; - color: #fff; +.page-header .title { + font-weight: 700; + font-family: "Roboto Slab", "Times New Roman", serif; + line-height: 1.15em; + color: #fff; } .section { @@ -446,19 +447,18 @@ body{ background-size: cover; } - - .navbar { border: 0; border-radius: 3px; - box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), + 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); padding: 10px 0; -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; + -moz-transition: all 150ms ease 0s; + -o-transition: all 150ms ease 0s; + -ms-transition: all 150ms ease 0s; + transition: all 150ms ease 0s; } .navbar .navbar-brand { position: relative; @@ -467,7 +467,8 @@ body{ color: inherit; padding: 10px 15px; } -.navbar .navbar-brand:hover, .navbar .navbar-brand:focus { +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { color: inherit; background-color: transparent; } @@ -490,8 +491,8 @@ body{ } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { - color: inherit; - background-color: transparent; + color: inherit; + background-color: transparent; } .navbar .navbar-nav > li > a:not(.btn) .material-icons { @@ -501,22 +502,20 @@ body{ margin-right: 3px; } -.navbar, .navbar.navbar-default { +.navbar, +.navbar.navbar-default { background-color: #9c27b0; - color: #FFFFFF; + color: #ffffff; } @media (max-width: 991px) { - .fixed-section.affix { - position: relative; - margin-bottom: 100px; - } - + .fixed-section.affix { + position: relative; + margin-bottom: 100px; + } } - @media (max-width: 1199px) { - .navbar .navbar-brand { height: 50px; padding: 10px 15px; @@ -526,26 +525,25 @@ body{ footer { padding: 15px 0; text-align: center; - } -.footer a{ - font-weight: bold; +.footer a { + font-weight: bold; } -footer.footer-documentation{ - margin-top: 0; - bottom: 0; - text-shadow: none; - color: inherit; +footer.footer-documentation { + margin-top: 0; + bottom: 0; + text-shadow: none; + color: inherit; } -footer.footer-documentation li a{ - color: inherit; +footer.footer-documentation li a { + color: inherit; } footer.footer-documentation li a:hover, -footer.footer-documentation li a:focus{ - color: #89229b; +footer.footer-documentation li a:focus { + color: #89229b; } footer ul { @@ -598,8 +596,9 @@ footer .footer-brand { line-height: 20px; margin-left: -15px; } -footer .footer-brand:hover, footer .footer-brand:focus { - color: #3C4858; +footer .footer-brand:hover, +footer .footer-brand:focus { + color: #3c4858; } footer .copyright { padding: 15px 0; diff --git a/documentation/assets/css/material-dashboard.css b/documentation/assets/css/material-dashboard.css index f4c3fbe1d..0149ddae9 100644 --- a/documentation/assets/css/material-dashboard.css +++ b/documentation/assets/css/material-dashboard.css @@ -14,184 +14,181 @@ */ - /* ANIMATION */ - /* SHADOWS */ - /* Shadows (from mdl http://www.getmdl.io/) */ .noUi-target, .noUi-target * { - -webkit-touch-callout: none; - -ms-touch-action: none; - user-select: none; - box-sizing: border-box; + -webkit-touch-callout: none; + -ms-touch-action: none; + user-select: none; + box-sizing: border-box; } .noUi-base { - width: 100%; - height: 100%; - position: relative; + width: 100%; + height: 100%; + position: relative; } .noUi-origin { - position: absolute; - right: 0; - top: 0; - left: 0; - bottom: 0; + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; } .noUi-handle { - position: relative; - z-index: 1; - box-sizing: border-box; + position: relative; + z-index: 1; + box-sizing: border-box; } .noUi-stacking .noUi-handle { - z-index: 10; + z-index: 10; } .noUi-state-tap .noUi-origin { - transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; } .noUi-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } .noUi-horizontal { - height: 10px; + height: 10px; } .noUi-handle { - box-sizing: border-box; - width: 14px; - height: 14px; - left: -10px; - top: -6px; - cursor: pointer; - border-radius: 100%; - transition: all 0.2s ease-out; - border: 1px solid; - background: #FFFFFF; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-sizing: border-box; + width: 14px; + height: 14px; + left: -10px; + top: -6px; + cursor: pointer; + border-radius: 100%; + transition: all 0.2s ease-out; + border: 1px solid; + background: #ffffff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .noUi-vertical .noUi-handle { - margin-left: 5px; - cursor: ns-resize; + margin-left: 5px; + cursor: ns-resize; } .noUi-horizontal.noUi-extended { - padding: 0 15px; + padding: 0 15px; } .noUi-horizontal.noUi-extended .noUi-origin { - right: -15px; + right: -15px; } .noUi-background { - height: 2px; - margin: 20px 0; + height: 2px; + margin: 20px 0; } .noUi-origin { - margin: 0; - border-radius: 0; - height: 2px; - background: #c8c8c8; + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; } .noUi-origin[style^="left: 0"] .noUi-handle { - background-color: #fff; - border: 2px solid #c8c8c8; + background-color: #fff; + border: 2px solid #c8c8c8; } .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { - border-width: 1px; + border-width: 1px; } .noUi-target { - border-radius: 3px; + border-radius: 3px; } .noUi-horizontal { - height: 2px; - margin: 15px 0; + height: 2px; + margin: 15px 0; } .noUi-vertical { - height: 100%; - width: 2px; - margin: 0 15px; - display: inline-block; + height: 100%; + width: 2px; + margin: 0 15px; + display: inline-block; } .noUi-handle.noUi-active { - transform: scale3d(2, 2, 1); + transform: scale3d(2, 2, 1); } [disabled].noUi-slider { - opacity: 0.5; + opacity: 0.5; } [disabled] .noUi-handle { - cursor: not-allowed; + cursor: not-allowed; } .slider { - background: #c8c8c8; + background: #c8c8c8; } .slider.noUi-connect { - background-color: #9c27b0; + background-color: #9c27b0; } .slider .noUi-handle { - border-color: #9c27b0; + border-color: #9c27b0; } .slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect { - background-color: #00bcd4; + background-color: #00bcd4; } .slider.slider-info .noUi-handle { - border-color: #00bcd4; + border-color: #00bcd4; } .slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect { - background-color: #4caf50; + background-color: #4caf50; } .slider.slider-success .noUi-handle { - border-color: #4caf50; + border-color: #4caf50; } .slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect { - background-color: #ff9800; + background-color: #ff9800; } .slider.slider-warning .noUi-handle { - border-color: #ff9800; + border-color: #ff9800; } .slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect { - background-color: #f44336; + background-color: #f44336; } .slider.slider-danger .noUi-handle { - border-color: #f44336; + border-color: #f44336; } - /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT @@ -200,398 +197,415 @@ Copyright (c) 2015 Daniel Eden */ .animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; + -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; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; } .animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; + -webkit-animation-duration: 2s; + animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { - -webkit-animation-duration: .75s; - animation-duration: .75s; + -webkit-animation-duration: 0.75s; + animation-duration: 0.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); - } + 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); - } + 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-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; - } + 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; - } + 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-animation-name: fadeInDown; + animation-name: fadeInDown; } @-webkit-keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } + from { + opacity: 1; + } + to { + opacity: 0; + } } @keyframes fadeOut { - from { - opacity: 1; - } - to { - opacity: 0; - } + from { + opacity: 1; + } + to { + opacity: 0; + } } .fadeOut { - -webkit-animation-name: fadeOut; - animation-name: 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); - } + 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); - } + 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-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); - } + 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); - } + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } } .fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } - /* perfect-scrollbar v0.6.13 */ .ps-container { - -ms-touch-action: auto; - touch-action: auto; - overflow: hidden !important; - -ms-overflow-style: none; + -ms-touch-action: auto; + touch-action: auto; + overflow: hidden !important; + -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { - .ps-container { - overflow: auto !important; - } -} - -@media screen and (-ms-high-contrast: active), -(-ms-high-contrast: none) { - .ps-container { - overflow: auto !important; - } -} - -.ps-container.ps-active-x>.ps-scrollbar-x-rail, -.ps-container.ps-active-y>.ps-scrollbar-y-rail { - display: block; - background-color: transparent; -} - -.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { - background-color: #eee; - opacity: 0.9; -} - -.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { - background-color: #999; - height: 11px; -} - -.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { - background-color: #eee; - opacity: 0.9; -} - -.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { - background-color: #999; - width: 11px; -} - -.ps-container>.ps-scrollbar-x-rail { - display: none; - position: absolute; - /* please don't change 'position' */ - opacity: 0; - -webkit-transition: background-color .2s linear, opacity .2s linear; - -o-transition: background-color .2s linear, opacity .2s linear; - -moz-transition: background-color .2s linear, opacity .2s linear; - transition: background-color .2s linear, opacity .2s linear; - bottom: 0px; - /* there must be 'bottom' for ps-scrollbar-x-rail */ - height: 15px; -} - -.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { - position: absolute; - /* please don't change 'position' */ - background-color: #aaa; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; - transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; - -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; - -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; - transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; - transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; - bottom: 2px; - /* there must be 'bottom' for ps-scrollbar-x */ - height: 6px; -} - -.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x, -.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x { - height: 11px; -} - -.ps-container>.ps-scrollbar-y-rail { - display: none; - position: absolute; - /* please don't change 'position' */ - opacity: 0; - -webkit-transition: background-color .2s linear, opacity .2s linear; - -o-transition: background-color .2s linear, opacity .2s linear; - -moz-transition: background-color .2s linear, opacity .2s linear; - transition: background-color .2s linear, opacity .2s linear; - right: 0; - /* there must be 'right' for ps-scrollbar-y-rail */ - width: 15px; -} - -.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { - position: absolute; - /* please don't change 'position' */ - background-color: #aaa; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; - transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; - -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; - -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; - transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; - transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; - right: 2px; - /* there must be 'right' for ps-scrollbar-y */ - width: 6px; + .ps-container { + overflow: auto !important; + } +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .ps-container { + overflow: auto !important; + } +} + +.ps-container.ps-active-x > .ps-scrollbar-x-rail, +.ps-container.ps-active-y > .ps-scrollbar-y-rail { + display: block; + background-color: transparent; +} + +.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { + background-color: #eee; + opacity: 0.9; +} + +.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { + background-color: #999; + height: 11px; +} + +.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { + background-color: #eee; + opacity: 0.9; +} + +.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { + background-color: #999; + width: 11px; +} + +.ps-container > .ps-scrollbar-x-rail { + display: none; + position: absolute; + /* please don't change 'position' */ + opacity: 0; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; + -o-transition: background-color 0.2s linear, opacity 0.2s linear; + -moz-transition: background-color 0.2s linear, opacity 0.2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + bottom: 0px; + /* there must be 'bottom' for ps-scrollbar-x-rail */ + height: 15px; +} + +.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { + position: absolute; + /* please don't change 'position' */ + background-color: #aaa; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + -o-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + -moz-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -moz-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; + bottom: 2px; + /* there must be 'bottom' for ps-scrollbar-x */ + height: 6px; } -.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y, -.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y { - width: 11px; +.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, +.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x { + height: 11px; } -.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { - background-color: #eee; - opacity: 0.9; +.ps-container > .ps-scrollbar-y-rail { + display: none; + position: absolute; + /* please don't change 'position' */ + opacity: 0; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; + -o-transition: background-color 0.2s linear, opacity 0.2s linear; + -moz-transition: background-color 0.2s linear, opacity 0.2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + right: 0; + /* there must be 'right' for ps-scrollbar-y-rail */ + width: 15px; } -.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { - background-color: #999; - height: 11px; +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + position: absolute; + /* please don't change 'position' */ + background-color: #aaa; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out; + -o-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + -moz-transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -moz-border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s linear, + width 0.2s ease-in-out, border-radius 0.2s ease-in-out, + -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out; + right: 2px; + /* there must be 'right' for ps-scrollbar-y */ + width: 6px; } - -.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { - background-color: #eee; - opacity: 0.9; -} - -.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { - background-color: #999; - width: 11px; -} - -.ps-container:hover>.ps-scrollbar-x-rail, -.ps-container:hover>.ps-scrollbar-y-rail { - opacity: 0.6; -} - -.ps-container:hover>.ps-scrollbar-x-rail:hover { - background-color: #eee; - opacity: 0.9; + +.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, +.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { + width: 11px; +} + +.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { + background-color: #eee; + opacity: 0.9; +} + +.ps-container:hover.ps-in-scrolling.ps-x + > .ps-scrollbar-x-rail + > .ps-scrollbar-x { + background-color: #999; + height: 11px; +} + +.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { + background-color: #eee; + opacity: 0.9; +} + +.ps-container:hover.ps-in-scrolling.ps-y + > .ps-scrollbar-y-rail + > .ps-scrollbar-y { + background-color: #999; + width: 11px; +} + +.ps-container:hover > .ps-scrollbar-x-rail, +.ps-container:hover > .ps-scrollbar-y-rail { + opacity: 0.6; +} + +.ps-container:hover > .ps-scrollbar-x-rail:hover { + background-color: #eee; + opacity: 0.9; } -.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { - background-color: #999; +.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { + background-color: #999; } -.ps-container:hover>.ps-scrollbar-y-rail:hover { - background-color: #eee; - opacity: 0.9; +.ps-container:hover > .ps-scrollbar-y-rail:hover { + background-color: #eee; + opacity: 0.9; } -.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { - background-color: #999; +.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { + background-color: #999; } h1, .h1 { - font-size: 3.8em; - line-height: 1.15em; + font-size: 3.8em; + line-height: 1.15em; } h2, .h2 { - font-size: 2.6em; + font-size: 2.6em; } h3, .h3 { - font-size: 1.825em; - line-height: 1.4em; - margin: 20px 0 10px; + font-size: 1.825em; + line-height: 1.4em; + margin: 20px 0 10px; } h4, .h4 { - font-size: 1.3em; - line-height: 1.4em; + font-size: 1.3em; + line-height: 1.4em; } h5, .h5 { - font-size: 1.25em; - line-height: 1.4em; - margin-bottom: 15px; + font-size: 1.25em; + line-height: 1.4em; + margin-bottom: 15px; } h6, .h6 { - font-size: 1em; - text-transform: uppercase; - font-weight: 500; + font-size: 1em; + text-transform: uppercase; + font-weight: 500; } - /*.title, .card-title, .info-title, @@ -610,374 +624,390 @@ h6, }*/ h2.title { - margin-bottom: 30px; + margin-bottom: 30px; } .description, .card-description, .footer-big p { - color: #999999; + color: #999999; } .text-warning { - color: #ff9800; + color: #ff9800; } .text-primary { - color: #9c27b0; + color: #9c27b0; } .text-danger { - color: #f44336; + color: #f44336; } .text-success { - color: #4caf50; + color: #4caf50; } .text-info { - color: #00bcd4; + color: #00bcd4; } .text-rose { - color: #e91e63; + color: #e91e63; } .text-gray { - color: #999999; + color: #999999; } .wrapper { - position: relative; - top: 0; - height: 100vh; + position: relative; + top: 0; + height: 100vh; } .sidebar, .off-canvas-sidebar { - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 1; - box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1; + box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), + 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper { - position: relative; - height: calc(100vh - 75px); - overflow: auto; - width: 260px; - z-index: 4; + position: relative; + height: calc(100vh - 75px); + overflow: auto; + width: 260px; + z-index: 4; } .sidebar .sidebar-wrapper .dropdown .dropdown-backdrop, .off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop { - display: none !important; + display: none !important; } .sidebar .sidebar-wrapper .navbar-form, .off-canvas-sidebar .sidebar-wrapper .navbar-form { - border: none; + border: none; } -.sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a, -.off-canvas-sidebar .sidebar-wrapper .nav [data-toggle="collapse"]~div>ul>li>a { - padding-left: 60px; +.sidebar .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a, +.off-canvas-sidebar + .sidebar-wrapper + .nav + [data-toggle="collapse"] + ~ div + > ul + > li + > a { + padding-left: 60px; } .sidebar .sidebar-wrapper .nav .caret, .off-canvas-sidebar .sidebar-wrapper .nav .caret { - margin-top: 13px; - position: absolute; - right: 18px; + margin-top: 13px; + position: absolute; + right: 18px; } .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; + 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; + width: 60px; + height: 60px; } .sidebar .nav, .off-canvas-sidebar .nav { - margin-top: 20px; + margin-top: 20px; } -.sidebar .nav li>a, -.off-canvas-sidebar .nav li>a { - margin: 10px 15px 0; - border-radius: 3px; - color: #3C4858; +.sidebar .nav li > a, +.off-canvas-sidebar .nav li > a { + margin: 10px 15px 0; + border-radius: 3px; + color: #3c4858; } -.sidebar .nav li:first-child>a, -.off-canvas-sidebar .nav li:first-child>a { - margin: 0 15px; +.sidebar .nav li:first-child > a, +.off-canvas-sidebar .nav li:first-child > a { + margin: 0 15px; } -.sidebar .nav li:hover>a, -.off-canvas-sidebar .nav li:hover>a { - background: rgba(200, 200, 200, 0.2); - color: #3C4858; +.sidebar .nav li:hover > a, +.off-canvas-sidebar .nav li:hover > a { + background: rgba(200, 200, 200, 0.2); + color: #3c4858; } -.sidebar .nav li.active>a, -.off-canvas-sidebar .nav li.active>a { - color: #FFFFFF; +.sidebar .nav li.active > a, +.off-canvas-sidebar .nav li.active > a { + color: #ffffff; } -.sidebar .nav li.active>a i, -.off-canvas-sidebar .nav li.active>a i { - color: #FFFFFF; +.sidebar .nav li.active > a i, +.off-canvas-sidebar .nav li.active > a i { + color: #ffffff; } .sidebar .nav p, .off-canvas-sidebar .nav p { - margin: 0; - line-height: 30px; - font-size: 14px; + margin: 0; + line-height: 30px; + font-size: 14px; } .sidebar .nav i, .off-canvas-sidebar .nav i { - font-size: 24px; - float: left; - margin-right: 15px; - line-height: 30px; - width: 30px; - text-align: center; - color: #a9afbb; + font-size: 24px; + float: left; + margin-right: 15px; + line-height: 30px; + width: 30px; + text-align: center; + color: #a9afbb; } .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; + 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: .93; + position: absolute; + z-index: 3; + width: 100%; + height: 100%; + content: ""; + display: block; + background: #ffffff; + opacity: 0.93; } .sidebar .logo, .off-canvas-sidebar .logo { - position: relative; - padding: 15px 15px; - z-index: 4; + position: relative; + padding: 15px 15px; + z-index: 4; } .sidebar .logo:after, .off-canvas-sidebar .logo:after { - content: ''; - position: absolute; - bottom: 0; - right: 10%; - height: 1px; - width: 80%; - background-color: rgba(180, 180, 180, 0.3); + content: ""; + position: absolute; + bottom: 0; + right: 10%; + height: 1px; + width: 80%; + background-color: rgba(180, 180, 180, 0.3); } .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; + 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: 5px 0px; - display: block; - font-size: 18px; - color: #3C4858; - text-align: center; - font-weight: 400; - line-height: 30px; + text-transform: uppercase; + padding: 5px 0px; + display: block; + font-size: 18px; + color: #3c4858; + text-align: center; + font-weight: 400; + line-height: 30px; } .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; + 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; + width: 60px; + height: 60px; } .sidebar:after, .sidebar:before, .off-canvas-sidebar:after, .off-canvas-sidebar:before { - display: block; - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 2; + display: block; + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 2; } .sidebar:before, .off-canvas-sidebar:before { - opacity: .33; + opacity: 0.33; } .sidebar:after, .off-canvas-sidebar:after { - z-index: 3; - opacity: 1; + z-index: 3; + opacity: 1; } .sidebar[data-image]:after, .sidebar.has-image:after, .off-canvas-sidebar[data-image]:after, .off-canvas-sidebar.has-image:after { - opacity: .77; + opacity: 0.77; } .sidebar[data-color="blue"] .nav li.active a, .off-canvas-sidebar[data-color="blue"] .nav li.active a { - background-color: #00bcd4; - box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); + background-color: #00bcd4; + box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); } .sidebar[data-color="green"] .nav li.active a, .off-canvas-sidebar[data-color="green"] .nav li.active a { - background-color: #4caf50; - box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); + background-color: #4caf50; + box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); } .sidebar[data-color="orange"] .nav li.active a, .off-canvas-sidebar[data-color="orange"] .nav li.active a { - background-color: #ff9800; - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); + background-color: #ff9800; + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } .sidebar[data-color="red"] .nav li.active a, .off-canvas-sidebar[data-color="red"] .nav li.active a { - background-color: #f44336; - box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); + background-color: #f44336; + box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); } .sidebar[data-color="purple"] .nav li.active a, .off-canvas-sidebar[data-color="purple"] .nav li.active a { - background-color: #9c27b0; - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); + background-color: #9c27b0; + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); } -.off-canvas-sidebar .nav>li>a, -.off-canvas-sidebar .nav>li>a:hover { - color: #FFFFFF; +.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); +.off-canvas-sidebar .nav > li > a:focus { + background: rgba(200, 200, 200, 0.2); } .perfect-scrollbar-on .sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper, .perfect-scrollbar-on .main-panel, .main-panel { - overflow: hidden; + overflow: hidden; } .perfect-scrollbar-off .sidebar .sidebar-wrapper, .perfect-scrollbar-off .main-panel { - overflow: auto; + overflow: auto; } .main-panel { - position: relative; - float: right; - width: calc(100% - 260px); - -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - max-height: 100%; + position: relative; + float: right; + width: calc(100% - 260px); + -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + max-height: 100%; } -.main-panel>.content { - margin-top: 70px; - padding: 30px 15px; - min-height: calc(100% - 123px); +.main-panel > .content { + margin-top: 70px; + padding: 30px 15px; + min-height: calc(100% - 123px); } -.main-panel>.footer { - border-top: 1px solid #e7e7e7; +.main-panel > .footer { + border-top: 1px solid #e7e7e7; } -.main-panel>.navbar { - margin-bottom: 0; +.main-panel > .navbar { + margin-bottom: 0; } .btn, -.navbar .navbar-nav>li>a.btn { - border: none; - border-radius: 3px; - position: relative; - padding: 12px 30px; - margin: 10px 1px; - font-size: 12px; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0; - will-change: box-shadow, transform; - transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); +.navbar .navbar-nav > li > a.btn { + border: none; + border-radius: 3px; + position: relative; + padding: 12px 30px; + margin: 10px 1px; + font-size: 12px; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0; + will-change: box-shadow, transform; + transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), + background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .btn::-moz-focus-inner, -.navbar .navbar-nav>li>a.btn::-moz-focus-inner { - border: 0; +.navbar .navbar-nav > li > a.btn::-moz-focus-inner { + border: 0; } .btn, .btn.btn-default, -.navbar .navbar-nav>li>a.btn, -.navbar .navbar-nav>li>a.btn.btn-default { - box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); +.navbar .navbar-nav > li > a.btn, +.navbar .navbar-nav > li > a.btn.btn-default { + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), + 0 3px 1px -2px rgba(153, 153, 153, 0.2), + 0 1px 5px 0 rgba(153, 153, 153, 0.12); } .btn, @@ -989,9 +1019,9 @@ h2.title { .btn:active:hover, .btn.active:focus, .btn.active:hover, -.open>.btn.dropdown-toggle, -.open>.btn.dropdown-toggle:focus, -.open>.btn.dropdown-toggle:hover, +.open > .btn.dropdown-toggle, +.open > .btn.dropdown-toggle:focus, +.open > .btn.dropdown-toggle:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, @@ -1001,35 +1031,35 @@ h2.title { .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, -.open>.btn.btn-default.dropdown-toggle, -.open>.btn.btn-default.dropdown-toggle:focus, -.open>.btn.btn-default.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn, -.navbar .navbar-nav>li>a.btn:hover, -.navbar .navbar-nav>li>a.btn:focus, -.navbar .navbar-nav>li>a.btn:active, -.navbar .navbar-nav>li>a.btn.active, -.navbar .navbar-nav>li>a.btn:active:focus, -.navbar .navbar-nav>li>a.btn:active:hover, -.navbar .navbar-nav>li>a.btn.active:focus, -.navbar .navbar-nav>li>a.btn.active:hover, -.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-default, -.navbar .navbar-nav>li>a.btn.btn-default:hover, -.navbar .navbar-nav>li>a.btn.btn-default:focus, -.navbar .navbar-nav>li>a.btn.btn-default:active, -.navbar .navbar-nav>li>a.btn.btn-default.active, -.navbar .navbar-nav>li>a.btn.btn-default:active:focus, -.navbar .navbar-nav>li>a.btn.btn-default:active:hover, -.navbar .navbar-nav>li>a.btn.btn-default.active:focus, -.navbar .navbar-nav>li>a.btn.btn-default.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover { - background-color: #999999; - color: #FFFFFF; +.open > .btn.btn-default.dropdown-toggle, +.open > .btn.btn-default.dropdown-toggle:focus, +.open > .btn.btn-default.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn, +.navbar .navbar-nav > li > a.btn:hover, +.navbar .navbar-nav > li > a.btn:focus, +.navbar .navbar-nav > li > a.btn:active, +.navbar .navbar-nav > li > a.btn.active, +.navbar .navbar-nav > li > a.btn:active:focus, +.navbar .navbar-nav > li > a.btn:active:hover, +.navbar .navbar-nav > li > a.btn.active:focus, +.navbar .navbar-nav > li > a.btn.active:hover, +.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-default, +.navbar .navbar-nav > li > a.btn.btn-default:hover, +.navbar .navbar-nav > li > a.btn.btn-default:focus, +.navbar .navbar-nav > li > a.btn.btn-default:active, +.navbar .navbar-nav > li > a.btn.btn-default.active, +.navbar .navbar-nav > li > a.btn.btn-default:active:focus, +.navbar .navbar-nav > li > a.btn.btn-default:active:hover, +.navbar .navbar-nav > li > a.btn.btn-default.active:focus, +.navbar .navbar-nav > li > a.btn.btn-default.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:hover { + background-color: #999999; + color: #ffffff; } .btn:focus, @@ -1038,13 +1068,14 @@ h2.title { .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover, -.navbar .navbar-nav>li>a.btn:focus, -.navbar .navbar-nav>li>a.btn:active, -.navbar .navbar-nav>li>a.btn:hover, -.navbar .navbar-nav>li>a.btn.btn-default:focus, -.navbar .navbar-nav>li>a.btn.btn-default:active, -.navbar .navbar-nav>li>a.btn.btn-default:hover { - box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); +.navbar .navbar-nav > li > a.btn:focus, +.navbar .navbar-nav > li > a.btn:active, +.navbar .navbar-nav > li > a.btn:hover, +.navbar .navbar-nav > li > a.btn.btn-default:focus, +.navbar .navbar-nav > li > a.btn.btn-default:active, +.navbar .navbar-nav > li > a.btn.btn-default:hover { + box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); } .btn.disabled, @@ -1095,64 +1126,64 @@ fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default.focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active, -.navbar .navbar-nav>li>a.btn.disabled, -.navbar .navbar-nav>li>a.btn.disabled:hover, -.navbar .navbar-nav>li>a.btn.disabled:focus, -.navbar .navbar-nav>li>a.btn.disabled.focus, -.navbar .navbar-nav>li>a.btn.disabled:active, -.navbar .navbar-nav>li>a.btn.disabled.active, -.navbar .navbar-nav>li>a.btn:disabled, -.navbar .navbar-nav>li>a.btn:disabled:hover, -.navbar .navbar-nav>li>a.btn:disabled:focus, -.navbar .navbar-nav>li>a.btn:disabled.focus, -.navbar .navbar-nav>li>a.btn:disabled:active, -.navbar .navbar-nav>li>a.btn:disabled.active, -.navbar .navbar-nav>li>a.btn[disabled], -.navbar .navbar-nav>li>a.btn[disabled]:hover, -.navbar .navbar-nav>li>a.btn[disabled]:focus, -.navbar .navbar-nav>li>a.btn[disabled].focus, -.navbar .navbar-nav>li>a.btn[disabled]:active, -.navbar .navbar-nav>li>a.btn[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn, -fieldset[disabled] .navbar .navbar-nav>li>a.btn:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.active, -.navbar .navbar-nav>li>a.btn.btn-default.disabled, -.navbar .navbar-nav>li>a.btn.btn-default.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-default.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-default.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-default.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-default.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-default:disabled, -.navbar .navbar-nav>li>a.btn.btn-default:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-default:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-default:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-default:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-default:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-default[disabled], -.navbar .navbar-nav>li>a.btn.btn-default[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-default[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-default[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-default[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-default[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.disabled, +.navbar .navbar-nav > li > a.btn.disabled:hover, +.navbar .navbar-nav > li > a.btn.disabled:focus, +.navbar .navbar-nav > li > a.btn.disabled.focus, +.navbar .navbar-nav > li > a.btn.disabled:active, +.navbar .navbar-nav > li > a.btn.disabled.active, +.navbar .navbar-nav > li > a.btn:disabled, +.navbar .navbar-nav > li > a.btn:disabled:hover, +.navbar .navbar-nav > li > a.btn:disabled:focus, +.navbar .navbar-nav > li > a.btn:disabled.focus, +.navbar .navbar-nav > li > a.btn:disabled:active, +.navbar .navbar-nav > li > a.btn:disabled.active, +.navbar .navbar-nav > li > a.btn[disabled], +.navbar .navbar-nav > li > a.btn[disabled]:hover, +.navbar .navbar-nav > li > a.btn[disabled]:focus, +.navbar .navbar-nav > li > a.btn[disabled].focus, +.navbar .navbar-nav > li > a.btn[disabled]:active, +.navbar .navbar-nav > li > a.btn[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn, +fieldset[disabled] .navbar .navbar-nav > li > a.btn:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.active, +.navbar .navbar-nav > li > a.btn.btn-default.disabled, +.navbar .navbar-nav > li > a.btn.btn-default.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-default.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-default.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-default.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-default.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-default:disabled, +.navbar .navbar-nav > li > a.btn.btn-default:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-default:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-default:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-default:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-default:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-default[disabled], +.navbar .navbar-nav > li > a.btn.btn-default[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-default[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-default[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-default[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-default[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-default.active { + box-shadow: none; } .btn.btn-simple, .btn.btn-default.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-default.btn-simple { - background-color: transparent; - color: #999999; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-simple, +.navbar .navbar-nav > li > a.btn.btn-default.btn-simple { + background-color: transparent; + color: #999999; + box-shadow: none; } .btn.btn-simple:hover, @@ -1161,19 +1192,20 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.active { .btn.btn-default.btn-simple:hover, .btn.btn-default.btn-simple:focus, .btn.btn-default.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-default.btn-simple:active { - background-color: transparent; - color: #999999; +.navbar .navbar-nav > li > a.btn.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-simple:active, +.navbar .navbar-nav > li > a.btn.btn-default.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-default.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-default.btn-simple:active { + background-color: transparent; + color: #999999; } .btn.btn-primary, -.navbar .navbar-nav>li>a.btn.btn-primary { - box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); +.navbar .navbar-nav > li > a.btn.btn-primary { + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), + 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); } .btn.btn-primary, @@ -1185,32 +1217,33 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-default.active { .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, -.open>.btn.btn-primary.dropdown-toggle, -.open>.btn.btn-primary.dropdown-toggle:focus, -.open>.btn.btn-primary.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-primary, -.navbar .navbar-nav>li>a.btn.btn-primary:hover, -.navbar .navbar-nav>li>a.btn.btn-primary:focus, -.navbar .navbar-nav>li>a.btn.btn-primary:active, -.navbar .navbar-nav>li>a.btn.btn-primary.active, -.navbar .navbar-nav>li>a.btn.btn-primary:active:focus, -.navbar .navbar-nav>li>a.btn.btn-primary:active:hover, -.navbar .navbar-nav>li>a.btn.btn-primary.active:focus, -.navbar .navbar-nav>li>a.btn.btn-primary.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover { - background-color: #9c27b0; - color: #FFFFFF; +.open > .btn.btn-primary.dropdown-toggle, +.open > .btn.btn-primary.dropdown-toggle:focus, +.open > .btn.btn-primary.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-primary, +.navbar .navbar-nav > li > a.btn.btn-primary:hover, +.navbar .navbar-nav > li > a.btn.btn-primary:focus, +.navbar .navbar-nav > li > a.btn.btn-primary:active, +.navbar .navbar-nav > li > a.btn.btn-primary.active, +.navbar .navbar-nav > li > a.btn.btn-primary:active:focus, +.navbar .navbar-nav > li > a.btn.btn-primary:active:hover, +.navbar .navbar-nav > li > a.btn.btn-primary.active:focus, +.navbar .navbar-nav > li > a.btn.btn-primary.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover { + background-color: #9c27b0; + color: #ffffff; } .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover, -.navbar .navbar-nav>li>a.btn.btn-primary:focus, -.navbar .navbar-nav>li>a.btn.btn-primary:active, -.navbar .navbar-nav>li>a.btn.btn-primary:hover { - box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); +.navbar .navbar-nav > li > a.btn.btn-primary:focus, +.navbar .navbar-nav > li > a.btn.btn-primary:active, +.navbar .navbar-nav > li > a.btn.btn-primary:hover { + box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); } .btn.btn-primary.disabled, @@ -1237,53 +1270,54 @@ fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active, -.navbar .navbar-nav>li>a.btn.btn-primary.disabled, -.navbar .navbar-nav>li>a.btn.btn-primary.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-primary.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-primary.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-primary.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-primary.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-primary:disabled, -.navbar .navbar-nav>li>a.btn.btn-primary:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-primary:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-primary:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-primary:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-primary:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-primary[disabled], -.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-primary[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-primary[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-primary.disabled, +.navbar .navbar-nav > li > a.btn.btn-primary.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-primary.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-primary.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-primary.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-primary.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-primary:disabled, +.navbar .navbar-nav > li > a.btn.btn-primary:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-primary:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-primary:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-primary:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-primary:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-primary[disabled], +.navbar .navbar-nav > li > a.btn.btn-primary[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-primary[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-primary[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-primary[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-primary[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary.active { + box-shadow: none; } .btn.btn-primary.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple { - background-color: transparent; - color: #9c27b0; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple { + background-color: transparent; + color: #9c27b0; + box-shadow: none; } .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:active { - background-color: transparent; - color: #9c27b0; +.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active { + background-color: transparent; + color: #9c27b0; } .btn.btn-info, -.navbar .navbar-nav>li>a.btn.btn-info { - box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); +.navbar .navbar-nav > li > a.btn.btn-info { + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), + 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); } .btn.btn-info, @@ -1295,32 +1329,33 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.active { .btn.btn-info:active:hover, .btn.btn-info.active:focus, .btn.btn-info.active:hover, -.open>.btn.btn-info.dropdown-toggle, -.open>.btn.btn-info.dropdown-toggle:focus, -.open>.btn.btn-info.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-info, -.navbar .navbar-nav>li>a.btn.btn-info:hover, -.navbar .navbar-nav>li>a.btn.btn-info:focus, -.navbar .navbar-nav>li>a.btn.btn-info:active, -.navbar .navbar-nav>li>a.btn.btn-info.active, -.navbar .navbar-nav>li>a.btn.btn-info:active:focus, -.navbar .navbar-nav>li>a.btn.btn-info:active:hover, -.navbar .navbar-nav>li>a.btn.btn-info.active:focus, -.navbar .navbar-nav>li>a.btn.btn-info.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:hover { - background-color: #00bcd4; - color: #FFFFFF; +.open > .btn.btn-info.dropdown-toggle, +.open > .btn.btn-info.dropdown-toggle:focus, +.open > .btn.btn-info.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-info, +.navbar .navbar-nav > li > a.btn.btn-info:hover, +.navbar .navbar-nav > li > a.btn.btn-info:focus, +.navbar .navbar-nav > li > a.btn.btn-info:active, +.navbar .navbar-nav > li > a.btn.btn-info.active, +.navbar .navbar-nav > li > a.btn.btn-info:active:focus, +.navbar .navbar-nav > li > a.btn.btn-info:active:hover, +.navbar .navbar-nav > li > a.btn.btn-info.active:focus, +.navbar .navbar-nav > li > a.btn.btn-info.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover { + background-color: #00bcd4; + color: #ffffff; } .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:hover, -.navbar .navbar-nav>li>a.btn.btn-info:focus, -.navbar .navbar-nav>li>a.btn.btn-info:active, -.navbar .navbar-nav>li>a.btn.btn-info:hover { - box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); +.navbar .navbar-nav > li > a.btn.btn-info:focus, +.navbar .navbar-nav > li > a.btn.btn-info:active, +.navbar .navbar-nav > li > a.btn.btn-info:hover { + box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); } .btn.btn-info.disabled, @@ -1347,53 +1382,54 @@ fieldset[disabled] .btn.btn-info:focus, fieldset[disabled] .btn.btn-info.focus, fieldset[disabled] .btn.btn-info:active, fieldset[disabled] .btn.btn-info.active, -.navbar .navbar-nav>li>a.btn.btn-info.disabled, -.navbar .navbar-nav>li>a.btn.btn-info.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-info.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-info.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-info.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-info.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-info:disabled, -.navbar .navbar-nav>li>a.btn.btn-info:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-info:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-info:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-info:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-info:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-info[disabled], -.navbar .navbar-nav>li>a.btn.btn-info[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-info[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-info[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-info[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-info[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-info.disabled, +.navbar .navbar-nav > li > a.btn.btn-info.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-info.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-info.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-info.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-info.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-info:disabled, +.navbar .navbar-nav > li > a.btn.btn-info:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-info:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-info:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-info:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-info:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-info[disabled], +.navbar .navbar-nav > li > a.btn.btn-info[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-info[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-info[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-info[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-info[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info.active { + box-shadow: none; } .btn.btn-info.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-info.btn-simple { - background-color: transparent; - color: #00bcd4; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-info.btn-simple { + background-color: transparent; + color: #00bcd4; + box-shadow: none; } .btn.btn-info.btn-simple:hover, .btn.btn-info.btn-simple:focus, .btn.btn-info.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:active { - background-color: transparent; - color: #00bcd4; +.navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active { + background-color: transparent; + color: #00bcd4; } .btn.btn-success, -.navbar .navbar-nav>li>a.btn.btn-success { - box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); +.navbar .navbar-nav > li > a.btn.btn-success { + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), + 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); } .btn.btn-success, @@ -1405,32 +1441,33 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.active { .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, -.open>.btn.btn-success.dropdown-toggle, -.open>.btn.btn-success.dropdown-toggle:focus, -.open>.btn.btn-success.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-success, -.navbar .navbar-nav>li>a.btn.btn-success:hover, -.navbar .navbar-nav>li>a.btn.btn-success:focus, -.navbar .navbar-nav>li>a.btn.btn-success:active, -.navbar .navbar-nav>li>a.btn.btn-success.active, -.navbar .navbar-nav>li>a.btn.btn-success:active:focus, -.navbar .navbar-nav>li>a.btn.btn-success:active:hover, -.navbar .navbar-nav>li>a.btn.btn-success.active:focus, -.navbar .navbar-nav>li>a.btn.btn-success.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:hover { - background-color: #4caf50; - color: #FFFFFF; +.open > .btn.btn-success.dropdown-toggle, +.open > .btn.btn-success.dropdown-toggle:focus, +.open > .btn.btn-success.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-success, +.navbar .navbar-nav > li > a.btn.btn-success:hover, +.navbar .navbar-nav > li > a.btn.btn-success:focus, +.navbar .navbar-nav > li > a.btn.btn-success:active, +.navbar .navbar-nav > li > a.btn.btn-success.active, +.navbar .navbar-nav > li > a.btn.btn-success:active:focus, +.navbar .navbar-nav > li > a.btn.btn-success:active:hover, +.navbar .navbar-nav > li > a.btn.btn-success.active:focus, +.navbar .navbar-nav > li > a.btn.btn-success.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover { + background-color: #4caf50; + color: #ffffff; } .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover, -.navbar .navbar-nav>li>a.btn.btn-success:focus, -.navbar .navbar-nav>li>a.btn.btn-success:active, -.navbar .navbar-nav>li>a.btn.btn-success:hover { - box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); +.navbar .navbar-nav > li > a.btn.btn-success:focus, +.navbar .navbar-nav > li > a.btn.btn-success:active, +.navbar .navbar-nav > li > a.btn.btn-success:hover { + box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); } .btn.btn-success.disabled, @@ -1457,53 +1494,54 @@ fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success.active, -.navbar .navbar-nav>li>a.btn.btn-success.disabled, -.navbar .navbar-nav>li>a.btn.btn-success.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-success.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-success.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-success.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-success.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-success:disabled, -.navbar .navbar-nav>li>a.btn.btn-success:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-success:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-success:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-success:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-success:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-success[disabled], -.navbar .navbar-nav>li>a.btn.btn-success[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-success[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-success[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-success[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-success[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-success.disabled, +.navbar .navbar-nav > li > a.btn.btn-success.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-success.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-success.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-success.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-success.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-success:disabled, +.navbar .navbar-nav > li > a.btn.btn-success:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-success:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-success:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-success:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-success:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-success[disabled], +.navbar .navbar-nav > li > a.btn.btn-success[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-success[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-success[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-success[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-success[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success.active { + box-shadow: none; } .btn.btn-success.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-success.btn-simple { - background-color: transparent; - color: #4caf50; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-success.btn-simple { + background-color: transparent; + color: #4caf50; + box-shadow: none; } .btn.btn-success.btn-simple:hover, .btn.btn-success.btn-simple:focus, .btn.btn-success.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-success.btn-simple:active { - background-color: transparent; - color: #4caf50; +.navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active { + background-color: transparent; + color: #4caf50; } .btn.btn-warning, -.navbar .navbar-nav>li>a.btn.btn-warning { - box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); +.navbar .navbar-nav > li > a.btn.btn-warning { + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), + 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); } .btn.btn-warning, @@ -1515,32 +1553,33 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-success.active { .btn.btn-warning:active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, -.open>.btn.btn-warning.dropdown-toggle, -.open>.btn.btn-warning.dropdown-toggle:focus, -.open>.btn.btn-warning.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-warning, -.navbar .navbar-nav>li>a.btn.btn-warning:hover, -.navbar .navbar-nav>li>a.btn.btn-warning:focus, -.navbar .navbar-nav>li>a.btn.btn-warning:active, -.navbar .navbar-nav>li>a.btn.btn-warning.active, -.navbar .navbar-nav>li>a.btn.btn-warning:active:focus, -.navbar .navbar-nav>li>a.btn.btn-warning:active:hover, -.navbar .navbar-nav>li>a.btn.btn-warning.active:focus, -.navbar .navbar-nav>li>a.btn.btn-warning.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-warning.dropdown-toggle:hover { - background-color: #ff9800; - color: #FFFFFF; +.open > .btn.btn-warning.dropdown-toggle, +.open > .btn.btn-warning.dropdown-toggle:focus, +.open > .btn.btn-warning.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-warning, +.navbar .navbar-nav > li > a.btn.btn-warning:hover, +.navbar .navbar-nav > li > a.btn.btn-warning:focus, +.navbar .navbar-nav > li > a.btn.btn-warning:active, +.navbar .navbar-nav > li > a.btn.btn-warning.active, +.navbar .navbar-nav > li > a.btn.btn-warning:active:focus, +.navbar .navbar-nav > li > a.btn.btn-warning:active:hover, +.navbar .navbar-nav > li > a.btn.btn-warning.active:focus, +.navbar .navbar-nav > li > a.btn.btn-warning.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover { + background-color: #ff9800; + color: #ffffff; } .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover, -.navbar .navbar-nav>li>a.btn.btn-warning:focus, -.navbar .navbar-nav>li>a.btn.btn-warning:active, -.navbar .navbar-nav>li>a.btn.btn-warning:hover { - box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); +.navbar .navbar-nav > li > a.btn.btn-warning:focus, +.navbar .navbar-nav > li > a.btn.btn-warning:active, +.navbar .navbar-nav > li > a.btn.btn-warning:hover { + box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); } .btn.btn-warning.disabled, @@ -1567,53 +1606,54 @@ fieldset[disabled] .btn.btn-warning:focus, fieldset[disabled] .btn.btn-warning.focus, fieldset[disabled] .btn.btn-warning:active, fieldset[disabled] .btn.btn-warning.active, -.navbar .navbar-nav>li>a.btn.btn-warning.disabled, -.navbar .navbar-nav>li>a.btn.btn-warning.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-warning.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-warning.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-warning.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-warning.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-warning:disabled, -.navbar .navbar-nav>li>a.btn.btn-warning:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-warning:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-warning:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-warning:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-warning:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-warning[disabled], -.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-warning[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-warning[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-warning[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-warning.disabled, +.navbar .navbar-nav > li > a.btn.btn-warning.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-warning.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-warning.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-warning.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-warning.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-warning:disabled, +.navbar .navbar-nav > li > a.btn.btn-warning:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-warning:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-warning:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-warning:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-warning:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-warning[disabled], +.navbar .navbar-nav > li > a.btn.btn-warning[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-warning[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-warning[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-warning[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-warning[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning.active { + box-shadow: none; } .btn.btn-warning.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple { - background-color: transparent; - color: #ff9800; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple { + background-color: transparent; + color: #ff9800; + box-shadow: none; } .btn.btn-warning.btn-simple:hover, .btn.btn-warning.btn-simple:focus, .btn.btn-warning.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-warning.btn-simple:active { - background-color: transparent; - color: #ff9800; +.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active { + background-color: transparent; + color: #ff9800; } .btn.btn-danger, -.navbar .navbar-nav>li>a.btn.btn-danger { - box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); +.navbar .navbar-nav > li > a.btn.btn-danger { + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), + 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); } .btn.btn-danger, @@ -1625,32 +1665,33 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-warning.active { .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, -.open>.btn.btn-danger.dropdown-toggle, -.open>.btn.btn-danger.dropdown-toggle:focus, -.open>.btn.btn-danger.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-danger, -.navbar .navbar-nav>li>a.btn.btn-danger:hover, -.navbar .navbar-nav>li>a.btn.btn-danger:focus, -.navbar .navbar-nav>li>a.btn.btn-danger:active, -.navbar .navbar-nav>li>a.btn.btn-danger.active, -.navbar .navbar-nav>li>a.btn.btn-danger:active:focus, -.navbar .navbar-nav>li>a.btn.btn-danger:active:hover, -.navbar .navbar-nav>li>a.btn.btn-danger.active:focus, -.navbar .navbar-nav>li>a.btn.btn-danger.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-danger.dropdown-toggle:hover { - background-color: #f44336; - color: #FFFFFF; +.open > .btn.btn-danger.dropdown-toggle, +.open > .btn.btn-danger.dropdown-toggle:focus, +.open > .btn.btn-danger.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-danger, +.navbar .navbar-nav > li > a.btn.btn-danger:hover, +.navbar .navbar-nav > li > a.btn.btn-danger:focus, +.navbar .navbar-nav > li > a.btn.btn-danger:active, +.navbar .navbar-nav > li > a.btn.btn-danger.active, +.navbar .navbar-nav > li > a.btn.btn-danger:active:focus, +.navbar .navbar-nav > li > a.btn.btn-danger:active:hover, +.navbar .navbar-nav > li > a.btn.btn-danger.active:focus, +.navbar .navbar-nav > li > a.btn.btn-danger.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover { + background-color: #f44336; + color: #ffffff; } .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover, -.navbar .navbar-nav>li>a.btn.btn-danger:focus, -.navbar .navbar-nav>li>a.btn.btn-danger:active, -.navbar .navbar-nav>li>a.btn.btn-danger:hover { - box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); +.navbar .navbar-nav > li > a.btn.btn-danger:focus, +.navbar .navbar-nav > li > a.btn.btn-danger:active, +.navbar .navbar-nav > li > a.btn.btn-danger:hover { + box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); } .btn.btn-danger.disabled, @@ -1677,53 +1718,54 @@ fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger.active, -.navbar .navbar-nav>li>a.btn.btn-danger.disabled, -.navbar .navbar-nav>li>a.btn.btn-danger.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-danger.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-danger.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-danger.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-danger.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-danger:disabled, -.navbar .navbar-nav>li>a.btn.btn-danger:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-danger:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-danger:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-danger:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-danger:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-danger[disabled], -.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-danger[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-danger[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-danger[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-danger.disabled, +.navbar .navbar-nav > li > a.btn.btn-danger.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-danger.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-danger.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-danger.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-danger.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-danger:disabled, +.navbar .navbar-nav > li > a.btn.btn-danger:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-danger:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-danger:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-danger:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-danger:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-danger[disabled], +.navbar .navbar-nav > li > a.btn.btn-danger[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-danger[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-danger[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-danger[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-danger[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger.active { + box-shadow: none; } .btn.btn-danger.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple { - background-color: transparent; - color: #f44336; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple { + background-color: transparent; + color: #f44336; + box-shadow: none; } .btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-danger.btn-simple:active { - background-color: transparent; - color: #f44336; +.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active { + background-color: transparent; + color: #f44336; } .btn.btn-rose, -.navbar .navbar-nav>li>a.btn.btn-rose { - box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); +.navbar .navbar-nav > li > a.btn.btn-rose { + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), + 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); } .btn.btn-rose, @@ -1735,32 +1777,33 @@ fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-danger.active { .btn.btn-rose:active:hover, .btn.btn-rose.active:focus, .btn.btn-rose.active:hover, -.open>.btn.btn-rose.dropdown-toggle, -.open>.btn.btn-rose.dropdown-toggle:focus, -.open>.btn.btn-rose.dropdown-toggle:hover, -.navbar .navbar-nav>li>a.btn.btn-rose, -.navbar .navbar-nav>li>a.btn.btn-rose:hover, -.navbar .navbar-nav>li>a.btn.btn-rose:focus, -.navbar .navbar-nav>li>a.btn.btn-rose:active, -.navbar .navbar-nav>li>a.btn.btn-rose.active, -.navbar .navbar-nav>li>a.btn.btn-rose:active:focus, -.navbar .navbar-nav>li>a.btn.btn-rose:active:hover, -.navbar .navbar-nav>li>a.btn.btn-rose.active:focus, -.navbar .navbar-nav>li>a.btn.btn-rose.active:hover, -.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle, -.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:focus, -.open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:hover { - background-color: #e91e63; - color: #FFFFFF; +.open > .btn.btn-rose.dropdown-toggle, +.open > .btn.btn-rose.dropdown-toggle:focus, +.open > .btn.btn-rose.dropdown-toggle:hover, +.navbar .navbar-nav > li > a.btn.btn-rose, +.navbar .navbar-nav > li > a.btn.btn-rose:hover, +.navbar .navbar-nav > li > a.btn.btn-rose:focus, +.navbar .navbar-nav > li > a.btn.btn-rose:active, +.navbar .navbar-nav > li > a.btn.btn-rose.active, +.navbar .navbar-nav > li > a.btn.btn-rose:active:focus, +.navbar .navbar-nav > li > a.btn.btn-rose:active:hover, +.navbar .navbar-nav > li > a.btn.btn-rose.active:focus, +.navbar .navbar-nav > li > a.btn.btn-rose.active:hover, +.open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle, +.open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:focus, +.open > .navbar .navbar-nav > li > a.btn.btn-rose.dropdown-toggle:hover { + background-color: #e91e63; + color: #ffffff; } .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose:hover, -.navbar .navbar-nav>li>a.btn.btn-rose:focus, -.navbar .navbar-nav>li>a.btn.btn-rose:active, -.navbar .navbar-nav>li>a.btn.btn-rose:hover { - box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); +.navbar .navbar-nav > li > a.btn.btn-rose:focus, +.navbar .navbar-nav > li > a.btn.btn-rose:active, +.navbar .navbar-nav > li > a.btn.btn-rose:hover { + box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); } .btn.btn-rose.disabled, @@ -1787,614 +1830,642 @@ fieldset[disabled] .btn.btn-rose:focus, fieldset[disabled] .btn.btn-rose.focus, fieldset[disabled] .btn.btn-rose:active, fieldset[disabled] .btn.btn-rose.active, -.navbar .navbar-nav>li>a.btn.btn-rose.disabled, -.navbar .navbar-nav>li>a.btn.btn-rose.disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-rose.disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-rose.disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-rose.disabled:active, -.navbar .navbar-nav>li>a.btn.btn-rose.disabled.active, -.navbar .navbar-nav>li>a.btn.btn-rose:disabled, -.navbar .navbar-nav>li>a.btn.btn-rose:disabled:hover, -.navbar .navbar-nav>li>a.btn.btn-rose:disabled:focus, -.navbar .navbar-nav>li>a.btn.btn-rose:disabled.focus, -.navbar .navbar-nav>li>a.btn.btn-rose:disabled:active, -.navbar .navbar-nav>li>a.btn.btn-rose:disabled.active, -.navbar .navbar-nav>li>a.btn.btn-rose[disabled], -.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:hover, -.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:focus, -.navbar .navbar-nav>li>a.btn.btn-rose[disabled].focus, -.navbar .navbar-nav>li>a.btn.btn-rose[disabled]:active, -.navbar .navbar-nav>li>a.btn.btn-rose[disabled].active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:hover, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose.focus, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose:active, -fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-rose.active { - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-rose.disabled, +.navbar .navbar-nav > li > a.btn.btn-rose.disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-rose.disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-rose.disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-rose.disabled:active, +.navbar .navbar-nav > li > a.btn.btn-rose.disabled.active, +.navbar .navbar-nav > li > a.btn.btn-rose:disabled, +.navbar .navbar-nav > li > a.btn.btn-rose:disabled:hover, +.navbar .navbar-nav > li > a.btn.btn-rose:disabled:focus, +.navbar .navbar-nav > li > a.btn.btn-rose:disabled.focus, +.navbar .navbar-nav > li > a.btn.btn-rose:disabled:active, +.navbar .navbar-nav > li > a.btn.btn-rose:disabled.active, +.navbar .navbar-nav > li > a.btn.btn-rose[disabled], +.navbar .navbar-nav > li > a.btn.btn-rose[disabled]:hover, +.navbar .navbar-nav > li > a.btn.btn-rose[disabled]:focus, +.navbar .navbar-nav > li > a.btn.btn-rose[disabled].focus, +.navbar .navbar-nav > li > a.btn.btn-rose[disabled]:active, +.navbar .navbar-nav > li > a.btn.btn-rose[disabled].active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose:hover, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose:focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose.focus, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose:active, +fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-rose.active { + box-shadow: none; } .btn.btn-rose.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple { - background-color: transparent; - color: #e91e63; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple { + background-color: transparent; + color: #e91e63; + box-shadow: none; } .btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active, -.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:hover, -.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:focus, -.navbar .navbar-nav>li>a.btn.btn-rose.btn-simple:active { - background-color: transparent; - color: #e91e63; +.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:hover, +.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:focus, +.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple:active { + background-color: transparent; + color: #e91e63; } .btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover, -.navbar .navbar-nav>li>a.btn.btn-white, -.navbar .navbar-nav>li>a.btn.btn-white:focus, -.navbar .navbar-nav>li>a.btn.btn-white:hover { - background-color: #FFFFFF; - color: #999999; +.navbar .navbar-nav > li > a.btn.btn-white, +.navbar .navbar-nav > li > a.btn.btn-white:focus, +.navbar .navbar-nav > li > a.btn.btn-white:hover { + background-color: #ffffff; + color: #999999; } .btn.btn-white.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-white.btn-simple { - color: #FFFFFF; - background: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-white.btn-simple { + color: #ffffff; + background: transparent; + box-shadow: none; } .btn.btn-facebook, -.navbar .navbar-nav>li>a.btn.btn-facebook { - background-color: #3b5998; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); +.navbar .navbar-nav > li > a.btn.btn-facebook { + background-color: #3b5998; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), + 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); } .btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:hover, -.navbar .navbar-nav>li>a.btn.btn-facebook:focus, -.navbar .navbar-nav>li>a.btn.btn-facebook:active, -.navbar .navbar-nav>li>a.btn.btn-facebook:hover { - background-color: #3b5998; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); +.navbar .navbar-nav > li > a.btn.btn-facebook:focus, +.navbar .navbar-nav > li > a.btn.btn-facebook:active, +.navbar .navbar-nav > li > a.btn.btn-facebook:hover { + background-color: #3b5998; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); } .btn.btn-facebook.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-facebook.btn-simple { - color: #3b5998; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple { + color: #3b5998; + background-color: transparent; + box-shadow: none; } .btn.btn-twitter, -.navbar .navbar-nav>li>a.btn.btn-twitter { - background-color: #55acee; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); +.navbar .navbar-nav > li > a.btn.btn-twitter { + background-color: #55acee; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), + 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); } .btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover, -.navbar .navbar-nav>li>a.btn.btn-twitter:focus, -.navbar .navbar-nav>li>a.btn.btn-twitter:active, -.navbar .navbar-nav>li>a.btn.btn-twitter:hover { - background-color: #55acee; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); +.navbar .navbar-nav > li > a.btn.btn-twitter:focus, +.navbar .navbar-nav > li > a.btn.btn-twitter:active, +.navbar .navbar-nav > li > a.btn.btn-twitter:hover { + background-color: #55acee; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); } .btn.btn-twitter.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-twitter.btn-simple { - color: #55acee; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple { + color: #55acee; + background-color: transparent; + box-shadow: none; } .btn.btn-pinterest, -.navbar .navbar-nav>li>a.btn.btn-pinterest { - background-color: #cc2127; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); +.navbar .navbar-nav > li > a.btn.btn-pinterest { + background-color: #cc2127; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), + 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); } .btn.btn-pinterest:focus, .btn.btn-pinterest:active, .btn.btn-pinterest:hover, -.navbar .navbar-nav>li>a.btn.btn-pinterest:focus, -.navbar .navbar-nav>li>a.btn.btn-pinterest:active, -.navbar .navbar-nav>li>a.btn.btn-pinterest:hover { - background-color: #cc2127; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); +.navbar .navbar-nav > li > a.btn.btn-pinterest:focus, +.navbar .navbar-nav > li > a.btn.btn-pinterest:active, +.navbar .navbar-nav > li > a.btn.btn-pinterest:hover { + background-color: #cc2127; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); } .btn.btn-pinterest.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-pinterest.btn-simple { - color: #cc2127; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple { + color: #cc2127; + background-color: transparent; + box-shadow: none; } .btn.btn-google, -.navbar .navbar-nav>li>a.btn.btn-google { - background-color: #dd4b39; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); +.navbar .navbar-nav > li > a.btn.btn-google { + background-color: #dd4b39; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), + 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); } .btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:hover, -.navbar .navbar-nav>li>a.btn.btn-google:focus, -.navbar .navbar-nav>li>a.btn.btn-google:active, -.navbar .navbar-nav>li>a.btn.btn-google:hover { - background-color: #dd4b39; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); +.navbar .navbar-nav > li > a.btn.btn-google:focus, +.navbar .navbar-nav > li > a.btn.btn-google:active, +.navbar .navbar-nav > li > a.btn.btn-google:hover { + background-color: #dd4b39; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); } .btn.btn-google.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-google.btn-simple { - color: #dd4b39; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-google.btn-simple { + color: #dd4b39; + background-color: transparent; + box-shadow: none; } .btn.btn-linkedin, -.navbar .navbar-nav>li>a.btn.btn-linkedin { - background-color: #0976b4; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); +.navbar .navbar-nav > li > a.btn.btn-linkedin { + background-color: #0976b4; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), + 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); } .btn.btn-linkedin:focus, .btn.btn-linkedin:active, .btn.btn-linkedin:hover, -.navbar .navbar-nav>li>a.btn.btn-linkedin:focus, -.navbar .navbar-nav>li>a.btn.btn-linkedin:active, -.navbar .navbar-nav>li>a.btn.btn-linkedin:hover { - background-color: #0976b4; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); +.navbar .navbar-nav > li > a.btn.btn-linkedin:focus, +.navbar .navbar-nav > li > a.btn.btn-linkedin:active, +.navbar .navbar-nav > li > a.btn.btn-linkedin:hover { + background-color: #0976b4; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); } .btn.btn-linkedin.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-linkedin.btn-simple { - color: #0976b4; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple { + color: #0976b4; + background-color: transparent; + box-shadow: none; } .btn.btn-dribbble, -.navbar .navbar-nav>li>a.btn.btn-dribbble { - background-color: #ea4c89; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); +.navbar .navbar-nav > li > a.btn.btn-dribbble { + background-color: #ea4c89; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), + 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); } .btn.btn-dribbble:focus, .btn.btn-dribbble:active, .btn.btn-dribbble:hover, -.navbar .navbar-nav>li>a.btn.btn-dribbble:focus, -.navbar .navbar-nav>li>a.btn.btn-dribbble:active, -.navbar .navbar-nav>li>a.btn.btn-dribbble:hover { - background-color: #ea4c89; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); +.navbar .navbar-nav > li > a.btn.btn-dribbble:focus, +.navbar .navbar-nav > li > a.btn.btn-dribbble:active, +.navbar .navbar-nav > li > a.btn.btn-dribbble:hover { + background-color: #ea4c89; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); } .btn.btn-dribbble.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-dribbble.btn-simple { - color: #ea4c89; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple { + color: #ea4c89; + background-color: transparent; + box-shadow: none; } .btn.btn-github, -.navbar .navbar-nav>li>a.btn.btn-github { - background-color: #333333; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); +.navbar .navbar-nav > li > a.btn.btn-github { + background-color: #333333; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), + 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); } .btn.btn-github:focus, .btn.btn-github:active, .btn.btn-github:hover, -.navbar .navbar-nav>li>a.btn.btn-github:focus, -.navbar .navbar-nav>li>a.btn.btn-github:active, -.navbar .navbar-nav>li>a.btn.btn-github:hover { - background-color: #333333; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); +.navbar .navbar-nav > li > a.btn.btn-github:focus, +.navbar .navbar-nav > li > a.btn.btn-github:active, +.navbar .navbar-nav > li > a.btn.btn-github:hover { + background-color: #333333; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); } .btn.btn-github.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-github.btn-simple { - color: #333333; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-github.btn-simple { + color: #333333; + background-color: transparent; + box-shadow: none; } .btn.btn-youtube, -.navbar .navbar-nav>li>a.btn.btn-youtube { - background-color: #e52d27; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); +.navbar .navbar-nav > li > a.btn.btn-youtube { + background-color: #e52d27; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), + 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); } .btn.btn-youtube:focus, .btn.btn-youtube:active, .btn.btn-youtube:hover, -.navbar .navbar-nav>li>a.btn.btn-youtube:focus, -.navbar .navbar-nav>li>a.btn.btn-youtube:active, -.navbar .navbar-nav>li>a.btn.btn-youtube:hover { - background-color: #e52d27; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); +.navbar .navbar-nav > li > a.btn.btn-youtube:focus, +.navbar .navbar-nav > li > a.btn.btn-youtube:active, +.navbar .navbar-nav > li > a.btn.btn-youtube:hover { + background-color: #e52d27; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); } .btn.btn-youtube.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-youtube.btn-simple { - color: #e52d27; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple { + color: #e52d27; + background-color: transparent; + box-shadow: none; } .btn.btn-instagram, -.navbar .navbar-nav>li>a.btn.btn-instagram { - background-color: #125688; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); +.navbar .navbar-nav > li > a.btn.btn-instagram { + background-color: #125688; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), + 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); } .btn.btn-instagram:focus, .btn.btn-instagram:active, .btn.btn-instagram:hover, -.navbar .navbar-nav>li>a.btn.btn-instagram:focus, -.navbar .navbar-nav>li>a.btn.btn-instagram:active, -.navbar .navbar-nav>li>a.btn.btn-instagram:hover { - background-color: #125688; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); +.navbar .navbar-nav > li > a.btn.btn-instagram:focus, +.navbar .navbar-nav > li > a.btn.btn-instagram:active, +.navbar .navbar-nav > li > a.btn.btn-instagram:hover { + background-color: #125688; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); } .btn.btn-instagram.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-instagram.btn-simple { - color: #125688; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple { + color: #125688; + background-color: transparent; + box-shadow: none; } .btn.btn-reddit, -.navbar .navbar-nav>li>a.btn.btn-reddit { - background-color: #ff4500; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); +.navbar .navbar-nav > li > a.btn.btn-reddit { + background-color: #ff4500; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), + 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); } .btn.btn-reddit:focus, .btn.btn-reddit:active, .btn.btn-reddit:hover, -.navbar .navbar-nav>li>a.btn.btn-reddit:focus, -.navbar .navbar-nav>li>a.btn.btn-reddit:active, -.navbar .navbar-nav>li>a.btn.btn-reddit:hover { - background-color: #ff4500; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); +.navbar .navbar-nav > li > a.btn.btn-reddit:focus, +.navbar .navbar-nav > li > a.btn.btn-reddit:active, +.navbar .navbar-nav > li > a.btn.btn-reddit:hover { + background-color: #ff4500; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); } .btn.btn-reddit.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-reddit.btn-simple { - color: #ff4500; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple { + color: #ff4500; + background-color: transparent; + box-shadow: none; } .btn.btn-tumblr, -.navbar .navbar-nav>li>a.btn.btn-tumblr { - background-color: #35465c; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); +.navbar .navbar-nav > li > a.btn.btn-tumblr { + background-color: #35465c; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), + 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); } .btn.btn-tumblr:focus, .btn.btn-tumblr:active, .btn.btn-tumblr:hover, -.navbar .navbar-nav>li>a.btn.btn-tumblr:focus, -.navbar .navbar-nav>li>a.btn.btn-tumblr:active, -.navbar .navbar-nav>li>a.btn.btn-tumblr:hover { - background-color: #35465c; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); +.navbar .navbar-nav > li > a.btn.btn-tumblr:focus, +.navbar .navbar-nav > li > a.btn.btn-tumblr:active, +.navbar .navbar-nav > li > a.btn.btn-tumblr:hover { + background-color: #35465c; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); } .btn.btn-tumblr.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-tumblr.btn-simple { - color: #35465c; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple { + color: #35465c; + background-color: transparent; + box-shadow: none; } .btn.btn-behance, -.navbar .navbar-nav>li>a.btn.btn-behance { - background-color: #1769ff; - color: #fff; - box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); +.navbar .navbar-nav > li > a.btn.btn-behance { + background-color: #1769ff; + color: #fff; + box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), + 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); } .btn.btn-behance:focus, .btn.btn-behance:active, .btn.btn-behance:hover, -.navbar .navbar-nav>li>a.btn.btn-behance:focus, -.navbar .navbar-nav>li>a.btn.btn-behance:active, -.navbar .navbar-nav>li>a.btn.btn-behance:hover { - background-color: #1769ff; - color: #fff; - box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); +.navbar .navbar-nav > li > a.btn.btn-behance:focus, +.navbar .navbar-nav > li > a.btn.btn-behance:active, +.navbar .navbar-nav > li > a.btn.btn-behance:hover { + background-color: #1769ff; + color: #fff; + box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), + 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); } .btn.btn-behance.btn-simple, -.navbar .navbar-nav>li>a.btn.btn-behance.btn-simple { - color: #1769ff; - background-color: transparent; - box-shadow: none; +.navbar .navbar-nav > li > a.btn.btn-behance.btn-simple { + color: #1769ff; + background-color: transparent; + box-shadow: none; } .btn:focus, .btn:active, .btn:active:focus, -.navbar .navbar-nav>li>a.btn:focus, -.navbar .navbar-nav>li>a.btn:active, -.navbar .navbar-nav>li>a.btn:active:focus { - outline: 0; +.navbar .navbar-nav > li > a.btn:focus, +.navbar .navbar-nav > li > a.btn:active, +.navbar .navbar-nav > li > a.btn:active:focus { + outline: 0; } .btn.btn-round, -.navbar .navbar-nav>li>a.btn.btn-round { - border-radius: 30px; +.navbar .navbar-nav > li > a.btn.btn-round { + border-radius: 30px; } .btn:not(.btn-just-icon):not(.btn-fab) .fa, -.navbar .navbar-nav>li>a.btn:not(.btn-just-icon):not(.btn-fab) .fa { - font-size: 18px; - margin-top: -2px; - position: relative; - top: 2px; +.navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa { + font-size: 18px; + margin-top: -2px; + position: relative; + top: 2px; } .btn.btn-fab, -.navbar .navbar-nav>li>a.btn.btn-fab { - border-radius: 50%; - font-size: 24px; - height: 56px; - margin: auto; - min-width: 56px; - width: 56px; - padding: 0; - overflow: hidden; - position: relative; - line-height: normal; +.navbar .navbar-nav > li > a.btn.btn-fab { + border-radius: 50%; + font-size: 24px; + height: 56px; + margin: auto; + min-width: 56px; + width: 56px; + padding: 0; + overflow: hidden; + position: relative; + line-height: normal; } .btn.btn-fab .ripple-container, -.navbar .navbar-nav>li>a.btn.btn-fab .ripple-container { - border-radius: 50%; +.navbar .navbar-nav > li > a.btn.btn-fab .ripple-container { + border-radius: 50%; } .btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-fab, -.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini, -.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab { - height: 40px; - min-width: 40px; - width: 40px; +.navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini, +.btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab { + height: 40px; + min-width: 40px; + width: 40px; } .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons, -.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini.material-icons, -.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab.material-icons { - top: -3.5px; - left: -3.5px; +.navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini.material-icons, +.btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab.material-icons { + top: -3.5px; + left: -3.5px; } .btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .btn.btn-fab .material-icons, -.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini .material-icons, -.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab .material-icons { - font-size: 17px; +.navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini .material-icons, +.btn-group-sm .navbar .navbar-nav > li > a.btn.btn-fab .material-icons { + font-size: 17px; } .btn.btn-fab i.material-icons, -.navbar .navbar-nav>li>a.btn.btn-fab i.material-icons { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-12px, -12px); - line-height: 24px; - width: 24px; - font-size: 24px; +.navbar .navbar-nav > li > a.btn.btn-fab i.material-icons { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-12px, -12px); + line-height: 24px; + width: 24px; + font-size: 24px; } .btn.btn-lg, .btn-group-lg .btn, -.navbar .navbar-nav>li>a.btn.btn-lg, -.btn-group-lg .navbar .navbar-nav>li>a.btn { - font-size: 14px; - padding: 18px 36px; +.navbar .navbar-nav > li > a.btn.btn-lg, +.btn-group-lg .navbar .navbar-nav > li > a.btn { + font-size: 14px; + padding: 18px 36px; } .btn.btn-sm, .btn-group-sm .btn, -.navbar .navbar-nav>li>a.btn.btn-sm, -.btn-group-sm .navbar .navbar-nav>li>a.btn { - padding: 5px 20px; - font-size: 11px; +.navbar .navbar-nav > li > a.btn.btn-sm, +.btn-group-sm .navbar .navbar-nav > li > a.btn { + padding: 5px 20px; + font-size: 11px; } .btn.btn-xs, .btn-group-xs .btn, -.navbar .navbar-nav>li>a.btn.btn-xs, -.btn-group-xs .navbar .navbar-nav>li>a.btn { - padding: 4px 15px; - font-size: 10px; +.navbar .navbar-nav > li > a.btn.btn-xs, +.btn-group-xs .navbar .navbar-nav > li > a.btn { + padding: 4px 15px; + font-size: 10px; } .btn.btn-just-icon, -.navbar .navbar-nav>li>a.btn.btn-just-icon { - font-size: 20px; - padding: 12px 12px; - line-height: 1em; +.navbar .navbar-nav > li > a.btn.btn-just-icon { + font-size: 20px; + padding: 12px 12px; + line-height: 1em; } .btn.btn-just-icon i, -.navbar .navbar-nav>li>a.btn.btn-just-icon i { - width: 20px; +.navbar .navbar-nav > li > a.btn.btn-just-icon i { + width: 20px; } .btn.btn-just-icon.btn-lg, -.navbar .navbar-nav>li>a.btn.btn-just-icon.btn-lg { - font-size: 22px; - padding: 13px 18px; +.navbar .navbar-nav > li > a.btn.btn-just-icon.btn-lg { + font-size: 22px; + padding: 13px 18px; } .btn .material-icons { - vertical-align: middle; - font-size: 17px; - top: -1px; - position: relative; + vertical-align: middle; + font-size: 17px; + top: -1px; + position: relative; } -.navbar .navbar-nav>li>a.btn { - margin-top: 2px; - margin-bottom: 2px; +.navbar .navbar-nav > li > a.btn { + margin-top: 2px; + margin-bottom: 2px; } -.navbar .navbar-nav>li>a.btn.btn-fab { - margin: 5px 2px; +.navbar .navbar-nav > li > a.btn.btn-fab { + margin: 5px 2px; } -.navbar .navbar-nav>li>a:not(.btn) .material-icons { - margin-top: -3px; - top: 0px; - position: relative; - margin-right: 3px; +.navbar .navbar-nav > li > a:not(.btn) .material-icons { + margin-top: -3px; + top: 0px; + position: relative; + margin-right: 3px; } -.navbar .navbar-nav>li>.profile-photo { - margin: 5px 2px; +.navbar .navbar-nav > li > .profile-photo { + margin: 5px 2px; } -.navbar-default:not(.navbar-transparent) .navbar-nav>li>a.btn.btn-white.btn-simple { - color: #555555; +.navbar-default:not(.navbar-transparent) + .navbar-nav + > li + > a.btn.btn-white.btn-simple { + color: #555555; } .btn-group, .btn-group-vertical { - position: relative; - margin: 10px 1px; + position: relative; + margin: 10px 1px; } -.btn-group.open>.dropdown-toggle.btn, -.btn-group.open>.dropdown-toggle.btn.btn-default, -.btn-group-vertical.open>.dropdown-toggle.btn, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-default { - background-color: #FFFFFF; +.btn-group.open > .dropdown-toggle.btn, +.btn-group.open > .dropdown-toggle.btn.btn-default, +.btn-group-vertical.open > .dropdown-toggle.btn, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-default { + background-color: #ffffff; } -.btn-group.open>.dropdown-toggle.btn.btn-inverse, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-inverse { - background-color: #212121; +.btn-group.open > .dropdown-toggle.btn.btn-inverse, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse { + background-color: #212121; } -.btn-group.open>.dropdown-toggle.btn.btn-primary, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-primary { - background-color: #9c27b0; +.btn-group.open > .dropdown-toggle.btn.btn-primary, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-primary { + background-color: #9c27b0; } -.btn-group.open>.dropdown-toggle.btn.btn-success, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-success { - background-color: #4caf50; +.btn-group.open > .dropdown-toggle.btn.btn-success, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-success { + background-color: #4caf50; } -.btn-group.open>.dropdown-toggle.btn.btn-info, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-info { - background-color: #00bcd4; +.btn-group.open > .dropdown-toggle.btn.btn-info, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-info { + background-color: #00bcd4; } -.btn-group.open>.dropdown-toggle.btn.btn-warning, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-warning { - background-color: #ff9800; +.btn-group.open > .dropdown-toggle.btn.btn-warning, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-warning { + background-color: #ff9800; } -.btn-group.open>.dropdown-toggle.btn.btn-danger, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-danger { - background-color: #f44336; +.btn-group.open > .dropdown-toggle.btn.btn-danger, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-danger { + background-color: #f44336; } -.btn-group.open>.dropdown-toggle.btn.btn-rose, -.btn-group-vertical.open>.dropdown-toggle.btn.btn-rose { - background-color: #e91e63; +.btn-group.open > .dropdown-toggle.btn.btn-rose, +.btn-group-vertical.open > .dropdown-toggle.btn.btn-rose { + background-color: #e91e63; } .btn-group .dropdown-menu, .btn-group-vertical .dropdown-menu { - border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } .btn-group.btn-group-raised, .btn-group-vertical.btn-group-raised { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); } -.btn-group .btn+.btn, +.btn-group .btn + .btn, .btn-group .btn, .btn-group .btn:active, .btn-group .btn-group, -.btn-group-vertical .btn+.btn, +.btn-group-vertical .btn + .btn, .btn-group-vertical .btn, .btn-group-vertical .btn:active, .btn-group-vertical .btn-group { - margin: 0; + margin: 0; } .close { - font-size: inherit; - color: #FFFFFF; - opacity: .9; - text-shadow: none; + font-size: inherit; + color: #ffffff; + opacity: 0.9; + text-shadow: none; } .close:hover, .close:focus { - opacity: 1; - color: #FFFFFF; + opacity: 1; + color: #ffffff; } .close i { - font-size: 20px; + font-size: 20px; } body { - background-color: #EEEEEE; - color: #3C4858; + background-color: #eeeeee; + color: #3c4858; } body.inverse { - background: #333333; + background: #333333; } body.inverse, body.inverse .form-control { - color: #ffffff; + color: #ffffff; } body.inverse .modal, @@ -2403,21 +2474,21 @@ body.inverse .panel-default, body.inverse .panel-default .form-control, body.inverse .card, body.inverse .card .form-control { - background-color: initial; - color: initial; + background-color: initial; + color: initial; } .wrapper.wrapper-full-page { - height: auto; - min-height: 100vh; + height: auto; + min-height: 100vh; } blockquote p { - font-style: italic; + font-style: italic; } .life-of-material-dashboard { - background: #FFFFFF; + background: #ffffff; } body, @@ -2431,102 +2502,101 @@ h6, .h2, .h3, .h4 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - line-height: 1.5em; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 300; + line-height: 1.5em; } .serif-font { - font-family: "Roboto Slab", "Times New Roman", serif; + font-family: "Roboto Slab", "Times New Roman", serif; } .page-header { - height: 60vh; - background-position: center center; - background-size: cover; - margin: 0; - padding: 0; - border: 0; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; + height: 60vh; + background-position: center center; + background-size: cover; + margin: 0; + padding: 0; + border: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; } a { - color: #9c27b0; + color: #9c27b0; } a:hover, a:focus { - color: #89229b; - text-decoration: none; + color: #89229b; + text-decoration: none; } a.text-info:hover, a.text-info:focus { - color: #00a5bb; + color: #00a5bb; } a .material-icons { - vertical-align: middle; + vertical-align: middle; } a[data-toggle="collapse"][aria-expanded="true"] .caret { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } .sidebar .nav a, .caret { - -webkit-transition: all 150ms ease-in; - -moz-transition: all 150ms ease-in; - -o-transition: all 150ms ease-in; - -ms-transition: all 150ms ease-in; - transition: all 150ms ease-in; + -webkit-transition: all 150ms ease-in; + -moz-transition: all 150ms ease-in; + -o-transition: all 150ms ease-in; + -ms-transition: all 150ms ease-in; + transition: all 150ms ease-in; } - /* Animations */ .animation-transition-general, -.sidebar .nav li>a, -.off-canvas-sidebar .nav li>a { - -webkit-transition: all 300ms linear; - -moz-transition: all 300ms linear; - -o-transition: all 300ms linear; - -ms-transition: all 300ms linear; - transition: all 300ms linear; +.sidebar .nav li > a, +.off-canvas-sidebar .nav li > a { + -webkit-transition: all 300ms linear; + -moz-transition: all 300ms linear; + -o-transition: all 300ms linear; + -ms-transition: all 300ms linear; + transition: all 300ms linear; } .animation-transition-slow { - -webkit-transition: all 370ms linear; - -moz-transition: all 370ms linear; - -o-transition: all 370ms linear; - -ms-transition: all 370ms linear; - transition: all 370ms linear; + -webkit-transition: all 370ms linear; + -moz-transition: all 370ms linear; + -o-transition: all 370ms linear; + -ms-transition: all 370ms linear; + transition: all 370ms linear; } .animation-transition-fast, .navbar { - -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; + -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; } legend { - border-bottom: 0; + border-bottom: 0; } * { - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; } *:focus { - outline: 0; + outline: 0; } a:focus, @@ -2539,254 +2609,255 @@ input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, -input[type="file"]>input[type="button"]::-moz-focus-inner { - outline: 0 !important; +input[type="file"] > input[type="button"]::-moz-focus-inner { + outline: 0 !important; } legend { - margin-bottom: 20px; - font-size: 21px; + margin-bottom: 20px; + font-size: 21px; } output { - padding-top: 8px; - font-size: 14px; - line-height: 1.42857; + padding-top: 8px; + font-size: 14px; + line-height: 1.42857; } .form-control { - height: 36px; - padding: 7px 0; - font-size: 14px; - line-height: 1.42857; + height: 36px; + padding: 7px 0; + font-size: 14px; + line-height: 1.42857; } @media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"].form-control, - input[type="time"].form-control, - input[type="datetime-local"].form-control, - input[type="month"].form-control { - line-height: 36px; - } - input[type="date"].input-sm, - .input-group-sm input[type="date"], - input[type="time"].input-sm, - .input-group-sm input[type="time"], - input[type="datetime-local"].input-sm, - .input-group-sm input[type="datetime-local"], - input[type="month"].input-sm, - .input-group-sm input[type="month"] { - line-height: 24px; - } - input[type="date"].input-lg, - .input-group-lg input[type="date"], - input[type="time"].input-lg, - .input-group-lg input[type="time"], - input[type="datetime-local"].input-lg, - .input-group-lg input[type="datetime-local"], - input[type="month"].input-lg, - .input-group-lg input[type="month"] { - line-height: 44px; - } + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 36px; + } + input[type="date"].input-sm, + .input-group-sm input[type="date"], + input[type="time"].input-sm, + .input-group-sm input[type="time"], + input[type="datetime-local"].input-sm, + .input-group-sm input[type="datetime-local"], + input[type="month"].input-sm, + .input-group-sm input[type="month"] { + line-height: 24px; + } + input[type="date"].input-lg, + .input-group-lg input[type="date"], + input[type="time"].input-lg, + .input-group-lg input[type="time"], + input[type="datetime-local"].input-lg, + .input-group-lg input[type="datetime-local"], + input[type="month"].input-lg, + .input-group-lg input[type="month"] { + line-height: 44px; + } } .radio label, .checkbox label { - min-height: 20px; + min-height: 20px; } .form-control-static { - padding-top: 8px; - padding-bottom: 8px; - min-height: 34px; + padding-top: 8px; + padding-bottom: 8px; + min-height: 34px; } .input-sm .input-sm { - height: 24px; - padding: 3px 0; - font-size: 11px; - line-height: 1.5; - border-radius: 0; + height: 24px; + padding: 3px 0; + font-size: 11px; + line-height: 1.5; + border-radius: 0; } .input-sm select.input-sm { - height: 24px; - line-height: 24px; + height: 24px; + line-height: 24px; } .input-sm textarea.input-sm, .input-sm select[multiple].input-sm { - height: auto; + height: auto; } .form-group-sm .form-control { - height: 24px; - padding: 3px 0; - font-size: 11px; - line-height: 1.5; + height: 24px; + padding: 3px 0; + font-size: 11px; + line-height: 1.5; } .form-group-sm select.form-control { - height: 24px; - line-height: 24px; + height: 24px; + line-height: 24px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { - height: auto; + height: auto; } .form-group-sm .form-control-static { - height: 24px; - min-height: 31px; - padding: 4px 0; - font-size: 11px; - line-height: 1.5; + height: 24px; + min-height: 31px; + padding: 4px 0; + font-size: 11px; + line-height: 1.5; } .input-lg .input-lg { - height: 44px; - padding: 9px 0; - font-size: 18px; - line-height: 1.33333; - border-radius: 0; + height: 44px; + padding: 9px 0; + font-size: 18px; + line-height: 1.33333; + border-radius: 0; } .input-lg select.input-lg { - height: 44px; - line-height: 44px; + height: 44px; + line-height: 44px; } .input-lg textarea.input-lg, .input-lg select[multiple].input-lg { - height: auto; + height: auto; } .form-group-lg .form-control { - height: 44px; - padding: 9px 0; - font-size: 18px; - line-height: 1.33333; + height: 44px; + padding: 9px 0; + font-size: 18px; + line-height: 1.33333; } .form-group-lg select.form-control { - height: 44px; - line-height: 44px; + height: 44px; + line-height: 44px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { - height: auto; + height: auto; } .form-group-lg .form-control-static { - height: 44px; - min-height: 38px; - padding: 10px 0; - font-size: 18px; - line-height: 1.33333; + height: 44px; + min-height: 38px; + padding: 10px 0; + font-size: 18px; + line-height: 1.33333; } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { - padding-top: 8px; + padding-top: 8px; } .form-horizontal .radio, .form-horizontal .checkbox { - min-height: 28px; + min-height: 28px; } @media (min-width: 768px) { - .form-horizontal .control-label { - padding-top: 8px; - } + .form-horizontal .control-label { + padding-top: 8px; + } } @media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 13px; - font-size: 18px; - } + .form-horizontal .form-group-lg .control-label { + padding-top: 13px; + font-size: 18px; + } } @media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 4px; - font-size: 11px; - } + .form-horizontal .form-group-sm .control-label { + padding-top: 4px; + font-size: 11px; + } } .label { - border-radius: 2px; + border-radius: 2px; } .label, .label.label-default { - background-color: #FFFFFF; + background-color: #ffffff; } .label.label-inverse { - background-color: #212121; + background-color: #212121; } .label.label-primary { - background-color: #9c27b0; + background-color: #9c27b0; } .label.label-success { - background-color: #4caf50; + background-color: #4caf50; } .label.label-info { - background-color: #00bcd4; + background-color: #00bcd4; } .label.label-warning { - background-color: #ff9800; + background-color: #ff9800; } .label.label-danger { - background-color: #f44336; + background-color: #f44336; } .label.label-rose { - background-color: #e91e63; + background-color: #e91e63; } .form-control, .form-group .form-control { - border: 0; - background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); - background-size: 0 2px, 100% 1px; - background-repeat: no-repeat; - background-position: center bottom, center calc(100% - 1px); - background-color: transparent; - transition: background 0s ease-out; - float: none; - box-shadow: none; - border-radius: 0; - font-weight: 400; + border: 0; + background-image: linear-gradient(#9c27b0, #9c27b0), + linear-gradient(#d2d2d2, #d2d2d2); + background-size: 0 2px, 100% 1px; + background-repeat: no-repeat; + background-position: center bottom, center calc(100% - 1px); + background-color: transparent; + transition: background 0s ease-out; + float: none; + box-shadow: none; + border-radius: 0; + font-weight: 400; } .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder { - color: #AAAAAA; - font-weight: 400; + color: #aaaaaa; + font-weight: 400; } .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder { - color: #AAAAAA; - font-weight: 400; + color: #aaaaaa; + font-weight: 400; } .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder { - color: #AAAAAA; - font-weight: 400; + color: #aaaaaa; + font-weight: 400; } .form-control[readonly], @@ -2795,2259 +2866,2411 @@ fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { - background-color: transparent; + background-color: transparent; } .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { - background-image: none; - border-bottom: 1px dotted #D2D2D2; + background-image: none; + border-bottom: 1px dotted #d2d2d2; } .form-group { - position: relative; + position: relative; } .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label { - position: absolute; - pointer-events: none; - transition: 0.3s ease all; + position: absolute; + pointer-events: none; + transition: 0.3s ease all; } .form-group.label-floating label.control-label { - will-change: left, top, contents; + will-change: left, top, contents; } .form-group.label-placeholder:not(.is-empty) label.control-label { - display: none; + display: none; } .form-group .help-block { - position: absolute; - display: none; + position: absolute; + display: none; } .form-group.is-focused .form-control { - outline: none; - background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); - background-size: 100% 2px, 100% 1px; - box-shadow: none; - transition-duration: 0.3s; + outline: none; + background-image: linear-gradient(#9c27b0, #9c27b0), + linear-gradient(#d2d2d2, #d2d2d2); + background-size: 100% 2px, 100% 1px; + box-shadow: none; + transition-duration: 0.3s; } .form-group.is-focused .form-control .material-input:after { - background-color: #9c27b0; + background-color: #9c27b0; } .form-group.is-focused.form-info .form-control { - background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#00bcd4, #00bcd4), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.is-focused.form-success .form-control { - background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#4caf50, #4caf50), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.is-focused.form-warning .form-control { - background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#ff9800, #ff9800), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.is-focused.form-danger .form-control { - background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#f44336, #f44336), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.is-focused.form-white .form-control { - background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#ffffff, #ffffff), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label { - color: #AAAAAA; + color: #aaaaaa; } .form-group.is-focused .help-block { - display: block; + display: block; } .form-group.has-warning .form-control { - box-shadow: none; + box-shadow: none; } .form-group.has-warning.is-focused .form-control { - background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#ff9800, #ff9800), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-warning label.control-label, .form-group.has-warning .help-block { - color: #ff9800; + color: #ff9800; } .form-group.has-error .form-control { - box-shadow: none; + box-shadow: none; } .form-group.has-error.is-focused .form-control { - background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#f44336, #f44336), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-error label.control-label, .form-group.has-error .help-block { - color: #f44336; + color: #f44336; } .form-group.has-success .form-control { - box-shadow: none; + box-shadow: none; } .form-group.has-success.is-focused .form-control { - background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#4caf50, #4caf50), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-success label.control-label, .form-group.has-success .help-block { - color: #4caf50; + color: #4caf50; } .form-group.has-info .form-control { - box-shadow: none; + box-shadow: none; } .form-group.has-info.is-focused .form-control { - background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); + background-image: linear-gradient(#00bcd4, #00bcd4), + linear-gradient(#d2d2d2, #d2d2d2); } .form-group.has-info label.control-label, .form-group.has-info .help-block { - color: #00bcd4; + color: #00bcd4; } .form-group textarea { - resize: none; + resize: none; } -.form-group textarea~.form-control-highlight { - margin-top: -11px; +.form-group textarea ~ .form-control-highlight { + margin-top: -11px; } .form-group select { - appearance: none; + appearance: none; } -.form-group select~.material-input:after { - display: none; +.form-group select ~ .material-input:after { + display: none; } .form-control::-moz-placeholder { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .form-control:-ms-input-placeholder { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .form-control::-webkit-input-placeholder { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .checkbox label, .radio label, label { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } label.control-label { - font-size: 11px; - line-height: 1.07143; - color: #AAAAAA; - font-weight: 400; - margin: 16px 0 0 0; + font-size: 11px; + line-height: 1.07143; + color: #aaaaaa; + font-weight: 400; + margin: 16px 0 0 0; } .help-block { - margin-top: 0; - font-size: 11px; + margin-top: 0; + font-size: 11px; } .form-group { - padding-bottom: 10px; - margin: 27px 0 0 0; + padding-bottom: 10px; + margin: 27px 0 0 0; } .form-group .form-control::-moz-placeholder { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .form-group .form-control:-ms-input-placeholder { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .form-group .form-control::-webkit-input-placeholder { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .form-group .checkbox label, .form-group .radio label, .form-group label { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } .form-group label.control-label { - font-size: 11px; - line-height: 1.07143; - color: #AAAAAA; - font-weight: 400; - margin: 16px 0 0 0; + font-size: 11px; + line-height: 1.07143; + color: #aaaaaa; + font-weight: 400; + margin: 16px 0 0 0; } .form-group .help-block { - margin-top: 0; - font-size: 11px; + margin-top: 0; + font-size: 11px; } .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { - top: -7px; - font-size: 14px; - line-height: 1.42857; + top: -7px; + font-size: 14px; + line-height: 1.42857; } .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label { - top: -28px; - left: 0; - font-size: 11px; - line-height: 1.07143; + top: -28px; + left: 0; + font-size: 11px; + line-height: 1.07143; } -.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label { - top: -28px; - left: 0; - font-size: 11px; - line-height: 1.07143; +.form-group.label-floating + input.form-control:-webkit-autofill + ~ label.control-label + label.control-label { + top: -28px; + left: 0; + font-size: 11px; + line-height: 1.07143; } .form-group.form-group-sm { - padding-bottom: 10px; - margin: 21px 0 0 0; + padding-bottom: 10px; + margin: 21px 0 0 0; } .form-group.form-group-sm .form-control::-moz-placeholder { - font-size: 11px; - line-height: 1.5; - color: #AAAAAA; - font-weight: 400; + font-size: 11px; + line-height: 1.5; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-sm .form-control:-ms-input-placeholder { - font-size: 11px; - line-height: 1.5; - color: #AAAAAA; - font-weight: 400; + font-size: 11px; + line-height: 1.5; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-sm .form-control::-webkit-input-placeholder { - font-size: 11px; - line-height: 1.5; - color: #AAAAAA; - font-weight: 400; + font-size: 11px; + line-height: 1.5; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-sm .checkbox label, .form-group.form-group-sm .radio label, .form-group.form-group-sm label { - font-size: 11px; - line-height: 1.5; - color: #AAAAAA; - font-weight: 400; + font-size: 11px; + line-height: 1.5; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-sm label.control-label { - font-size: 9px; - line-height: 1.125; - color: #AAAAAA; - font-weight: 400; - margin: 16px 0 0 0; + font-size: 9px; + line-height: 1.125; + color: #aaaaaa; + font-weight: 400; + margin: 16px 0 0 0; } .form-group.form-group-sm .help-block { - margin-top: 0; - font-size: 9px; + margin-top: 0; + font-size: 9px; } .form-group.form-group-sm.label-floating label.control-label, .form-group.form-group-sm.label-placeholder label.control-label { - top: -11px; - font-size: 11px; - line-height: 1.5; + top: -11px; + font-size: 11px; + line-height: 1.5; } .form-group.form-group-sm.label-static label.control-label, .form-group.form-group-sm.label-floating.is-focused label.control-label, .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label { - top: -25px; - left: 0; - font-size: 9px; - line-height: 1.125; + top: -25px; + left: 0; + font-size: 9px; + line-height: 1.125; } -.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label { - top: -25px; - left: 0; - font-size: 9px; - line-height: 1.125; +.form-group.form-group-sm.label-floating + input.form-control:-webkit-autofill + ~ label.control-label + label.control-label { + top: -25px; + left: 0; + font-size: 9px; + line-height: 1.125; } .form-group.form-group-lg { - padding-bottom: 10px; - margin: 30px 0 0 0; + padding-bottom: 10px; + margin: 30px 0 0 0; } .form-group.form-group-lg .form-control::-moz-placeholder { - font-size: 18px; - line-height: 1.33333; - color: #AAAAAA; - font-weight: 400; + font-size: 18px; + line-height: 1.33333; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-lg .form-control:-ms-input-placeholder { - font-size: 18px; - line-height: 1.33333; - color: #AAAAAA; - font-weight: 400; + font-size: 18px; + line-height: 1.33333; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-lg .form-control::-webkit-input-placeholder { - font-size: 18px; - line-height: 1.33333; - color: #AAAAAA; - font-weight: 400; + font-size: 18px; + line-height: 1.33333; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label { - font-size: 18px; - line-height: 1.33333; - color: #AAAAAA; - font-weight: 400; + font-size: 18px; + line-height: 1.33333; + color: #aaaaaa; + font-weight: 400; } .form-group.form-group-lg label.control-label { - font-size: 14px; - line-height: 1; - color: #AAAAAA; - font-weight: 400; - margin: 16px 0 0 0; + font-size: 14px; + line-height: 1; + color: #aaaaaa; + font-weight: 400; + margin: 16px 0 0 0; } .form-group.form-group-lg .help-block { - margin-top: 0; - font-size: 14px; + margin-top: 0; + font-size: 14px; } .form-group.form-group-lg.label-floating label.control-label, .form-group.form-group-lg.label-placeholder label.control-label { - top: -5px; - font-size: 18px; - line-height: 1.33333; + top: -5px; + font-size: 18px; + line-height: 1.33333; } .form-group.form-group-lg.label-static label.control-label, .form-group.form-group-lg.label-floating.is-focused label.control-label, .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label { - top: -32px; - left: 0; - font-size: 14px; - line-height: 1; + top: -32px; + left: 0; + font-size: 14px; + line-height: 1; } -.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label { - top: -32px; - left: 0; - font-size: 14px; - line-height: 1; +.form-group.form-group-lg.label-floating + input.form-control:-webkit-autofill + ~ label.control-label + label.control-label { + top: -32px; + left: 0; + font-size: 14px; + line-height: 1; } select.form-control { - border: 0; - box-shadow: none; - border-radius: 0; + border: 0; + box-shadow: none; + border-radius: 0; } .form-group.is-focused select.form-control { - box-shadow: none; - border-color: #D2D2D2; + box-shadow: none; + border-color: #d2d2d2; } select.form-control[multiple], .form-group.is-focused select.form-control[multiple] { - height: 85px; + height: 85px; } .input-group-btn .btn { - margin: 0 0 7px 0; + margin: 0 0 7px 0; } .form-group.form-group-sm .input-group-btn .btn { - margin: 0 0 3px 0; + margin: 0 0 3px 0; } .form-group.form-group-lg .input-group-btn .btn { - margin: 0 0 9px 0; + margin: 0 0 9px 0; } .input-group .input-group-btn { - padding: 0 12px; + padding: 0 12px; } .input-group .input-group-addon { - border: 0; - background: transparent; - padding: 6px 15px 0px; + border: 0; + background: transparent; + padding: 6px 15px 0px; } -.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-group input[type="file"] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; } .form-control-feedback { - opacity: 0; + opacity: 0; } .has-success .form-control-feedback { - color: #4caf50; - opacity: 1; + color: #4caf50; + opacity: 1; } .has-error .form-control-feedback { - color: #f44336; - opacity: 1; + color: #f44336; + opacity: 1; } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { - padding-top: 0; + padding-top: 0; } .form-horizontal .radio { - margin-bottom: 10px; + margin-bottom: 10px; } .form-horizontal label { - text-align: right; + text-align: right; } .form-horizontal label.control-label { - margin: 0; + margin: 0; } .form-newsletter .input-group, .form-newsletter .form-group { - float: left; - width: 78%; - margin-right: 2%; - margin-top: 9px; + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; } .form-newsletter .btn { - float: left; - width: 20%; - margin: 9px 0 0; + float: left; + width: 20%; + margin: 9px 0 0; } .alert { - border: 0; - border-radius: 0; - position: relative; - padding: 20px 15px; - line-height: 20px; + border: 0; + border-radius: 0; + position: relative; + padding: 20px 15px; + line-height: 20px; } .alert b { - font-weight: 500; - text-transform: uppercase; - font-size: 12px; + font-weight: 500; + text-transform: uppercase; + font-size: 12px; } .alert, .alert.alert-default { - background-color: white; - color: #555555; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2); + background-color: white; + color: #555555; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2); } .alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link { - color: #555555; + color: #555555; } .alert.alert-inverse { - background-color: #2e2e2e; - color: #fff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2); + background-color: #2e2e2e; + color: #fff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2); } .alert.alert-inverse a, .alert.alert-inverse .alert-link { - color: #fff; + color: #fff; } .alert.alert-primary { - background-color: #af2cc5; - color: #ffffff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); + background-color: #af2cc5; + color: #ffffff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); } .alert.alert-primary a, .alert.alert-primary .alert-link { - color: #ffffff; + color: #ffffff; } .alert.alert-success { - background-color: #5cb860; - color: #ffffff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); + background-color: #5cb860; + color: #ffffff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); } .alert.alert-success a, .alert.alert-success .alert-link { - color: #ffffff; + color: #ffffff; } .alert.alert-info { - background-color: #00d3ee; - color: #ffffff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); + background-color: #00d3ee; + color: #ffffff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); } .alert.alert-info a, .alert.alert-info .alert-link { - color: #ffffff; + color: #ffffff; } .alert.alert-warning { - background-color: #ffa21a; - color: #ffffff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); + background-color: #ffa21a; + color: #ffffff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } .alert.alert-warning a, .alert.alert-warning .alert-link { - color: #ffffff; + color: #ffffff; } .alert.alert-danger { - background-color: #f55a4e; - color: #ffffff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); + background-color: #f55a4e; + color: #ffffff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); } .alert.alert-danger a, .alert.alert-danger .alert-link { - color: #ffffff; + color: #ffffff; } .alert.alert-rose { - background-color: #eb3573; - color: #ffffff; - border-radius: 3px; - box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2); + background-color: #eb3573; + color: #ffffff; + border-radius: 3px; + box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2); } .alert.alert-rose a, .alert.alert-rose .alert-link { - color: #ffffff; + color: #ffffff; } .alert-info, .alert-danger, .alert-warning, .alert-success { - color: #ffffff; + color: #ffffff; } .alert-default a, .alert-default .alert-link { - color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); } .alert i[data-notify="icon"] { - font-size: 30px; - display: block; - left: 15px; - position: absolute; - top: 50%; - margin-top: -15px; + font-size: 30px; + display: block; + left: 15px; + position: absolute; + top: 50%; + margin-top: -15px; } .alert span { - display: block; - max-width: 89%; + display: block; + max-width: 89%; } .alert .alert-icon { - display: block; - float: left; - margin-right: 15px; + display: block; + float: left; + margin-right: 15px; } .alert .alert-icon i { - margin-top: -7px; - top: 5px; - position: relative; + margin-top: -7px; + top: 5px; + position: relative; } .alert.alert-with-icon { - padding-left: 65px; + padding-left: 65px; } -.table>thead>tr>th { - border-bottom-width: 1px; - font-size: 1em; - font-weight: 300; +.table > thead > tr > th { + border-bottom-width: 1px; + font-size: 1em; + font-weight: 300; } .table .radio, .table .checkbox { - margin-top: 0; - margin-bottom: 0; - margin-left: 10px; - padding: 0; - width: 15px; + margin-top: 0; + margin-bottom: 0; + margin-left: 10px; + padding: 0; + width: 15px; } .table .radio .icons, .table .checkbox .icons { - position: relative; + position: relative; } -.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 8px; - vertical-align: middle; +.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 8px; + vertical-align: middle; } -.table>thead>tr>th { - padding-bottom: 4px; +.table > thead > tr > th { + padding-bottom: 4px; } .table .td-actions { - display: flex; + display: flex; } .table .td-actions .btn { - margin: 0px; - padding: 5px; + margin: 0px; + padding: 5px; } -.table>tbody>tr { - position: relative; +.table > tbody > tr { + position: relative; } .checkbox label { - cursor: pointer; - padding-left: 0; - color: rgba(0, 0, 0, 0.26); + cursor: pointer; + padding-left: 0; + color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .checkbox label { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus { - color: rgba(0, 0, 0, .54); + color: rgba(0, 0, 0, 0.54); } fieldset[disabled] .form-group.is-focused .checkbox label { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.26); } -.checkbox input[type=checkbox] { - opacity: 0; - position: absolute; - margin: 0; - z-index: -1; - width: 0; - height: 0; - overflow: hidden; - left: 0; - pointer-events: none; +.checkbox input[type="checkbox"] { + opacity: 0; + position: absolute; + margin: 0; + z-index: -1; + width: 0; + height: 0; + overflow: hidden; + left: 0; + pointer-events: none; } .checkbox .checkbox-material { - vertical-align: middle; - position: relative; - top: 3px; - padding-right: 5px; + vertical-align: middle; + position: relative; + top: 3px; + padding-right: 5px; } .checkbox .checkbox-material:before { - display: block; - position: absolute; - left: 0; - content: ""; - background-color: rgba(0, 0, 0, 0.84); - height: 20px; - width: 20px; - border-radius: 100%; - z-index: 1; - opacity: 0; - margin: 0; - -webkit-transform: scale3d(2.3, 2.3, 1); - -moz-transform: scale3d(2.3, 2.3, 1); - -o-transform: scale3d(2.3, 2.3, 1); - -ms-transform: scale3d(2.3, 2.3, 1); - transform: scale3d(2.3, 2.3, 1); + display: block; + position: absolute; + left: 0; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale3d(2.3, 2.3, 1); + -moz-transform: scale3d(2.3, 2.3, 1); + -o-transform: scale3d(2.3, 2.3, 1); + -ms-transform: scale3d(2.3, 2.3, 1); + transform: scale3d(2.3, 2.3, 1); } .checkbox .checkbox-material .check { - position: relative; - display: inline-block; - width: 20px; - height: 20px; - border: 1px solid rgba(0, 0, 0, .54); - overflow: hidden; - z-index: 1; - border-radius: 3px; + position: relative; + display: inline-block; + width: 20px; + height: 20px; + border: 1px solid rgba(0, 0, 0, 0.54); + overflow: hidden; + z-index: 1; + border-radius: 3px; } .checkbox .checkbox-material .check:before { - position: absolute; - content: ""; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - display: block; - margin-top: -3px; - margin-left: 7px; - width: 0; - height: 0; - background: red; - box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; - -webkit-animation: checkbox-off 0.3s forwards; - -moz-animation: checkbox-off 0.3s forwards; - -o-animation: checkbox-off 0.3s forwards; - -ms-animation: checkbox-off 0.3s forwards; - animation: checkbox-off 0.3s forwards; -} - -.checkbox input[type=checkbox]:focus+.checkbox-material .check:after { - opacity: 0.2; -} - -.checkbox input[type=checkbox]:checked+.checkbox-material .check { - background: #9c27b0; -} - -.checkbox input[type=checkbox]:checked+.checkbox-material .check:before { - color: #FFFFFF; - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; - -webkit-animation: checkbox-on 0.3s forwards; - -moz-animation: checkbox-on 0.3s forwards; - -o-animation: checkbox-on 0.3s forwards; - -ms-animation: checkbox-on 0.3s forwards; - animation: checkbox-on 0.3s forwards; -} - -.checkbox input[type=checkbox]:checked+.checkbox-material:before { - -webkit-animation: rippleOn 500ms; - -moz-animation: rippleOn 500ms; - -o-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; - animation: rippleOn 500ms; -} - -.checkbox input[type=checkbox]:checked+.checkbox-material .check:after { - -webkit-animation: rippleOn 500ms forwards; - -moz-animation: rippleOn 500ms forwards; - -o-animation: rippleOn 500ms forwards; - -ms-animation: rippleOn 500ms forwards; - animation: rippleOn 500ms forwards; -} - -.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before { - -webkit-animation: rippleOff 500ms; - -moz-animation: rippleOff 500ms; - -o-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; -} - -.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after { - -webkit-animation: rippleOff 500ms; - -moz-animation: rippleOff 500ms; - -o-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; + position: absolute; + content: ""; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + display: block; + margin-top: -3px; + margin-left: 7px; + width: 0; + height: 0; + background: red; + box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, + 0 0 0 0 inset; + -webkit-animation: checkbox-off 0.3s forwards; + -moz-animation: checkbox-off 0.3s forwards; + -o-animation: checkbox-off 0.3s forwards; + -ms-animation: checkbox-off 0.3s forwards; + animation: checkbox-off 0.3s forwards; +} + +.checkbox input[type="checkbox"]:focus + .checkbox-material .check:after { + opacity: 0.2; +} + +.checkbox input[type="checkbox"]:checked + .checkbox-material .check { + background: #9c27b0; +} + +.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before { + color: #ffffff; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, + -5px 5px 0 10px, 20px -12px 0 11px; + -webkit-animation: checkbox-on 0.3s forwards; + -moz-animation: checkbox-on 0.3s forwards; + -o-animation: checkbox-on 0.3s forwards; + -ms-animation: checkbox-on 0.3s forwards; + animation: checkbox-on 0.3s forwards; +} + +.checkbox input[type="checkbox"]:checked + .checkbox-material:before { + -webkit-animation: rippleOn 500ms; + -moz-animation: rippleOn 500ms; + -o-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} + +.checkbox input[type="checkbox"]:checked + .checkbox-material .check:after { + -webkit-animation: rippleOn 500ms forwards; + -moz-animation: rippleOn 500ms forwards; + -o-animation: rippleOn 500ms forwards; + -ms-animation: rippleOn 500ms forwards; + animation: rippleOn 500ms forwards; +} + +.checkbox input[type="checkbox"]:not(:checked) + .checkbox-material:before { + -webkit-animation: rippleOff 500ms; + -moz-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} + +.checkbox + input[type="checkbox"]:not(:checked) + + .checkbox-material + .check:after { + -webkit-animation: rippleOff 500ms; + -moz-animation: rippleOff 500ms; + -o-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; } fieldset[disabled] .checkbox, -fieldset[disabled] .checkbox input[type=checkbox], -.checkbox input[type=checkbox][disabled]~.checkbox-material .check, -.checkbox input[type=checkbox][disabled]+.circle { - opacity: 0.5; +fieldset[disabled] .checkbox input[type="checkbox"], +.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check, +.checkbox input[type="checkbox"][disabled] + .circle { + opacity: 0.5; } -.checkbox input[type=checkbox][disabled]~.checkbox-material .check { - border-color: #000000; - opacity: .26; +.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check { + border-color: #000000; + opacity: 0.26; } -.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after { - background-color: rgba(0, 0, 0, 0.87); - transform: rotate(-45deg); +.checkbox input[type="checkbox"][disabled] + .checkbox-material .check:after { + background-color: rgba(0, 0, 0, 0.87); + transform: rotate(-45deg); } @keyframes checkbox-on { - 0% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; - } - 50% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; - } - 100% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; - } + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, + -5px 5px 0 10px, 15px 2px 0 11px; + } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, + -5px 5px 0 10px, 20px 2px 0 11px; + } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, + -5px 5px 0 10px, 20px -12px 0 11px; + } } @keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } } @keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } } .radio label { - cursor: pointer; - padding-left: 35px; - position: relative; - color: rgba(0, 0, 0, 0.26); + cursor: pointer; + padding-left: 35px; + position: relative; + color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .radio label { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus { - color: rgba(0, 0, 0, .54); + color: rgba(0, 0, 0, 0.54); } fieldset[disabled] .form-group.is-focused .radio label { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.26); } .radio label span { - display: block; - position: absolute; - left: 10px; - top: 2px; - transition-duration: 0.2s; + display: block; + position: absolute; + left: 10px; + top: 2px; + transition-duration: 0.2s; } .radio label .circle { - border: 1px solid rgba(0, 0, 0, .54); - height: 15px; - width: 15px; - border-radius: 100%; + border: 1px solid rgba(0, 0, 0, 0.54); + height: 15px; + width: 15px; + border-radius: 100%; } .radio label .check { - height: 15px; - width: 15px; - border-radius: 100%; - background-color: #9c27b0; - transform: scale3d(0, 0, 0); + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #9c27b0; + transform: scale3d(0, 0, 0); } .radio label .check:after { - display: block; - position: absolute; - content: ""; - background-color: rgba(0, 0, 0, 0.87); - left: -18px; - top: -18px; - height: 50px; - width: 50px; - border-radius: 100%; - z-index: 1; - opacity: 0; - margin: 0; - transform: scale3d(1.5, 1.5, 1); + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.87); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + transform: scale3d(1.5, 1.5, 1); } -.radio label input[type=radio]:not(:checked)~.check:after { - animation: rippleOff 500ms; +.radio label input[type="radio"]:not(:checked) ~ .check:after { + animation: rippleOff 500ms; } -.radio label input[type=radio]:checked~.check:after { - animation: rippleOn 500ms; +.radio label input[type="radio"]:checked ~ .check:after { + animation: rippleOn 500ms; } -.radio input[type=radio] { - opacity: 0; - height: 0; - width: 0; - overflow: hidden; +.radio input[type="radio"] { + opacity: 0; + height: 0; + width: 0; + overflow: hidden; } -.radio input[type=radio]:checked~.check, -.radio input[type=radio]:checked~.circle { - opacity: 1; +.radio input[type="radio"]:checked ~ .check, +.radio input[type="radio"]:checked ~ .circle { + opacity: 1; } -.radio input[type=radio]:checked~.check { - background-color: #9c27b0; +.radio input[type="radio"]:checked ~ .check { + background-color: #9c27b0; } -.radio input[type=radio]:checked~.circle { - border-color: #9c27b0; +.radio input[type="radio"]:checked ~ .circle { + border-color: #9c27b0; } -.radio input[type=radio]:checked~.check { - transform: scale3d(0.65, 0.65, 1); +.radio input[type="radio"]:checked ~ .check { + transform: scale3d(0.65, 0.65, 1); } -.radio input[type=radio][disabled]~.check, -.radio input[type=radio][disabled]~.circle { - opacity: 0.26; +.radio input[type="radio"][disabled] ~ .check, +.radio input[type="radio"][disabled] ~ .circle { + opacity: 0.26; } -.radio input[type=radio][disabled]~.check { - background-color: #000000; +.radio input[type="radio"][disabled] ~ .check { + background-color: #000000; } -.radio input[type=radio][disabled]~.circle { - border-color: #000000; +.radio input[type="radio"][disabled] ~ .circle { + border-color: #000000; } @keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } } @keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } } .togglebutton { - vertical-align: middle; + vertical-align: middle; } .togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle { - user-select: none; + user-select: none; } .togglebutton label { - cursor: pointer; - color: rgba(0, 0, 0, 0.26); + cursor: pointer; + color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .togglebutton label { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.26); } .form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus { - color: rgba(0, 0, 0, .54); + color: rgba(0, 0, 0, 0.54); } fieldset[disabled] .form-group.is-focused .togglebutton label { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.26); } -.togglebutton label input[type=checkbox] { - opacity: 0; - width: 0; - height: 0; +.togglebutton label input[type="checkbox"] { + opacity: 0; + width: 0; + height: 0; } .togglebutton label .toggle { - text-align: left; - margin-left: 5px; + text-align: left; + margin-left: 5px; } .togglebutton label .toggle, -.togglebutton label input[type=checkbox][disabled]+.toggle { - content: ""; - display: inline-block; - width: 30px; - height: 15px; - background-color: rgba(80, 80, 80, 0.7); - border-radius: 15px; - margin-right: 15px; - transition: background 0.3s ease; - vertical-align: middle; +.togglebutton label input[type="checkbox"][disabled] + .toggle { + content: ""; + display: inline-block; + width: 30px; + height: 15px; + background-color: rgba(80, 80, 80, 0.7); + border-radius: 15px; + margin-right: 15px; + transition: background 0.3s ease; + vertical-align: middle; } .togglebutton label .toggle:after { - content: ""; - display: inline-block; - width: 20px; - height: 20px; - background-color: #FFFFFF; - border-radius: 20px; - position: relative; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); - left: -5px; - top: -3px; - border: 1px solid rgba(0, 0, 0, .54); - transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-color: #ffffff; + border-radius: 20px; + position: relative; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -3px; + border: 1px solid rgba(0, 0, 0, 0.54); + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } -.togglebutton label input[type=checkbox][disabled]+.toggle:after, -.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after { - background-color: #BDBDBD; +.togglebutton label input[type="checkbox"][disabled] + .toggle:after, +.togglebutton label input[type="checkbox"][disabled]:checked + .toggle:after { + background-color: #bdbdbd; } -.togglebutton label input[type=checkbox]+.toggle:active:after, -.togglebutton label input[type=checkbox][disabled]+.toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); +.togglebutton label input[type="checkbox"] + .toggle:active:after, +.togglebutton label input[type="checkbox"][disabled] + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } -.togglebutton label input[type=checkbox]:checked+.toggle:after { - left: 15px; +.togglebutton label input[type="checkbox"]:checked + .toggle:after { + left: 15px; } -.togglebutton label input[type=checkbox]:checked+.toggle { - background-color: rgba(156, 39, 176, 0.7); +.togglebutton label input[type="checkbox"]:checked + .toggle { + background-color: rgba(156, 39, 176, 0.7); } -.togglebutton label input[type=checkbox]:checked+.toggle:after { - border-color: #9c27b0; +.togglebutton label input[type="checkbox"]:checked + .toggle:after { + border-color: #9c27b0; } -.togglebutton label input[type=checkbox]:checked+.toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); +.togglebutton label input[type="checkbox"]:checked + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), + 0 0 0 15px rgba(156, 39, 176, 0.1); } .withripple { - position: relative; + position: relative; } .ripple-container { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: hidden; - border-radius: inherit; - pointer-events: none; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: inherit; + pointer-events: none; } .disabled .ripple-container { - display: none; + display: none; } .ripple { - position: absolute; - width: 20px; - height: 20px; - margin-left: -10px; - margin-top: -10px; - border-radius: 100%; - background-color: #000; - background-color: rgba(0, 0, 0, 0.05); - transform: scale(1); - transform-origin: 50%; - opacity: 0; - pointer-events: none; + position: absolute; + width: 20px; + height: 20px; + margin-left: -10px; + margin-top: -10px; + border-radius: 100%; + background-color: #000; + background-color: rgba(0, 0, 0, 0.05); + transform: scale(1); + transform-origin: 50%; + opacity: 0; + pointer-events: none; } .ripple.ripple-on { - transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - opacity: 0.1; + transition: opacity 0.15s ease-in 0s, + transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 0.1; } .ripple.ripple-out { - transition: opacity 0.1s linear 0s !important; - opacity: 0; -} - -.pagination>li>a, -.pagination>li>span { - border: 0; - border-radius: 30px !important; - transition: all .3s; - padding: 0px 11px; - margin: 0 3px; - min-width: 30px; - height: 30px; - line-height: 30px; - color: #999999; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - background: transparent; -} - -.pagination>li>a:hover, -.pagination>li>a:focus, -.pagination>li>span:hover, -.pagination>li>span:focus { - color: #999999; -} - -.pagination>.active>a, -.pagination>.active>span { - color: #999999; - text-align: center; -} - -.pagination>.active>a, -.pagination>.active>a:focus, -.pagination>.active>a:hover, -.pagination>.active>span, -.pagination>.active>span:focus, -.pagination>.active>span:hover { - background-color: #9c27b0; - border-color: #9c27b0; - color: #FFFFFF; - box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); -} - -.pagination.pagination-info>.active>a, -.pagination.pagination-info>.active>a:focus, -.pagination.pagination-info>.active>a:hover, -.pagination.pagination-info>.active>span, -.pagination.pagination-info>.active>span:focus, -.pagination.pagination-info>.active>span:hover { - background-color: #00bcd4; - border-color: #00bcd4; - box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); -} - -.pagination.pagination-success>.active>a, -.pagination.pagination-success>.active>a:focus, -.pagination.pagination-success>.active>a:hover, -.pagination.pagination-success>.active>span, -.pagination.pagination-success>.active>span:focus, -.pagination.pagination-success>.active>span:hover { - background-color: #4caf50; - border-color: #4caf50; - box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); -} - -.pagination.pagination-warning>.active>a, -.pagination.pagination-warning>.active>a:focus, -.pagination.pagination-warning>.active>a:hover, -.pagination.pagination-warning>.active>span, -.pagination.pagination-warning>.active>span:focus, -.pagination.pagination-warning>.active>span:hover { - background-color: #ff9800; - border-color: #ff9800; - box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); -} - -.pagination.pagination-danger>.active>a, -.pagination.pagination-danger>.active>a:focus, -.pagination.pagination-danger>.active>a:hover, -.pagination.pagination-danger>.active>span, -.pagination.pagination-danger>.active>span:focus, -.pagination.pagination-danger>.active>span:hover { - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); -} - -.section-dark .nav-pills>li>a, -.section-image .nav-pills>li>a { - color: #999999; -} - -.section-dark .nav-pills>li>a:hover, -.section-dark .nav-pills>li>a:focus, -.section-image .nav-pills>li>a:hover, -.section-image .nav-pills>li>a:focus { - background-color: #EEEEEE; -} - -.nav-pills>li>a { - line-height: 24px; - text-transform: uppercase; - font-size: 12px; - font-weight: 500; - min-width: 100px; - text-align: center; - color: #555555; - transition: all .3s; + transition: opacity 0.1s linear 0s !important; + opacity: 0; +} + +.pagination > li > a, +.pagination > li > span { + border: 0; + border-radius: 30px !important; + transition: all 0.3s; + padding: 0px 11px; + margin: 0 3px; + min-width: 30px; + height: 30px; + line-height: 30px; + color: #999999; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + background: transparent; +} + +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > li > span:hover, +.pagination > li > span:focus { + color: #999999; +} + +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + text-align: center; +} + +.pagination > .active > a, +.pagination > .active > a:focus, +.pagination > .active > a:hover, +.pagination > .active > span, +.pagination > .active > span:focus, +.pagination > .active > span:hover { + background-color: #9c27b0; + border-color: #9c27b0; + color: #ffffff; + box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), + 0 1px 10px 0 rgba(156, 39, 176, 0.12), + 0 2px 4px -1px rgba(156, 39, 176, 0.2); +} + +.pagination.pagination-info > .active > a, +.pagination.pagination-info > .active > a:focus, +.pagination.pagination-info > .active > a:hover, +.pagination.pagination-info > .active > span, +.pagination.pagination-info > .active > span:focus, +.pagination.pagination-info > .active > span:hover { + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), + 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); +} + +.pagination.pagination-success > .active > a, +.pagination.pagination-success > .active > a:focus, +.pagination.pagination-success > .active > a:hover, +.pagination.pagination-success > .active > span, +.pagination.pagination-success > .active > span:focus, +.pagination.pagination-success > .active > span:hover { + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), + 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); +} + +.pagination.pagination-warning > .active > a, +.pagination.pagination-warning > .active > a:focus, +.pagination.pagination-warning > .active > a:hover, +.pagination.pagination-warning > .active > span, +.pagination.pagination-warning > .active > span:focus, +.pagination.pagination-warning > .active > span:hover { + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), + 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); +} + +.pagination.pagination-danger > .active > a, +.pagination.pagination-danger > .active > a:focus, +.pagination.pagination-danger > .active > a:hover, +.pagination.pagination-danger > .active > span, +.pagination.pagination-danger > .active > span:focus, +.pagination.pagination-danger > .active > span:hover { + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), + 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); +} + +.section-dark .nav-pills > li > a, +.section-image .nav-pills > li > a { + color: #999999; +} + +.section-dark .nav-pills > li > a:hover, +.section-dark .nav-pills > li > a:focus, +.section-image .nav-pills > li > a:hover, +.section-image .nav-pills > li > a:focus { + background-color: #eeeeee; +} + +.nav-pills > li > a { + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + font-weight: 500; + min-width: 100px; + text-align: center; + color: #555555; + transition: all 0.3s; } -.nav-pills>li>a:hover { - background-color: rgba(200, 200, 200, 0.2); +.nav-pills > li > a:hover { + background-color: rgba(200, 200, 200, 0.2); +} + +.nav-pills > li i { + display: block; + font-size: 30px; + padding: 15px 0; } - -.nav-pills>li i { - display: block; - font-size: 30px; - padding: 15px 0; -} - -.nav-pills>li.active>a, -.nav-pills>li.active>a:focus, -.nav-pills>li.active>a:hover { - background-color: #9c27b0; - color: #FFFFFF; - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); + +.nav-pills > li.active > a, +.nav-pills > li.active > a:focus, +.nav-pills > li.active > a:hover { + background-color: #9c27b0; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); +} + +.nav-pills:not(.nav-pills-icons) > li > a { + border-radius: 30px; } -.nav-pills:not(.nav-pills-icons)>li>a { - border-radius: 30px; +.nav-pills.nav-stacked > li + li { + margin-top: 5px; } -.nav-pills.nav-stacked>li+li { - margin-top: 5px; +.nav-pills.nav-pills-info > li.active > a, +.nav-pills.nav-pills-info > li.active > a:focus, +.nav-pills.nav-pills-info > li.active > a:hover { + background-color: #00bcd4; + box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); } -.nav-pills.nav-pills-info>li.active>a, -.nav-pills.nav-pills-info>li.active>a:focus, -.nav-pills.nav-pills-info>li.active>a:hover { - background-color: #00bcd4; - box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); +.nav-pills.nav-pills-success > li.active > a, +.nav-pills.nav-pills-success > li.active > a:focus, +.nav-pills.nav-pills-success > li.active > a:hover { + background-color: #4caf50; + box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); } -.nav-pills.nav-pills-success>li.active>a, -.nav-pills.nav-pills-success>li.active>a:focus, -.nav-pills.nav-pills-success>li.active>a:hover { - background-color: #4caf50; - box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); +.nav-pills.nav-pills-warning > li.active > a, +.nav-pills.nav-pills-warning > li.active > a:focus, +.nav-pills.nav-pills-warning > li.active > a:hover { + background-color: #ff9800; + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } -.nav-pills.nav-pills-warning>li.active>a, -.nav-pills.nav-pills-warning>li.active>a:focus, -.nav-pills.nav-pills-warning>li.active>a:hover { - background-color: #ff9800; - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); -} - -.nav-pills.nav-pills-danger>li.active>a, -.nav-pills.nav-pills-danger>li.active>a:focus, -.nav-pills.nav-pills-danger>li.active>a:hover { - background-color: #f44336; - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); +.nav-pills.nav-pills-danger > li.active > a, +.nav-pills.nav-pills-danger > li.active > a:focus, +.nav-pills.nav-pills-danger > li.active > a:hover { + background-color: #f44336; + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } .tab-space { - padding: 20px 0 50px 0px; + padding: 20px 0 50px 0px; } .modal-content { - box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); - border-radius: 6px; - border: none; + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), + 0 40px 77px 0 rgba(0, 0, 0, 0.22); + border-radius: 6px; + border: none; } .modal-content .modal-header { - border-bottom: none; - padding-top: 24px; - padding-right: 24px; - padding-bottom: 0; - padding-left: 24px; + border-bottom: none; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0; + padding-left: 24px; } .modal-content .modal-body { - padding-top: 24px; - padding-right: 24px; - padding-bottom: 16px; - padding-left: 24px; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; } .modal-content .modal-footer { - border-top: none; - padding: 7px; + border-top: none; + padding: 7px; } .modal-content .modal-footer.text-center { - text-align: center; + text-align: center; } .modal-content .modal-footer button { - margin: 0; - padding-left: 16px; - padding-right: 16px; - width: auto; + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; } .modal-content .modal-footer button.pull-left { - padding-left: 5px; - padding-right: 5px; - position: relative; - left: -5px; + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; } -.modal-content .modal-footer button+button { - margin-bottom: 16px; +.modal-content .modal-footer button + button { + margin-bottom: 16px; } -.modal-content .modal-body+.modal-footer { - padding-top: 0; +.modal-content .modal-body + .modal-footer { + padding-top: 0; } .modal-backdrop { - background: rgba(0, 0, 0, 0.3); + background: rgba(0, 0, 0, 0.3); } .modal .modal-dialog { - margin-top: 100px; + margin-top: 100px; } .modal .modal-header .close { - color: #999999; + color: #999999; } .modal .modal-header .close:hover, .modal .modal-header .close:focus { - opacity: 1; + opacity: 1; } .modal .modal-header .close i { - font-size: 16px; + font-size: 16px; } .modal-notice .instruction { - margin-bottom: 25px; + margin-bottom: 25px; } .modal-notice .picture { - max-width: 150px; + max-width: 150px; } .modal-notice .modal-content .btn-raised { - margin-bottom: 15px; + margin-bottom: 15px; } .modal-small { - width: 300px; + width: 300px; } .modal-small .modal-body { - margin-top: 20px; + margin-top: 20px; } .navbar { - border: 0; - border-radius: 3px; - border-bottom: 1px solid #ededf3; - padding: 10px 0; + border: 0; + border-radius: 3px; + border-bottom: 1px solid #ededf3; + padding: 10px 0; } .navbar .navbar-brand { - position: relative; - height: 50px; - line-height: 30px; - color: inherit; - padding: 10px 15px; + position: relative; + height: 50px; + line-height: 30px; + color: inherit; + padding: 10px 15px; } .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { - color: inherit; - background-color: transparent; + color: inherit; + background-color: transparent; } .navbar .navbar-minimize { - float: left; - padding: 3px 0 0 15px; + float: left; + padding: 3px 0 0 15px; } .navbar .notification { - position: absolute; - top: 5px; - border: 1px solid #FFF; - right: 10px; - font-size: 9px; - background: #f44336; - color: #FFFFFF; - min-width: 20px; - padding: 0px 5px; - height: 20px; - border-radius: 10px; - text-align: center; - line-height: 19px; - vertical-align: middle; - display: block; + position: absolute; + top: 5px; + border: 1px solid #fff; + right: 10px; + font-size: 9px; + background: #f44336; + color: #ffffff; + min-width: 20px; + padding: 0px 5px; + height: 20px; + border-radius: 10px; + text-align: center; + line-height: 19px; + vertical-align: middle; + display: block; } .navbar .navbar-text { - color: inherit; - margin-top: 15px; - margin-bottom: 15px; + color: inherit; + margin-top: 15px; + margin-bottom: 15px; } -.navbar .navbar-nav>li>a { - color: inherit; - padding-top: 15px; - padding-bottom: 15px; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - border-radius: 3px; +.navbar .navbar-nav > li > a { + color: inherit; + padding-top: 15px; + padding-bottom: 15px; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; } -.navbar .navbar-nav>li>a:hover, -.navbar .navbar-nav>li>a:focus { - color: inherit; - background-color: transparent; +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: inherit; + background-color: transparent; } -.navbar .navbar-nav>li>a .material-icons, -.navbar .navbar-nav>li>a .fa { - font-size: 20px; +.navbar .navbar-nav > li > a .material-icons, +.navbar .navbar-nav > li > a .fa { + font-size: 20px; } -.navbar .navbar-nav>li>a.btn:not(.btn-just-icon) .fa { - position: relative; - top: 2px; - margin-top: -4px; - margin-right: 4px; +.navbar .navbar-nav > li > a.btn:not(.btn-just-icon) .fa { + position: relative; + top: 2px; + margin-top: -4px; + margin-right: 4px; } -.navbar .navbar-nav>li>.dropdown-menu { - margin-top: -20px; +.navbar .navbar-nav > li > .dropdown-menu { + margin-top: -20px; } -.navbar .navbar-nav>li.open>.dropdown-menu { - margin-top: 0; +.navbar .navbar-nav > li.open > .dropdown-menu { + margin-top: 0; } -.navbar .navbar-nav>.active>a, -.navbar .navbar-nav>.active>a:hover, -.navbar .navbar-nav>.active>a:focus { - color: inherit; - background-color: rgba(255, 255, 255, 0.1); +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: inherit; + background-color: rgba(255, 255, 255, 0.1); } -.navbar .navbar-nav>.disabled>a, -.navbar .navbar-nav>.disabled>a:hover, -.navbar .navbar-nav>.disabled>a:focus { - color: inherit; - background-color: transparent; - opacity: 0.9; +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: inherit; + background-color: transparent; + opacity: 0.9; } .navbar .navbar-nav .profile-photo { - padding: 0 5px 0; + padding: 0 5px 0; } .navbar .navbar-nav .profile-photo .profile-photo-small { - height: 40px; - width: 40px; + height: 40px; + width: 40px; } .navbar .navbar-toggle { - border: 0; + border: 0; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { - background-color: transparent; + background-color: transparent; } .navbar .navbar-toggle .icon-bar { - background-color: inherit; - border: 1px solid; + background-color: inherit; + border: 1px solid; } .navbar .navbar-default .navbar-toggle, .navbar .navbar-inverse .navbar-toggle { - border-color: transparent; + border-color: transparent; } .navbar .navbar-collapse, .navbar .navbar-form { - border-top: none; - box-shadow: none; + border-top: none; + box-shadow: none; } -.navbar .navbar-nav>.open>a, -.navbar .navbar-nav>.open>a:hover, -.navbar .navbar-nav>.open>a:focus { - background-color: transparent; - color: inherit; +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: transparent; + color: inherit; } @media (max-width: 767px) { - .navbar .navbar-nav .navbar-text { - color: inherit; - margin-top: 15px; - margin-bottom: 15px; - } - .navbar .navbar-nav .open .dropdown-menu>.dropdown-header { - border: 0; - color: inherit; - } - .navbar .navbar-nav .open .dropdown-menu .divider { - border-bottom: 1px solid; - opacity: 0.08; - } - .navbar .navbar-nav .open .dropdown-menu>li>a { - color: inherit; - } - .navbar .navbar-nav .open .dropdown-menu>li>a:hover, - .navbar .navbar-nav .open .dropdown-menu>li>a:focus { - color: inherit; - background-color: transparent; - } - .navbar .navbar-nav .open .dropdown-menu>.active>a, - .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, - .navbar .navbar-nav .open .dropdown-menu>.active>a:focus { - color: inherit; - background-color: transparent; - } - .navbar .navbar-nav .open .dropdown-menu>.disabled>a, - .navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover, - .navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus { - color: inherit; - background-color: transparent; - } -} - -.navbar.navbar-default .logo-container .brand { - color: #555555; -} - -.navbar .navbar-link { + .navbar .navbar-nav .navbar-text { color: inherit; -} - -.navbar .navbar-link:hover { + margin-top: 15px; + margin-bottom: 15px; + } + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: inherit; + } + .navbar .navbar-nav .open .dropdown-menu .divider { + border-bottom: 1px solid; + opacity: 0.08; + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: inherit; + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: inherit; + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: inherit; + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: inherit; + background-color: transparent; + } +} + +.navbar.navbar-default .logo-container .brand { + color: #555555; +} + +.navbar .navbar-link { + color: inherit; +} + +.navbar .navbar-link:hover { + color: inherit; } .navbar .btn { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } .navbar .btn-link { - color: inherit; + color: inherit; } .navbar .btn-link:hover, .navbar .btn-link:focus { - color: inherit; + color: inherit; } .navbar .btn-link[disabled]:hover, .navbar .btn-link[disabled]:focus, fieldset[disabled] .navbar .btn-link:hover, fieldset[disabled] .navbar .btn-link:focus { - color: inherit; + color: inherit; } .navbar .navbar-form { - margin: 4px 0 0; + margin: 4px 0 0; } .navbar .navbar-form .form-group { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .navbar .navbar-form .form-group .material-input:before, .navbar .navbar-form .form-group.is-focused .material-input:after { - background-color: inherit; + background-color: inherit; } .navbar .navbar-form .form-group .form-control, .navbar .navbar-form .form-control { - border-color: inherit; - color: inherit; - padding: 0; - margin: 0; - height: 28px; - font-size: 14px; - line-height: 1.42857; + border-color: inherit; + color: inherit; + padding: 0; + margin: 0; + height: 28px; + font-size: 14px; + line-height: 1.42857; } .navbar, .navbar.navbar-default { - background-color: #FFFFFF; - color: #555555; + background-color: #ffffff; + color: #555555; } .navbar .navbar-form .form-group input.form-control::-moz-placeholder, .navbar .navbar-form input.form-control::-moz-placeholder, -.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-default + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-default .navbar-form input.form-control::-moz-placeholder { - color: #555555; + color: #555555; } .navbar .navbar-form .form-group input.form-control:-ms-input-placeholder, .navbar .navbar-form input.form-control:-ms-input-placeholder, -.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-default + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder { - color: #555555; + color: #555555; } .navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder, .navbar .navbar-form input.form-control::-webkit-input-placeholder, -.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder, -.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder { - color: #555555; +.navbar.navbar-default + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, +.navbar.navbar-default + .navbar-form + input.form-control::-webkit-input-placeholder { + color: #555555; } .navbar .dropdown-menu, .navbar.navbar-default .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar .dropdown-menu li>a:hover, -.navbar .dropdown-menu li>a:focus, -.navbar.navbar-default .dropdown-menu li>a:hover, -.navbar.navbar-default .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #FFFFFF; - box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2); +.navbar .dropdown-menu li > a:hover, +.navbar .dropdown-menu li > a:focus, +.navbar.navbar-default .dropdown-menu li > a:hover, +.navbar.navbar-default .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2); } -.navbar .dropdown-menu .active>a, -.navbar.navbar-default .dropdown-menu .active>a { - background-color: #FFFFFF; - color: #555555; - box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2); +.navbar .dropdown-menu .active > a, +.navbar.navbar-default .dropdown-menu .active > a { + background-color: #ffffff; + color: #555555; + box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2); } -.navbar .dropdown-menu .active>a:hover, -.navbar .dropdown-menu .active>a:focus, -.navbar.navbar-default .dropdown-menu .active>a:hover, -.navbar.navbar-default .dropdown-menu .active>a:focus { - color: #555555; +.navbar .dropdown-menu .active > a:hover, +.navbar .dropdown-menu .active > a:focus, +.navbar.navbar-default .dropdown-menu .active > a:hover, +.navbar.navbar-default .dropdown-menu .active > a:focus { + color: #555555; } .navbar.navbar-inverse { - background-color: #212121; - color: #fff; + background-color: #212121; + color: #fff; } -.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-inverse + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder { - color: #fff; + color: #fff; } -.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-inverse + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder { - color: #fff; + color: #fff; } -.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder, -.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder { - color: #fff; +.navbar.navbar-inverse + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, +.navbar.navbar-inverse + .navbar-form + input.form-control::-webkit-input-placeholder { + color: #fff; } .navbar.navbar-inverse .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-inverse .dropdown-menu li>a:hover, -.navbar.navbar-inverse .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #212121; - box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2); +.navbar.navbar-inverse .dropdown-menu li > a:hover, +.navbar.navbar-inverse .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #212121; + box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2); } -.navbar.navbar-inverse .dropdown-menu .active>a { - background-color: #212121; - color: #fff; - box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2); +.navbar.navbar-inverse .dropdown-menu .active > a { + background-color: #212121; + color: #fff; + box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2); } -.navbar.navbar-inverse .dropdown-menu .active>a:hover, -.navbar.navbar-inverse .dropdown-menu .active>a:focus { - color: #fff; +.navbar.navbar-inverse .dropdown-menu .active > a:hover, +.navbar.navbar-inverse .dropdown-menu .active > a:focus { + color: #fff; } .navbar.navbar-primary { - background-color: #9c27b0; - color: #ffffff; + background-color: #9c27b0; + color: #ffffff; } -.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-primary + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-primary + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder, -.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder { - color: #ffffff; +.navbar.navbar-primary + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, +.navbar.navbar-primary + .navbar-form + input.form-control::-webkit-input-placeholder { + color: #ffffff; } .navbar.navbar-primary .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-primary .dropdown-menu li>a:hover, -.navbar.navbar-primary .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #9c27b0; - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); +.navbar.navbar-primary .dropdown-menu li > a:hover, +.navbar.navbar-primary .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #9c27b0; + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); } -.navbar.navbar-primary .dropdown-menu .active>a { - background-color: #9c27b0; - color: #ffffff; - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); +.navbar.navbar-primary .dropdown-menu .active > a { + background-color: #9c27b0; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); } -.navbar.navbar-primary .dropdown-menu .active>a:hover, -.navbar.navbar-primary .dropdown-menu .active>a:focus { - color: #ffffff; +.navbar.navbar-primary .dropdown-menu .active > a:hover, +.navbar.navbar-primary .dropdown-menu .active > a:focus { + color: #ffffff; } .navbar.navbar-success { - background-color: #4caf50; - color: #ffffff; + background-color: #4caf50; + color: #ffffff; } -.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-success + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-success .navbar-form input.form-control::-moz-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-success + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder, -.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder { - color: #ffffff; +.navbar.navbar-success + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, +.navbar.navbar-success + .navbar-form + input.form-control::-webkit-input-placeholder { + color: #ffffff; } .navbar.navbar-success .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-success .dropdown-menu li>a:hover, -.navbar.navbar-success .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #4caf50; - box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); +.navbar.navbar-success .dropdown-menu li > a:hover, +.navbar.navbar-success .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #4caf50; + box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); } -.navbar.navbar-success .dropdown-menu .active>a { - background-color: #4caf50; - color: #ffffff; - box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); +.navbar.navbar-success .dropdown-menu .active > a { + background-color: #4caf50; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); } -.navbar.navbar-success .dropdown-menu .active>a:hover, -.navbar.navbar-success .dropdown-menu .active>a:focus { - color: #ffffff; +.navbar.navbar-success .dropdown-menu .active > a:hover, +.navbar.navbar-success .dropdown-menu .active > a:focus { + color: #ffffff; } .navbar.navbar-info { - background-color: #00bcd4; - color: #ffffff; + background-color: #00bcd4; + color: #ffffff; } -.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-info + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-info .navbar-form input.form-control::-moz-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-info + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-info + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, .navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder { - color: #ffffff; + color: #ffffff; } .navbar.navbar-info .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-info .dropdown-menu li>a:hover, -.navbar.navbar-info .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #00bcd4; - box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); +.navbar.navbar-info .dropdown-menu li > a:hover, +.navbar.navbar-info .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #00bcd4; + box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); } -.navbar.navbar-info .dropdown-menu .active>a { - background-color: #00bcd4; - color: #ffffff; - box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); +.navbar.navbar-info .dropdown-menu .active > a { + background-color: #00bcd4; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); } -.navbar.navbar-info .dropdown-menu .active>a:hover, -.navbar.navbar-info .dropdown-menu .active>a:focus { - color: #ffffff; +.navbar.navbar-info .dropdown-menu .active > a:hover, +.navbar.navbar-info .dropdown-menu .active > a:focus { + color: #ffffff; } .navbar.navbar-warning { - background-color: #ff9800; - color: #ffffff; + background-color: #ff9800; + color: #ffffff; } -.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-warning + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-warning + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder, -.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder { - color: #ffffff; +.navbar.navbar-warning + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, +.navbar.navbar-warning + .navbar-form + input.form-control::-webkit-input-placeholder { + color: #ffffff; } .navbar.navbar-warning .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-warning .dropdown-menu li>a:hover, -.navbar.navbar-warning .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #ff9800; - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); +.navbar.navbar-warning .dropdown-menu li > a:hover, +.navbar.navbar-warning .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #ff9800; + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } -.navbar.navbar-warning .dropdown-menu .active>a { - background-color: #ff9800; - color: #ffffff; - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); +.navbar.navbar-warning .dropdown-menu .active > a { + background-color: #ff9800; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } -.navbar.navbar-warning .dropdown-menu .active>a:hover, -.navbar.navbar-warning .dropdown-menu .active>a:focus { - color: #ffffff; +.navbar.navbar-warning .dropdown-menu .active > a:hover, +.navbar.navbar-warning .dropdown-menu .active > a:focus { + color: #ffffff; } .navbar.navbar-danger { - background-color: #f44336; - color: #ffffff; + background-color: #f44336; + color: #ffffff; } -.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-danger + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-danger + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder, -.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder { - color: #ffffff; +.navbar.navbar-danger + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, +.navbar.navbar-danger + .navbar-form + input.form-control::-webkit-input-placeholder { + color: #ffffff; } .navbar.navbar-danger .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-danger .dropdown-menu li>a:hover, -.navbar.navbar-danger .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #f44336; - box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); +.navbar.navbar-danger .dropdown-menu li > a:hover, +.navbar.navbar-danger .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #f44336; + box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); } -.navbar.navbar-danger .dropdown-menu .active>a { - background-color: #f44336; - color: #ffffff; - box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); +.navbar.navbar-danger .dropdown-menu .active > a { + background-color: #f44336; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); } -.navbar.navbar-danger .dropdown-menu .active>a:hover, -.navbar.navbar-danger .dropdown-menu .active>a:focus { - color: #ffffff; +.navbar.navbar-danger .dropdown-menu .active > a:hover, +.navbar.navbar-danger .dropdown-menu .active > a:focus { + color: #ffffff; } .navbar.navbar-rose { - background-color: #e91e63; - color: #ffffff; + background-color: #e91e63; + color: #ffffff; } -.navbar.navbar-rose .navbar-form .form-group input.form-control::-moz-placeholder, +.navbar.navbar-rose + .navbar-form + .form-group + input.form-control::-moz-placeholder, .navbar.navbar-rose .navbar-form input.form-control::-moz-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-rose .navbar-form .form-group input.form-control:-ms-input-placeholder, +.navbar.navbar-rose + .navbar-form + .form-group + input.form-control:-ms-input-placeholder, .navbar.navbar-rose .navbar-form input.form-control:-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } -.navbar.navbar-rose .navbar-form .form-group input.form-control::-webkit-input-placeholder, +.navbar.navbar-rose + .navbar-form + .form-group + input.form-control::-webkit-input-placeholder, .navbar.navbar-rose .navbar-form input.form-control::-webkit-input-placeholder { - color: #ffffff; + color: #ffffff; } .navbar.navbar-rose .dropdown-menu { - border-radius: 3px !important; + border-radius: 3px !important; } -.navbar.navbar-rose .dropdown-menu li>a:hover, -.navbar.navbar-rose .dropdown-menu li>a:focus { - color: #FFFFFF; - background-color: #e91e63; - box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2); +.navbar.navbar-rose .dropdown-menu li > a:hover, +.navbar.navbar-rose .dropdown-menu li > a:focus { + color: #ffffff; + background-color: #e91e63; + box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2); } -.navbar.navbar-rose .dropdown-menu .active>a { - background-color: #e91e63; - color: #ffffff; - box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2); +.navbar.navbar-rose .dropdown-menu .active > a { + background-color: #e91e63; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2); } -.navbar.navbar-rose .dropdown-menu .active>a:hover, -.navbar.navbar-rose .dropdown-menu .active>a:focus { - color: #ffffff; +.navbar.navbar-rose .dropdown-menu .active > a:hover, +.navbar.navbar-rose .dropdown-menu .active > a:focus { + color: #ffffff; } .navbar-inverse { - background-color: #3f51b5; + background-color: #3f51b5; } .navbar.navbar-transparent { - background-color: transparent; - box-shadow: none; - border-bottom: 0; + background-color: transparent; + box-shadow: none; + border-bottom: 0; } .navbar.navbar-transparent .logo-container .brand { - color: #FFFFFF; + color: #ffffff; } .navbar-fixed-top { - border-radius: 0; + border-radius: 0; } @media (max-width: 1199px) { - .navbar { - /* + .navbar { + /* .navbar-form { margin-top: 10px; } */ - } - .navbar .navbar-brand { - height: 50px; - padding: 10px 15px; - } - .navbar .navbar-nav>li>a { - padding-top: 15px; - padding-bottom: 15px; - } + } + .navbar .navbar-brand { + height: 50px; + padding: 10px 15px; + } + .navbar .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } } .navbar .alert { - border-radius: 0; - left: 0; - position: absolute; - right: 0; - top: 85px; - width: 100%; - z-index: 3; - transition: all 0.3s; + border-radius: 0; + left: 0; + position: absolute; + right: 0; + top: 85px; + width: 100%; + z-index: 3; + transition: all 0.3s; } .navbar-fixed { - position: fixed; - z-index: 1032; - right: 0; - width: 100%; + position: fixed; + z-index: 1032; + right: 0; + width: 100%; } .nav-align-center { - text-align: center; + text-align: center; } .nav-align-center .nav-pills { - display: inline-block; + display: inline-block; } .navbar-absolute { - position: absolute; - width: 100%; - padding-top: 10px; - z-index: 1029; + position: absolute; + width: 100%; + padding-top: 10px; + z-index: 1029; } @media (min-width: 991px) { - .navbar-fixed { - width: calc(100% - 260px); - } + .navbar-fixed { + width: calc(100% - 260px); + } } .popover, .tooltip-inner { - color: #555555; - line-height: 1.5em; - background: #FFFFFF; - border: none; - border-radius: 3px; - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); + color: #555555; + line-height: 1.5em; + background: #ffffff; + border: none; + border-radius: 3px; + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), + 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } .popover { - padding: 0; - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + padding: 0; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), + 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } -.popover.left>.arrow, -.popover.right>.arrow, -.popover.top>.arrow, -.popover.bottom>.arrow { - border: none; +.popover.left > .arrow, +.popover.right > .arrow, +.popover.top > .arrow, +.popover.bottom > .arrow { + border: none; } .popover-title { - background-color: #FFFFFF; - border: none; - padding: 15px 15px 5px; - font-size: 1.3em; + background-color: #ffffff; + border: none; + padding: 15px 15px 5px; + font-size: 1.3em; } .popover-content { - padding: 10px 15px 15px; - line-height: 1.4; + padding: 10px 15px 15px; + line-height: 1.4; } .tooltip.in { - opacity: 1; - -webkit-transform: translate3d(0, 0px, 0); - -moz-transform: translate3d(0, 0px, 0); - -o-transform: translate3d(0, 0px, 0); - -ms-transform: translate3d(0, 0px, 0); - transform: translate3d(0, 0px, 0); + opacity: 1; + -webkit-transform: translate3d(0, 0px, 0); + -moz-transform: translate3d(0, 0px, 0); + -o-transform: translate3d(0, 0px, 0); + -ms-transform: translate3d(0, 0px, 0); + transform: translate3d(0, 0px, 0); } .tooltip { - opacity: 0; - transition: opacity, transform .2s ease; - -webkit-transform: translate3d(0, 5px, 0); - -moz-transform: translate3d(0, 5px, 0); - -o-transform: translate3d(0, 5px, 0); - -ms-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); + opacity: 0; + transition: opacity, transform 0.2s ease; + -webkit-transform: translate3d(0, 5px, 0); + -moz-transform: translate3d(0, 5px, 0); + -o-transform: translate3d(0, 5px, 0); + -ms-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } .tooltip.left .tooltip-arrow { - border-left-color: #FFFFFF; + border-left-color: #ffffff; } .tooltip.right .tooltip-arrow { - border-right-color: #FFFFFF; + border-right-color: #ffffff; } .tooltip.top .tooltip-arrow { - border-top-color: #FFFFFF; + border-top-color: #ffffff; } .tooltip.bottom .tooltip-arrow { - border-bottom-color: #FFFFFF; + border-bottom-color: #ffffff; } .tooltip-inner { - padding: 10px 15px; - min-width: 130px; + padding: 10px 15px; + min-width: 130px; } footer { - padding: 15px 0; + padding: 15px 0; } footer ul { - margin-bottom: 0; - padding: 0; - list-style: none; + margin-bottom: 0; + padding: 0; + list-style: none; } footer ul li { - display: inline-block; + display: inline-block; } footer ul li a { - color: inherit; - padding: 15px; - font-weight: 500; - font-size: 12px; - text-transform: uppercase; - border-radius: 3px; - text-decoration: none; - position: relative; - display: block; + color: inherit; + padding: 15px; + font-weight: 500; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + text-decoration: none; + position: relative; + display: block; } footer ul li a:hover { - text-decoration: none; + text-decoration: none; } footer .copyright { - padding: 15px 0; - margin: 0; + padding: 15px 0; + margin: 0; } footer .copyright .material-icons { - font-size: 18px; - position: relative; - top: 3px; + font-size: 18px; + position: relative; + top: 3px; } footer .btn { - margin-top: 0; - margin-bottom: 0; + margin-top: 0; + margin-bottom: 0; } .dropdown-menu { - border: 0; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .dropdown-menu .divider { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.12); } -.dropdown-menu li>a { - font-size: 13px; - padding: 10px 20px; - margin: 0 5px; - border-radius: 2px; - -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 li > a { + font-size: 13px; + padding: 10px 20px; + margin: 0 5px; + border-radius: 2px; + -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 li>a:hover, -.dropdown-menu li>a:focus { - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), + 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } -.dropdown-menu.dropdown-with-icons li>a { - padding: 12px 20px 12px 12px; +.dropdown-menu.dropdown-with-icons li > a { + padding: 12px 20px 12px 12px; } -.dropdown-menu.dropdown-with-icons li>a .material-icons { - vertical-align: middle; - font-size: 24px; - position: relative; - margin-top: -4px; - top: 1px; - margin-right: 12px; - opacity: .5; +.dropdown-menu.dropdown-with-icons li > a .material-icons { + vertical-align: middle; + font-size: 24px; + position: relative; + margin-top: -4px; + top: 1px; + margin-right: 12px; + opacity: 0.5; } .dropdown-menu li { - position: relative; + position: relative; } .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active { - background-color: #9c27b0; - color: #FFFFFF; + background-color: #9c27b0; + color: #ffffff; } .dropdown-menu .divider { - margin: 5px 0; + margin: 5px 0; } .navbar .dropdown-menu li a:hover, @@ -5056,1726 +5279,1745 @@ footer .btn { .navbar.navbar-default .dropdown-menu li a:hover, .navbar.navbar-default .dropdown-menu li a:focus, .navbar.navbar-default .dropdown-menu li a:active { - background-color: #9c27b0; - color: #FFFFFF; - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); + background-color: #9c27b0; + color: #ffffff; + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); } -.navbar-nav>li>.dropdown-menu, +.navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget { - -webkit-transition: all 150ms linear; - -moz-transition: all 150ms linear; - -o-transition: all 150ms linear; - -ms-transition: all 150ms linear; - transition: all 150ms linear; - margin-top: -20px; - visibility: hidden; - display: block; - opacity: 0; - filter: alpha(opacity=0); -} - -.navbar-nav>li.open>.dropdown-menu, + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; + margin-top: -20px; + visibility: hidden; + display: block; + opacity: 0; + filter: alpha(opacity=0); +} + +.navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget.open { - opacity: 1; - filter: alpha(opacity=100); - visibility: visible; - margin-top: 0px; + opacity: 1; + filter: alpha(opacity=100); + visibility: visible; + margin-top: 0px; } .card { - display: inline-block; - position: relative; - width: 100%; - margin: 25px 0; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); - border-radius: 3px; - color: rgba(0, 0, 0, 0.87); - background: #fff; + display: inline-block; + position: relative; + width: 100%; + margin: 25px 0; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); + border-radius: 3px; + color: rgba(0, 0, 0, 0.87); + background: #fff; } .card .card-height-indicator { - margin-top: 100%; + margin-top: 100%; } .card.row-space .header { - padding: 15px 20px 0; + padding: 15px 20px 0; } .card .title { - margin-top: 0; - margin-bottom: 5px; + margin-top: 0; + margin-bottom: 5px; } .card .card-image { - height: 60%; - position: relative; - overflow: hidden; - margin-left: 15px; - margin-right: 15px; - margin-top: -30px; - border-radius: 6px; + height: 60%; + position: relative; + overflow: hidden; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border-radius: 6px; } .card .card-image img { - width: 100%; - height: 100%; - border-radius: 6px; - pointer-events: none; + width: 100%; + height: 100%; + border-radius: 6px; + pointer-events: none; } .card .card-image .card-title { - position: absolute; - bottom: 15px; - left: 15px; - color: #fff; - font-size: 1.3em; - text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); + position: absolute; + bottom: 15px; + left: 15px; + color: #fff; + font-size: 1.3em; + text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); } .card .category:not([class*="text-"]) { - color: #999999; + color: #999999; } .card .card-content { - padding: 15px 20px; + padding: 15px 20px; } .card .card-content .category { - margin-bottom: 0; + margin-bottom: 0; } .card .card-header { - box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); - margin: -20px 15px 0; - border-radius: 3px; - padding: 15px; - background-color: #999999; + box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), + 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + margin: -20px 15px 0; + border-radius: 3px; + padding: 15px; + background-color: #999999; } .card .card-header .title { - color: #FFFFFF; + color: #ffffff; } .card .card-header .category { - margin-bottom: 0; - color: rgba(255, 255, 255, 0.62); + margin-bottom: 0; + color: rgba(255, 255, 255, 0.62); } .card .card-header.card-chart { - padding: 0; - min-height: 160px; + padding: 0; + min-height: 160px; } -.card .card-header.card-chart+.content h4 { - margin-top: 0; +.card .card-header.card-chart + .content h4 { + margin-top: 0; } .card .card-header .ct-label { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } .card .card-header .ct-grid { - stroke: rgba(255, 255, 255, 0.2); + stroke: rgba(255, 255, 255, 0.2); } .card .card-header .ct-series-a .ct-point, .card .card-header .ct-series-a .ct-line, .card .card-header .ct-series-a .ct-bar, .card .card-header .ct-series-a .ct-slice-donut { - stroke: rgba(255, 255, 255, 0.8); + stroke: rgba(255, 255, 255, 0.8); } .card .card-header .ct-series-a .ct-slice-pie, .card .card-header .ct-series-a .ct-area { - fill: rgba(255, 255, 255, 0.4); + fill: rgba(255, 255, 255, 0.4); } .card .chart-title { - position: absolute; - top: 25px; - width: 100%; - text-align: center; + position: absolute; + top: 25px; + width: 100%; + text-align: center; } .card .chart-title h3 { - margin: 0; - color: #FFFFFF; + margin: 0; + color: #ffffff; } .card .chart-title h6 { - margin: 0; - color: rgba(255, 255, 255, 0.4); + margin: 0; + color: rgba(255, 255, 255, 0.4); } .card .card-footer { - margin: 0 20px 10px; - padding-top: 10px; - border-top: 1px solid #eeeeee; + margin: 0 20px 10px; + padding-top: 10px; + border-top: 1px solid #eeeeee; } .card .card-footer .content { - display: block; + display: block; } .card .card-footer div { - display: inline-block; + display: inline-block; } .card .card-footer .author { - color: #999999; + color: #999999; } .card .card-footer .stats { - line-height: 22px; - color: #999999; - font-size: 12px; + line-height: 22px; + color: #999999; + font-size: 12px; } .card .card-footer .stats .material-icons { - position: relative; - top: 4px; - font-size: 16px; + position: relative; + top: 4px; + font-size: 16px; } .card .card-footer h6 { - color: #999999; + color: #999999; } .card img { - width: 100%; - height: auto; + width: 100%; + height: auto; } .card .category .material-icons { - position: relative; - top: 6px; - line-height: 0; + position: relative; + top: 6px; + line-height: 0; } .card .category-social .fa { - font-size: 24px; - position: relative; - margin-top: -4px; - top: 2px; - margin-right: 5px; + font-size: 24px; + position: relative; + margin-top: -4px; + top: 2px; + margin-right: 5px; } .card .author .avatar { - width: 30px; - height: 30px; - overflow: hidden; - border-radius: 50%; - margin-right: 5px; + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-right: 5px; } .card .author a { - color: #3C4858; - text-decoration: none; + color: #3c4858; + text-decoration: none; } .card .author a .ripple-container { - display: none; + display: none; } .card .table { - margin-bottom: 0; + margin-bottom: 0; } .card .table tr:first-child td { - border-top: none; + border-top: none; } .card [data-background-color="purple"] { - background: linear-gradient(60deg, #ab47bc, #8e24aa); - box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); + background: linear-gradient(60deg, #ab47bc, #8e24aa); + box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2); } .card [data-background-color="blue"] { - background: linear-gradient(60deg, #26c6da, #00acc1); - box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); + background: linear-gradient(60deg, #26c6da, #00acc1); + box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2); } .card [data-background-color="green"] { - background: linear-gradient(60deg, #66bb6a, #43a047); - box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); + background: linear-gradient(60deg, #66bb6a, #43a047); + box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2); } .card [data-background-color="orange"] { - background: linear-gradient(60deg, #ffa726, #fb8c00); - box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); + background: linear-gradient(60deg, #ffa726, #fb8c00); + box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2); } .card [data-background-color="red"] { - background: linear-gradient(60deg, #ef5350, #e53935); - box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); + background: linear-gradient(60deg, #ef5350, #e53935); + box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), + 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2); } .card [data-background-color] { - color: #FFFFFF; + color: #ffffff; } .card [data-background-color] a { - color: #FFFFFF; + color: #ffffff; } .card-stats .title { - margin: 0; + margin: 0; } .card-stats .card-header { - float: left; - text-align: center; + float: left; + text-align: center; } .card-stats .card-header i { - font-size: 36px; - line-height: 56px; - width: 56px; - height: 56px; + font-size: 36px; + line-height: 56px; + width: 56px; + height: 56px; } .card-stats .card-content { - text-align: right; - padding-top: 10px; + text-align: right; + padding-top: 10px; } .card-nav-tabs .header-raised { - margin-top: -30px; + margin-top: -30px; } .card-nav-tabs .nav-tabs { - background: transparent; - padding: 0; + background: transparent; + padding: 0; } .card-nav-tabs .nav-tabs-title { - float: left; - padding: 10px 10px 10px 0; - line-height: 24px; + float: left; + padding: 10px 10px 10px 0; + line-height: 24px; } .card-plain { - background: transparent; - box-shadow: none; + background: transparent; + box-shadow: none; } .card-plain .card-header { - margin-left: 0; - margin-right: 0; + margin-left: 0; + margin-right: 0; } .card-plain .content { - padding-left: 5px; - padding-right: 5px; + padding-left: 5px; + padding-right: 5px; } .card-plain .card-image { - margin: 0; - border-radius: 3px; + margin: 0; + border-radius: 3px; } .card-plain .card-image img { - border-radius: 3px; + border-radius: 3px; } .iframe-container { - margin: 0 -20px 0; + margin: 0 -20px 0; } .iframe-container iframe { - width: 100%; - height: 500px; - border: 0; - box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + width: 100%; + height: 500px; + border: 0; + box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), + 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .card-profile, .card-testimonial { - margin-top: 30px; - text-align: center; + margin-top: 30px; + text-align: center; } .card-profile .btn-just-icon.btn-raised, .card-testimonial .btn-just-icon.btn-raised { - margin-left: 6px; - margin-right: 6px; + margin-left: 6px; + margin-right: 6px; } .card-profile .card-avatar, .card-testimonial .card-avatar { - max-width: 130px; - max-height: 130px; - margin: -50px auto 0; - border-radius: 50%; - overflow: hidden; - box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + max-width: 130px; + max-height: 130px; + margin: -50px auto 0; + border-radius: 50%; + overflow: hidden; + box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), + 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } -.card-profile .card-avatar+.content, -.card-testimonial .card-avatar+.content { - margin-top: 15px; +.card-profile .card-avatar + .content, +.card-testimonial .card-avatar + .content { + margin-top: 15px; } .card-profile.card-plain .card-avatar, .card-testimonial.card-plain .card-avatar { - margin-top: 0; + margin-top: 0; } .nav-tabs { - background: #9c27b0; - border: 0; - border-radius: 3px; - padding: 0 15px; + background: #9c27b0; + border: 0; + border-radius: 3px; + padding: 0 15px; } -.nav-tabs>li>a { - color: #FFFFFF; - border: 0; - margin: 0; - border-radius: 3px; - line-height: 24px; - text-transform: uppercase; - font-size: 12px; +.nav-tabs > li > a { + color: #ffffff; + border: 0; + margin: 0; + border-radius: 3px; + line-height: 24px; + text-transform: uppercase; + font-size: 12px; } -.nav-tabs>li>a:hover { - background-color: transparent; - border: 0; +.nav-tabs > li > a:hover { + background-color: transparent; + border: 0; } -.nav-tabs>li>a, -.nav-tabs>li>a:hover, -.nav-tabs>li>a:focus { - background-color: transparent; - border: 0 !important; - color: #FFFFFF !important; - font-weight: 500; +.nav-tabs > li > a, +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { + background-color: transparent; + border: 0 !important; + color: #ffffff !important; + font-weight: 500; } -.nav-tabs>li.disabled>a, -.nav-tabs>li.disabled>a:hover { - color: rgba(255, 255, 255, 0.5); +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); } -.nav-tabs>li .material-icons { - margin: -1px 5px 0 0; +.nav-tabs > li .material-icons { + margin: -1px 5px 0 0; } -.nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover, -.nav-tabs>li.active>a:focus { - background-color: rgba(255, 255, 255, 0.2); - transition: background-color .1s .2s; +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + background-color: rgba(255, 255, 255, 0.2); + transition: background-color 0.1s 0.2s; } .ct-label { - fill: rgba(0, 0, 0, 0.4); - color: rgba(0, 0, 0, 0.4); - font-size: 1.3rem; - line-height: 1; + fill: rgba(0, 0, 0, 0.4); + color: rgba(0, 0, 0, 0.4); + font-size: 1.3rem; + line-height: 1; } .ct-chart-line .ct-label, .ct-chart-bar .ct-label { - display: block; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; + display: block; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; } .ct-label.ct-horizontal.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; + -webkit-box-align: flex-end; + -webkit-align-items: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: start; } .ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; + -webkit-box-align: flex-start; + -webkit-align-items: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: start; } .ct-label.ct-vertical.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-end; - -webkit-justify-content: flex-end; - -ms-flex-pack: flex-end; - justify-content: flex-end; - text-align: right; - text-anchor: end; + -webkit-box-align: flex-end; + -webkit-align-items: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; + -webkit-box-pack: flex-end; + -webkit-justify-content: flex-end; + -ms-flex-pack: flex-end; + justify-content: flex-end; + text-align: right; + text-anchor: end; } .ct-label.ct-vertical.ct-end { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; + -webkit-box-align: flex-end; + -webkit-align-items: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - text-anchor: start; + -webkit-box-align: flex-end; + -webkit-align-items: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - text-anchor: start; + -webkit-box-align: flex-start; + -webkit-align-items: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { - -webkit-box-align: flex-end; - -webkit-align-items: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; + -webkit-box-align: flex-end; + -webkit-align-items: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; + -webkit-box-align: flex-start; + -webkit-align-items: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: flex-end; - -webkit-justify-content: flex-end; - -ms-flex-pack: flex-end; - justify-content: flex-end; - text-align: right; - text-anchor: end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: flex-end; + -webkit-justify-content: flex-end; + -ms-flex-pack: flex-end; + justify-content: flex-end; + text-align: right; + text-anchor: end; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: end; } .ct-grid { - stroke: rgba(0, 0, 0, 0.2); - stroke-width: 1px; - stroke-dasharray: 2px; + stroke: rgba(0, 0, 0, 0.2); + stroke-width: 1px; + stroke-dasharray: 2px; } .ct-point { - stroke-width: 8px; - stroke-linecap: round; + stroke-width: 8px; + stroke-linecap: round; } .ct-line { - fill: none; - stroke-width: 3px; + fill: none; + stroke-width: 3px; } .ct-area { - stroke: none; - fill-opacity: 0.8; + stroke: none; + fill-opacity: 0.8; } .ct-bar { - fill: none; - stroke-width: 10px; + fill: none; + stroke-width: 10px; } .ct-slice-donut { - fill: none; - stroke-width: 60px; + fill: none; + stroke-width: 60px; } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { - stroke: #00bcd4; + stroke: #00bcd4; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-area { - fill: #00bcd4; + fill: #00bcd4; } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { - stroke: #f44336; + stroke: #f44336; } .ct-series-b .ct-slice-pie, .ct-series-b .ct-area { - fill: #f44336; + fill: #f44336; } .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { - stroke: #ff9800; + stroke: #ff9800; } .ct-series-c .ct-slice-pie, .ct-series-c .ct-area { - fill: #ff9800; + fill: #ff9800; } .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { - stroke: #9c27b0; + stroke: #9c27b0; } .ct-series-d .ct-slice-pie, .ct-series-d .ct-area { - fill: #9c27b0; + fill: #9c27b0; } .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { - stroke: #4caf50; + stroke: #4caf50; } .ct-series-e .ct-slice-pie, .ct-series-e .ct-area { - fill: #4caf50; + fill: #4caf50; } .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { - stroke: #9C9B99; + stroke: #9c9b99; } .ct-series-f .ct-slice-pie, .ct-series-f .ct-area { - fill: #9C9B99; + fill: #9c9b99; } .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { - stroke: #999999; + stroke: #999999; } .ct-series-g .ct-slice-pie, .ct-series-g .ct-area { - fill: #999999; + fill: #999999; } .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { - stroke: #dd4b39; + stroke: #dd4b39; } .ct-series-h .ct-slice-pie, .ct-series-h .ct-area { - fill: #dd4b39; + fill: #dd4b39; } .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { - stroke: #35465c; + stroke: #35465c; } .ct-series-i .ct-slice-pie, .ct-series-i .ct-area { - fill: #35465c; + fill: #35465c; } .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { - stroke: #e52d27; + stroke: #e52d27; } .ct-series-j .ct-slice-pie, .ct-series-j .ct-area { - fill: #e52d27; + fill: #e52d27; } .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { - stroke: #55acee; + stroke: #55acee; } .ct-series-k .ct-slice-pie, .ct-series-k .ct-area { - fill: #55acee; + fill: #55acee; } .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { - stroke: #cc2127; + stroke: #cc2127; } .ct-series-l .ct-slice-pie, .ct-series-l .ct-area { - fill: #cc2127; + fill: #cc2127; } .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { - stroke: #1769ff; + stroke: #1769ff; } .ct-series-m .ct-slice-pie, .ct-series-m .ct-area { - fill: #1769ff; + fill: #1769ff; } .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { - stroke: #6188e2; + stroke: #6188e2; } .ct-series-n .ct-slice-pie, .ct-series-n .ct-area { - fill: #6188e2; + fill: #6188e2; } .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { - stroke: #a748ca; + stroke: #a748ca; } .ct-series-o .ct-slice-pie, .ct-series-o .ct-area { - fill: #a748ca; + fill: #a748ca; } .ct-square { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-square:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 100%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 100%; } .ct-square:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-square>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-square > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-minor-second { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-minor-second:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 93.75%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 93.75%; } .ct-minor-second:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-minor-second>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-minor-second > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-second { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-second:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 88.88889%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 88.88889%; } .ct-major-second:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-second>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-second > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-minor-third { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-minor-third:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 83.33333%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 83.33333%; } .ct-minor-third:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-minor-third>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-minor-third > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-third { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-third:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 80%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 80%; } .ct-major-third:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-third>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-third > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-perfect-fourth { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-perfect-fourth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 75%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 75%; } .ct-perfect-fourth:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-perfect-fourth>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-perfect-fourth > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-perfect-fifth { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-perfect-fifth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 66.66667%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 66.66667%; } .ct-perfect-fifth:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-perfect-fifth>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-perfect-fifth > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-minor-sixth { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-minor-sixth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 62.5%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 62.5%; } .ct-minor-sixth:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-minor-sixth>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-minor-sixth > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-golden-section { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-golden-section:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 61.8047%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 61.8047%; } .ct-golden-section:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-golden-section>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-golden-section > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-sixth { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-sixth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 60%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 60%; } .ct-major-sixth:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-sixth>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-sixth > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-minor-seventh { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-minor-seventh:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 56.25%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 56.25%; } .ct-minor-seventh:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-minor-seventh>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-minor-seventh > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-seventh { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-seventh:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 53.33333%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 53.33333%; } .ct-major-seventh:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-seventh>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-seventh > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-octave { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-octave:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 50%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 50%; } .ct-octave:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-octave>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-octave > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-tenth { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-tenth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 40%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 40%; } .ct-major-tenth:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-tenth>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-tenth > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-eleventh { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-eleventh:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 37.5%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 37.5%; } .ct-major-eleventh:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-eleventh>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-eleventh > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-major-twelfth { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-major-twelfth:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 33.33333%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 33.33333%; } .ct-major-twelfth:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-major-twelfth>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-major-twelfth > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-double-octave { - display: block; - position: relative; - width: 100%; + display: block; + position: relative; + width: 100%; } .ct-double-octave:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: 25%; + display: block; + float: left; + content: ""; + width: 0; + height: 0; + padding-bottom: 25%; } .ct-double-octave:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } -.ct-double-octave>svg { - display: block; - position: absolute; - top: 0; - left: 0; +.ct-double-octave > svg { + display: block; + position: absolute; + top: 0; + left: 0; } .ct-blue { - stroke: #9c27b0 !important; + stroke: #9c27b0 !important; } .ct-azure { - stroke: #00bcd4 !important; + stroke: #00bcd4 !important; } .ct-green { - stroke: #4caf50 !important; + stroke: #4caf50 !important; } .ct-orange { - stroke: #ff9800 !important; + stroke: #ff9800 !important; } .ct-red { - stroke: #f44336 !important; + stroke: #f44336 !important; } .ct-white { - stroke: #FFFFFF !important; + stroke: #ffffff !important; } .ct-rose { - stroke: #e91e63 !important; + stroke: #e91e63 !important; } @media (min-width: 992px) { - .navbar-form { - margin-top: 21px; - margin-bottom: 21px; - padding-left: 5px; - padding-right: 5px; - } - .navbar-nav.navbar-right>li>.dropdown-menu:before { - left: auto; - right: 12px; - } - .navbar-nav.navbar-right>li>.dropdown-menu:after { - left: auto; - right: 12px; - } - .footer:not(.footer-big) nav>ul li:first-child { - margin-left: 0; - } - body>.navbar-collapse.collapse { - display: none !important; - } - .card form [class*="col-"] { - padding: 6px; - } - .card form [class*="col-"]:first-child { - padding-left: 15px; - } - .card form [class*="col-"]:last-child { - padding-right: 15px; - } - .sidebar .navbar-form { - display: none !important; - } - .sidebar .nav-mobile-menu { - display: none; - } + .navbar-form { + margin-top: 21px; + margin-bottom: 21px; + padding-left: 5px; + padding-right: 5px; + } + .navbar-nav.navbar-right > li > .dropdown-menu:before { + left: auto; + right: 12px; + } + .navbar-nav.navbar-right > li > .dropdown-menu:after { + left: auto; + right: 12px; + } + .footer:not(.footer-big) nav > ul li:first-child { + margin-left: 0; + } + body > .navbar-collapse.collapse { + display: none !important; + } + .card form [class*="col-"] { + padding: 6px; + } + .card form [class*="col-"]:first-child { + padding-left: 15px; + } + .card form [class*="col-"]:last-child { + padding-right: 15px; + } + .sidebar .navbar-form { + display: none !important; + } + .sidebar .nav-mobile-menu { + display: none; + } } - /* Changes for small display */ @media (max-width: 991px) { - .sidebar { - display: none; - box-shadow: none; - } - .sidebar .sidebar-wrapper { - padding-bottom: 60px; - } - .sidebar .nav-mobile-menu { - margin-top: 0; - } - .sidebar .nav-mobile-menu .notification { - float: left; - line-height: 30px; - margin-right: 8px; - } - .sidebar .nav-mobile-menu .open .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - html, - body { - overflow-x: hidden; - } - .nav-open .menu-on-left .main-panel, - .nav-open .menu-on-left .wrapper-full-page, - .nav-open .menu-on-left .navbar-fixed>div { - -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); - } - .menu-on-left .main-panel { - position: initial; - } - .menu-on-left .sidebar, - .menu-on-left .off-canvas-sidebar { - left: 0; - right: auto; - -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); - } - .menu-on-left #bodyClick { - left: 260px; - right: auto; - } - .main-panel { - width: 100%; - } - .navbar-transparent { - padding-top: 15px; - background-color: rgba(0, 0, 0, 0.45); - } - body, - html { - position: relative; - overflow-x: hidden; - } - .navbar .container { - left: 0; - width: 100%; - -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - position: relative; - } - .navbar .navbar-collapse.collapse, - .navbar .navbar-collapse.collapse.in, - .navbar .navbar-collapse.collapsing { - display: none !important; - } - .navbar-nav>li { - float: none; - position: relative; - display: block; - } - .sidebar, - .off-canvas-sidebar { - position: fixed; - display: block; - top: 0; - height: 100vh; - width: 260px; - right: 0; - left: auto; - z-index: 1032; - visibility: visible; - background-color: #9A9A9A; - overflow-y: visible; - border-top: none; - text-align: left; - padding-right: 0px; - padding-left: 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); - -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); - } - .sidebar>ul, - .off-canvas-sidebar>ul { - position: relative; - z-index: 4; - overflow-y: scroll; - height: calc(100vh - 61px); - width: 100%; - } - .sidebar::before, - .off-canvas-sidebar::before { - top: 0; - left: 0; - height: 100%; - width: 100%; - position: absolute; - background-color: #282828; - display: block; - content: ""; - z-index: 1; - } - .sidebar .logo, - .off-canvas-sidebar .logo { - position: relative; - z-index: 4; - } - .sidebar .navbar-form, - .off-canvas-sidebar .navbar-form { - margin: 10px 15px; - float: none !important; - padding-top: 1px; - padding-bottom: 1px; - } - .sidebar .table-responsive, - .off-canvas-sidebar .table-responsive { - width: 100%; - margin-bottom: 15px; - overflow-x: scroll; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - -webkit-overflow-scrolling: touch; - } - .form-group .form-control { - font-size: 16px; - height: 37px; - } - .navbar-form .btn { - position: absolute; - top: 27px; - right: 15px; - } - .nav-open .navbar-collapse { - -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 .navbar .container { - left: -250px; - } - .nav-open .main-panel { - left: 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 { - box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); - } - .nav-open .off-canvas-sidebar, - .nav-open .sidebar { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - .close-layer { - height: 100%; - width: 100%; - position: absolute; - opacity: 0; - top: 0; - left: auto; - content: ""; - z-index: 9999; - overflow-x: hidden; - -webkit-transition: all 370ms ease-in; - -moz-transition: all 370ms ease-in; - -o-transition: all 370ms ease-in; - -ms-transition: all 370ms ease-in; - transition: all 370ms ease-in; - } - .close-layer.visible { - opacity: 1; - } - .navbar-toggle .icon-bar { - display: block; - position: relative; - background: #fff; - width: 24px; - height: 2px; - border-radius: 1px; - margin: 0 auto; - } - .navbar-header .navbar-toggle { - margin: 10px 15px 10px 0; - width: 40px; - height: 40px; - } - .bar1, - .bar2, - .bar3 { - outline: 1px solid transparent; - } - @-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; - } - } - .dropdown-menu .divider { - background-color: rgba(229, 229, 229, 0.15); - } - .navbar-nav { - margin: 1px 0; - } - .navbar-nav .open .dropdown-menu>li>a { - padding: 15px 15px 5px 50px; - } - .navbar-nav .open .dropdown-menu>li:first-child>a { - padding: 5px 15px 5px 50px; - } - .navbar-nav .open .dropdown-menu>li:last-child>a { - padding: 15px 15px 25px 50px; - } - [class*="navbar-"] .navbar-nav>li>a, - [class*="navbar-"] .navbar-nav>li>a:hover, - [class*="navbar-"] .navbar-nav>li>a:focus, - [class*="navbar-"] .navbar-nav .active>a, - [class*="navbar-"] .navbar-nav .active>a:hover, - [class*="navbar-"] .navbar-nav .active>a:focus, - [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a, - [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:hover, - [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:focus, - [class*="navbar-"] .navbar-nav .navbar-nav .open .dropdown-menu>li>a:active { - color: white; - } - [class*="navbar-"] .navbar-nav>li>a, - [class*="navbar-"] .navbar-nav>li>a:hover, - [class*="navbar-"] .navbar-nav>li>a:focus, - [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a, - [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:hover, - [class*="navbar-"] .navbar-nav .open .dropdown-menu>li>a:focus { - opacity: .7; - background: transparent; - } - [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu>li>a:active { - opacity: 1; - } - [class*="navbar-"] .navbar-nav .dropdown>a:hover .caret { - border-bottom-color: #777; - border-top-color: #777; - } - [class*="navbar-"] .navbar-nav .dropdown>a:active .caret { - border-bottom-color: white; - border-top-color: white; - } - .dropdown-menu { - display: none; - } - .navbar-fixed-top { - -webkit-backface-visibility: hidden; - } - #bodyClick { - height: 100%; - width: 100%; - position: fixed; - opacity: 0; - top: 0; - left: auto; - right: 260px; - content: ""; - z-index: 9999; - overflow-x: hidden; - } - .social-line .btn { - margin: 0 0 10px 0; - } - .subscribe-line .form-control { - margin: 0 0 10px 0; - } - .social-line.pull-right { - float: none; - } - .footer:not(.footer-big) nav>ul li { - float: none; - } - .social-area.pull-right { - float: none !important; - } - .form-control+.form-control-feedback { - margin-top: -8px; - } - .navbar-toggle:hover, - .navbar-toggle:focus { - background-color: transparent !important; - } - .btn.dropdown-toggle { - margin-bottom: 0; - } - .media-post .author { - width: 20%; - float: none !important; - display: block; - margin: 0 auto 10px; - } - .media-post .media-body { - width: 100%; - } - .navbar-collapse.collapse { - height: 100% !important; - } - .navbar-collapse.collapse.in { - display: block; + .sidebar { + display: none; + box-shadow: none; + } + .sidebar .sidebar-wrapper { + padding-bottom: 60px; + } + .sidebar .nav-mobile-menu { + margin-top: 0; + } + .sidebar .nav-mobile-menu .notification { + float: left; + line-height: 30px; + margin-right: 8px; + } + .sidebar .nav-mobile-menu .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + html, + body { + overflow-x: hidden; + } + .nav-open .menu-on-left .main-panel, + .nav-open .menu-on-left .wrapper-full-page, + .nav-open .menu-on-left .navbar-fixed > div { + -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); + } + .menu-on-left .main-panel { + position: initial; + } + .menu-on-left .sidebar, + .menu-on-left .off-canvas-sidebar { + left: 0; + right: auto; + -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); + } + .menu-on-left #bodyClick { + left: 260px; + right: auto; + } + .main-panel { + width: 100%; + } + .navbar-transparent { + padding-top: 15px; + background-color: rgba(0, 0, 0, 0.45); + } + body, + html { + position: relative; + overflow-x: hidden; + } + .navbar .container { + left: 0; + width: 100%; + -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + position: relative; + } + .navbar .navbar-collapse.collapse, + .navbar .navbar-collapse.collapse.in, + .navbar .navbar-collapse.collapsing { + display: none !important; + } + .navbar-nav > li { + float: none; + position: relative; + display: block; + } + .sidebar, + .off-canvas-sidebar { + position: fixed; + display: block; + top: 0; + height: 100vh; + width: 260px; + right: 0; + left: auto; + z-index: 1032; + visibility: visible; + background-color: #9a9a9a; + overflow-y: visible; + border-top: none; + text-align: left; + padding-right: 0px; + padding-left: 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); + -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + } + .sidebar > ul, + .off-canvas-sidebar > ul { + position: relative; + z-index: 4; + overflow-y: scroll; + height: calc(100vh - 61px); + width: 100%; + } + .sidebar::before, + .off-canvas-sidebar::before { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: #282828; + display: block; + content: ""; + z-index: 1; + } + .sidebar .logo, + .off-canvas-sidebar .logo { + position: relative; + z-index: 4; + } + .sidebar .navbar-form, + .off-canvas-sidebar .navbar-form { + margin: 10px 15px; + float: none !important; + padding-top: 1px; + padding-bottom: 1px; + } + .sidebar .table-responsive, + .off-canvas-sidebar .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-x: scroll; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + -webkit-overflow-scrolling: touch; + } + .form-group .form-control { + font-size: 16px; + height: 37px; + } + .navbar-form .btn { + position: absolute; + top: 27px; + right: 15px; + } + .nav-open .navbar-collapse { + -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 .navbar .container { + left: -250px; + } + .nav-open .main-panel { + left: 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 { + box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), + 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); + } + .nav-open .off-canvas-sidebar, + .nav-open .sidebar { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + .close-layer { + height: 100%; + width: 100%; + position: absolute; + opacity: 0; + top: 0; + left: auto; + content: ""; + z-index: 9999; + overflow-x: hidden; + -webkit-transition: all 370ms ease-in; + -moz-transition: all 370ms ease-in; + -o-transition: all 370ms ease-in; + -ms-transition: all 370ms ease-in; + transition: all 370ms ease-in; + } + .close-layer.visible { + opacity: 1; + } + .navbar-toggle .icon-bar { + display: block; + position: relative; + background: #fff; + width: 24px; + height: 2px; + border-radius: 1px; + margin: 0 auto; + } + .navbar-header .navbar-toggle { + margin: 10px 15px 10px 0; + width: 40px; + height: 40px; + } + .bar1, + .bar2, + .bar3 { + outline: 1px solid transparent; + } + @-webkit-keyframes fadeIn { + 0% { + opacity: 0; } - .navbar-header .collapse, - .navbar-toggle { - display: block !important; + 100% { + opacity: 1; } - .navbar-header { - float: none; + } + @-moz-keyframes fadeIn { + 0% { + opacity: 0; } - .navbar-collapse .nav p { - font-size: 14px; - margin: 0; + 100% { + opacity: 1; } - .navbar-collapse [class^="pe-7s-"] { - float: left; - font-size: 20px; - margin-right: 10px; + } + @keyframes fadeIn { + 0% { + opacity: 0; } + 100% { + opacity: 1; + } + } + .dropdown-menu .divider { + background-color: rgba(229, 229, 229, 0.15); + } + .navbar-nav { + margin: 1px 0; + } + .navbar-nav .open .dropdown-menu > li > a { + padding: 15px 15px 5px 50px; + } + .navbar-nav .open .dropdown-menu > li:first-child > a { + padding: 5px 15px 5px 50px; + } + .navbar-nav .open .dropdown-menu > li:last-child > a { + padding: 15px 15px 25px 50px; + } + [class*="navbar-"] .navbar-nav > li > a, + [class*="navbar-"] .navbar-nav > li > a:hover, + [class*="navbar-"] .navbar-nav > li > a:focus, + [class*="navbar-"] .navbar-nav .active > a, + [class*="navbar-"] .navbar-nav .active > a:hover, + [class*="navbar-"] .navbar-nav .active > a:focus, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus, + [class*="navbar-"] + .navbar-nav + .navbar-nav + .open + .dropdown-menu + > li + > a:active { + color: white; + } + [class*="navbar-"] .navbar-nav > li > a, + [class*="navbar-"] .navbar-nav > li > a:hover, + [class*="navbar-"] .navbar-nav > li > a:focus, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus { + opacity: 0.7; + background: transparent; + } + [class*="navbar-"] + .navbar-nav.navbar-nav + .open + .dropdown-menu + > li + > a:active { + opacity: 1; + } + [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret { + border-bottom-color: #777; + border-top-color: #777; + } + [class*="navbar-"] .navbar-nav .dropdown > a:active .caret { + border-bottom-color: white; + border-top-color: white; + } + .dropdown-menu { + display: none; + } + .navbar-fixed-top { + -webkit-backface-visibility: hidden; + } + #bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 0; + top: 0; + left: auto; + right: 260px; + content: ""; + z-index: 9999; + overflow-x: hidden; + } + .social-line .btn { + margin: 0 0 10px 0; + } + .subscribe-line .form-control { + margin: 0 0 10px 0; + } + .social-line.pull-right { + float: none; + } + .footer:not(.footer-big) nav > ul li { + float: none; + } + .social-area.pull-right { + float: none !important; + } + .form-control + .form-control-feedback { + margin-top: -8px; + } + .navbar-toggle:hover, + .navbar-toggle:focus { + background-color: transparent !important; + } + .btn.dropdown-toggle { + margin-bottom: 0; + } + .media-post .author { + width: 20%; + float: none !important; + display: block; + margin: 0 auto 10px; + } + .media-post .media-body { + width: 100%; + } + .navbar-collapse.collapse { + height: 100% !important; + } + .navbar-collapse.collapse.in { + display: block; + } + .navbar-header .collapse, + .navbar-toggle { + display: block !important; + } + .navbar-header { + float: none; + } + .navbar-collapse .nav p { + font-size: 14px; + margin: 0; + } + .navbar-collapse [class^="pe-7s-"] { + float: left; + font-size: 20px; + margin-right: 10px; + } } @media (min-width: 768px) { - .navbar>.container-fluid .navbar-brand { - margin-left: 0; - } + .navbar > .container-fluid .navbar-brand { + margin-left: 0; + } } -@media (max-width: 480px), -(max-width: 767px) { - .form-group .form-control { - width: 83%; - } - .navbar-form .form-group { - margin-bottom: 0; - } +@media (max-width: 480px), (max-width: 767px) { + .form-group .form-control { + width: 83%; + } + .navbar-form .form-group { + margin-bottom: 0; + } } @media (min-width: 992px) { - .table-full-width { - margin-left: -20px; - margin-right: -20px; - } - .table-responsive { - overflow: visible; - } -} \ No newline at end of file + .table-full-width { + margin-left: -20px; + margin-right: -20px; + } + .table-responsive { + overflow: visible; + } +} diff --git a/src/assets/css/material-dashboard-react.css b/src/assets/css/material-dashboard-react.css index d36548310..5bc101ef8 100644 --- a/src/assets/css/material-dashboard-react.css +++ b/src/assets/css/material-dashboard-react.css @@ -14,60 +14,65 @@ */ .ct-grid { - stroke: rgba(255, 255, 255, 0.2); - stroke-width: 1px; - stroke-dasharray: 2px; + stroke: rgba(255, 255, 255, 0.2); + stroke-width: 1px; + stroke-dasharray: 2px; } -.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { - stroke: rgba(255, 255, 255, 0.8); +.ct-series-a .ct-point, +.ct-series-a .ct-line, +.ct-series-a .ct-bar, +.ct-series-a .ct-slice-donut { + stroke: rgba(255, 255, 255, 0.8); } .ct-label.ct-horizontal.ct-end { - -webkit-box-align: flex-start; - -webkit-align-items: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: flex-start; - -webkit-justify-content: flex-start; - -ms-flex-pack: flex-start; - justify-content: flex-start; - text-align: left; - text-anchor: start; + -webkit-box-align: flex-start; + -webkit-align-items: flex-start; + -ms-flex-align: flex-start; + align-items: flex-start; + -webkit-box-pack: flex-start; + -webkit-justify-content: flex-start; + -ms-flex-pack: flex-start; + justify-content: flex-start; + text-align: left; + text-anchor: start; } .ct-label { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } -.ct-chart-line .ct-label, .ct-chart-bar .ct-label { - display: block; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; +.ct-chart-line .ct-label, +.ct-chart-bar .ct-label { + display: block; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; } .ct-label { - fill: rgba(0, 0, 0, 0.4); - line-height: 1; + fill: rgba(0, 0, 0, 0.4); + line-height: 1; } html * { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } body { - background-color: #EEEEEE; - color: #3C4858; - margin: 0; - font-family: Roboto, Helvetica, Arial, sans-serif; - font-weight: 300; - line-height: 1.5em; + background-color: #eeeeee; + color: #3c4858; + margin: 0; + font-family: Roboto, Helvetica, Arial, sans-serif; + font-weight: 300; + line-height: 1.5em; } -blockquote footer:before, blockquote small:before { - content: '\2014 \00A0'; +blockquote footer:before, +blockquote small:before { + content: "\2014 \00A0"; } small { @@ -75,417 +80,429 @@ small { } h1 { - font-size: 3em; - line-height: 1.15em; + font-size: 3em; + line-height: 1.15em; } h2 { - font-size: 2.4em; + font-size: 2.4em; } h3 { - font-size: 1.825em; - line-height: 1.4em; - margin: 20px 0 10px; + font-size: 1.825em; + line-height: 1.4em; + margin: 20px 0 10px; } h4 { - font-size: 1.3em; - line-height: 1.4em; + font-size: 1.3em; + line-height: 1.4em; } h5 { - font-size: 1.25em; - line-height: 1.4em; - margin-bottom: 15px; + font-size: 1.25em; + line-height: 1.4em; + margin-bottom: 15px; } h6 { - font-size: 1em; - text-transform: uppercase; - font-weight: 500; + font-size: 1em; + text-transform: uppercase; + font-weight: 500; } body { - background-color: #EEEEEE; - color: #3C4858; + background-color: #eeeeee; + color: #3c4858; } blockquote p { - font-style: italic; + font-style: italic; } -body, h1, h2, h3, h4, h5, h6 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - line-height: 1.5em; +body, +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 300; + line-height: 1.5em; } a { - color: #9c27b0; - text-decoration: none; + color: #9c27b0; + text-decoration: none; } -a:hover, a:focus { - color: #89229b; - text-decoration: none; +a:hover, +a:focus { + color: #89229b; + text-decoration: none; } legend { - border-bottom: 0; + border-bottom: 0; } * { - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; } *:focus { - outline: 0; + outline: 0; } -a:focus, a:active, -button:active, button:focus, button:hover, +a:focus, +a:active, +button:active, +button:focus, +button:hover, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { - outline: 0 !important; + outline: 0 !important; } legend { - margin-bottom: 20px; - font-size: 21px; + margin-bottom: 20px; + font-size: 21px; } output { - padding-top: 8px; - font-size: 14px; - line-height: 1.42857; + padding-top: 8px; + font-size: 14px; + line-height: 1.42857; } label { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; + font-size: 14px; + line-height: 1.42857; + color: #aaaaaa; + font-weight: 400; } footer { - padding: 15px 0; + padding: 15px 0; } footer ul { - margin-bottom: 0; - padding: 0; - list-style: none; + margin-bottom: 0; + padding: 0; + list-style: none; } footer ul li { - display: inline-block; + display: inline-block; } footer ul li a { - color: inherit; - padding: 15px; - font-weight: 500; - font-size: 12px; - text-transform: uppercase; - border-radius: 3px; - text-decoration: none; - position: relative; - display: block; + color: inherit; + padding: 15px; + font-weight: 500; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + text-decoration: none; + position: relative; + display: block; } footer ul li a:hover { - text-decoration: none; + text-decoration: none; } @media (max-width: 991px) { - body, - html { - position: relative; - overflow-x: hidden; - } - - #bodyClick { - height: 100%; - width: 100%; - position: fixed; - opacity: 0; - top: 0; - left: auto; - right: 260px; - content: ""; - z-index: 9999; - overflow-x: hidden; - } + body, + html { + position: relative; + overflow-x: hidden; + } + + #bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 0; + top: 0; + left: auto; + right: 260px; + content: ""; + z-index: 9999; + overflow-x: hidden; + } } .fixed-plugin { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - line-height: 1.5em; - position: fixed; - top: 180px; - 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; - .badge-primary-background-color: #9c27b0; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 300; + line-height: 1.5em; + position: fixed; + top: 180px; + 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; + .badge-primary-background-color: #9c27b0; } .fixed-plugin .SocialMediaShareButton, .fixed-plugin .github-btn { - display: inline-block;; + display: inline-block; } .fixed-plugin li > a, .fixed-plugin .badge { - transition: all .34s; - -webkit-transition: all .34s; - -moz-transition: all .34s; - text-decoration: none; + transition: all 0.34s; + -webkit-transition: all 0.34s; + -moz-transition: all 0.34s; + text-decoration: none; } .fixed-plugin .fa-cog { - color: #FFFFFF; - padding: 10px; - border-radius: 0 0 6px 6px; - width: auto; + color: #ffffff; + padding: 10px; + border-radius: 0 0 6px 6px; + width: auto; } .fixed-plugin .dropdown-menu { - right: 80px; - left: auto; - width: 290px; - border-radius: 0.1875rem; - padding: 0 10px; - position: absolute; - color: rgba(0, 0, 0, 0.87); - display: inline-block; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); - background: #fff; - border-radius: 3px; + right: 80px; + left: auto; + width: 290px; + border-radius: 0.1875rem; + padding: 0 10px; + position: absolute; + color: rgba(0, 0, 0, 0.87); + display: inline-block; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); + background: #fff; + border-radius: 3px; } .fixed-plugin .fa-circle-thin { - color: #FFFFFF; + color: #ffffff; } .fixed-plugin .active .fa-circle-thin { - color: #00bbff; + 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; + color: #777777; + text-align: center; } .fixed-plugin img { - border-radius: 0; - width: 100%; - height: 100px; - margin: 0 auto; + 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; + 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; - background-color: rgba(30, 30, 30, 0.97); + border: 3px solid #ffffff; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 23px; + margin-right: 5px; + position: relative; + width: 23px; + background-color: rgba(30, 30, 30, 0.97); } .fixed-plugin .badge.active, .fixed-plugin .badge:hover { - border-color: #00bbff; + border-color: #00bbff; } .fixed-plugin .badge-purple { - background-color: #9c27b0; + background-color: #9c27b0; } .fixed-plugin .badge-blue { - background-color: #00bcd4; + background-color: #00bcd4; } .fixed-plugin .badge-green { - background-color: #4caf50; + background-color: #4caf50; } .fixed-plugin .badge-orange { - background-color: #ff9800; + background-color: #ff9800; } .fixed-plugin .badge-red { - background-color: #f44336; + background-color: #f44336; } .fixed-plugin h5 { - font-size: 14px; - margin: 10px; + font-size: 14px; + margin: 10px; } .fixed-plugin .dropdown-menu li { - display: block; - padding: 4px 0px; - width: 25%; - float: left; + display: block; + padding: 4px 0px; + 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; - padding: 0px; - text-align: center; + width: 100%; + height: 50px; + min-height: inherit; + padding: 0px; + text-align: center; } .fixed-plugin li.adjustments-line p { - margin: 0; + margin: 0; } .fixed-plugin li.adjustments-line div, .fixed-plugin li.header-title div, .fixed-plugin li.button-container div { - margin-bottom: 5px; + margin-bottom: 5px; } .fixed-plugin li.header-title { - height: 30px; - line-height: 25px; - font-size: 12px; - font-weight: 600; - text-align: center; - text-transform: uppercase; + 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; + float: left; + display: inline-block; + margin-bottom: 0; + font-size: 1em; + color: #3c4858; } .fixed-plugin .adjustments-line a { - color: transparent; + color: transparent; } .fixed-plugin .adjustments-line a .badge-colors { - position: relative; - top: -2px; + position: relative; + top: -2px; } .fixed-plugin .adjustments-line a a:hover, .fixed-plugin .adjustments-line a a:focus { - color: transparent; + color: transparent; } .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; + 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; + 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; + margin-top: auto; } -.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 > 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; + border-color: #00bbff; + background-color: #ffffff; } .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; - display: none; + -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; + display: none; } .fixed-plugin .dropdown .dropdown-menu:before { - border-bottom: 0.4em solid transparent; - border-left: 0.4em solid rgba(0, 0, 0, 0.2); - border-top: 0.4em solid transparent; - right: -16px; - top: 46px; + border-bottom: 0.4em solid transparent; + border-left: 0.4em solid rgba(0, 0, 0, 0.2); + border-top: 0.4em solid transparent; + right: -16px; + top: 46px; } .fixed-plugin .dropdown .dropdown-menu:after { - border-bottom: 0.4em solid transparent; - border-left: .4em solid #FFFFFF; - border-top: 0.4em solid transparent; - right: -16px; + border-bottom: 0.4em solid transparent; + border-left: 0.4em solid #ffffff; + border-top: 0.4em solid transparent; + right: -16px; } -.fixed-plugin .dropdown .dropdown-menu:before, .fixed-plugin .dropdown .dropdown-menu:after { - content: ""; - display: inline-block; - position: absolute; - top: 46px; - width: 16px; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); +.fixed-plugin .dropdown .dropdown-menu:before, +.fixed-plugin .dropdown .dropdown-menu:after { + content: ""; + display: inline-block; + position: absolute; + top: 46px; + width: 16px; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); } .fixed-plugin .dropdown.show .dropdown-menu { - display: block; - visibility: visible; - 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.rtl-fixed-plugin{ + display: block; + visibility: visible; + 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.rtl-fixed-plugin { right: auto; left: 0px; border-radius: 0 8px 8px 0; } -.fixed-plugin.rtl-fixed-plugin .dropdown-menu{ +.fixed-plugin.rtl-fixed-plugin .dropdown-menu { right: auto; left: 80px; } diff --git a/src/assets/jss/material-dashboard-react.jsx b/src/assets/jss/material-dashboard-react.jsx index 55040e2a8..d12ed2698 100644 --- a/src/assets/jss/material-dashboard-react.jsx +++ b/src/assets/jss/material-dashboard-react.jsx @@ -14,6 +14,39 @@ */ +// ############################## +// // // Function that converts from hex color to rgb color +// // // Example: input = #9c27b0 => output = 156, 39, 176 +// // // Example: input = 9c27b0 => output = 156, 39, 176 +// // // Example: input = #999 => output = 153, 153, 153 +// // // Example: input = 999 => output = 153, 153, 153 +// ############################# +const hexToRgb = input => { + input = input + ""; + input = input.replace("#", ""); + let hexRegex = /[0-9A-Fa-f]/g; + if (!hexRegex.test(input) || (input.length !== 3 && input.length !== 6)) { + throw new Error("input is not a valid hex color."); + } + if (input.length === 3) { + let first = input[0]; + let second = input[1]; + let last = input[2]; + input = first + first + second + second + last + last; + } + input = input.toUpperCase(input); + let first = input[0] + input[1]; + let second = input[2] + input[3]; + let last = input[4] + input[5]; + return ( + parseInt(first, 16) + + ", " + + parseInt(second, 16) + + ", " + + parseInt(last, 16) + ); +}; + // ############################## // // // Variables - Styles that are used on more than one component // ############################# @@ -31,11 +64,6 @@ const container = { marginLeft: "auto" }; -const boxShadow = { - boxShadow: - "0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)" -}; - const card = { display: "inline-block", position: "relative", @@ -53,61 +81,103 @@ const defaultFont = { lineHeight: "1.5em" }; -const primaryColor = "#9c27b0"; -const warningColor = "#ff9800"; -const dangerColor = "#f44336"; -const successColor = "#4caf50"; -const infoColor = "#00acc1"; -const roseColor = "#e91e63"; +const primaryColor = ["#9c27b0", "#ab47bc", "#8e24aa"]; +const warningColor = ["#ff9800", "#ffa726", "#fb8c00"]; +const dangerColor = ["#f44336", "#ef5350", "#e53935"]; +const successColor = ["#4caf50", "#66bb6a", "#43a047"]; +const infoColor = ["#00acc1", "#26c6da", "#00acc1"]; +const roseColor = ["#e91e63", "#ec407a", "#d81b60"]; const grayColor = "#999999"; +const blackColor = "#000"; + +const boxShadow = { + boxShadow: + "0 10px 30px -12px rgba(" + + hexToRgb(blackColor) + + ", 0.42), 0 4px 25px 0px rgba(" + + hexToRgb(blackColor) + + ", 0.12), 0 8px 10px -5px rgba(" + + hexToRgb(blackColor) + + ", 0.2)" +}; const primaryBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2)" + "0 4px 20px 0 rgba(" + + hexToRgb(blackColor) + + ",.14), 0 7px 10px -5px rgba(" + + hexToRgb(primaryColor[0]) + + ",.4)" }; const infoBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2)" + "0 4px 20px 0 rgba(" + + hexToRgb(blackColor) + + ",.14), 0 7px 10px -5px rgba(" + + hexToRgb(infoColor[0]) + + ",.4)" }; const successBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2)" + "0 4px 20px 0 rgba(" + + hexToRgb(blackColor) + + ",.14), 0 7px 10px -5px rgba(" + + hexToRgb(successColor[0]) + + ",.4)" }; const warningBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2)" + "0 4px 20px 0 rgba(" + + hexToRgb(blackColor) + + ",.14), 0 7px 10px -5px rgba(" + + hexToRgb(warningColor[0]) + + ",.4)" }; const dangerBoxShadow = { boxShadow: - "0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2)" + "0 4px 20px 0 rgba(" + + hexToRgb(blackColor) + + ",.14), 0 7px 10px -5px rgba(" + + hexToRgb(dangerColor[0]) + + ",.4)" }; const roseBoxShadow = { boxShadow: - "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)" + "0 4px 20px 0 rgba(" + + hexToRgb(blackColor) + + ",.14), 0 7px 10px -5px rgba(" + + hexToRgb(roseColor[0]) + + ",.4)" }; const warningCardHeader = { - background: "linear-gradient(60deg, #ffa726, #fb8c00)", + background: + "linear-gradient(60deg, " + warningColor[1] + ", " + warningColor[2] + ")", ...warningBoxShadow }; const successCardHeader = { - background: "linear-gradient(60deg, #66bb6a, #43a047)", + background: + "linear-gradient(60deg, " + successColor[1] + ", " + successColor[2] + ")", ...successBoxShadow }; const dangerCardHeader = { - background: "linear-gradient(60deg, #ef5350, #e53935)", + background: + "linear-gradient(60deg, " + dangerColor[1] + ", " + dangerColor[2] + ")", ...dangerBoxShadow }; const infoCardHeader = { - background: "linear-gradient(60deg, #26c6da, #00acc1)", + background: + "linear-gradient(60deg, " + infoColor[1] + ", " + infoColor[2] + ")", ...infoBoxShadow }; const primaryCardHeader = { - background: "linear-gradient(60deg, #ab47bc, #8e24aa)", + background: + "linear-gradient(60deg, " + primaryColor[1] + ", " + primaryColor[2] + ")", ...primaryBoxShadow }; const roseCardHeader = { - background: "linear-gradient(60deg, #ec407a, #d81b60)", + background: + "linear-gradient(60deg, " + roseColor[1] + ", " + roseColor[2] + ")", ...roseBoxShadow }; @@ -173,6 +243,7 @@ const cardLink = { }; export { + hexToRgb, //variables drawerWidth, transition, @@ -187,6 +258,7 @@ export { infoColor, roseColor, grayColor, + blackColor, primaryBoxShadow, infoBoxShadow, successBoxShadow, diff --git a/src/assets/jss/material-dashboard-react/checkboxAdnRadioStyle.jsx b/src/assets/jss/material-dashboard-react/checkboxAdnRadioStyle.jsx index a201b10d6..217964b7b 100644 --- a/src/assets/jss/material-dashboard-react/checkboxAdnRadioStyle.jsx +++ b/src/assets/jss/material-dashboard-react/checkboxAdnRadioStyle.jsx @@ -1,39 +1,43 @@ -import { primaryColor } from "assets/jss/material-dashboard-react.jsx"; +import { + primaryColor, + blackColor, + hexToRgb +} from "assets/jss/material-dashboard-react.jsx"; const checkboxAdnRadioStyle = { root: { padding: "13px" }, checked: { - color: primaryColor + "!important" + color: primaryColor[0] + "!important" }, checkedIcon: { width: "20px", height: "20px", - border: "1px solid rgba(0, 0, 0, .54)", + border: "1px solid rgba(" + hexToRgb(blackColor) + ", .54)", borderRadius: "3px" }, uncheckedIcon: { width: "0px", height: "0px", padding: "10px", - border: "1px solid rgba(0, 0, 0, .54)", + border: "1px solid rgba(" + hexToRgb(blackColor) + ", .54)", borderRadius: "3px" }, radio: { - color: primaryColor + "!important" + color: primaryColor[0] + "!important" }, radioChecked: { width: "20px", height: "20px", - border: "1px solid " + primaryColor, + border: "1px solid " + primaryColor[0], borderRadius: "50%" }, radioUnchecked: { width: "0px", height: "0px", padding: "10px", - border: "1px solid rgba(0, 0, 0, .54)", + border: "1px solid rgba(" + hexToRgb(blackColor) + ", .54)", borderRadius: "50%" } }; diff --git a/src/assets/jss/material-dashboard-react/components/buttonStyle.jsx b/src/assets/jss/material-dashboard-react/components/buttonStyle.jsx index 2ad0abfdf..307e51691 100644 --- a/src/assets/jss/material-dashboard-react/components/buttonStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/buttonStyle.jsx @@ -80,61 +80,61 @@ const buttonStyle = { } }, rose: { - backgroundColor: roseColor, + backgroundColor: roseColor[0], boxShadow: "0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12)", "&:hover,&:focus": { - backgroundColor: roseColor, + backgroundColor: roseColor[0], boxShadow: "0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2)" } }, primary: { - backgroundColor: primaryColor, + backgroundColor: primaryColor[0], boxShadow: "0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12)", "&:hover,&:focus": { - backgroundColor: primaryColor, + backgroundColor: primaryColor[0], boxShadow: "0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2)" } }, info: { - backgroundColor: infoColor, + backgroundColor: infoColor[0], boxShadow: "0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12)", "&:hover,&:focus": { - backgroundColor: infoColor, + backgroundColor: infoColor[0], boxShadow: "0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2)" } }, success: { - backgroundColor: successColor, + backgroundColor: successColor[0], boxShadow: "0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12)", "&:hover,&:focus": { - backgroundColor: successColor, + backgroundColor: successColor[0], boxShadow: "0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2)" } }, warning: { - backgroundColor: warningColor, + backgroundColor: warningColor[0], boxShadow: "0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12)", "&:hover,&:focus": { - backgroundColor: warningColor, + backgroundColor: warningColor[0], boxShadow: "0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2)" } }, danger: { - backgroundColor: dangerColor, + backgroundColor: dangerColor[0], boxShadow: "0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12)", "&:hover,&:focus": { - backgroundColor: dangerColor, + backgroundColor: dangerColor[0], boxShadow: "0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2)" } @@ -147,32 +147,32 @@ const buttonStyle = { }, "&$rose": { "&,&:focus,&:hover,&:visited": { - color: roseColor + color: roseColor[0] } }, "&$primary": { "&,&:focus,&:hover,&:visited": { - color: primaryColor + color: primaryColor[0] } }, "&$info": { "&,&:focus,&:hover,&:visited": { - color: infoColor + color: infoColor[0] } }, "&$success": { "&,&:focus,&:hover,&:visited": { - color: successColor + color: successColor[0] } }, "&$warning": { "&,&:focus,&:hover,&:visited": { - color: warningColor + color: warningColor[0] } }, "&$danger": { "&,&:focus,&:hover,&:visited": { - color: dangerColor + color: dangerColor[0] } } }, diff --git a/src/assets/jss/material-dashboard-react/components/customInputStyle.jsx b/src/assets/jss/material-dashboard-react/components/customInputStyle.jsx index 71d43e6c0..2b0facc8b 100644 --- a/src/assets/jss/material-dashboard-react/components/customInputStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/customInputStyle.jsx @@ -17,17 +17,17 @@ const customInputStyle = { borderWidth: "1px !important" }, "&:after": { - borderColor: primaryColor + borderColor: primaryColor[0] } }, underlineError: { "&:after": { - borderColor: dangerColor + borderColor: dangerColor[0] } }, underlineSuccess: { "&:after": { - borderColor: successColor + borderColor: successColor[0] } }, labelRoot: { @@ -38,10 +38,10 @@ const customInputStyle = { lineHeight: "1.42857" }, labelRootError: { - color: dangerColor + color: dangerColor[0] }, labelRootSuccess: { - color: successColor + color: successColor[0] }, feedback: { position: "absolute", diff --git a/src/assets/jss/material-dashboard-react/components/headerLinksStyle.jsx b/src/assets/jss/material-dashboard-react/components/headerLinksStyle.jsx index 962892d75..6a0a1bebb 100644 --- a/src/assets/jss/material-dashboard-react/components/headerLinksStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/headerLinksStyle.jsx @@ -78,7 +78,7 @@ const headerLinksStyle = theme => ({ border: "1px solid #FFF", right: "4px", fontSize: "9px", - background: dangerColor, + background: dangerColor[0], color: "#FFFFFF", minWidth: "16px", height: "16px", diff --git a/src/assets/jss/material-dashboard-react/components/headerStyle.jsx b/src/assets/jss/material-dashboard-react/components/headerStyle.jsx index a32126e9f..9cd631bf2 100644 --- a/src/assets/jss/material-dashboard-react/components/headerStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/headerStyle.jsx @@ -50,27 +50,27 @@ const headerStyle = theme => ({ top: "8px" }, primary: { - backgroundColor: primaryColor, + backgroundColor: primaryColor[0], color: "#FFFFFF", ...defaultBoxShadow }, info: { - backgroundColor: infoColor, + backgroundColor: infoColor[0], color: "#FFFFFF", ...defaultBoxShadow }, success: { - backgroundColor: successColor, + backgroundColor: successColor[0], color: "#FFFFFF", ...defaultBoxShadow }, warning: { - backgroundColor: warningColor, + backgroundColor: warningColor[0], color: "#FFFFFF", ...defaultBoxShadow }, danger: { - backgroundColor: dangerColor, + backgroundColor: dangerColor[0], color: "#FFFFFF", ...defaultBoxShadow } diff --git a/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.jsx b/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.jsx index 962892d75..6a0a1bebb 100644 --- a/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.jsx @@ -78,7 +78,7 @@ const headerLinksStyle = theme => ({ border: "1px solid #FFF", right: "4px", fontSize: "9px", - background: dangerColor, + background: dangerColor[0], color: "#FFFFFF", minWidth: "16px", height: "16px", diff --git a/src/assets/jss/material-dashboard-react/components/sidebarStyle.jsx b/src/assets/jss/material-dashboard-react/components/sidebarStyle.jsx index b351c7473..fb3c12670 100644 --- a/src/assets/jss/material-dashboard-react/components/sidebarStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/sidebarStyle.jsx @@ -182,49 +182,49 @@ const sidebarStyle = theme => ({ color: "#FFFFFF" }, purple: { - backgroundColor: primaryColor, + backgroundColor: primaryColor[0], ...primaryBoxShadow, "&:hover": { - backgroundColor: primaryColor, + backgroundColor: primaryColor[0], ...primaryBoxShadow } }, blue: { - backgroundColor: infoColor, + backgroundColor: infoColor[0], boxShadow: "0 12px 20px -10px rgba(0,188,212,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(0,188,212,.2)", "&:hover": { - backgroundColor: infoColor, + backgroundColor: infoColor[0], boxShadow: "0 12px 20px -10px rgba(0,188,212,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(0,188,212,.2)" } }, green: { - backgroundColor: successColor, + backgroundColor: successColor[0], boxShadow: "0 12px 20px -10px rgba(76,175,80,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(76,175,80,.2)", "&:hover": { - backgroundColor: successColor, + backgroundColor: successColor[0], boxShadow: "0 12px 20px -10px rgba(76,175,80,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(76,175,80,.2)" } }, orange: { - backgroundColor: warningColor, + backgroundColor: warningColor[0], boxShadow: "0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2)", "&:hover": { - backgroundColor: warningColor, + backgroundColor: warningColor[0], boxShadow: "0 12px 20px -10px rgba(255,152,0,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(255,152,0,.2)" } }, red: { - backgroundColor: dangerColor, + backgroundColor: dangerColor[0], boxShadow: "0 12px 20px -10px rgba(244,67,54,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(244,67,54,.2)", "&:hover": { - backgroundColor: dangerColor, + backgroundColor: dangerColor[0], boxShadow: "0 12px 20px -10px rgba(244,67,54,.28), 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px rgba(244,67,54,.2)" } diff --git a/src/assets/jss/material-dashboard-react/components/tableStyle.jsx b/src/assets/jss/material-dashboard-react/components/tableStyle.jsx index 157c9b6d0..0bd76e0e8 100644 --- a/src/assets/jss/material-dashboard-react/components/tableStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/tableStyle.jsx @@ -11,22 +11,22 @@ import { const tableStyle = theme => ({ warningTableHeader: { - color: warningColor + color: warningColor[0] }, primaryTableHeader: { - color: primaryColor + color: primaryColor[0] }, dangerTableHeader: { - color: dangerColor + color: dangerColor[0] }, successTableHeader: { - color: successColor + color: successColor[0] }, infoTableHeader: { - color: infoColor + color: infoColor[0] }, roseTableHeader: { - color: roseColor + color: roseColor[0] }, grayTableHeader: { color: grayColor diff --git a/src/assets/jss/material-dashboard-react/components/tasksStyle.jsx b/src/assets/jss/material-dashboard-react/components/tasksStyle.jsx index 432a08e89..2512bb178 100644 --- a/src/assets/jss/material-dashboard-react/components/tasksStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/tasksStyle.jsx @@ -41,12 +41,12 @@ const tasksStyle = { }, edit: { backgroundColor: "transparent", - color: primaryColor, + color: primaryColor[0], boxShadow: "none" }, close: { backgroundColor: "transparent", - color: dangerColor, + color: dangerColor[0], boxShadow: "none" } }; diff --git a/src/assets/jss/material-dashboard-react/components/typographyStyle.jsx b/src/assets/jss/material-dashboard-react/components/typographyStyle.jsx index b72f25d0e..031faa69e 100644 --- a/src/assets/jss/material-dashboard-react/components/typographyStyle.jsx +++ b/src/assets/jss/material-dashboard-react/components/typographyStyle.jsx @@ -36,19 +36,19 @@ const typographyStyle = { color: "#777" }, primaryText: { - color: primaryColor + color: primaryColor[0] }, infoText: { - color: infoColor + color: infoColor[0] }, successText: { - color: successColor + color: successColor[0] }, warningText: { - color: warningColor + color: warningColor[0] }, dangerText: { - color: dangerColor + color: dangerColor[0] } }; diff --git a/src/assets/jss/material-dashboard-react/dropdownStyle.jsx b/src/assets/jss/material-dashboard-react/dropdownStyle.jsx index 4acf430fb..4b3fff76d 100644 --- a/src/assets/jss/material-dashboard-react/dropdownStyle.jsx +++ b/src/assets/jss/material-dashboard-react/dropdownStyle.jsx @@ -109,7 +109,7 @@ const dropdownStyle = theme => ({ whiteSpace: "nowrap", height: "unset", "&:hover": { - backgroundColor: primaryColor, + backgroundColor: primaryColor[0], color: "#FFFFFF", ...primaryBoxShadow } diff --git a/src/assets/jss/material-dashboard-react/layouts/rtlStyle.jsx b/src/assets/jss/material-dashboard-react/layouts/rtlStyle.jsx index 34b2fc02d..bf1ebc8e0 100644 --- a/src/assets/jss/material-dashboard-react/layouts/rtlStyle.jsx +++ b/src/assets/jss/material-dashboard-react/layouts/rtlStyle.jsx @@ -9,7 +9,7 @@ const appStyle = theme => ({ position: "relative", top: "0", height: "100vh", - direction: "rtl", + direction: "rtl" }, mainPanel: { [theme.breakpoints.up("md")]: { diff --git a/src/assets/jss/material-dashboard-react/views/dashboardStyle.jsx b/src/assets/jss/material-dashboard-react/views/dashboardStyle.jsx index ec5a74882..2915df734 100644 --- a/src/assets/jss/material-dashboard-react/views/dashboardStyle.jsx +++ b/src/assets/jss/material-dashboard-react/views/dashboardStyle.jsx @@ -2,7 +2,7 @@ import { successColor } from "assets/jss/material-dashboard-react.jsx"; const dashboardStyle = { successText: { - color: successColor + color: successColor[0] }, upArrowCardCategory: { width: "16px", diff --git a/src/assets/jss/material-dashboard-react/views/rtlStyle.jsx b/src/assets/jss/material-dashboard-react/views/rtlStyle.jsx index ec5a74882..d10871832 100644 --- a/src/assets/jss/material-dashboard-react/views/rtlStyle.jsx +++ b/src/assets/jss/material-dashboard-react/views/rtlStyle.jsx @@ -1,8 +1,8 @@ import { successColor } from "assets/jss/material-dashboard-react.jsx"; -const dashboardStyle = { +const rtlStyle = { successText: { - color: successColor + color: successColor[0] }, upArrowCardCategory: { width: "16px", @@ -74,4 +74,4 @@ const dashboardStyle = { } }; -export default dashboardStyle; +export default rtlStyle; diff --git a/src/components/FixedPlugin/FixedPlugin.jsx b/src/components/FixedPlugin/FixedPlugin.jsx index f37044b00..360707142 100644 --- a/src/components/FixedPlugin/FixedPlugin.jsx +++ b/src/components/FixedPlugin/FixedPlugin.jsx @@ -24,7 +24,11 @@ class FixedPlugin extends Component { } render() { return ( -
+
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx index afc3b971f..9b4c4d01f 100755 --- a/src/components/Header/Header.jsx +++ b/src/components/Header/Header.jsx @@ -21,7 +21,7 @@ function Header({ ...props }) { var name; props.routes.map((prop, key) => { if (prop.layout + prop.path === props.location.pathname) { - name = props.rtlActive ? prop.navbarRTLName:prop.navbarName; + name = props.rtlActive ? prop.navbarRTLName : prop.navbarName; } return null; }); @@ -41,9 +41,7 @@ function Header({ ...props }) {
- { - props.rtlActive ? ():() - } + {props.rtlActive ? : } { > {typeof prop.icon === "string" ? ( - + {prop.icon} ) : ( - + )} @@ -68,7 +80,12 @@ const Sidebar = ({ ...props }) => { ); var brand = (