From d30866036d5ae6f39f5d9729bbb6941a09dddc71 Mon Sep 17 00:00:00 2001 From: Rsl1122 Date: Tue, 14 Nov 2017 22:49:32 +0200 Subject: [PATCH 001/133] Fixes plugin config section overwriting #429 --- .../plan/data/additional/PluginConfigSectionHandler.java | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Plan/src/main/java/com/djrapitops/plan/data/additional/PluginConfigSectionHandler.java b/Plan/src/main/java/com/djrapitops/plan/data/additional/PluginConfigSectionHandler.java index 9a8662aea..9b942b427 100644 --- a/Plan/src/main/java/com/djrapitops/plan/data/additional/PluginConfigSectionHandler.java +++ b/Plan/src/main/java/com/djrapitops/plan/data/additional/PluginConfigSectionHandler.java @@ -28,7 +28,7 @@ public class PluginConfigSectionHandler { return false; } - ConfigNode pluginSection = section.getConfigNode(pluginName); + ConfigNode pluginSection = section.getConfigNode(pluginName + ".Data"); return pluginSection.getChildren().containsKey(dataSource.placeholder); } From d00e318bfc5156a5c2dbea90c0cebea9379015be Mon Sep 17 00:00:00 2001 From: Rsl1122 Date: Thu, 16 Nov 2017 00:00:45 +0200 Subject: [PATCH 002/133] Started work on transitioning to Html based on AdminBSB-template https://gurayyarar.github.io/AdminBSBMaterialDesign/index.html AdminBSB uses MIT Licence. --- Plan/pom.xml | 24 +- .../info/parsing/AnalysisPageParser.java | 2 +- .../info/parsing/InspectPageParser.java | 2 +- .../info/parsing/NetworkPageParser.java | 2 +- .../systems/webserver/APIResponseHandler.java | 2 +- .../systems/webserver/RequestHandler.java | 2 +- .../systems/webserver/ResponseHandler.java | 5 +- .../webserver/response/CSSResponse.java | 2 +- .../webserver/response/ErrorResponse.java | 2 +- .../response/JavaScriptResponse.java | 2 +- .../response/PlayersPageResponse.java | 2 +- .../plan/utilities/file/FileUtil.java | 4 +- Plan/src/main/resources/img/favicon.ico | Bin 1150 -> 0 bytes Plan/src/main/resources/main.css | 358 - .../src/main/resources/network – Example.html | 130 - Plan/src/main/resources/player - Example.html | 446 - Plan/src/main/resources/server - Example.html | 619 - Plan/src/main/resources/web/css/main.css | 180 + .../main/resources/web/css/materialize.css | 416 + Plan/src/main/resources/web/css/style.css | 8042 ++++++++ Plan/src/main/resources/web/css/style.min.css | 1 + .../resources/web/css/themes/all-themes.css | 900 + .../web/css/themes/all-themes.min.css | 1 + .../resources/web/css/themes/theme-amber.css | 45 + .../web/css/themes/theme-amber.min.css | 1 + .../resources/web/css/themes/theme-black.css | 45 + .../web/css/themes/theme-black.min.css | 1 + .../web/css/themes/theme-blue-grey.css | 45 + .../web/css/themes/theme-blue-grey.min.css | 1 + .../resources/web/css/themes/theme-blue.css | 45 + .../web/css/themes/theme-blue.min.css | 1 + .../resources/web/css/themes/theme-brown.css | 45 + .../web/css/themes/theme-brown.min.css | 1 + .../resources/web/css/themes/theme-cyan.css | 45 + .../web/css/themes/theme-cyan.min.css | 1 + .../web/css/themes/theme-deep-orange.css | 45 + .../web/css/themes/theme-deep-orange.min.css | 1 + .../web/css/themes/theme-deep-purple.css | 45 + .../web/css/themes/theme-deep-purple.min.css | 1 + .../resources/web/css/themes/theme-green.css | 45 + .../web/css/themes/theme-green.min.css | 1 + .../resources/web/css/themes/theme-grey.css | 45 + .../web/css/themes/theme-grey.min.css | 1 + .../resources/web/css/themes/theme-indigo.css | 45 + .../web/css/themes/theme-indigo.min.css | 1 + .../web/css/themes/theme-light-blue.css | 45 + .../web/css/themes/theme-light-blue.min.css | 1 + .../resources/web/css/themes/theme-lime.css | 45 + .../web/css/themes/theme-lime.min.css | 1 + .../resources/web/css/themes/theme-orange.css | 45 + .../web/css/themes/theme-orange.min.css | 1 + .../resources/web/css/themes/theme-pink.css | 45 + .../web/css/themes/theme-pink.min.css | 1 + .../resources/web/css/themes/theme-purple.css | 45 + .../web/css/themes/theme-purple.min.css | 1 + .../resources/web/css/themes/theme-red.css | 45 + .../web/css/themes/theme-red.min.css | 1 + .../resources/web/css/themes/theme-teal.css | 45 + .../web/css/themes/theme-teal.min.css | 1 + .../resources/web/css/themes/theme-yellow.css | 45 + .../web/css/themes/theme-yellow.min.css | 1 + .../main/resources/{html => web}/error.html | 0 Plan/src/main/resources/web/js/admin.js | 458 + .../{js => web/js/charts}/activityPie.js | 0 .../{js => web/js/charts}/healthGauge.js | 6 +- .../{js => web/js/charts}/performanceGraph.js | 0 .../{js => web/js/charts}/playerGraph.js | 0 .../{js => web/js/charts}/pluginsTabExpand.js | 0 .../{js => web/js/charts}/punchCard.js | 0 .../{js => web/js/charts}/resourceGraph.js | 0 .../{js => web/js/charts}/serverPie.js | 0 .../js/charts}/sessionDistributionChart.js | 0 .../{js => web/js/charts}/sessionTabExpand.js | 0 .../{js => web/js/charts}/tpsGraph.js | 0 .../{js => web/js/charts}/worldGraph.js | 0 .../{js => web/js/charts}/worldMap.js | 0 .../{js => web/js/charts}/worldPie.js | 0 Plan/src/main/resources/web/js/demo.js | 43 + Plan/src/main/resources/web/js/helpers.js | 13 + Plan/src/main/resources/web/js/script.js | 1 + .../main/resources/{html => web}/network.html | 0 .../main/resources/{html => web}/player.html | 0 .../main/resources/{html => web}/players.html | 0 .../web/plugins/animate-css/animate.css | 3340 ++++ .../web/plugins/animate-css/animate.min.css | 11 + .../web/plugins/autosize/autosize.js | 262 + .../web/plugins/autosize/autosize.min.js | 6 + .../css/bootstrap-colorpicker.css | 222 + .../css/bootstrap-colorpicker.css.map | 1 + .../css/bootstrap-colorpicker.min.css | 10 + .../css/bootstrap-colorpicker.min.css.map | 1 + .../alpha-horizontal.png | Bin 0 -> 557 bytes .../img/bootstrap-colorpicker/alpha.png | Bin 0 -> 488 bytes .../bootstrap-colorpicker/hue-horizontal.png | Bin 0 -> 478 bytes .../img/bootstrap-colorpicker/hue.png | Bin 0 -> 504 bytes .../img/bootstrap-colorpicker/saturation.png | Bin 0 -> 4143 bytes .../js/bootstrap-colorpicker.js | 1106 ++ .../js/bootstrap-colorpicker.min.js | 5 + .../css/bootstrap-material-datetimepicker.css | 49 + .../font/Material-Design-Icons.eot | Bin 0 -> 102112 bytes .../font/Material-Design-Icons.svg | 769 + .../font/Material-Design-Icons.ttf | Bin 0 -> 101892 bytes .../font/Material-Design-Icons.woff | Bin 0 -> 101968 bytes .../font/Material-Design-Icons.woff2 | Bin 0 -> 37028 bytes .../js/bootstrap-material-datetimepicker.js | 1177 ++ .../bootstrap-notify/bootstrap-notify.js | 353 + .../bootstrap-notify/bootstrap-notify.min.js | 1 + .../bootstrap-select/css/bootstrap-select.css | 282 + .../css/bootstrap-select.css.map | 1 + .../css/bootstrap-select.min.css | 6 + .../bootstrap-select/js/bootstrap-select.js | 1735 ++ .../js/bootstrap-select.js.map | 1 + .../js/bootstrap-select.min.js | 8 + .../bootstrap-tagsinput-angular.js | 87 + .../bootstrap-tagsinput-angular.min.js | 7 + .../bootstrap-tagsinput-typeahead.css | 49 + .../bootstrap-tagsinput.css | 55 + .../bootstrap-tagsinput.js | 663 + .../bootstrap-tagsinput.min.js | 7 + .../plugins/bootstrap/css/bootstrap-theme.css | 587 + .../bootstrap/css/bootstrap-theme.min.css | 6 + .../web/plugins/bootstrap/css/bootstrap.css | 6760 +++++++ .../plugins/bootstrap/css/bootstrap.min.css | 6 + .../fonts/glyphicons-halflings-regular.eot | Bin 0 -> 20127 bytes .../fonts/glyphicons-halflings-regular.svg | 288 + .../fonts/glyphicons-halflings-regular.ttf | Bin 0 -> 45404 bytes .../fonts/glyphicons-halflings-regular.woff | Bin 0 -> 23424 bytes .../fonts/glyphicons-halflings-regular.woff2 | Bin 0 -> 18028 bytes .../web/plugins/bootstrap/js/bootstrap.js | 2363 +++ .../web/plugins/bootstrap/js/bootstrap.min.js | 7 + .../resources/web/plugins/bootstrap/js/npm.js | 13 + .../plugins/font-awesome/css/font-awesome.css | 2199 +++ .../font-awesome/css/font-awesome.css.map | 7 + .../font-awesome/css/font-awesome.min.css | 4 + .../font-awesome/fonts/FontAwesome.otf | Bin 0 -> 124988 bytes .../fonts/fontawesome-webfont.eot | Bin 0 -> 76518 bytes .../fonts/fontawesome-webfont.svg | 685 + .../fonts/fontawesome-webfont.ttf | Bin 0 -> 152796 bytes .../fonts/fontawesome-webfont.woff | Bin 0 -> 90412 bytes .../fonts/fontawesome-webfont.woff2 | Bin 0 -> 71896 bytes .../plugins/jquery-cookie/jquery.cookie.js | 117 + .../plugins/jquery-countto/jquery.countTo.js | 130 + .../jquery-datatable/jquery.dataTables.js | 15277 ++++++++++++++++ .../bootstrap/css/dataTables.bootstrap.css | 161 + .../css/dataTables.bootstrap.min.css | 1 + .../skin/bootstrap/images/Sorting icons.psd | Bin 0 -> 27490 bytes .../skin/bootstrap/images/favicon.ico | Bin 0 -> 894 bytes .../skin/bootstrap/images/sort_asc.png | Bin 0 -> 160 bytes .../bootstrap/images/sort_asc_disabled.png | Bin 0 -> 148 bytes .../skin/bootstrap/images/sort_both.png | Bin 0 -> 201 bytes .../skin/bootstrap/images/sort_desc.png | Bin 0 -> 158 bytes .../bootstrap/images/sort_desc_disabled.png | Bin 0 -> 146 bytes .../skin/bootstrap/js/dataTables.bootstrap.js | 206 + .../bootstrap/js/dataTables.bootstrap.min.js | 8 + .../inputmask/inputmask.date.extensions.js | 515 + .../inputmask.dependencyLib.jquery.js | 12 + .../inputmask/inputmask.extensions.js | 93 + .../jquery-inputmask/inputmask/inputmask.js | 1465 ++ .../inputmask/inputmask.numeric.extensions.js | 379 + .../inputmask/inputmask.phone.extensions.js | 52 + .../inputmask/inputmask.regex.extensions.js | 115 + .../inputmask/jquery.inputmask.js | 60 + .../jquery.inputmask.bundle.js | 2617 +++ .../plugins/jquery-knob/jquery.knob.min.js | 1 + .../jquery-slimscroll/jquery.slimscroll.js | 443 + .../jquery-spinner/css/bootstrap-spinner.css | 61 + .../css/bootstrap-spinner.css.map | 1 + .../css/bootstrap-spinner.min.css | 1 + .../jquery-spinner/js/jquery.spinner.js | 255 + .../jquery-spinner/js/jquery.spinner.min.js | 6 + .../web/plugins/jquery-steps/jquery.steps.css | 382 + .../web/plugins/jquery-steps/jquery.steps.js | 2042 +++ .../plugins/jquery-steps/jquery.steps.min.js | 6 + .../resources/web/plugins/jquery/jquery.js | 11008 +++++++++++ .../web/plugins/jquery/jquery.min.js | 5 + .../web/plugins/jquery/jquery.min.map | 1 + .../css/material-design-iconic-font.css | 5166 ++++++ .../css/material-design-iconic-font.min.css | 1 + .../fonts/Material-Design-Iconic-Font.eot | Bin 0 -> 42495 bytes .../fonts/Material-Design-Iconic-Font.svg | 787 + .../fonts/Material-Design-Iconic-Font.ttf | Bin 0 -> 99212 bytes .../fonts/Material-Design-Iconic-Font.woff | Bin 0 -> 50312 bytes .../fonts/Material-Design-Iconic-Font.woff2 | Bin 0 -> 38384 bytes .../materialize-css/css/materialize.css | 8461 +++++++++ .../materialize-css/css/materialize.min.css | 16 + .../fonts/roboto/Roboto-Bold.eot | Bin 0 -> 20966 bytes .../fonts/roboto/Roboto-Bold.ttf | Bin 0 -> 127744 bytes .../fonts/roboto/Roboto-Bold.woff | Bin 0 -> 62876 bytes .../fonts/roboto/Roboto-Bold.woff2 | Bin 0 -> 49976 bytes .../fonts/roboto/Roboto-Light.eot | Bin 0 -> 20940 bytes .../fonts/roboto/Roboto-Light.ttf | Bin 0 -> 126792 bytes .../fonts/roboto/Roboto-Light.woff | Bin 0 -> 62316 bytes .../fonts/roboto/Roboto-Light.woff2 | Bin 0 -> 49380 bytes .../fonts/roboto/Roboto-Medium.eot | Bin 0 -> 21364 bytes .../fonts/roboto/Roboto-Medium.ttf | Bin 0 -> 127488 bytes .../fonts/roboto/Roboto-Medium.woff | Bin 0 -> 62980 bytes .../fonts/roboto/Roboto-Medium.woff2 | Bin 0 -> 50224 bytes .../fonts/roboto/Roboto-Regular.eot | Bin 0 -> 21320 bytes .../fonts/roboto/Roboto-Regular.ttf | Bin 0 -> 126072 bytes .../fonts/roboto/Roboto-Regular.woff | Bin 0 -> 61736 bytes .../fonts/roboto/Roboto-Regular.woff2 | Bin 0 -> 49236 bytes .../fonts/roboto/Roboto-Thin.eot | Bin 0 -> 21659 bytes .../fonts/roboto/Roboto-Thin.ttf | Bin 0 -> 127584 bytes .../fonts/roboto/Roboto-Thin.woff | Bin 0 -> 61628 bytes .../fonts/roboto/Roboto-Thin.woff2 | Bin 0 -> 48524 bytes .../plugins/materialize-css/js/materialize.js | 7468 ++++++++ .../materialize-css/js/materialize.min.js | 10 + .../resources/web/plugins/momentjs/ender.js | 1 + .../resources/web/plugins/momentjs/moment.js | 4195 +++++ .../resources/web/plugins/momentjs/package.js | 11 + .../plugins/multi-select/css/multi-select.css | 93 + .../web/plugins/multi-select/img/switch.png | Bin 0 -> 540 bytes .../multi-select/js/jquery.multi-select.js | 536 + .../web/plugins/nestable/jquery-nestable.css | 247 + .../web/plugins/nestable/jquery.nestable.js | 484 + .../web/plugins/node-waves/waves.css | 136 + .../resources/web/plugins/node-waves/waves.js | 582 + .../web/plugins/node-waves/waves.min.css | 8 + .../web/plugins/node-waves/waves.min.js | 10 + .../web/plugins/node-waves/waves.min.js.map | 1 + .../web/plugins/nouislider/nouislider.js | 1959 ++ .../web/plugins/nouislider/nouislider.min.css | 4 + .../web/plugins/nouislider/nouislider.min.js | 3 + .../web/plugins/raphael/Gruntfile.js | 72 + .../resources/web/plugins/raphael/raphael.js | 8293 +++++++++ .../web/plugins/raphael/raphael.min.js | 3 + .../web/plugins/raphael/raphael.no-deps.js | 7922 ++++++++ .../plugins/raphael/raphael.no-deps.min.js | 3 + .../web/plugins/raphael/webpack.config.js | 61 + .../main/resources/web/plugins/waitme/img.svg | 1 + .../resources/web/plugins/waitme/waitMe.css | 227 + .../resources/web/plugins/waitme/waitMe.js | 245 + .../web/plugins/waitme/waitMe.min.css | 6 + .../web/plugins/waitme/waitMe.min.js | 12 + Plan/src/main/resources/web/scss/_alerts.scss | 37 + .../web/scss/_badgelistgroupitem.scss | 126 + .../resources/web/scss/_bootstrapnotify.scss | 4 + .../resources/web/scss/_bootstrapselect.scss | 77 + .../main/resources/web/scss/_breadcrumbs.scss | 61 + .../src/main/resources/web/scss/_buttons.scss | 143 + Plan/src/main/resources/web/scss/_card.scss | 140 + Plan/src/main/resources/web/scss/_charts.scss | 39 + .../resources/web/scss/_checkboxradio.scss | 115 + .../main/resources/web/scss/_collapse.scss | 8 + .../main/resources/web/scss/_colorpicker.scss | 8 + .../resources/web/scss/_customanimate.scss | 71 + .../main/resources/web/scss/_dashboard.scss | 34 + .../resources/web/scss/_datetimepicker.scss | 46 + Plan/src/main/resources/web/scss/_demo.scss | 288 + .../src/main/resources/web/scss/_dialogs.scss | 23 + .../resources/web/scss/_dropdownmenu.scss | 141 + .../main/resources/web/scss/_dropzone.scss | 17 + .../main/resources/web/scss/_formwizard.scss | 353 + .../src/main/resources/web/scss/_general.scss | 46 + .../src/main/resources/web/scss/_helpers.scss | 134 + .../src/main/resources/web/scss/_infobox.scss | 432 + .../resources/web/scss/_inputformgroup.scss | 255 + .../resources/web/scss/_ionrangeslider.scss | 9 + .../resources/web/scss/_jquerydatatable.scss | 72 + .../resources/web/scss/_jquerynestable.scss | 24 + Plan/src/main/resources/web/scss/_labels.scss | 23 + .../web/scss/_leftsidebaroverlay.scss | 293 + .../resources/web/scss/_lightgallery.scss | 6 + Plan/src/main/resources/web/scss/_maps.scss | 11 + .../resources/web/scss/_materialicons.scss | 8 + Plan/src/main/resources/web/scss/_media.scss | 83 + .../main/resources/web/scss/_mediaobject.scss | 14 + Plan/src/main/resources/web/scss/_mixins.scss | 71 + Plan/src/main/resources/web/scss/_modals.scss | 51 + .../main/resources/web/scss/_multiselect.scss | 31 + Plan/src/main/resources/web/scss/_navbar.scss | 133 + .../src/main/resources/web/scss/_navtabs.scss | 71 + .../main/resources/web/scss/_noUISlider.scss | 276 + .../main/resources/web/scss/_pageloader.scss | 25 + .../main/resources/web/scss/_pagination.scss | 99 + Plan/src/main/resources/web/scss/_panels.scss | 127 + .../main/resources/web/scss/_preloaders.scss | 365 + .../resources/web/scss/_progressbars.scss | 25 + .../main/resources/web/scss/_searchbar.scss | 48 + Plan/src/main/resources/web/scss/_switch.scss | 34 + Plan/src/main/resources/web/scss/_tables.scss | 77 + .../main/resources/web/scss/_tagsinput.scss | 4 + .../main/resources/web/scss/_thumbnails.scss | 13 + .../resources/web/scss/_tooltippopovers.scss | 25 + .../main/resources/web/scss/_variables.scss | 7 + .../main/resources/web/scss/_waveseffect.scss | 9 + .../web/scss/browser-support/_ie10.scss | 60 + .../web/scss/browser-support/_ie11.scss | 56 + .../main/resources/web/scss/pages/_404.scss | 22 + .../main/resources/web/scss/pages/_500.scss | 22 + .../web/scss/pages/_forgotpasswordpage.scss | 41 + .../resources/web/scss/pages/_loginpage.scss | 41 + .../resources/web/scss/pages/_signuppage.scss | 41 + Plan/src/main/resources/web/scss/style.scss | 179 + .../web/scss/themes/_all-themes.scss | 21 + .../scss/themes/_theme-color-variables.scss | 359 + .../web/scss/themes/theme-amber.scss | 92 + .../web/scss/themes/theme-black.scss | 92 + .../web/scss/themes/theme-blue-grey.scss | 92 + .../resources/web/scss/themes/theme-blue.scss | 92 + .../web/scss/themes/theme-brown.scss | 92 + .../resources/web/scss/themes/theme-cyan.scss | 92 + .../web/scss/themes/theme-deep-orange.scss | 92 + .../web/scss/themes/theme-deep-purple.scss | 92 + .../web/scss/themes/theme-green.scss | 92 + .../resources/web/scss/themes/theme-grey.scss | 92 + .../web/scss/themes/theme-indigo.scss | 92 + .../web/scss/themes/theme-light-blue.scss | 92 + .../web/scss/themes/theme-light-green.scss | 92 + .../resources/web/scss/themes/theme-lime.scss | 92 + .../web/scss/themes/theme-orange.scss | 92 + .../resources/web/scss/themes/theme-pink.scss | 92 + .../web/scss/themes/theme-purple.scss | 92 + .../resources/web/scss/themes/theme-red.scss | 92 + .../resources/web/scss/themes/theme-teal.scss | 92 + .../web/scss/themes/theme-yellow.scss | 92 + .../main/resources/web/server - Example.html | 1381 ++ Plan/src/main/resources/web/server-old.html | 540 + Plan/src/main/resources/web/server.html | 1074 ++ 319 files changed, 126844 insertions(+), 1587 deletions(-) delete mode 100644 Plan/src/main/resources/img/favicon.ico delete mode 100644 Plan/src/main/resources/main.css delete mode 100644 Plan/src/main/resources/network – Example.html delete mode 100644 Plan/src/main/resources/player - Example.html delete mode 100644 Plan/src/main/resources/server - Example.html create mode 100644 Plan/src/main/resources/web/css/main.css create mode 100644 Plan/src/main/resources/web/css/materialize.css create mode 100644 Plan/src/main/resources/web/css/style.css create mode 100644 Plan/src/main/resources/web/css/style.min.css create mode 100644 Plan/src/main/resources/web/css/themes/all-themes.css create mode 100644 Plan/src/main/resources/web/css/themes/all-themes.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-amber.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-amber.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-black.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-black.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-blue-grey.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-blue-grey.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-blue.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-blue.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-brown.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-brown.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-cyan.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-cyan.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-deep-orange.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-deep-orange.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-deep-purple.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-deep-purple.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-green.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-green.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-grey.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-grey.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-indigo.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-indigo.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-light-blue.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-light-blue.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-lime.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-lime.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-orange.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-orange.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-pink.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-pink.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-purple.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-purple.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-red.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-red.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-teal.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-teal.min.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-yellow.css create mode 100644 Plan/src/main/resources/web/css/themes/theme-yellow.min.css rename Plan/src/main/resources/{html => web}/error.html (100%) create mode 100644 Plan/src/main/resources/web/js/admin.js rename Plan/src/main/resources/{js => web/js/charts}/activityPie.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/healthGauge.js (92%) rename Plan/src/main/resources/{js => web/js/charts}/performanceGraph.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/playerGraph.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/pluginsTabExpand.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/punchCard.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/resourceGraph.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/serverPie.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/sessionDistributionChart.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/sessionTabExpand.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/tpsGraph.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/worldGraph.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/worldMap.js (100%) rename Plan/src/main/resources/{js => web/js/charts}/worldPie.js (100%) create mode 100644 Plan/src/main/resources/web/js/demo.js create mode 100644 Plan/src/main/resources/web/js/helpers.js create mode 100644 Plan/src/main/resources/web/js/script.js rename Plan/src/main/resources/{html => web}/network.html (100%) rename Plan/src/main/resources/{html => web}/player.html (100%) rename Plan/src/main/resources/{html => web}/players.html (100%) create mode 100644 Plan/src/main/resources/web/plugins/animate-css/animate.css create mode 100644 Plan/src/main/resources/web/plugins/animate-css/animate.min.css create mode 100644 Plan/src/main/resources/web/plugins/autosize/autosize.js create mode 100644 Plan/src/main/resources/web/plugins/autosize/autosize.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue-horizontal.png create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.eot create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.svg create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.ttf create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff2 create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-notify/bootstrap-notify.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-notify/bootstrap-notify.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-select/css/bootstrap-select.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-select/css/bootstrap-select.css.map create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-select/css/bootstrap-select.min.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-select/js/bootstrap-select.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-select/js/bootstrap-select.js.map create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-select/js/bootstrap-select.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-tagsinput/bootstrap-tagsinput-angular.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-tagsinput/bootstrap-tagsinput-angular.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-tagsinput/bootstrap-tagsinput-typeahead.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/css/bootstrap-theme.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/css/bootstrap-theme.min.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/css/bootstrap.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/css/bootstrap.min.css create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/fonts/glyphicons-halflings-regular.eot create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/fonts/glyphicons-halflings-regular.svg create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/fonts/glyphicons-halflings-regular.ttf create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2 create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/js/bootstrap.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/js/bootstrap.min.js create mode 100644 Plan/src/main/resources/web/plugins/bootstrap/js/npm.js create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/css/font-awesome.css create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/css/font-awesome.css.map create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/css/font-awesome.min.css create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/fonts/FontAwesome.otf create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/fonts/fontawesome-webfont.eot create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/fonts/fontawesome-webfont.svg create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/fonts/fontawesome-webfont.ttf create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/fonts/fontawesome-webfont.woff create mode 100644 Plan/src/main/resources/web/plugins/font-awesome/fonts/fontawesome-webfont.woff2 create mode 100644 Plan/src/main/resources/web/plugins/jquery-cookie/jquery.cookie.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-countto/jquery.countTo.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/jquery.dataTables.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.min.css create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/Sorting icons.psd create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/favicon.ico create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/sort_asc.png create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/sort_asc_disabled.png create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/sort_both.png create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/sort_desc.png create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/images/sort_desc_disabled.png create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.min.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.date.extensions.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.dependencyLib.jquery.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.extensions.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.numeric.extensions.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.phone.extensions.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/inputmask.regex.extensions.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/inputmask/jquery.inputmask.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-inputmask/jquery.inputmask.bundle.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-knob/jquery.knob.min.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-slimscroll/jquery.slimscroll.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-spinner/css/bootstrap-spinner.css create mode 100644 Plan/src/main/resources/web/plugins/jquery-spinner/css/bootstrap-spinner.css.map create mode 100644 Plan/src/main/resources/web/plugins/jquery-spinner/css/bootstrap-spinner.min.css create mode 100644 Plan/src/main/resources/web/plugins/jquery-spinner/js/jquery.spinner.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-spinner/js/jquery.spinner.min.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-steps/jquery.steps.css create mode 100644 Plan/src/main/resources/web/plugins/jquery-steps/jquery.steps.js create mode 100644 Plan/src/main/resources/web/plugins/jquery-steps/jquery.steps.min.js create mode 100644 Plan/src/main/resources/web/plugins/jquery/jquery.js create mode 100644 Plan/src/main/resources/web/plugins/jquery/jquery.min.js create mode 100644 Plan/src/main/resources/web/plugins/jquery/jquery.min.map create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/css/material-design-iconic-font.css create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/css/material-design-iconic-font.min.css create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/fonts/Material-Design-Iconic-Font.eot create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/fonts/Material-Design-Iconic-Font.svg create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/fonts/Material-Design-Iconic-Font.ttf create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff create mode 100644 Plan/src/main/resources/web/plugins/material-design-iconic-font/fonts/Material-Design-Iconic-Font.woff2 create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/css/materialize.css create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/css/materialize.min.css create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Bold.eot create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Bold.ttf create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Bold.woff create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Bold.woff2 create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Light.eot create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Light.ttf create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Light.woff create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Light.woff2 create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Medium.eot create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Medium.ttf create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Medium.woff create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Medium.woff2 create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Regular.eot create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Regular.ttf create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Regular.woff create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Regular.woff2 create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Thin.eot create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Thin.ttf create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Thin.woff create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/fonts/roboto/Roboto-Thin.woff2 create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/js/materialize.js create mode 100644 Plan/src/main/resources/web/plugins/materialize-css/js/materialize.min.js create mode 100644 Plan/src/main/resources/web/plugins/momentjs/ender.js create mode 100644 Plan/src/main/resources/web/plugins/momentjs/moment.js create mode 100644 Plan/src/main/resources/web/plugins/momentjs/package.js create mode 100644 Plan/src/main/resources/web/plugins/multi-select/css/multi-select.css create mode 100644 Plan/src/main/resources/web/plugins/multi-select/img/switch.png create mode 100644 Plan/src/main/resources/web/plugins/multi-select/js/jquery.multi-select.js create mode 100644 Plan/src/main/resources/web/plugins/nestable/jquery-nestable.css create mode 100644 Plan/src/main/resources/web/plugins/nestable/jquery.nestable.js create mode 100644 Plan/src/main/resources/web/plugins/node-waves/waves.css create mode 100644 Plan/src/main/resources/web/plugins/node-waves/waves.js create mode 100644 Plan/src/main/resources/web/plugins/node-waves/waves.min.css create mode 100644 Plan/src/main/resources/web/plugins/node-waves/waves.min.js create mode 100644 Plan/src/main/resources/web/plugins/node-waves/waves.min.js.map create mode 100644 Plan/src/main/resources/web/plugins/nouislider/nouislider.js create mode 100644 Plan/src/main/resources/web/plugins/nouislider/nouislider.min.css create mode 100644 Plan/src/main/resources/web/plugins/nouislider/nouislider.min.js create mode 100644 Plan/src/main/resources/web/plugins/raphael/Gruntfile.js create mode 100644 Plan/src/main/resources/web/plugins/raphael/raphael.js create mode 100644 Plan/src/main/resources/web/plugins/raphael/raphael.min.js create mode 100644 Plan/src/main/resources/web/plugins/raphael/raphael.no-deps.js create mode 100644 Plan/src/main/resources/web/plugins/raphael/raphael.no-deps.min.js create mode 100644 Plan/src/main/resources/web/plugins/raphael/webpack.config.js create mode 100644 Plan/src/main/resources/web/plugins/waitme/img.svg create mode 100644 Plan/src/main/resources/web/plugins/waitme/waitMe.css create mode 100644 Plan/src/main/resources/web/plugins/waitme/waitMe.js create mode 100644 Plan/src/main/resources/web/plugins/waitme/waitMe.min.css create mode 100644 Plan/src/main/resources/web/plugins/waitme/waitMe.min.js create mode 100644 Plan/src/main/resources/web/scss/_alerts.scss create mode 100644 Plan/src/main/resources/web/scss/_badgelistgroupitem.scss create mode 100644 Plan/src/main/resources/web/scss/_bootstrapnotify.scss create mode 100644 Plan/src/main/resources/web/scss/_bootstrapselect.scss create mode 100644 Plan/src/main/resources/web/scss/_breadcrumbs.scss create mode 100644 Plan/src/main/resources/web/scss/_buttons.scss create mode 100644 Plan/src/main/resources/web/scss/_card.scss create mode 100644 Plan/src/main/resources/web/scss/_charts.scss create mode 100644 Plan/src/main/resources/web/scss/_checkboxradio.scss create mode 100644 Plan/src/main/resources/web/scss/_collapse.scss create mode 100644 Plan/src/main/resources/web/scss/_colorpicker.scss create mode 100644 Plan/src/main/resources/web/scss/_customanimate.scss create mode 100644 Plan/src/main/resources/web/scss/_dashboard.scss create mode 100644 Plan/src/main/resources/web/scss/_datetimepicker.scss create mode 100644 Plan/src/main/resources/web/scss/_demo.scss create mode 100644 Plan/src/main/resources/web/scss/_dialogs.scss create mode 100644 Plan/src/main/resources/web/scss/_dropdownmenu.scss create mode 100644 Plan/src/main/resources/web/scss/_dropzone.scss create mode 100644 Plan/src/main/resources/web/scss/_formwizard.scss create mode 100644 Plan/src/main/resources/web/scss/_general.scss create mode 100644 Plan/src/main/resources/web/scss/_helpers.scss create mode 100644 Plan/src/main/resources/web/scss/_infobox.scss create mode 100644 Plan/src/main/resources/web/scss/_inputformgroup.scss create mode 100644 Plan/src/main/resources/web/scss/_ionrangeslider.scss create mode 100644 Plan/src/main/resources/web/scss/_jquerydatatable.scss create mode 100644 Plan/src/main/resources/web/scss/_jquerynestable.scss create mode 100644 Plan/src/main/resources/web/scss/_labels.scss create mode 100644 Plan/src/main/resources/web/scss/_leftsidebaroverlay.scss create mode 100644 Plan/src/main/resources/web/scss/_lightgallery.scss create mode 100644 Plan/src/main/resources/web/scss/_maps.scss create mode 100644 Plan/src/main/resources/web/scss/_materialicons.scss create mode 100644 Plan/src/main/resources/web/scss/_media.scss create mode 100644 Plan/src/main/resources/web/scss/_mediaobject.scss create mode 100644 Plan/src/main/resources/web/scss/_mixins.scss create mode 100644 Plan/src/main/resources/web/scss/_modals.scss create mode 100644 Plan/src/main/resources/web/scss/_multiselect.scss create mode 100644 Plan/src/main/resources/web/scss/_navbar.scss create mode 100644 Plan/src/main/resources/web/scss/_navtabs.scss create mode 100644 Plan/src/main/resources/web/scss/_noUISlider.scss create mode 100644 Plan/src/main/resources/web/scss/_pageloader.scss create mode 100644 Plan/src/main/resources/web/scss/_pagination.scss create mode 100644 Plan/src/main/resources/web/scss/_panels.scss create mode 100644 Plan/src/main/resources/web/scss/_preloaders.scss create mode 100644 Plan/src/main/resources/web/scss/_progressbars.scss create mode 100644 Plan/src/main/resources/web/scss/_searchbar.scss create mode 100644 Plan/src/main/resources/web/scss/_switch.scss create mode 100644 Plan/src/main/resources/web/scss/_tables.scss create mode 100644 Plan/src/main/resources/web/scss/_tagsinput.scss create mode 100644 Plan/src/main/resources/web/scss/_thumbnails.scss create mode 100644 Plan/src/main/resources/web/scss/_tooltippopovers.scss create mode 100644 Plan/src/main/resources/web/scss/_variables.scss create mode 100644 Plan/src/main/resources/web/scss/_waveseffect.scss create mode 100644 Plan/src/main/resources/web/scss/browser-support/_ie10.scss create mode 100644 Plan/src/main/resources/web/scss/browser-support/_ie11.scss create mode 100644 Plan/src/main/resources/web/scss/pages/_404.scss create mode 100644 Plan/src/main/resources/web/scss/pages/_500.scss create mode 100644 Plan/src/main/resources/web/scss/pages/_forgotpasswordpage.scss create mode 100644 Plan/src/main/resources/web/scss/pages/_loginpage.scss create mode 100644 Plan/src/main/resources/web/scss/pages/_signuppage.scss create mode 100644 Plan/src/main/resources/web/scss/style.scss create mode 100644 Plan/src/main/resources/web/scss/themes/_all-themes.scss create mode 100644 Plan/src/main/resources/web/scss/themes/_theme-color-variables.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-amber.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-black.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-blue-grey.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-blue.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-brown.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-cyan.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-deep-orange.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-deep-purple.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-green.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-grey.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-indigo.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-light-blue.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-light-green.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-lime.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-orange.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-pink.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-purple.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-red.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-teal.scss create mode 100644 Plan/src/main/resources/web/scss/themes/theme-yellow.scss create mode 100644 Plan/src/main/resources/web/server - Example.html create mode 100644 Plan/src/main/resources/web/server-old.html create mode 100644 Plan/src/main/resources/web/server.html diff --git a/Plan/pom.xml b/Plan/pom.xml index 5ae2aa729..7f71d8acf 100644 --- a/Plan/pom.xml +++ b/Plan/pom.xml @@ -158,29 +158,17 @@ . ${basedir}/src/main/resources - *.keystore - *.css - *.yml - *.html + **/*.keystore + **/*.css + **/*.yml + **/*.html + **/*.js + **/*.css licence.yml - - . - ${basedir}/src/main/resources/html - - *.html - - - - . - ${basedir}/src/main/resources/js - - *.js - - diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/AnalysisPageParser.java b/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/AnalysisPageParser.java index 9d8b1611c..fe4a76e08 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/AnalysisPageParser.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/AnalysisPageParser.java @@ -44,7 +44,7 @@ public class AnalysisPageParser extends PageParser { addValue("playersMax", plugin.getVariable().getMaxPlayers()); addValue("playersOnline", getPlayersOnline()); try { - return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("server.html"), placeHolders); + return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("web/server.html"), placeHolders); } catch (IOException e) { throw new ParseException(e); } diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/InspectPageParser.java b/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/InspectPageParser.java index 33127eee6..780ebe971 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/InspectPageParser.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/InspectPageParser.java @@ -197,7 +197,7 @@ public class InspectPageParser extends PageParser { addValue("networkName", Settings.SERVER_NAME.toString()); } - return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("player.html"), placeHolders); + return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("web/player.html"), placeHolders); } catch (Exception e) { Log.toLog(this.getClass().getName(), e); throw new ParseException(e); diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/NetworkPageParser.java b/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/NetworkPageParser.java index 959a064b6..13d7ac840 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/NetworkPageParser.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/info/parsing/NetworkPageParser.java @@ -58,7 +58,7 @@ public class NetworkPageParser extends PageParser { Map networkPageContents = ((BungeeInformationManager) plugin.getInfoManager()).getNetworkPageContent(); addValue("contentServers", HtmlStructure.createNetworkPageContent(networkPageContents)); - return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("network.html"), placeHolders); + return HtmlUtils.replacePlaceholders(FileUtil.getStringFromResource("web/network.html"), placeHolders); } catch (Exception e) { throw new ParseException(e); } diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/APIResponseHandler.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/APIResponseHandler.java index 947a6f68b..71febac30 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/APIResponseHandler.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/APIResponseHandler.java @@ -42,7 +42,7 @@ public class APIResponseHandler { return PageCache.loadPage("Redirect: favicon", () -> new RedirectResponse("https://puu.sh/tK0KL/6aa2ba141b.ico")); } if (target.endsWith(".css")) { - return PageCache.loadPage(target + "css", () -> new CSSResponse("main.css")); + return PageCache.loadPage(target + "css", () -> new CSSResponse(target)); } if (args.length < 2 || !"api".equals(args[1])) { diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/RequestHandler.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/RequestHandler.java index 2bde1da1f..d9cdf8fc2 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/RequestHandler.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/RequestHandler.java @@ -45,7 +45,7 @@ public class RequestHandler implements HttpHandler { response.send(exchange); } catch (IOException e) { if (Settings.DEV_MODE.isTrue()) { - Log.toLog(this.getClass().getName(), e); + e.printStackTrace(); } } finally { exchange.close(); diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/ResponseHandler.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/ResponseHandler.java index 00bf3008b..7b48a36f7 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/ResponseHandler.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/ResponseHandler.java @@ -47,12 +47,11 @@ public class ResponseHandler extends APIResponseHandler { return getAPIResponse(request); } if (target.endsWith(".css")) { - return PageCache.loadPage(target + "css", () -> new CSSResponse("main.css")); + return PageCache.loadPage(target + "css", () -> new CSSResponse(target)); } if (target.endsWith(".js")) { - String fileName = args[args.length - 1]; - return PageCache.loadPage(target + "js", () -> new JavaScriptResponse(fileName)); + return PageCache.loadPage(target + "js", () -> new JavaScriptResponse(target)); } UUID serverUUID = MiscUtils.getIPlan().getServerUuid(); diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/CSSResponse.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/CSSResponse.java index 3f8104f96..f2c151e54 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/CSSResponse.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/CSSResponse.java @@ -9,7 +9,7 @@ import main.java.com.djrapitops.plan.systems.webserver.theme.Theme; public class CSSResponse extends FileResponse { public CSSResponse(String fileName) { - super(fileName); + super("web" + fileName); super.setType(ResponseType.CSS); setContent(Theme.replaceColors(getContent())); } diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/ErrorResponse.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/ErrorResponse.java index 7ead90a93..6c10bed4b 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/ErrorResponse.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/ErrorResponse.java @@ -26,7 +26,7 @@ public class ErrorResponse extends Response { public ErrorResponse() { try { - setContent(Theme.replaceColors(FileUtil.getStringFromResource("error.html"))); + setContent(Theme.replaceColors(FileUtil.getStringFromResource("web/error.html"))); } catch (IOException e) { Log.toLog(this.getClass().getName(), e); } diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/JavaScriptResponse.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/JavaScriptResponse.java index 6f928f75f..df9d8c273 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/JavaScriptResponse.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/JavaScriptResponse.java @@ -7,7 +7,7 @@ package main.java.com.djrapitops.plan.systems.webserver.response; public class JavaScriptResponse extends FileResponse { public JavaScriptResponse(String fileName) { - super(fileName); + super("web" + fileName); super.setType(ResponseType.JAVASCRIPT); } } diff --git a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/PlayersPageResponse.java b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/PlayersPageResponse.java index 9c77004fa..ae16fdc47 100644 --- a/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/PlayersPageResponse.java +++ b/Plan/src/main/java/com/djrapitops/plan/systems/webserver/response/PlayersPageResponse.java @@ -27,7 +27,7 @@ public class PlayersPageResponse extends Response { Map replace = new HashMap<>(); replace.put("content", buildContent(names)); replace.put("version", plugin.getVersion()); - super.setContent(Theme.replaceColors(StrSubstitutor.replace(FileUtil.getStringFromResource("players.html"), replace))); + super.setContent(Theme.replaceColors(StrSubstitutor.replace(FileUtil.getStringFromResource("web/players.html"), replace))); } catch (SQLException | IOException e) { Log.toLog(this.getClass().getName(), e); setContent(new InternalErrorResponse(e, "/players").getContent()); diff --git a/Plan/src/main/java/com/djrapitops/plan/utilities/file/FileUtil.java b/Plan/src/main/java/com/djrapitops/plan/utilities/file/FileUtil.java index c8f3c36c9..0b872a6d4 100644 --- a/Plan/src/main/java/com/djrapitops/plan/utilities/file/FileUtil.java +++ b/Plan/src/main/java/com/djrapitops/plan/utilities/file/FileUtil.java @@ -26,7 +26,8 @@ public class FileUtil { public static String getStringFromResource(String fileName) throws IOException { StringBuilder html = new StringBuilder(); IPlan plugin = MiscUtils.getIPlan(); - lines(MiscUtils.getIPlan(), new File(plugin.getDataFolder(), fileName), fileName) + + lines(MiscUtils.getIPlan(), new File(plugin.getDataFolder(), fileName.replace("/", File.separator)), fileName) .forEach(line -> html.append(line).append("\r\n")); return html.toString(); } @@ -47,7 +48,6 @@ public class FileUtil { lines.add(scanner.nextLine()); } } catch (NullPointerException e) { - e.printStackTrace(); throw new FileNotFoundException("File not found inside jar: " + resource); } finally { MiscUtils.close(scanner); diff --git a/Plan/src/main/resources/img/favicon.ico b/Plan/src/main/resources/img/favicon.ico deleted file mode 100644 index bc18bf0a574f587a50e2fd31ffe3c6b36da8cd2d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1150 zcmb_bOK1~O6uoJSbYl%J+;k(YGq&nRgLTv5qEu0IArzue!Cyf|yHL8SO)`Qhs7ODX z*!pR}jUQA57p|m5t%9KnZv5Az4Wy(^KWfn?IiB|>2}uI`Szn|trM_s)5DL>#=G zPT_O494!-BB_cHhO|;l{E+X^|SJ=?+|KnkqB9`eCpV=l}vzO>8f?mdUkWaNj(QkJAyP)3%O}KRt)D z%azrzu)aD|e#82{ow{B!l|qb~EvAw>-&kUTnjB#5+${XgS2;Qj7(Gq6@Z^ft^2PXT z41{i>?s796MbAGof9#`#xt5>XhzkEEl=^D2nk(J1uFPVX=eE - - - Plan | Network - - - - - - - - - -
-
- Player Analytics | Analysis -

Player Analytics v.4.0.0

-

Plan | Network

-
-
-
-
-
-
-

Players Online

-
- -
-
-
-

Information

-
-
-

53/175 Players Online

-

497 Active Players
1246 Total Players

-

43 New Players Today
124 New Players This Week

-
-
-
-
-
-
-

Server 1

-
-
-

30/50 Players Online

-

100 Active Players

-
- -
-
-
-

Server 2

-
-
-

0/25 Players Online

-

3 Active Players

-
- -
-
-
-

Server 3

-
-
-

23/100 Players Online

-

432 Active Players

-
- -
-
-
-
-
-

Server 4

-
-
-

Offline

-

 

-
- -
-
-
-

Hub

-
-
-

0/175 Players Online

-

 

-
-
-
-
-
- - - - \ No newline at end of file diff --git a/Plan/src/main/resources/player - Example.html b/Plan/src/main/resources/player - Example.html deleted file mode 100644 index 8fd2c48d6..000000000 --- a/Plan/src/main/resources/player - Example.html +++ /dev/null @@ -1,446 +0,0 @@ - - - - Plan | Rsl1122 - - - - - - - - - - -
-
- Player Analytics | Analysis -

Player Analytics v.4.0.0

-

Plan | Rsl1122

-
-
-
- -
-
-
-
-
-
-

Information

-
-
-
-
-

Active • Offline • Operator
-
- Also Known As:
- • Rsl
- • Rsl1122
-
- Has Logged in From:
- • Finland

-
-
-

Registered: May 01 2016, 13:39
- Last Seen: Aug 18 2017, 20:00
-
- Sessions: 76
- Total Playtime: 4d 4h 40m
- Session Median: 7m
-
- Longest Session: 2h 37m -

-
-
-
- -
-

Rsl1122

-
- -
-
-
-

Join PunchCard

-
- -
-

Server Preference

-
- -
-
-
-
-
-
-
-

50 Most Recent Sessions

-
-
-
-

Aug 14 2017, 12:12 • 1h

-

Click to Expand

-
-
-
-
-
-

Aug 13 2017, 13:23 -

-
-
-

Session Length: 3h 5m
- Session Ended: Aug 14 2017, 13:12
- Server: Server 2
-
- Mob Kills: 0
- Deaths: 1

- - - - - - - - - - - - - - - - - - - - -
TimeKilledWith
12:42ZubatLightning
12:53ZezimaIron Sword
-
-
-
- -
-
-
-
-
-
-

Aug 13 2017, 15:23 • 3h 5m

-

Click to Expand

-
-
-
-
-
-

Aug 13 2017, 13:23 -

-
-
-

Session Length: 3h 5m
- Session Ended: Aug 13 2017, 16:28
- Server: Server 1
-
- Mob Kills: 45
- Deaths: 6

- - - - - - - - - - - - - - - -
TimeKilledWith
13:42ZubatLightning
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-

World Playtime

-
- -
-
-
-
-

Last 24 Hours

-
-
-

Sessions: 4
- Playtime: 4h 20m
-
- Longest Session: 1h 43m -

-
-
-
-
-

Last 7 Days

-
-
-

Sessions: 63
- Playtime: 1d 3h 32m
-
- Longest Session: 1h 43m -

-
-
-
- -
-
-
-
-

Server 1

-
-
-

Sessions: 24
- Playtime: 3d 2h 2m
-
- Longest Session: 2h 43m -

-
-
-

Server 2

-
-
-

Sessions: 52
- Playtime: 6d 10h 2m
-
- Longest Session: 3h 7m -

-
-
-
-
-
- -
-
-
-
-
-
-

Server 2

-

Click to Expand

-
-
-
-
-
-
-
-
-

Plugin 1

-
-
-

Test: 5 / 25
- Test: 20%

-

More data: Yes
- Data: 4

-
-
-
-
-

Plugin 2

-
-
-

Yes
- Yes
- Yes
Yes
Yes
Yes
Yes
- Yes
Yes
Yes
Yes
Yes
- Yes
Yes
Yes
Yes
Yes
-

-
-
-
-
-

Plugin 3

-
-
- -
-
-
-
-
-
-

Plugin 4

-
-
- - - - - - - - - - - - - -
TestTest2
DataData
-
-
-
-
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - -
- - \ No newline at end of file diff --git a/Plan/src/main/resources/server - Example.html b/Plan/src/main/resources/server - Example.html deleted file mode 100644 index 106de0bf3..000000000 --- a/Plan/src/main/resources/server - Example.html +++ /dev/null @@ -1,619 +0,0 @@ - - - - Plan | Server - - - - - - - - - -
-
- Player Analytics | Analysis -

Player Analytics v.4.0.0

-

Plan | Server Analysis

-
-
-
- -
-
-
-
-
-
-

Players Online

-
- -
-
-
-

Information

-
-
-
-
-

30/50 Players Online
43 New Players Today
-
- 100 Active Players
- 1246 Total Players
-
- Peak Time: 18:23 Pm
- Last Peak: 53 Players
-
- All Time Peak:
- Aug 13 2017, 18:46: 75 Players -

-
-
-

Averages:

-
  • Session Length: 28m 42s
  • -
  • Players / Day: 196
  • -
  • New Players / Day: 24
  • -

    Total:

    -
  • Playtime: 3 months 5d 53h
  • -
  • Sessions: 6480
  • -
  • Kills: 3403
  • -
  • Mob Kills: 503402
  • -
  • Deaths: 5704
  • -
    -
    -
    -
    -

    Recent Logins

    -
    - -
    -
    -
    -
    -
    -
    -
    -

    Players Online

    -
    - -
    -
    -
    -

    Player Join PunchCard

    -
    - -
    -
    -
    -
    -
    -

    Last 24 Hours

    -
    -
    -

    Unique Players: 217
    - Unique / Day: 217

    -

    New Players: 38
    - New / Day: 38

    -
    -
    -
    -
    -

    Last 7 Days

    -
    -
    -

    Unique Players: 670
    - Unique / Day: 204

    -

    New Players: 247
    - New / Day: 35

    -
    -
    -
    -
    -

    Last 30 Days

    -
    -
    -

    Unique Players: 812
    - Unique / Day: 196

    -

    New Players: 463
    - New / Day: 15

    -
    -
    -
    -
    -
    -
    -
    -
    -

    50 Most Recent Sessions

    -
    - -
    -
    -
    -
    -
    -

    World Playtime

    -
    - -
    -

    Playerbase

    -
    - -
    -
    -
    -
    -
    -
    -
    -
    -

    Ticks Per Second

    -
    - -
    -
    -
    -

    Resource Usage

    -
    - -
    -
    -
    -
    -
    -

    World Load

    -
    - -
    -
    -
    -
    -

    Last 24 Hours

    -
    -
    -

    Averages:

    -
      -
    • TPS: 19.83
    • -
    • CPU: 25.51%
    • -
    • RAM: 5282 Mb
    • -
    • Entities: 3649
    • -
    • Chunks: 1789
    • -
    -
    -
    -
    -
    -

    Last 7 Days

    -
    -
    -

    Averages:

    -
      -
    • TPS: 19.83
    • -
    • CPU: 25.51%
    • -
    • RAM: 5282 Mb
    • -
    • Entities: 3649
    • -
    • Chunks: 1789
    • -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    Playerlist

    -
    - -
    -
    -
    -
    -
    -

    Playerlist

    -
    - -
    -
    -
    -
    -
    -

    Geolocations

    -
    - -
    -
    -
    -
    -
    -
    -

    Plugin 1

    -
    -
    -

    Test: 5 / 25
    - Test: 20%

    -

    More data: Yes
    - Data: 4

    -
    -
    -
    -
    -

    Plugin 2

    -
    -
    -

    Yes
    - Yes
    - Yes
    Yes
    Yes
    Yes
    Yes
    - Yes
    Yes
    Yes
    Yes
    Yes
    - Yes
    Yes
    Yes
    Yes
    Yes
    -

    -
    -
    -
    -
    -

    Plugin 3

    -
    -
    - -
    -
    -
    -
    -
    -
    -

    Plugin 4

    -
    -
    - - - - - - - - - - - - - -
    TestTest2
    DataData
    -
    -
    -
    -
    -

    That's all..

    -
    -
    -

    Do you have more plugins? ._.

    -
    -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - -
    - - \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/main.css b/Plan/src/main/resources/web/css/main.css new file mode 100644 index 000000000..70a6e5776 --- /dev/null +++ b/Plan/src/main/resources/web/css/main.css @@ -0,0 +1,180 @@ +.black { + color: #000000; +} +.darkblue { + color: #0000AA; +} +.darkgreen { + color: #00AA00; +} +.darkaqua { + color: #00AAAA; +} +.darkred { + color: #AA0000; +} +.darkpurple { + color: #AA00AA; +} +.gold { + color: #FFAA00; +} +.gray { + color: #AAAAAA; +} +.darkgray { + color: #555555; +} +.blue { + color: #5555FF; +} +.green { + color: #55FF55; +} +.aqua { + color: #55FFFF; +} +.red { + color: #FF5555; +} +.pink { + color: #FF55FF; +} +.yellow { + color: #FFFF55; + text-shadow: 0 0 6px #000; +} +.white { + color: #FFFFFF; + text-shadow: 0 0 8px #000; +} + +.g { + color: #008000; +} +.o { + color: #FFA500; +} +.r { + color: #FF4500; +} + +.nav-button { +} + +.sidenav-button:hover { + background: #89c471; +} + +.right { + float: right; +} +.left { + float: left; +} + +.plugin { + max-height: 300px; + overflow-y: auto; + height: 100%; +} + +.main-limiter { + width: 100%; + height: 100%; + overflow: hidden; + margin: 0; + padding: 0; +} + +.tab { + width: 0%; + height: 100%; + float: left; +} + +.scrollbar { + max-height: 650px; + overflow-y: auto; +} + +.session-header h3 { + margin: 0; +} +.session-header p { + margin: 0; +} +.session { + +} + +.session-header { + background: #ddd; + color: #000; + margin: 1px 3px; + display: flex; + flex-direction: row; + padding: 0; +} + +.session-col { + width: 100%; + background: #fff; + color: #000; + margin: 0 2px; + display: flex; + flex-direction: column; + padding: 10px 20px; +} + +.session-content { + display: none; + margin: 2px 10px; + flex-direction: row; +} + +.plugins-content { + display: none; +} +.plugins-header h2 { + margin: 0; +} +.plugins-header p { + margin: 0; +} + +.plugin { + padding: 10px; +} + +.plugin p { + padding: 5px 0px; + margin: 0; +} + +@media only screen and (max-width: 1680px) { + .nav-button { + font-size: 19px; + } +} +@media only screen and (max-width: 850px) { + header h1 { + font-weight: 400; + font-size: 30px; + } +} +@media only screen and (max-width: 780px) { + .scrollbar { + overflow-x: auto; + width: 100%; + } + .nav-bar { + flex-direction: row; + } + .row { + flex-direction: column; + } + header p { + display: none; + } +} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/materialize.css b/Plan/src/main/resources/web/css/materialize.css new file mode 100644 index 000000000..951595376 --- /dev/null +++ b/Plan/src/main/resources/web/css/materialize.css @@ -0,0 +1,416 @@ +/*! + * Materialize v0.97.7 (http://materializecss.com) + * Copyright 2014-2015 Materialize + * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) + */ + +/* Radio Buttons + ========================================================================== */ +[type="radio"]:not(:checked), +[type="radio"]:checked { + position: absolute; + left: -9999px; + opacity: 0; +} + +[type="radio"]:not(:checked) + label, +[type="radio"]:checked + label { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + transition: .28s ease; + /* webkit (konqueror) browsers */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +[type="radio"] + label:before, +[type="radio"] + label:after { + content: ''; + position: absolute; + left: 0; + top: 0; + margin: 4px; + width: 16px; + height: 16px; + z-index: 0; + transition: .28s ease; +} + +/* Unchecked styles */ +[type="radio"]:not(:checked) + label:before, +[type="radio"]:not(:checked) + label:after, +[type="radio"]:checked + label:before, +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after { + border-radius: 50%; +} + +[type="radio"]:not(:checked) + label:before, +[type="radio"]:not(:checked) + label:after { + border: 2px solid #5a5a5a; +} + +[type="radio"]:not(:checked) + label:after { + z-index: -1; + -webkit-transform: scale(0); + transform: scale(0); +} + +/* Checked styles */ +[type="radio"]:checked + label:before { + border: 2px solid transparent; +} + +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after { + border: 2px solid #26a69a; +} + +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:after { + background-color: #26a69a; + z-index: 0; +} + +[type="radio"]:checked + label:after { + -webkit-transform: scale(1.02); + transform: scale(1.02); +} + +/* Radio With gap */ +[type="radio"].with-gap:checked + label:after { + -webkit-transform: scale(0.5); + transform: scale(0.5); +} + +/* Focused styles */ +[type="radio"].tabbed:focus + label:before { + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); +} + +/* Disabled Radio With gap */ +[type="radio"].with-gap:disabled:checked + label:before { + border: 2px solid rgba(0, 0, 0, 0.26); +} + +[type="radio"].with-gap:disabled:checked + label:after { + border: none; + background-color: rgba(0, 0, 0, 0.26); +} + +/* Disabled style */ +[type="radio"]:disabled:not(:checked) + label:before, +[type="radio"]:disabled:checked + label:before { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.26); +} + +[type="radio"]:disabled + label { + color: rgba(0, 0, 0, 0.26); +} + +[type="radio"]:disabled:not(:checked) + label:before { + border-color: rgba(0, 0, 0, 0.26); +} + +[type="radio"]:disabled:checked + label:after { + background-color: rgba(0, 0, 0, 0.26); + border-color: #BDBDBD; +} + +/* Checkboxes + ========================================================================== */ +/* CUSTOM CSS CHECKBOXES */ +form p { + margin-bottom: 10px; + text-align: left; +} + +form p:last-child { + margin-bottom: 0; +} + +/* Remove default checkbox */ +[type="checkbox"]:not(:checked), +[type="checkbox"]:checked { + position: absolute; + left: -9999px; + opacity: 0; +} + +[type="checkbox"] { + /* checkbox aspect */ +} + +[type="checkbox"] + label { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + -webkit-user-select: none; + /* webkit (safari, chrome) browsers */ + -moz-user-select: none; + /* mozilla browsers */ + -khtml-user-select: none; + /* webkit (konqueror) browsers */ + -ms-user-select: none; + /* IE10+ */ +} + +[type="checkbox"] + label:before, +[type="checkbox"]:not(.filled-in) + label:after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 18px; + z-index: 0; + border: 2px solid #5a5a5a; + border-radius: 1px; + margin-top: 2px; + transition: .2s; +} + +[type="checkbox"]:not(.filled-in) + label:after { + border: 0; + -webkit-transform: scale(0); + transform: scale(0); +} + +[type="checkbox"]:not(:checked):disabled + label:before { + border: none; + background-color: rgba(0, 0, 0, 0.26); +} + +[type="checkbox"].tabbed:focus + label:after { + -webkit-transform: scale(1); + transform: scale(1); + border: 0; + border-radius: 50%; + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); +} + +[type="checkbox"]:checked + label:before { + top: -4px; + left: -5px; + width: 12px; + height: 22px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid #26a69a; + border-bottom: 2px solid #26a69a; + -webkit-transform: rotate(40deg); + transform: rotate(40deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +[type="checkbox"]:checked:disabled + label:before { + border-right: 2px solid rgba(0, 0, 0, 0.26); + border-bottom: 2px solid rgba(0, 0, 0, 0.26); +} + +/* Indeterminate checkbox */ +[type="checkbox"]:indeterminate + label:before { + top: -11px; + left: -12px; + width: 10px; + height: 22px; + border-top: none; + border-left: none; + border-right: 2px solid #26a69a; + border-bottom: none; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +[type="checkbox"]:indeterminate:disabled + label:before { + border-right: 2px solid rgba(0, 0, 0, 0.26); + background-color: transparent; +} + +[type="checkbox"].filled-in + label:after { + border-radius: 2px; +} + +[type="checkbox"].filled-in + label:before, +[type="checkbox"].filled-in + label:after { + content: ''; + left: 0; + position: absolute; + /* .1s delay is for check animation */ + transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; + z-index: 1; +} + +[type="checkbox"].filled-in:not(:checked) + label:before { + width: 0; + height: 0; + border: 3px solid transparent; + left: 6px; + top: 10px; + -webkit-transform: rotateZ(37deg); + transform: rotateZ(37deg); + -webkit-transform-origin: 20% 40%; + transform-origin: 100% 100%; +} + +[type="checkbox"].filled-in:not(:checked) + label:after { + height: 20px; + width: 20px; + background-color: transparent; + border: 2px solid #5a5a5a; + top: 0px; + z-index: 0; +} + +[type="checkbox"].filled-in:checked + label:before { + top: 0; + left: 1px; + width: 8px; + height: 13px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid #fff; + border-bottom: 2px solid #fff; + -webkit-transform: rotateZ(37deg); + transform: rotateZ(37deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +[type="checkbox"].filled-in:checked + label:after { + top: 0; + width: 20px; + height: 20px; + border: 2px solid #26a69a; + background-color: #26a69a; + z-index: 0; +} + +[type="checkbox"].filled-in.tabbed:focus + label:after { + border-radius: 2px; + border-color: #5a5a5a; + background-color: rgba(0, 0, 0, 0.1); +} + +[type="checkbox"].filled-in.tabbed:checked:focus + label:after { + border-radius: 2px; + background-color: #26a69a; + border-color: #26a69a; +} + +[type="checkbox"].filled-in:disabled:not(:checked) + label:before { + background-color: transparent; + border: 2px solid transparent; +} + +[type="checkbox"].filled-in:disabled:not(:checked) + label:after { + border-color: transparent; + background-color: #BDBDBD; +} + +[type="checkbox"].filled-in:disabled:checked + label:before { + background-color: transparent; +} + +[type="checkbox"].filled-in:disabled:checked + label:after { + background-color: #BDBDBD; + border-color: #BDBDBD; +} + +/* Switch + ========================================================================== */ +.switch, +.switch * { + -webkit-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -ms-user-select: none; +} + +.switch label { + cursor: pointer; +} + +.switch label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; +} + +.switch label input[type=checkbox]:checked + .lever { + background-color: #84c7c1; +} + +.switch label input[type=checkbox]:checked + .lever:after { + background-color: #26a69a; + left: 24px; +} + +.switch label .lever { + content: ""; + display: inline-block; + position: relative; + width: 40px; + height: 15px; + background-color: #818181; + border-radius: 15px; + margin-right: 10px; + transition: background 0.3s ease; + vertical-align: middle; + margin: 0 16px; +} + +.switch label .lever:after { + content: ""; + position: absolute; + display: inline-block; + width: 21px; + height: 21px; + background-color: #F1F1F1; + border-radius: 21px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -3px; + transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; +} + +input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, +input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); +} + +input[type=checkbox]:not(:disabled) ~ .lever:active:after, +input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); +} + +.switch input[type=checkbox][disabled] + .lever { + cursor: default; +} + +.switch label input[type=checkbox][disabled] + .lever:after, +.switch label input[type=checkbox][disabled]:checked + .lever:after { + background-color: #BDBDBD; +} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/style.css b/Plan/src/main/resources/web/css/style.css new file mode 100644 index 000000000..75c06d8e1 --- /dev/null +++ b/Plan/src/main/resources/web/css/style.css @@ -0,0 +1,8042 @@ +/* Navbar ====================================== */ +@import url(materialize.css); +.navbar { + font-family: "Roboto", sans-serif; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + border: none; + position: fixed; + top: 0; + left: 0; + z-index: 12; + width: 100%; } + .navbar .navbar-brand { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; } + .navbar .navbar-custom-right-menu { + float: right; } + .navbar .navbar-toggle { + text-decoration: none; + color: #fff; + width: 20px; + height: 20px; + margin-top: -4px; + margin-right: 17px; } + .navbar .navbar-toggle:before { + content: '\E8D5'; + font-family: 'Material Icons'; + font-size: 26px; } + .navbar .navbar-collapse.in { + overflow: visible; } + +.ls-closed .sidebar { + margin-left: -300px; } + +.ls-closed section.content { + margin-left: 15px; } + +.ls-closed .bars:after, .ls-closed .bars:before { + font-family: 'Material Icons'; + font-size: 24px; + position: absolute; + top: 18px; + left: 20px; + margin-right: 10px; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + +.ls-closed .bars:before { + content: '\E5D2'; + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.ls-closed .bars:after { + content: '\E5C4'; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.ls-closed .navbar-brand { + margin-left: 30px; } + +.overlay-open .bars:before { + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.overlay-open .bars:after { + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.navbar-header { + padding: 10px 7px; } + .navbar-header .bars { + float: left; + text-decoration: none; } + +.navbar-nav > li > a { + padding: 7px 7px 2px 7px; + margin-top: 17px; + margin-left: 5px; } + +.navbar-nav .dropdown-menu { + margin-top: -40px !important; } + +.label-count { + position: absolute; + top: 2px; + right: 6px; + font-size: 10px; + line-height: 15px; + background-color: #000; + padding: 0 4px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + +.col-red .navbar .navbar-brand, +.col-red .navbar .navbar-brand:hover, +.col-red .navbar .navbar-brand:active, +.col-red .navbar .navbar-brand:focus { + color: #fff; } + +.col-red .navbar .nav > li > a:hover, +.col-red .navbar .nav > li > a:focus, +.col-red .navbar .nav .open > a, +.col-red .navbar .nav .open > a:hover, +.col-red .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-red .navbar .nav > li > a { + color: #fff; } + +.col-red .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-red .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-pink .navbar .navbar-brand, +.col-pink .navbar .navbar-brand:hover, +.col-pink .navbar .navbar-brand:active, +.col-pink .navbar .navbar-brand:focus { + color: #fff; } + +.col-pink .navbar .nav > li > a:hover, +.col-pink .navbar .nav > li > a:focus, +.col-pink .navbar .nav .open > a, +.col-pink .navbar .nav .open > a:hover, +.col-pink .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-pink .navbar .nav > li > a { + color: #fff; } + +.col-pink .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-pink .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-purple .navbar .navbar-brand, +.col-purple .navbar .navbar-brand:hover, +.col-purple .navbar .navbar-brand:active, +.col-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-purple .navbar .nav > li > a:hover, +.col-purple .navbar .nav > li > a:focus, +.col-purple .navbar .nav .open > a, +.col-purple .navbar .nav .open > a:hover, +.col-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-purple .navbar .nav > li > a { + color: #fff; } + +.col-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-purple .navbar .navbar-brand, +.col-deep-purple .navbar .navbar-brand:hover, +.col-deep-purple .navbar .navbar-brand:active, +.col-deep-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-purple .navbar .nav > li > a:hover, +.col-deep-purple .navbar .nav > li > a:focus, +.col-deep-purple .navbar .nav .open > a, +.col-deep-purple .navbar .nav .open > a:hover, +.col-deep-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-purple .navbar .nav > li > a { + color: #fff; } + +.col-deep-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-indigo .navbar .navbar-brand, +.col-indigo .navbar .navbar-brand:hover, +.col-indigo .navbar .navbar-brand:active, +.col-indigo .navbar .navbar-brand:focus { + color: #fff; } + +.col-indigo .navbar .nav > li > a:hover, +.col-indigo .navbar .nav > li > a:focus, +.col-indigo .navbar .nav .open > a, +.col-indigo .navbar .nav .open > a:hover, +.col-indigo .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-indigo .navbar .nav > li > a { + color: #fff; } + +.col-indigo .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-indigo .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue .navbar .navbar-brand, +.col-blue .navbar .navbar-brand:hover, +.col-blue .navbar .navbar-brand:active, +.col-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue .navbar .nav > li > a:hover, +.col-blue .navbar .nav > li > a:focus, +.col-blue .navbar .nav .open > a, +.col-blue .navbar .nav .open > a:hover, +.col-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue .navbar .nav > li > a { + color: #fff; } + +.col-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-blue .navbar .navbar-brand, +.col-light-blue .navbar .navbar-brand:hover, +.col-light-blue .navbar .navbar-brand:active, +.col-light-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-blue .navbar .nav > li > a:hover, +.col-light-blue .navbar .nav > li > a:focus, +.col-light-blue .navbar .nav .open > a, +.col-light-blue .navbar .nav .open > a:hover, +.col-light-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-blue .navbar .nav > li > a { + color: #fff; } + +.col-light-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-cyan .navbar .navbar-brand, +.col-cyan .navbar .navbar-brand:hover, +.col-cyan .navbar .navbar-brand:active, +.col-cyan .navbar .navbar-brand:focus { + color: #fff; } + +.col-cyan .navbar .nav > li > a:hover, +.col-cyan .navbar .nav > li > a:focus, +.col-cyan .navbar .nav .open > a, +.col-cyan .navbar .nav .open > a:hover, +.col-cyan .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-cyan .navbar .nav > li > a { + color: #fff; } + +.col-cyan .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-cyan .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-teal .navbar .navbar-brand, +.col-teal .navbar .navbar-brand:hover, +.col-teal .navbar .navbar-brand:active, +.col-teal .navbar .navbar-brand:focus { + color: #fff; } + +.col-teal .navbar .nav > li > a:hover, +.col-teal .navbar .nav > li > a:focus, +.col-teal .navbar .nav .open > a, +.col-teal .navbar .nav .open > a:hover, +.col-teal .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-teal .navbar .nav > li > a { + color: #fff; } + +.col-teal .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-teal .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-green .navbar .navbar-brand, +.col-green .navbar .navbar-brand:hover, +.col-green .navbar .navbar-brand:active, +.col-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-green .navbar .nav > li > a:hover, +.col-green .navbar .nav > li > a:focus, +.col-green .navbar .nav .open > a, +.col-green .navbar .nav .open > a:hover, +.col-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-green .navbar .nav > li > a { + color: #fff; } + +.col-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-green .navbar .navbar-brand, +.col-light-green .navbar .navbar-brand:hover, +.col-light-green .navbar .navbar-brand:active, +.col-light-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-green .navbar .nav > li > a:hover, +.col-light-green .navbar .nav > li > a:focus, +.col-light-green .navbar .nav .open > a, +.col-light-green .navbar .nav .open > a:hover, +.col-light-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-green .navbar .nav > li > a { + color: #fff; } + +.col-light-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-lime .navbar .navbar-brand, +.col-lime .navbar .navbar-brand:hover, +.col-lime .navbar .navbar-brand:active, +.col-lime .navbar .navbar-brand:focus { + color: #fff; } + +.col-lime .navbar .nav > li > a:hover, +.col-lime .navbar .nav > li > a:focus, +.col-lime .navbar .nav .open > a, +.col-lime .navbar .nav .open > a:hover, +.col-lime .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-lime .navbar .nav > li > a { + color: #fff; } + +.col-lime .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-lime .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-yellow .navbar .navbar-brand, +.col-yellow .navbar .navbar-brand:hover, +.col-yellow .navbar .navbar-brand:active, +.col-yellow .navbar .navbar-brand:focus { + color: #fff; } + +.col-yellow .navbar .nav > li > a:hover, +.col-yellow .navbar .nav > li > a:focus, +.col-yellow .navbar .nav .open > a, +.col-yellow .navbar .nav .open > a:hover, +.col-yellow .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-yellow .navbar .nav > li > a { + color: #fff; } + +.col-yellow .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-yellow .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-amber .navbar .navbar-brand, +.col-amber .navbar .navbar-brand:hover, +.col-amber .navbar .navbar-brand:active, +.col-amber .navbar .navbar-brand:focus { + color: #fff; } + +.col-amber .navbar .nav > li > a:hover, +.col-amber .navbar .nav > li > a:focus, +.col-amber .navbar .nav .open > a, +.col-amber .navbar .nav .open > a:hover, +.col-amber .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-amber .navbar .nav > li > a { + color: #fff; } + +.col-amber .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-amber .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-orange .navbar .navbar-brand, +.col-orange .navbar .navbar-brand:hover, +.col-orange .navbar .navbar-brand:active, +.col-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-orange .navbar .nav > li > a:hover, +.col-orange .navbar .nav > li > a:focus, +.col-orange .navbar .nav .open > a, +.col-orange .navbar .nav .open > a:hover, +.col-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-orange .navbar .nav > li > a { + color: #fff; } + +.col-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-orange .navbar .navbar-brand, +.col-deep-orange .navbar .navbar-brand:hover, +.col-deep-orange .navbar .navbar-brand:active, +.col-deep-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-orange .navbar .nav > li > a:hover, +.col-deep-orange .navbar .nav > li > a:focus, +.col-deep-orange .navbar .nav .open > a, +.col-deep-orange .navbar .nav .open > a:hover, +.col-deep-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-orange .navbar .nav > li > a { + color: #fff; } + +.col-deep-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-brown .navbar .navbar-brand, +.col-brown .navbar .navbar-brand:hover, +.col-brown .navbar .navbar-brand:active, +.col-brown .navbar .navbar-brand:focus { + color: #fff; } + +.col-brown .navbar .nav > li > a:hover, +.col-brown .navbar .nav > li > a:focus, +.col-brown .navbar .nav .open > a, +.col-brown .navbar .nav .open > a:hover, +.col-brown .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-brown .navbar .nav > li > a { + color: #fff; } + +.col-brown .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-brown .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-grey .navbar .navbar-brand, +.col-grey .navbar .navbar-brand:hover, +.col-grey .navbar .navbar-brand:active, +.col-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-grey .navbar .nav > li > a:hover, +.col-grey .navbar .nav > li > a:focus, +.col-grey .navbar .nav .open > a, +.col-grey .navbar .nav .open > a:hover, +.col-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-grey .navbar .nav > li > a { + color: #fff; } + +.col-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue-grey .navbar .navbar-brand, +.col-blue-grey .navbar .navbar-brand:hover, +.col-blue-grey .navbar .navbar-brand:active, +.col-blue-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue-grey .navbar .nav > li > a:hover, +.col-blue-grey .navbar .nav > li > a:focus, +.col-blue-grey .navbar .nav .open > a, +.col-blue-grey .navbar .nav .open > a:hover, +.col-blue-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue-grey .navbar .nav > li > a { + color: #fff; } + +.col-blue-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-black .navbar .navbar-brand, +.col-black .navbar .navbar-brand:hover, +.col-black .navbar .navbar-brand:active, +.col-black .navbar .navbar-brand:focus { + color: #fff; } + +.col-black .navbar .nav > li > a:hover, +.col-black .navbar .nav > li > a:focus, +.col-black .navbar .nav .open > a, +.col-black .navbar .nav .open > a:hover, +.col-black .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-black .navbar .nav > li > a { + color: #fff; } + +.col-black .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-black .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-white .navbar .navbar-brand, +.col-white .navbar .navbar-brand:hover, +.col-white .navbar .navbar-brand:active, +.col-white .navbar .navbar-brand:focus { + color: #fff; } + +.col-white .navbar .nav > li > a:hover, +.col-white .navbar .nav > li > a:focus, +.col-white .navbar .nav .open > a, +.col-white .navbar .nav .open > a:hover, +.col-white .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-white .navbar .nav > li > a { + color: #fff; } + +.col-white .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-white .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +/* Material Icons ============================== */ +.material-icons.md-18 { + font-size: 18px; } + +.material-icons.md-24 { + font-size: 24px; } + +.material-icons.md-26 { + font-size: 26px; } + +.material-icons.md-28 { + font-size: 28px; } + +.material-icons.md-30 { + font-size: 30px; } + +.material-icons.md-32 { + font-size: 32px; } + +.material-icons.md-36 { + font-size: 36px; } + +.material-icons.md-48 { + font-size: 48px; } + +/* Helpers ===================================== */ +.m-l--125 { + margin-left: -125px; } + +.m-t--125 { + margin-top: -125px; } + +.m-r--125 { + margin-right: -125px; } + +.m-b--125 { + margin-bottom: -125px; } + +.m-l--120 { + margin-left: -120px; } + +.m-t--120 { + margin-top: -120px; } + +.m-r--120 { + margin-right: -120px; } + +.m-b--120 { + margin-bottom: -120px; } + +.m-l--115 { + margin-left: -115px; } + +.m-t--115 { + margin-top: -115px; } + +.m-r--115 { + margin-right: -115px; } + +.m-b--115 { + margin-bottom: -115px; } + +.m-l--110 { + margin-left: -110px; } + +.m-t--110 { + margin-top: -110px; } + +.m-r--110 { + margin-right: -110px; } + +.m-b--110 { + margin-bottom: -110px; } + +.m-l--105 { + margin-left: -105px; } + +.m-t--105 { + margin-top: -105px; } + +.m-r--105 { + margin-right: -105px; } + +.m-b--105 { + margin-bottom: -105px; } + +.m-l--100 { + margin-left: -100px; } + +.m-t--100 { + margin-top: -100px; } + +.m-r--100 { + margin-right: -100px; } + +.m-b--100 { + margin-bottom: -100px; } + +.m-l--95 { + margin-left: -95px; } + +.m-t--95 { + margin-top: -95px; } + +.m-r--95 { + margin-right: -95px; } + +.m-b--95 { + margin-bottom: -95px; } + +.m-l--90 { + margin-left: -90px; } + +.m-t--90 { + margin-top: -90px; } + +.m-r--90 { + margin-right: -90px; } + +.m-b--90 { + margin-bottom: -90px; } + +.m-l--85 { + margin-left: -85px; } + +.m-t--85 { + margin-top: -85px; } + +.m-r--85 { + margin-right: -85px; } + +.m-b--85 { + margin-bottom: -85px; } + +.m-l--80 { + margin-left: -80px; } + +.m-t--80 { + margin-top: -80px; } + +.m-r--80 { + margin-right: -80px; } + +.m-b--80 { + margin-bottom: -80px; } + +.m-l--75 { + margin-left: -75px; } + +.m-t--75 { + margin-top: -75px; } + +.m-r--75 { + margin-right: -75px; } + +.m-b--75 { + margin-bottom: -75px; } + +.m-l--70 { + margin-left: -70px; } + +.m-t--70 { + margin-top: -70px; } + +.m-r--70 { + margin-right: -70px; } + +.m-b--70 { + margin-bottom: -70px; } + +.m-l--65 { + margin-left: -65px; } + +.m-t--65 { + margin-top: -65px; } + +.m-r--65 { + margin-right: -65px; } + +.m-b--65 { + margin-bottom: -65px; } + +.m-l--60 { + margin-left: -60px; } + +.m-t--60 { + margin-top: -60px; } + +.m-r--60 { + margin-right: -60px; } + +.m-b--60 { + margin-bottom: -60px; } + +.m-l--55 { + margin-left: -55px; } + +.m-t--55 { + margin-top: -55px; } + +.m-r--55 { + margin-right: -55px; } + +.m-b--55 { + margin-bottom: -55px; } + +.m-l--50 { + margin-left: -50px; } + +.m-t--50 { + margin-top: -50px; } + +.m-r--50 { + margin-right: -50px; } + +.m-b--50 { + margin-bottom: -50px; } + +.m-l--45 { + margin-left: -45px; } + +.m-t--45 { + margin-top: -45px; } + +.m-r--45 { + margin-right: -45px; } + +.m-b--45 { + margin-bottom: -45px; } + +.m-l--40 { + margin-left: -40px; } + +.m-t--40 { + margin-top: -40px; } + +.m-r--40 { + margin-right: -40px; } + +.m-b--40 { + margin-bottom: -40px; } + +.m-l--35 { + margin-left: -35px; } + +.m-t--35 { + margin-top: -35px; } + +.m-r--35 { + margin-right: -35px; } + +.m-b--35 { + margin-bottom: -35px; } + +.m-l--30 { + margin-left: -30px; } + +.m-t--30 { + margin-top: -30px; } + +.m-r--30 { + margin-right: -30px; } + +.m-b--30 { + margin-bottom: -30px; } + +.m-l--25 { + margin-left: -25px; } + +.m-t--25 { + margin-top: -25px; } + +.m-r--25 { + margin-right: -25px; } + +.m-b--25 { + margin-bottom: -25px; } + +.m-l--20 { + margin-left: -20px; } + +.m-t--20 { + margin-top: -20px; } + +.m-r--20 { + margin-right: -20px; } + +.m-b--20 { + margin-bottom: -20px; } + +.m-l--15 { + margin-left: -15px; } + +.m-t--15 { + margin-top: -15px; } + +.m-r--15 { + margin-right: -15px; } + +.m-b--15 { + margin-bottom: -15px; } + +.m-l--10 { + margin-left: -10px; } + +.m-t--10 { + margin-top: -10px; } + +.m-r--10 { + margin-right: -10px; } + +.m-b--10 { + margin-bottom: -10px; } + +.m-l--5 { + margin-left: -5px; } + +.m-t--5 { + margin-top: -5px; } + +.m-r--5 { + margin-right: -5px; } + +.m-b--5 { + margin-bottom: -5px; } + +.m-l-0 { + margin-left: 0px; } + +.m-t-0 { + margin-top: 0px; } + +.m-r-0 { + margin-right: 0px; } + +.m-b-0 { + margin-bottom: 0px; } + +.m-l-5 { + margin-left: 5px; } + +.m-t-5 { + margin-top: 5px; } + +.m-r-5 { + margin-right: 5px; } + +.m-b-5 { + margin-bottom: 5px; } + +.m-l-10 { + margin-left: 10px; } + +.m-t-10 { + margin-top: 10px; } + +.m-r-10 { + margin-right: 10px; } + +.m-b-10 { + margin-bottom: 10px; } + +.m-l-15 { + margin-left: 15px; } + +.m-t-15 { + margin-top: 15px; } + +.m-r-15 { + margin-right: 15px; } + +.m-b-15 { + margin-bottom: 15px; } + +.m-l-20 { + margin-left: 20px; } + +.m-t-20 { + margin-top: 20px; } + +.m-r-20 { + margin-right: 20px; } + +.m-b-20 { + margin-bottom: 20px; } + +.m-l-25 { + margin-left: 25px; } + +.m-t-25 { + margin-top: 25px; } + +.m-r-25 { + margin-right: 25px; } + +.m-b-25 { + margin-bottom: 25px; } + +.m-l-30 { + margin-left: 30px; } + +.m-t-30 { + margin-top: 30px; } + +.m-r-30 { + margin-right: 30px; } + +.m-b-30 { + margin-bottom: 30px; } + +.m-l-35 { + margin-left: 35px; } + +.m-t-35 { + margin-top: 35px; } + +.m-r-35 { + margin-right: 35px; } + +.m-b-35 { + margin-bottom: 35px; } + +.m-l-40 { + margin-left: 40px; } + +.m-t-40 { + margin-top: 40px; } + +.m-r-40 { + margin-right: 40px; } + +.m-b-40 { + margin-bottom: 40px; } + +.m-l-45 { + margin-left: 45px; } + +.m-t-45 { + margin-top: 45px; } + +.m-r-45 { + margin-right: 45px; } + +.m-b-45 { + margin-bottom: 45px; } + +.m-l-50 { + margin-left: 50px; } + +.m-t-50 { + margin-top: 50px; } + +.m-r-50 { + margin-right: 50px; } + +.m-b-50 { + margin-bottom: 50px; } + +.m-l-55 { + margin-left: 55px; } + +.m-t-55 { + margin-top: 55px; } + +.m-r-55 { + margin-right: 55px; } + +.m-b-55 { + margin-bottom: 55px; } + +.m-l-60 { + margin-left: 60px; } + +.m-t-60 { + margin-top: 60px; } + +.m-r-60 { + margin-right: 60px; } + +.m-b-60 { + margin-bottom: 60px; } + +.m-l-65 { + margin-left: 65px; } + +.m-t-65 { + margin-top: 65px; } + +.m-r-65 { + margin-right: 65px; } + +.m-b-65 { + margin-bottom: 65px; } + +.m-l-70 { + margin-left: 70px; } + +.m-t-70 { + margin-top: 70px; } + +.m-r-70 { + margin-right: 70px; } + +.m-b-70 { + margin-bottom: 70px; } + +.m-l-75 { + margin-left: 75px; } + +.m-t-75 { + margin-top: 75px; } + +.m-r-75 { + margin-right: 75px; } + +.m-b-75 { + margin-bottom: 75px; } + +.m-l-80 { + margin-left: 80px; } + +.m-t-80 { + margin-top: 80px; } + +.m-r-80 { + margin-right: 80px; } + +.m-b-80 { + margin-bottom: 80px; } + +.m-l-85 { + margin-left: 85px; } + +.m-t-85 { + margin-top: 85px; } + +.m-r-85 { + margin-right: 85px; } + +.m-b-85 { + margin-bottom: 85px; } + +.m-l-90 { + margin-left: 90px; } + +.m-t-90 { + margin-top: 90px; } + +.m-r-90 { + margin-right: 90px; } + +.m-b-90 { + margin-bottom: 90px; } + +.m-l-95 { + margin-left: 95px; } + +.m-t-95 { + margin-top: 95px; } + +.m-r-95 { + margin-right: 95px; } + +.m-b-95 { + margin-bottom: 95px; } + +.m-l-100 { + margin-left: 100px; } + +.m-t-100 { + margin-top: 100px; } + +.m-r-100 { + margin-right: 100px; } + +.m-b-100 { + margin-bottom: 100px; } + +.m-l-105 { + margin-left: 105px; } + +.m-t-105 { + margin-top: 105px; } + +.m-r-105 { + margin-right: 105px; } + +.m-b-105 { + margin-bottom: 105px; } + +.m-l-110 { + margin-left: 110px; } + +.m-t-110 { + margin-top: 110px; } + +.m-r-110 { + margin-right: 110px; } + +.m-b-110 { + margin-bottom: 110px; } + +.m-l-115 { + margin-left: 115px; } + +.m-t-115 { + margin-top: 115px; } + +.m-r-115 { + margin-right: 115px; } + +.m-b-115 { + margin-bottom: 115px; } + +.m-l-120 { + margin-left: 120px; } + +.m-t-120 { + margin-top: 120px; } + +.m-r-120 { + margin-right: 120px; } + +.m-b-120 { + margin-bottom: 120px; } + +.m-l-125 { + margin-left: 125px; } + +.m-t-125 { + margin-top: 125px; } + +.m-r-125 { + margin-right: 125px; } + +.m-b-125 { + margin-bottom: 125px; } + +.margin-0 { + margin: 0; } + +.p-l-0 { + padding-left: 0px; } + +.p-t-0 { + padding-top: 0px; } + +.p-r-0 { + padding-right: 0px; } + +.p-b-0 { + padding-bottom: 0px; } + +.p-l-5 { + padding-left: 5px; } + +.p-t-5 { + padding-top: 5px; } + +.p-r-5 { + padding-right: 5px; } + +.p-b-5 { + padding-bottom: 5px; } + +.p-l-10 { + padding-left: 10px; } + +.p-t-10 { + padding-top: 10px; } + +.p-r-10 { + padding-right: 10px; } + +.p-b-10 { + padding-bottom: 10px; } + +.p-l-15 { + padding-left: 15px; } + +.p-t-15 { + padding-top: 15px; } + +.p-r-15 { + padding-right: 15px; } + +.p-b-15 { + padding-bottom: 15px; } + +.p-l-20 { + padding-left: 20px; } + +.p-t-20 { + padding-top: 20px; } + +.p-r-20 { + padding-right: 20px; } + +.p-b-20 { + padding-bottom: 20px; } + +.p-l-25 { + padding-left: 25px; } + +.p-t-25 { + padding-top: 25px; } + +.p-r-25 { + padding-right: 25px; } + +.p-b-25 { + padding-bottom: 25px; } + +.p-l-30 { + padding-left: 30px; } + +.p-t-30 { + padding-top: 30px; } + +.p-r-30 { + padding-right: 30px; } + +.p-b-30 { + padding-bottom: 30px; } + +.p-l-35 { + padding-left: 35px; } + +.p-t-35 { + padding-top: 35px; } + +.p-r-35 { + padding-right: 35px; } + +.p-b-35 { + padding-bottom: 35px; } + +.p-l-40 { + padding-left: 40px; } + +.p-t-40 { + padding-top: 40px; } + +.p-r-40 { + padding-right: 40px; } + +.p-b-40 { + padding-bottom: 40px; } + +.p-l-45 { + padding-left: 45px; } + +.p-t-45 { + padding-top: 45px; } + +.p-r-45 { + padding-right: 45px; } + +.p-b-45 { + padding-bottom: 45px; } + +.p-l-50 { + padding-left: 50px; } + +.p-t-50 { + padding-top: 50px; } + +.p-r-50 { + padding-right: 50px; } + +.p-b-50 { + padding-bottom: 50px; } + +.p-l-55 { + padding-left: 55px; } + +.p-t-55 { + padding-top: 55px; } + +.p-r-55 { + padding-right: 55px; } + +.p-b-55 { + padding-bottom: 55px; } + +.p-l-60 { + padding-left: 60px; } + +.p-t-60 { + padding-top: 60px; } + +.p-r-60 { + padding-right: 60px; } + +.p-b-60 { + padding-bottom: 60px; } + +.p-l-65 { + padding-left: 65px; } + +.p-t-65 { + padding-top: 65px; } + +.p-r-65 { + padding-right: 65px; } + +.p-b-65 { + padding-bottom: 65px; } + +.p-l-70 { + padding-left: 70px; } + +.p-t-70 { + padding-top: 70px; } + +.p-r-70 { + padding-right: 70px; } + +.p-b-70 { + padding-bottom: 70px; } + +.p-l-75 { + padding-left: 75px; } + +.p-t-75 { + padding-top: 75px; } + +.p-r-75 { + padding-right: 75px; } + +.p-b-75 { + padding-bottom: 75px; } + +.p-l-80 { + padding-left: 80px; } + +.p-t-80 { + padding-top: 80px; } + +.p-r-80 { + padding-right: 80px; } + +.p-b-80 { + padding-bottom: 80px; } + +.p-l-85 { + padding-left: 85px; } + +.p-t-85 { + padding-top: 85px; } + +.p-r-85 { + padding-right: 85px; } + +.p-b-85 { + padding-bottom: 85px; } + +.p-l-90 { + padding-left: 90px; } + +.p-t-90 { + padding-top: 90px; } + +.p-r-90 { + padding-right: 90px; } + +.p-b-90 { + padding-bottom: 90px; } + +.p-l-95 { + padding-left: 95px; } + +.p-t-95 { + padding-top: 95px; } + +.p-r-95 { + padding-right: 95px; } + +.p-b-95 { + padding-bottom: 95px; } + +.p-l-100 { + padding-left: 100px; } + +.p-t-100 { + padding-top: 100px; } + +.p-r-100 { + padding-right: 100px; } + +.p-b-100 { + padding-bottom: 100px; } + +.p-l-105 { + padding-left: 105px; } + +.p-t-105 { + padding-top: 105px; } + +.p-r-105 { + padding-right: 105px; } + +.p-b-105 { + padding-bottom: 105px; } + +.p-l-110 { + padding-left: 110px; } + +.p-t-110 { + padding-top: 110px; } + +.p-r-110 { + padding-right: 110px; } + +.p-b-110 { + padding-bottom: 110px; } + +.p-l-115 { + padding-left: 115px; } + +.p-t-115 { + padding-top: 115px; } + +.p-r-115 { + padding-right: 115px; } + +.p-b-115 { + padding-bottom: 115px; } + +.p-l-120 { + padding-left: 120px; } + +.p-t-120 { + padding-top: 120px; } + +.p-r-120 { + padding-right: 120px; } + +.p-b-120 { + padding-bottom: 120px; } + +.p-l-125 { + padding-left: 125px; } + +.p-t-125 { + padding-top: 125px; } + +.p-r-125 { + padding-right: 125px; } + +.p-b-125 { + padding-bottom: 125px; } + +.padding-0 { + padding: 0; } + +.font-6 { + font-size: 6px; } + +.font-7 { + font-size: 7px; } + +.font-8 { + font-size: 8px; } + +.font-9 { + font-size: 9px; } + +.font-10 { + font-size: 10px; } + +.font-11 { + font-size: 11px; } + +.font-12 { + font-size: 12px; } + +.font-13 { + font-size: 13px; } + +.font-14 { + font-size: 14px; } + +.font-15 { + font-size: 15px; } + +.font-16 { + font-size: 16px; } + +.font-17 { + font-size: 17px; } + +.font-18 { + font-size: 18px; } + +.font-19 { + font-size: 19px; } + +.font-20 { + font-size: 20px; } + +.font-21 { + font-size: 21px; } + +.font-22 { + font-size: 22px; } + +.font-23 { + font-size: 23px; } + +.font-24 { + font-size: 24px; } + +.font-25 { + font-size: 25px; } + +.font-26 { + font-size: 26px; } + +.font-27 { + font-size: 27px; } + +.font-28 { + font-size: 28px; } + +.font-29 { + font-size: 29px; } + +.font-30 { + font-size: 30px; } + +.font-31 { + font-size: 31px; } + +.font-32 { + font-size: 32px; } + +.font-33 { + font-size: 33px; } + +.font-34 { + font-size: 34px; } + +.font-35 { + font-size: 35px; } + +.font-36 { + font-size: 36px; } + +.font-37 { + font-size: 37px; } + +.font-38 { + font-size: 38px; } + +.font-39 { + font-size: 39px; } + +.font-40 { + font-size: 40px; } + +.font-41 { + font-size: 41px; } + +.font-42 { + font-size: 42px; } + +.font-43 { + font-size: 43px; } + +.font-44 { + font-size: 44px; } + +.font-45 { + font-size: 45px; } + +.font-46 { + font-size: 46px; } + +.font-47 { + font-size: 47px; } + +.font-48 { + font-size: 48px; } + +.font-49 { + font-size: 49px; } + +.font-50 { + font-size: 50px; } + +.align-left { + text-align: left; } + +.align-center { + text-align: center; } + +.align-right { + text-align: right; } + +.align-justify { + text-align: justify; } + +.no-resize { + resize: none; } + +.font-bold { + font-weight: bold; } + +.font-italic { + font-style: italic; } + +.font-underline { + text-decoration: underline; } + +.font-line-through { + text-decoration: line-through; } + +.font-overline { + text-decoration: overline; } + +.block-header { + margin-bottom: 15px; } + .block-header h2 { + margin: 0 !important; + color: #666 !important; + font-weight: normal; + font-size: 16px; } + .block-header h2 small { + display: block; + font-size: 12px; + margin-top: 8px; + color: #888; } + .block-header h2 small a { + font-weight: bold; + color: #777; } + +.bg-red { + background-color: #F44336 !important; + color: #fff; } + .bg-red .content .text, + .bg-red .content .number { + color: #fff !important; } + +.bg-pink { + background-color: #E91E63 !important; + color: #fff; } + .bg-pink .content .text, + .bg-pink .content .number { + color: #fff !important; } + +.bg-purple { + background-color: #9C27B0 !important; + color: #fff; } + .bg-purple .content .text, + .bg-purple .content .number { + color: #fff !important; } + +.bg-deep-purple { + background-color: #673AB7 !important; + color: #fff; } + .bg-deep-purple .content .text, + .bg-deep-purple .content .number { + color: #fff !important; } + +.bg-indigo { + background-color: #3F51B5 !important; + color: #fff; } + .bg-indigo .content .text, + .bg-indigo .content .number { + color: #fff !important; } + +.bg-blue { + background-color: #2196F3 !important; + color: #fff; } + .bg-blue .content .text, + .bg-blue .content .number { + color: #fff !important; } + +.bg-light-blue { + background-color: #03A9F4 !important; + color: #fff; } + .bg-light-blue .content .text, + .bg-light-blue .content .number { + color: #fff !important; } + +.bg-cyan { + background-color: #00BCD4 !important; + color: #fff; } + .bg-cyan .content .text, + .bg-cyan .content .number { + color: #fff !important; } + +.bg-teal { + background-color: #009688 !important; + color: #fff; } + .bg-teal .content .text, + .bg-teal .content .number { + color: #fff !important; } + +.bg-green { + background-color: #4CAF50 !important; + color: #fff; } + .bg-green .content .text, + .bg-green .content .number { + color: #fff !important; } + +.bg-light-green { + background-color: #8BC34A !important; + color: #fff; } + .bg-light-green .content .text, + .bg-light-green .content .number { + color: #fff !important; } + +.bg-lime { + background-color: #CDDC39 !important; + color: #fff; } + .bg-lime .content .text, + .bg-lime .content .number { + color: #fff !important; } + +.bg-yellow { + background-color: #ffe821 !important; + color: #fff; } + .bg-yellow .content .text, + .bg-yellow .content .number { + color: #fff !important; } + +.bg-amber { + background-color: #FFC107 !important; + color: #fff; } + .bg-amber .content .text, + .bg-amber .content .number { + color: #fff !important; } + +.bg-orange { + background-color: #FF9800 !important; + color: #fff; } + .bg-orange .content .text, + .bg-orange .content .number { + color: #fff !important; } + +.bg-deep-orange { + background-color: #FF5722 !important; + color: #fff; } + .bg-deep-orange .content .text, + .bg-deep-orange .content .number { + color: #fff !important; } + +.bg-brown { + background-color: #795548 !important; + color: #fff; } + .bg-brown .content .text, + .bg-brown .content .number { + color: #fff !important; } + +.bg-grey { + background-color: #9E9E9E !important; + color: #fff; } + .bg-grey .content .text, + .bg-grey .content .number { + color: #fff !important; } + +.bg-blue-grey { + background-color: #607D8B !important; + color: #fff; } + .bg-blue-grey .content .text, + .bg-blue-grey .content .number { + color: #fff !important; } + +.bg-black { + background-color: #000000 !important; + color: #fff; } + .bg-black .content .text, + .bg-black .content .number { + color: #fff !important; } + +.bg-white { + background-color: #ffffff !important; + color: #fff; } + .bg-white .content .text, + .bg-white .content .number { + color: #fff !important; } + +.col-red { + color: #F44336 !important; } + +.col-pink { + color: #E91E63 !important; } + +.col-purple { + color: #9C27B0 !important; } + +.col-deep-purple { + color: #673AB7 !important; } + +.col-indigo { + color: #3F51B5 !important; } + +.col-blue { + color: #2196F3 !important; } + +.col-light-blue { + color: #03A9F4 !important; } + +.col-cyan { + color: #00BCD4 !important; } + +.col-teal { + color: #009688 !important; } + +.col-green { + color: #4CAF50 !important; } + +.col-light-green { + color: #8BC34A !important; } + +.col-lime { + color: #CDDC39 !important; } + +.col-yellow { + color: #ffe821 !important; } + +.col-amber { + color: #FFC107 !important; } + +.col-orange { + color: #FF9800 !important; } + +.col-deep-orange { + color: #FF5722 !important; } + +.col-brown { + color: #795548 !important; } + +.col-grey { + color: #9E9E9E !important; } + +.col-blue-grey { + color: #607D8B !important; } + +.col-black { + color: #000000 !important; } + +.col-white { + color: #ffffff !important; } + +/* Custom Animate ============================== */ +@-ms-keyframes spin { + from { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-moz-keyframes spin { + from { + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes spin { + from { + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +/* Demo ======================================== */ +.demo-button-sizes .btn { + margin-bottom: 5px; } + +.icon-button-demo button { + margin-right: 5px; + margin-bottom: 12px; } + +.icon-and-text-button-demo button { + margin-right: 5px; + margin-bottom: 12px; + width: 16.66666666666667%; } + +.button-demo ul { + padding-left: 0; } + .button-demo ul li { + list-style: none; + padding-left: 0; + display: inline-block; + margin-right: 7px; } + .button-demo ul li .btn { + display: block; + min-width: 175px; } + +.button-demo .btn { + margin-right: 8px; + margin-bottom: 13px; + min-width: 120px; } + +.demo-button-groups .btn-group { + margin-right: 10px; } + +.demo-button-toolbar .btn-toolbar { + float: left; + margin-right: 25px; } + +.demo-button-nesting > .btn-group { + margin-right: 15px; } + +.demo-single-button-dropdowns > .btn-group { + margin-right: 10px; } + +.demo-splite-button-dropdowns > .btn-group { + margin-right: 10px; } + +.demo-dropup .dropup { + margin-right: 10px; } + +.demo-checkbox label, +.demo-radio-button label { + min-width: 150px; } + +.demo-knob-chart div { + margin-right: 15px; } + +.demo-switch .switch { + display: inline-block; + min-width: 170px; } + +.demo-switch .demo-switch-title { + min-width: 95px; + display: inline-block; } + +.demo-color-box { + padding: 15px 0; + text-align: center; + margin-bottom: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + .demo-color-box .color-name { + font-size: 16px; + margin-bottom: 5px; } + .demo-color-box .color-code, + .demo-color-box .color-class-name { + font-size: 13px; } + +.demo-image-copyright { + text-align: right; + font-style: italic; + font-size: 12px; + color: #777; + margin: 5px 0 10px 0; } + .demo-image-copyright a { + font-weight: bold; + color: #555 !important; } + +.demo-tagsinput-area { + margin-bottom: 50px !important; } + +.demo-icon-container .demo-google-material-icon { + margin-bottom: 5px; + text-align: left; } + .demo-icon-container .demo-google-material-icon .icon-name { + position: relative; + top: -8px; + left: 7px; } + .demo-icon-container .demo-google-material-icon .material-icons { + width: 24px; } + +.demo-preloader .preloader { + margin-right: 10px; } + +.irs-demo { + margin-bottom: 40px; } + .irs-demo .irs { + margin-top: 15px; } + +.right-sidebar .nav-tabs + .tab-content { + padding: 0; } + +.right-sidebar p { + margin: 20px 15px 15px 15px; + font-weight: bold; + text-align: center; } + +.right-sidebar #settings .setting-list { + list-style: none; + padding-left: 0; + margin-bottom: 20px; } + .right-sidebar #settings .setting-list li { + padding: 15px; + position: relative; + border-top: 1px solid #eee; } + .right-sidebar #settings .setting-list li .switch { + position: absolute; + top: 15px; + right: 5px; } + +.demo-choose-skin { + list-style: none; + padding-left: 0; + overflow-y: hidden; } + .demo-choose-skin li { + border-bottom: 1px solid #eee; + padding: 10px 10px 4px 10px; + position: relative; + cursor: pointer; } + .demo-choose-skin li.active { + background-color: #eee; } + .demo-choose-skin li.active:after { + font-family: 'Material Icons'; + position: absolute; + top: 10px; + right: 10px; + content: '\E876'; + font-size: 18px; + font-weight: bold; } + .demo-choose-skin li:hover { + background-color: #eee; } + .demo-choose-skin li div { + width: 24px; + height: 24px; + display: inline-block; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + .demo-choose-skin li span { + position: relative; + bottom: 7px; + left: 5px; } + .demo-choose-skin .red { + background-color: #F44336; } + .demo-choose-skin .pink { + background-color: #E91E63; } + .demo-choose-skin .purple { + background-color: #9C27B0; } + .demo-choose-skin .deep-purple { + background-color: #673AB7; } + .demo-choose-skin .indigo { + background-color: #3F51B5; } + .demo-choose-skin .blue { + background-color: #2196F3; } + .demo-choose-skin .light-blue { + background-color: #03A9F4; } + .demo-choose-skin .cyan { + background-color: #00BCD4; } + .demo-choose-skin .teal { + background-color: #009688; } + .demo-choose-skin .green { + background-color: #4CAF50; } + .demo-choose-skin .light-green { + background-color: #8BC34A; } + .demo-choose-skin .lime { + background-color: #CDDC39; } + .demo-choose-skin .yellow { + background-color: #ffe821; } + .demo-choose-skin .amber { + background-color: #FFC107; } + .demo-choose-skin .orange { + background-color: #FF9800; } + .demo-choose-skin .deep-orange { + background-color: #FF5722; } + .demo-choose-skin .brown { + background-color: #795548; } + .demo-choose-skin .grey { + background-color: #9E9E9E; } + .demo-choose-skin .blue-grey { + background-color: #607D8B; } + .demo-choose-skin .black { + background-color: #000000; } + .demo-choose-skin .white { + background-color: #ffffff; } + +/* Materialize Css | Taken from www.materializecss.com */ +/* Media ======================================= */ +@media (max-width: 767px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 35px; + width: 73%; } + .navbar .navbar-header { + display: inline-block; + margin-bottom: -6px; + width: calc(100% + 30px); } + .navbar .nav > li { + display: inline-block; } + .navbar .navbar-nav { + margin-top: -10px; + margin-bottom: 1px; + margin-left: -7px; } + .navbar .navbar-nav .open .dropdown-menu { + background-color: #fff; + position: absolute; } + .navbar .dropdown-menu { + margin-left: -50px; } + .navbar .js-right-sidebar { + margin-top: 15px; } + .dt-buttons { + float: none !important; + text-align: center; + margin-bottom: 15px; } + .panel-switch-btn { + top: 12px; + right: 0 !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1169px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 20px; } } + +/* General ===================================== */ +body { + background-color: #e9e9e9; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; + font-family: 'Roboto', Arial, Tahoma, sans-serif; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; } + +button, +input, +select, +a { + outline: none !important; } + +.no-animate { + -o-transition-property: none !important; + -moz-transition-property: none !important; + -ms-transition-property: none !important; + -webkit-transition-property: none !important; + transition-property: none !important; + -o-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + -webkit-transform: none !important; + transform: none !important; + -webkit-animation: none !important; + -moz-animation: none !important; + -o-animation: none !important; + -ms-animation: none !important; + animation: none !important; } + +section.content { + margin: 100px 15px 0 315px; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + +/* Dashboard =================================== */ +.dashboard-flot-chart { + height: 425px; } + +.dashboard-donut-chart { + height: 265px; } + +.dashboard-line-chart { + height: 250px; } + +.dashboard-stat-list { + list-style: none; + padding-left: 0; + margin-top: 40px; } + .dashboard-stat-list li { + padding: 16px 0 0 0; } + .dashboard-stat-list li small { + font-size: 8px; } + +.dashboard-task-infos .progress { + height: 10px; + margin-bottom: 0; + position: relative; + top: 6px; } + +/* Buttons ===================================== */ +.btn:focus { + outline: none !important; } + +.btn-circle { + border: none; + outline: none !important; + overflow: hidden; + width: 40px; + height: 40px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; } + .btn-circle i { + font-size: 18px; + position: relative; + left: -1px; } + +.btn-link { + font-weight: bold; + color: #333; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .btn-link:active, .btn-link:focus { + text-decoration: none; + color: #333; } + .btn-link:hover { + text-decoration: none; + color: #333; + background-color: #ddd; } + +.btn-circle-lg { + border: none; + outline: none !important; + overflow: hidden; + width: 50px; + height: 50px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + -ms-border-radius: 50% !important; + border-radius: 50% !important; } + .btn-circle-lg i { + font-size: 26px !important; + position: relative !important; + left: 0px !important; + top: 6px !important; } + +.btn:not(.btn-link):not(.btn-circle) { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + border: none; + font-size: 13px; + outline: none; } + .btn:not(.btn-link):not(.btn-circle):hover { + outline: none; } + .btn:not(.btn-link):not(.btn-circle) i { + font-size: 20px; + position: relative; + top: 3px; } + .btn:not(.btn-link):not(.btn-circle) span { + position: relative; + top: -2px; + margin-left: 3px; } + +.btn-warning, +.btn-warning:hover, +.btn-warning:active, +.btn-warning:focus { + background-color: #ff9600 !important; } + +.btn-danger, +.btn-danger:hover, +.btn-danger:active, +.btn-danger:focus { + background-color: #fb483a !important; } + +.btn-info, +.btn-info:hover, +.btn-info:active, +.btn-info:focus { + background-color: #00b0e4 !important; } + +.btn-success, +.btn-success:hover, +.btn-success:active, +.btn-success:focus { + background-color: #2b982b !important; } + +.btn-primary, +.btn-primary:hover, +.btn-primary:active, +.btn-primary:focus { + background-color: #1f91f3 !important; } + +.btn-default, +.btn-default:hover, +.btn-default:active, +.btn-default:focus { + background-color: #fff !important; } + +.btn-group, +.btn-group-vertical { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); } + .btn-group .btn, + .btn-group-vertical .btn { + box-shadow: none !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .btn-group .btn .caret, + .btn-group-vertical .btn .caret { + position: relative; + bottom: 1px; } + .btn-group .btn-group, + .btn-group-vertical .btn-group { + box-shadow: none !important; } + .btn-group .btn + .dropdown-toggle, + .btn-group-vertical .btn + .dropdown-toggle { + border-left: 1px solid rgba(0, 0, 0, 0.08) !important; } + +/* Bootstrap Tags Input ======================== */ +.bootstrap-tagsinput { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; + border: none !important; } + +/* noUISlider ================================== */ +.noUi-target { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: relative; + direction: ltr; } + .noUi-target * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.noUi-base { + width: 100%; + height: 100%; + position: relative; + z-index: 1; } + +.noUi-origin { + position: absolute; + right: 0; + top: 6px; + left: 0; + bottom: 0; } + +.noUi-handle { + position: relative; + z-index: 1; } + +.noUi-stacking .noUi-handle { + z-index: 10; } + +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.25s, top 0.25s; + transition: left 0.25s, top 0.25s; } + +.noUi-state-drag * { + cursor: inherit !important; } + +.noUi-base { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + +.noUi-horizontal { + height: 18px; } + .noUi-horizontal .noUi-handle { + width: 34px; + height: 28px; + left: -17px; + top: -6px; } + +.noUi-vertical { + width: 18px; } + .noUi-vertical .noUi-handle { + width: 28px; + height: 34px; + left: -6px; + top: -17px; } + +.noUi-background { + background: #FAFAFA; + box-shadow: inset 0 1px 1px #f0f0f0; } + +.noUi-connect { + background: #3FB8AF; + box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); + -webkit-transition: background 450ms; + transition: background 450ms; } + +.noUi-origin { + border-radius: 2px; } + +.noUi-target { + border-radius: 4px; + border: 1px solid #D3D3D3; + box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } + .noUi-target.noUi-connect { + box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; } + +.noUi-dragable { + cursor: w-resize; } + +.noUi-vertical .noUi-dragable { + cursor: n-resize; } + +.noUi-handle { + border: 1px solid #D9D9D9; + border-radius: 3px; + background: #FFF; + cursor: default; + box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } + +.noUi-active { + box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } + +.noUi-handle:before { + content: ""; + display: block; + position: absolute; + height: 14px; + width: 1px; + background: #E8E7E6; + left: 14px; + top: 6px; } + +.noUi-handle:after { + content: ""; + display: block; + position: absolute; + height: 14px; + width: 1px; + background: #E8E7E6; + left: 14px; + top: 6px; + left: 17px; } + +.noUi-vertical .noUi-handle:before { + width: 14px; + height: 1px; + left: 6px; + top: 14px; } + +.noUi-vertical .noUi-handle:after { + width: 14px; + height: 1px; + left: 6px; + top: 14px; + top: 17px; } + +[disabled].noUi-connect, [disabled] .noUi-connect { + background: #B8B8B8; } + +[disabled].noUi-origin, [disabled] .noUi-handle { + cursor: not-allowed; } + +.noUi-target { + box-shadow: none; + border: none; } + +.noUi-base { + height: 15px; + top: -6px; } + +.noUi-background { + height: 3px; + top: 6px; + background-color: #bfbfbf; + box-shadow: none; } + +.noUi-horizontal { + height: 3px; } + +.noUi-connect { + height: 3px; + top: 6px; + background-color: #26A69A; + box-shadow: none; } + +.noUi-horizontal .noUi-handle { + width: 15px; + height: 15px; + border-radius: 50%; + box-shadow: none; + background-color: #26A69A; + border: none; + left: -5px; + top: -6px; + transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } + +.noUi-handle:before, .noUi-handle:after { + content: none; } + +.noUi-target .noUi-active.noUi-handle { + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } + +.noUi-target .range-label { + position: absolute; + height: 30px; + width: 30px; + top: -17px; + left: -2px; + background-color: #26A69A; + border-radius: 50%; + transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); + transform: scale(0.5) rotate(-45deg); + transform-origin: 50% 100%; } + +.noUi-target .noUi-active .range-label { + border-radius: 15px 15px 15px 0; + transform: rotate(-45deg) translate(23px, -25px); } + +.range-label span { + width: 100%; + text-align: center; + color: #fff; + font-size: 12px; + transform: rotate(45deg); + opacity: 0; + position: absolute; + top: 7px; + left: -1px; + transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } + +.noUi-active .range-label span { + opacity: 1; } + +/* Multi Select ================================ */ +.ms-container { + width: auto !important; } + .ms-container .ms-list { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; } + .ms-container .ms-list.ms-focus { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; } + .ms-container .ms-selectable, + .ms-container .ms-selection { + min-width: 250px !important; } + .ms-container .ms-selectable li.ms-hover, + .ms-container .ms-selection li.ms-hover { + color: #000000 !important; + background-color: #e6e6e6 !important; } + .ms-container .ms-selectable li.ms-elem-selectable, + .ms-container .ms-selectable li.ms-elem-selection, + .ms-container .ms-selection li.ms-elem-selectable, + .ms-container .ms-selection li.ms-elem-selection { + padding: 9px 15px 6px 15px !important; } + .ms-container .ms-optgroup-label { + padding: 5px 0 0 8px !important; } + +/* Card ======================================== */ +.card { + background: #fff; + min-height: 50px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + position: relative; + margin-bottom: 30px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; } + .card .card-inside-title { + margin-top: 25px; + margin-bottom: 15px; + display: block; + font-size: 15px; + color: #000; } + .card .card-inside-title small { + color: #999; + display: block; + font-size: 11px; + margin-top: 5px; } + .card .card-inside-title small a { + color: #777; + font-weight: bold; } + .card .card-inside-title:first-child { + margin-top: 0; } + .card .bg-red, + .card .bg-pink, + .card .bg-purple, + .card .bg-deep-purple, + .card .bg-indigo, + .card .bg-blue, + .card .bg-light-blue, + .card .bg-cyan, + .card .bg-teal, + .card .bg-green, + .card .bg-light-green, + .card .bg-lime, + .card .bg-yellow, + .card .bg-amber, + .card .bg-orange, + .card .bg-deep-orange, + .card .bg-brown, + .card .bg-grey, + .card .bg-blue-grey, + .card .bg-black { + border-bottom: none !important; + color: #fff !important; } + .card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons, + .card .bg-pink h2, + .card .bg-pink small, + .card .bg-pink .material-icons, + .card .bg-purple h2, + .card .bg-purple small, + .card .bg-purple .material-icons, + .card .bg-deep-purple h2, + .card .bg-deep-purple small, + .card .bg-deep-purple .material-icons, + .card .bg-indigo h2, + .card .bg-indigo small, + .card .bg-indigo .material-icons, + .card .bg-blue h2, + .card .bg-blue small, + .card .bg-blue .material-icons, + .card .bg-light-blue h2, + .card .bg-light-blue small, + .card .bg-light-blue .material-icons, + .card .bg-cyan h2, + .card .bg-cyan small, + .card .bg-cyan .material-icons, + .card .bg-teal h2, + .card .bg-teal small, + .card .bg-teal .material-icons, + .card .bg-green h2, + .card .bg-green small, + .card .bg-green .material-icons, + .card .bg-light-green h2, + .card .bg-light-green small, + .card .bg-light-green .material-icons, + .card .bg-lime h2, + .card .bg-lime small, + .card .bg-lime .material-icons, + .card .bg-yellow h2, + .card .bg-yellow small, + .card .bg-yellow .material-icons, + .card .bg-amber h2, + .card .bg-amber small, + .card .bg-amber .material-icons, + .card .bg-orange h2, + .card .bg-orange small, + .card .bg-orange .material-icons, + .card .bg-deep-orange h2, + .card .bg-deep-orange small, + .card .bg-deep-orange .material-icons, + .card .bg-brown h2, + .card .bg-brown small, + .card .bg-brown .material-icons, + .card .bg-grey h2, + .card .bg-grey small, + .card .bg-grey .material-icons, + .card .bg-blue-grey h2, + .card .bg-blue-grey small, + .card .bg-blue-grey .material-icons, + .card .bg-black h2, + .card .bg-black small, + .card .bg-black .material-icons { + color: #fff !important; } + .card .bg-red .badge, + .card .bg-pink .badge, + .card .bg-purple .badge, + .card .bg-deep-purple .badge, + .card .bg-indigo .badge, + .card .bg-blue .badge, + .card .bg-light-blue .badge, + .card .bg-cyan .badge, + .card .bg-teal .badge, + .card .bg-green .badge, + .card .bg-light-green .badge, + .card .bg-lime .badge, + .card .bg-yellow .badge, + .card .bg-amber .badge, + .card .bg-orange .badge, + .card .bg-deep-orange .badge, + .card .bg-brown .badge, + .card .bg-grey .badge, + .card .bg-blue-grey .badge, + .card .bg-black .badge { + background-color: #fff; + color: #555; } + .card .header { + color: #555; + padding: 20px; + position: relative; + border-bottom: 1px solid rgba(204, 204, 204, 0.35); } + .card .header .header-dropdown { + position: absolute; + top: 20px; + right: 15px; + list-style: none; } + .card .header .header-dropdown .dropdown-menu li { + display: block !important; } + .card .header .header-dropdown li { + display: inline-block; } + .card .header .header-dropdown i { + font-size: 20px; + color: #999; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; } + .card .header .header-dropdown i:hover { + color: #000; } + .card .header h2 { + margin: 0; + font-size: 18px; + font-weight: normal; + color: #111; } + .card .header h2 small { + display: block; + font-size: 12px; + margin-top: 5px; + color: #999; + line-height: 15px; } + .card .header h2 small a { + font-weight: bold; + color: #777; } + .card .header .col-xs-12 h2 { + margin-top: 5px; } + .card .body { + font-size: 14px; + color: #555; + padding: 20px; } + .card .body .col-xs-1, + .card .body .col-sm-1, + .card .body .col-md-1, + .card .body .col-lg-1 { + margin-bottom: 20px; } + .card .body .col-xs-2, + .card .body .col-sm-2, + .card .body .col-md-2, + .card .body .col-lg-2 { + margin-bottom: 20px; } + .card .body .col-xs-3, + .card .body .col-sm-3, + .card .body .col-md-3, + .card .body .col-lg-3 { + margin-bottom: 20px; } + .card .body .col-xs-4, + .card .body .col-sm-4, + .card .body .col-md-4, + .card .body .col-lg-4 { + margin-bottom: 20px; } + .card .body .col-xs-5, + .card .body .col-sm-5, + .card .body .col-md-5, + .card .body .col-lg-5 { + margin-bottom: 20px; } + .card .body .col-xs-6, + .card .body .col-sm-6, + .card .body .col-md-6, + .card .body .col-lg-6 { + margin-bottom: 20px; } + .card .body .col-xs-7, + .card .body .col-sm-7, + .card .body .col-md-7, + .card .body .col-lg-7 { + margin-bottom: 20px; } + .card .body .col-xs-8, + .card .body .col-sm-8, + .card .body .col-md-8, + .card .body .col-lg-8 { + margin-bottom: 20px; } + .card .body .col-xs-9, + .card .body .col-sm-9, + .card .body .col-md-9, + .card .body .col-lg-9 { + margin-bottom: 20px; } + .card .body .col-xs-10, + .card .body .col-sm-10, + .card .body .col-md-10, + .card .body .col-lg-10 { + margin-bottom: 20px; } + .card .body .col-xs-11, + .card .body .col-sm-11, + .card .body .col-md-11, + .card .body .col-lg-11 { + margin-bottom: 20px; } + .card .body .col-xs-12, + .card .body .col-sm-12, + .card .body .col-md-12, + .card .body .col-lg-12 { + margin-bottom: 20px; } + +/* Infobox ===================================== */ +.info-box { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box .icon { + display: inline-block; + text-align: center; + background-color: rgba(0, 0, 0, 0.12); + width: 80px; } + .info-box .icon i { + color: #fff; + font-size: 50px; + line-height: 80px; } + .info-box .icon .chart.chart-bar { + height: 100%; + line-height: 100px; } + .info-box .icon .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box .icon .chart.chart-pie { + height: 100%; + line-height: 123px; } + .info-box .icon .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box .icon .chart.chart-line { + height: 100%; + line-height: 115px; } + .info-box .icon .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box .content { + display: inline-block; + padding: 7px 10px; } + .info-box .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box.hover-zoom-effect .icon { + overflow: hidden; } + .info-box.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 80px; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box.hover-expand-effect:hover:after { + width: 100%; } + +.info-box-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box-2 .icon { + display: inline-block; + text-align: center; + width: 80px; } + .info-box-2 .icon i { + color: #fff; + font-size: 50px; + line-height: 80px; } + .info-box-2 .chart.chart-bar { + height: 100%; + line-height: 105px; } + .info-box-2 .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box-2 .chart.chart-pie { + height: 100%; + line-height: 123px; } + .info-box-2 .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box-2 .chart.chart-line { + height: 100%; + line-height: 115px; } + .info-box-2 .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box-2 .content { + display: inline-block; + padding: 7px 10px; } + .info-box-2 .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box-2 .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box-2.hover-zoom-effect .icon { + overflow: hidden; } + .info-box-2.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box-2.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box-2.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 0; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box-2.hover-expand-effect:hover:after { + width: 100%; } + +.info-box-3 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box-3 .icon { + position: absolute; + right: 10px; + bottom: 2px; + text-align: center; } + .info-box-3 .icon i { + color: rgba(0, 0, 0, 0.15); + font-size: 60px; } + .info-box-3 .chart { + margin-right: 5px; } + .info-box-3 .chart.chart-bar { + height: 100%; + line-height: 50px; } + .info-box-3 .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box-3 .chart.chart-pie { + height: 100%; + line-height: 34px; } + .info-box-3 .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box-3 .chart.chart-line { + height: 100%; + line-height: 40px; } + .info-box-3 .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box-3 .content { + display: inline-block; + padding: 7px 16px; } + .info-box-3 .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box-3 .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box-3.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box-3.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box-3.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 0; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box-3.hover-expand-effect:hover:after { + width: 100%; } + +.info-box-4 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box-4 .icon { + position: absolute; + right: 10px; + bottom: 2px; + text-align: center; } + .info-box-4 .icon i { + color: rgba(0, 0, 0, 0.15); + font-size: 60px; } + .info-box-4 .chart { + margin-right: 5px; } + .info-box-4 .chart.chart-bar { + height: 100%; + line-height: 50px; } + .info-box-4 .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box-4 .chart.chart-pie { + height: 100%; + line-height: 34px; } + .info-box-4 .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box-4 .chart.chart-line { + height: 100%; + line-height: 40px; } + .info-box-4 .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box-4 .content { + display: inline-block; + padding: 7px 16px; } + .info-box-4 .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box-4 .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box-4.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box-4.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box-4.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 0; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box-4.hover-expand-effect:hover:after { + width: 100%; } + +/* Alerts ====================================== */ +.alert { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + border: none; + color: #fff !important; } + .alert .alert-link { + color: #fff; + text-decoration: underline; + font-weight: bold; } + +.alert-success { + background-color: #2b982b; } + +.alert-info { + background-color: #00b0e4; } + +.alert-warning { + background-color: #ff9600 !important; } + +.alert-danger { + background-color: #fb483a !important; } + +.alert-dismissible .close { + color: #fff; + opacity: 1; + border: none; + text-shadow: none; } + +/* Dialogs (SweetAlert) ======================== */ +.sweet-alert { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; } + .sweet-alert p { + font-size: 14px !important; } + .sweet-alert .sa-input-error { + top: 23px !important; + right: 13px !important; } + .sweet-alert h2 { + font-size: 18px !important; + margin: 0 0 5px 0 !important; } + .sweet-alert button { + font-size: 15px !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; + padding: 5px 20px !important; } + +/* Checkbox & Radio ============================ */ +[type="checkbox"] + label { + padding-left: 26px; + height: 25px; + line-height: 21px; + font-size: 13px; + font-weight: normal; } + +[type="checkbox"]:checked + label:before { + top: -4px; + left: -2px; + width: 11px; + height: 19px; } + +[type="checkbox"]:checked.chk-col-red + label:before { + border-right: 2px solid #F44336; + border-bottom: 2px solid #F44336; } + +[type="checkbox"]:checked.chk-col-pink + label:before { + border-right: 2px solid #E91E63; + border-bottom: 2px solid #E91E63; } + +[type="checkbox"]:checked.chk-col-purple + label:before { + border-right: 2px solid #9C27B0; + border-bottom: 2px solid #9C27B0; } + +[type="checkbox"]:checked.chk-col-deep-purple + label:before { + border-right: 2px solid #673AB7; + border-bottom: 2px solid #673AB7; } + +[type="checkbox"]:checked.chk-col-indigo + label:before { + border-right: 2px solid #3F51B5; + border-bottom: 2px solid #3F51B5; } + +[type="checkbox"]:checked.chk-col-blue + label:before { + border-right: 2px solid #2196F3; + border-bottom: 2px solid #2196F3; } + +[type="checkbox"]:checked.chk-col-light-blue + label:before { + border-right: 2px solid #03A9F4; + border-bottom: 2px solid #03A9F4; } + +[type="checkbox"]:checked.chk-col-cyan + label:before { + border-right: 2px solid #00BCD4; + border-bottom: 2px solid #00BCD4; } + +[type="checkbox"]:checked.chk-col-teal + label:before { + border-right: 2px solid #009688; + border-bottom: 2px solid #009688; } + +[type="checkbox"]:checked.chk-col-green + label:before { + border-right: 2px solid #4CAF50; + border-bottom: 2px solid #4CAF50; } + +[type="checkbox"]:checked.chk-col-light-green + label:before { + border-right: 2px solid #8BC34A; + border-bottom: 2px solid #8BC34A; } + +[type="checkbox"]:checked.chk-col-lime + label:before { + border-right: 2px solid #CDDC39; + border-bottom: 2px solid #CDDC39; } + +[type="checkbox"]:checked.chk-col-yellow + label:before { + border-right: 2px solid #ffe821; + border-bottom: 2px solid #ffe821; } + +[type="checkbox"]:checked.chk-col-amber + label:before { + border-right: 2px solid #FFC107; + border-bottom: 2px solid #FFC107; } + +[type="checkbox"]:checked.chk-col-orange + label:before { + border-right: 2px solid #FF9800; + border-bottom: 2px solid #FF9800; } + +[type="checkbox"]:checked.chk-col-deep-orange + label:before { + border-right: 2px solid #FF5722; + border-bottom: 2px solid #FF5722; } + +[type="checkbox"]:checked.chk-col-brown + label:before { + border-right: 2px solid #795548; + border-bottom: 2px solid #795548; } + +[type="checkbox"]:checked.chk-col-grey + label:before { + border-right: 2px solid #9E9E9E; + border-bottom: 2px solid #9E9E9E; } + +[type="checkbox"]:checked.chk-col-blue-grey + label:before { + border-right: 2px solid #607D8B; + border-bottom: 2px solid #607D8B; } + +[type="checkbox"]:checked.chk-col-black + label:before { + border-right: 2px solid #000000; + border-bottom: 2px solid #000000; } + +[type="checkbox"]:checked.chk-col-white + label:before { + border-right: 2px solid #ffffff; + border-bottom: 2px solid #ffffff; } + +[type="checkbox"].filled-in:checked + label:after { + top: 0; + width: 20px; + height: 20px; + border: 2px solid #26a69a; + background-color: #26a69a; + z-index: 0; } + +[type="checkbox"].filled-in:checked + label:before { + border-right: 2px solid #fff !important; + border-bottom: 2px solid #fff !important; } + +[type="checkbox"].filled-in:checked.chk-col-red + label:after { + border: 2px solid #F44336; + background-color: #F44336; } + +[type="checkbox"].filled-in:checked.chk-col-pink + label:after { + border: 2px solid #E91E63; + background-color: #E91E63; } + +[type="checkbox"].filled-in:checked.chk-col-purple + label:after { + border: 2px solid #9C27B0; + background-color: #9C27B0; } + +[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after { + border: 2px solid #673AB7; + background-color: #673AB7; } + +[type="checkbox"].filled-in:checked.chk-col-indigo + label:after { + border: 2px solid #3F51B5; + background-color: #3F51B5; } + +[type="checkbox"].filled-in:checked.chk-col-blue + label:after { + border: 2px solid #2196F3; + background-color: #2196F3; } + +[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after { + border: 2px solid #03A9F4; + background-color: #03A9F4; } + +[type="checkbox"].filled-in:checked.chk-col-cyan + label:after { + border: 2px solid #00BCD4; + background-color: #00BCD4; } + +[type="checkbox"].filled-in:checked.chk-col-teal + label:after { + border: 2px solid #009688; + background-color: #009688; } + +[type="checkbox"].filled-in:checked.chk-col-green + label:after { + border: 2px solid #4CAF50; + background-color: #4CAF50; } + +[type="checkbox"].filled-in:checked.chk-col-light-green + label:after { + border: 2px solid #8BC34A; + background-color: #8BC34A; } + +[type="checkbox"].filled-in:checked.chk-col-lime + label:after { + border: 2px solid #CDDC39; + background-color: #CDDC39; } + +[type="checkbox"].filled-in:checked.chk-col-yellow + label:after { + border: 2px solid #ffe821; + background-color: #ffe821; } + +[type="checkbox"].filled-in:checked.chk-col-amber + label:after { + border: 2px solid #FFC107; + background-color: #FFC107; } + +[type="checkbox"].filled-in:checked.chk-col-orange + label:after { + border: 2px solid #FF9800; + background-color: #FF9800; } + +[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after { + border: 2px solid #FF5722; + background-color: #FF5722; } + +[type="checkbox"].filled-in:checked.chk-col-brown + label:after { + border: 2px solid #795548; + background-color: #795548; } + +[type="checkbox"].filled-in:checked.chk-col-grey + label:after { + border: 2px solid #9E9E9E; + background-color: #9E9E9E; } + +[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after { + border: 2px solid #607D8B; + background-color: #607D8B; } + +[type="checkbox"].filled-in:checked.chk-col-black + label:after { + border: 2px solid #000000; + background-color: #000000; } + +[type="checkbox"].filled-in:checked.chk-col-white + label:after { + border: 2px solid #ffffff; + background-color: #ffffff; } + +[type="radio"]:not(:checked) + label { + padding-left: 26px; + height: 25px; + line-height: 25px; + font-size: 13px; + font-weight: normal; } + +[type="radio"]:checked + label { + padding-left: 26px; + height: 25px; + line-height: 25px; + font-size: 13px; + font-weight: normal; } + +[type="radio"].radio-col-red:checked + label:after { + background-color: #F44336; + border-color: #F44336; } + +[type="radio"].radio-col-pink:checked + label:after { + background-color: #E91E63; + border-color: #E91E63; } + +[type="radio"].radio-col-purple:checked + label:after { + background-color: #9C27B0; + border-color: #9C27B0; } + +[type="radio"].radio-col-deep-purple:checked + label:after { + background-color: #673AB7; + border-color: #673AB7; } + +[type="radio"].radio-col-indigo:checked + label:after { + background-color: #3F51B5; + border-color: #3F51B5; } + +[type="radio"].radio-col-blue:checked + label:after { + background-color: #2196F3; + border-color: #2196F3; } + +[type="radio"].radio-col-light-blue:checked + label:after { + background-color: #03A9F4; + border-color: #03A9F4; } + +[type="radio"].radio-col-cyan:checked + label:after { + background-color: #00BCD4; + border-color: #00BCD4; } + +[type="radio"].radio-col-teal:checked + label:after { + background-color: #009688; + border-color: #009688; } + +[type="radio"].radio-col-green:checked + label:after { + background-color: #4CAF50; + border-color: #4CAF50; } + +[type="radio"].radio-col-light-green:checked + label:after { + background-color: #8BC34A; + border-color: #8BC34A; } + +[type="radio"].radio-col-lime:checked + label:after { + background-color: #CDDC39; + border-color: #CDDC39; } + +[type="radio"].radio-col-yellow:checked + label:after { + background-color: #ffe821; + border-color: #ffe821; } + +[type="radio"].radio-col-amber:checked + label:after { + background-color: #FFC107; + border-color: #FFC107; } + +[type="radio"].radio-col-orange:checked + label:after { + background-color: #FF9800; + border-color: #FF9800; } + +[type="radio"].radio-col-deep-orange:checked + label:after { + background-color: #FF5722; + border-color: #FF5722; } + +[type="radio"].radio-col-brown:checked + label:after { + background-color: #795548; + border-color: #795548; } + +[type="radio"].radio-col-grey:checked + label:after { + background-color: #9E9E9E; + border-color: #9E9E9E; } + +[type="radio"].radio-col-blue-grey:checked + label:after { + background-color: #607D8B; + border-color: #607D8B; } + +[type="radio"].radio-col-black:checked + label:after { + background-color: #000000; + border-color: #000000; } + +[type="radio"].radio-col-white:checked + label:after { + background-color: #ffffff; + border-color: #ffffff; } + +[type="radio"].with-gap.radio-col-red:checked + label:before { + border: 2px solid #F44336; } + +[type="radio"].with-gap.radio-col-red:checked + label:after { + background-color: #F44336; + border: 2px solid #F44336; } + +[type="radio"].with-gap.radio-col-pink:checked + label:before { + border: 2px solid #E91E63; } + +[type="radio"].with-gap.radio-col-pink:checked + label:after { + background-color: #E91E63; + border: 2px solid #E91E63; } + +[type="radio"].with-gap.radio-col-purple:checked + label:before { + border: 2px solid #9C27B0; } + +[type="radio"].with-gap.radio-col-purple:checked + label:after { + background-color: #9C27B0; + border: 2px solid #9C27B0; } + +[type="radio"].with-gap.radio-col-deep-purple:checked + label:before { + border: 2px solid #673AB7; } + +[type="radio"].with-gap.radio-col-deep-purple:checked + label:after { + background-color: #673AB7; + border: 2px solid #673AB7; } + +[type="radio"].with-gap.radio-col-indigo:checked + label:before { + border: 2px solid #3F51B5; } + +[type="radio"].with-gap.radio-col-indigo:checked + label:after { + background-color: #3F51B5; + border: 2px solid #3F51B5; } + +[type="radio"].with-gap.radio-col-blue:checked + label:before { + border: 2px solid #2196F3; } + +[type="radio"].with-gap.radio-col-blue:checked + label:after { + background-color: #2196F3; + border: 2px solid #2196F3; } + +[type="radio"].with-gap.radio-col-light-blue:checked + label:before { + border: 2px solid #03A9F4; } + +[type="radio"].with-gap.radio-col-light-blue:checked + label:after { + background-color: #03A9F4; + border: 2px solid #03A9F4; } + +[type="radio"].with-gap.radio-col-cyan:checked + label:before { + border: 2px solid #00BCD4; } + +[type="radio"].with-gap.radio-col-cyan:checked + label:after { + background-color: #00BCD4; + border: 2px solid #00BCD4; } + +[type="radio"].with-gap.radio-col-teal:checked + label:before { + border: 2px solid #009688; } + +[type="radio"].with-gap.radio-col-teal:checked + label:after { + background-color: #009688; + border: 2px solid #009688; } + +[type="radio"].with-gap.radio-col-green:checked + label:before { + border: 2px solid #4CAF50; } + +[type="radio"].with-gap.radio-col-green:checked + label:after { + background-color: #4CAF50; + border: 2px solid #4CAF50; } + +[type="radio"].with-gap.radio-col-light-green:checked + label:before { + border: 2px solid #8BC34A; } + +[type="radio"].with-gap.radio-col-light-green:checked + label:after { + background-color: #8BC34A; + border: 2px solid #8BC34A; } + +[type="radio"].with-gap.radio-col-lime:checked + label:before { + border: 2px solid #CDDC39; } + +[type="radio"].with-gap.radio-col-lime:checked + label:after { + background-color: #CDDC39; + border: 2px solid #CDDC39; } + +[type="radio"].with-gap.radio-col-yellow:checked + label:before { + border: 2px solid #ffe821; } + +[type="radio"].with-gap.radio-col-yellow:checked + label:after { + background-color: #ffe821; + border: 2px solid #ffe821; } + +[type="radio"].with-gap.radio-col-amber:checked + label:before { + border: 2px solid #FFC107; } + +[type="radio"].with-gap.radio-col-amber:checked + label:after { + background-color: #FFC107; + border: 2px solid #FFC107; } + +[type="radio"].with-gap.radio-col-orange:checked + label:before { + border: 2px solid #FF9800; } + +[type="radio"].with-gap.radio-col-orange:checked + label:after { + background-color: #FF9800; + border: 2px solid #FF9800; } + +[type="radio"].with-gap.radio-col-deep-orange:checked + label:before { + border: 2px solid #FF5722; } + +[type="radio"].with-gap.radio-col-deep-orange:checked + label:after { + background-color: #FF5722; + border: 2px solid #FF5722; } + +[type="radio"].with-gap.radio-col-brown:checked + label:before { + border: 2px solid #795548; } + +[type="radio"].with-gap.radio-col-brown:checked + label:after { + background-color: #795548; + border: 2px solid #795548; } + +[type="radio"].with-gap.radio-col-grey:checked + label:before { + border: 2px solid #9E9E9E; } + +[type="radio"].with-gap.radio-col-grey:checked + label:after { + background-color: #9E9E9E; + border: 2px solid #9E9E9E; } + +[type="radio"].with-gap.radio-col-blue-grey:checked + label:before { + border: 2px solid #607D8B; } + +[type="radio"].with-gap.radio-col-blue-grey:checked + label:after { + background-color: #607D8B; + border: 2px solid #607D8B; } + +[type="radio"].with-gap.radio-col-black:checked + label:before { + border: 2px solid #000000; } + +[type="radio"].with-gap.radio-col-black:checked + label:after { + background-color: #000000; + border: 2px solid #000000; } + +[type="radio"].with-gap.radio-col-white:checked + label:before { + border: 2px solid #ffffff; } + +[type="radio"].with-gap.radio-col-white:checked + label:after { + background-color: #ffffff; + border: 2px solid #ffffff; } + +/* Switch ====================================== */ +.switch label { + font-weight: normal; + font-size: 13px; } + .switch label .lever { + margin: 0 14px; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-red { + background-color: rgba(244, 67, 54, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-red:after { + background-color: #F44336; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-pink { + background-color: rgba(233, 30, 99, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after { + background-color: #E91E63; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-purple { + background-color: rgba(156, 39, 176, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after { + background-color: #9C27B0; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple { + background-color: rgba(103, 58, 183, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple:after { + background-color: #673AB7; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-indigo { + background-color: rgba(63, 81, 181, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after { + background-color: #3F51B5; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue { + background-color: rgba(33, 150, 243, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after { + background-color: #2196F3; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue { + background-color: rgba(3, 169, 244, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue:after { + background-color: #03A9F4; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-cyan { + background-color: rgba(0, 188, 212, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after { + background-color: #00BCD4; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-teal { + background-color: rgba(0, 150, 136, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { + background-color: #009688; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-green { + background-color: rgba(76, 175, 80, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-green:after { + background-color: #4CAF50; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-green { + background-color: rgba(139, 195, 74, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after { + background-color: #8BC34A; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-lime { + background-color: rgba(205, 220, 57, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-lime:after { + background-color: #CDDC39; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-yellow { + background-color: rgba(255, 232, 33, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after { + background-color: #ffe821; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-amber { + background-color: rgba(255, 193, 7, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-amber:after { + background-color: #FFC107; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-orange { + background-color: rgba(255, 152, 0, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after { + background-color: #FF9800; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange { + background-color: rgba(255, 87, 34, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange:after { + background-color: #FF5722; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-brown { + background-color: rgba(121, 85, 72, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-brown:after { + background-color: #795548; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-grey { + background-color: rgba(158, 158, 158, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-grey:after { + background-color: #9E9E9E; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey { + background-color: rgba(96, 125, 139, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey:after { + background-color: #607D8B; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-black { + background-color: rgba(0, 0, 0, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-black:after { + background-color: #000000; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-white { + background-color: rgba(255, 255, 255, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-white:after { + background-color: #ffffff; } + +/* DateTime Picker ============================= */ +.dtp div.dtp-date, +.dtp div.dtp-time { + background: #007d72; } + +.dtp > .dtp-content > .dtp-date-view > header.dtp-header { + background: #009688; } + +.dtp .dtp-buttons .dtp-btn-ok { + margin-left: 10px; } + +.dtp .dtp-buttons .dtp-btn-clear { + margin-right: 10px !important; } + +.dtp .p10 > a { + color: #fff; } + +.dtp div.dtp-actual-year { + font-size: 1.5em; + color: #ffffff; } + +.dtp table.dtp-picker-days tr td a.selected { + background: #007d72; + color: #fff; } + +/* Bootstrap Select ============================ */ +.bootstrap-select { + box-shadow: none !important; + border-bottom: 1px solid #ddd !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active { + outline: none !important; } + .bootstrap-select .bs-searchbox, + .bootstrap-select .bs-actionsbox, + .bootstrap-select .bs-donebutton { + padding: 0 0 5px 0; + border-bottom: 1px solid #e9e9e9; } + .bootstrap-select .bs-searchbox .form-control, + .bootstrap-select .bs-actionsbox .form-control, + .bootstrap-select .bs-donebutton .form-control { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; + border: none; + margin-left: 30px; } + .bootstrap-select .bs-searchbox { + position: relative; } + .bootstrap-select .bs-searchbox:after { + content: '\E8B6'; + font-family: 'Material Icons'; + position: absolute; + top: 0; + left: 10px; + font-size: 25px; } + .bootstrap-select ul.dropdown-menu { + margin-top: 0 !important; } + .bootstrap-select .dropdown-menu li.selected a { + background-color: #eee !important; + color: #555 !important; } + .bootstrap-select .dropdown-menu .active a { + background-color: transparent; + color: #333 !important; } + .bootstrap-select .dropdown-menu .notify { + background-color: #F44336 !important; + color: #fff !important; + border: none !important; } + +.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { + margin-top: 9px; } + +/* Tooltip & Popovers ========================== */ +.tooltip { + font-size: 13px; } + .tooltip .tooltip-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.popover { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.08); } + .popover .popover-title { + font-weight: bold; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + background-color: #e9e9e9; + border-bottom: 1px solid #ddd; } + .popover .popover-content { + font-size: 13px; + color: #777; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +/* Nav Tabs ==================================== */ +.nav-tabs { + border-bottom: 2px solid #eee; } + .nav-tabs > li { + position: relative; + top: 3px; + left: -2px; } + .nav-tabs > li > a { + border: none !important; + color: #999 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { + background-color: transparent !important; } + .nav-tabs > li > a:before { + content: ''; + position: absolute; + left: 0; + width: 100%; + height: 0; + border-bottom: 2px solid #2196F3; + bottom: 2px; + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -moz-transition: 0.1s ease-in; + -o-transition: 0.1s ease-in; + -webkit-transition: 0.1s ease-in; + transition: 0.1s ease-in; } + .nav-tabs > li > a .material-icons { + position: relative; + top: 7px; + margin-bottom: 8px; } + .nav-tabs li.active a { + color: #222 !important; } + .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus { + background-color: transparent !important; } + .nav-tabs li.active a:before { + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .nav-tabs + .tab-content { + padding: 15px 0; } + +.nav-tabs.tab-col-red > li > a:before { + border-bottom: 2px solid #F44336; } + +.nav-tabs.tab-col-pink > li > a:before { + border-bottom: 2px solid #E91E63; } + +.nav-tabs.tab-col-purple > li > a:before { + border-bottom: 2px solid #9C27B0; } + +.nav-tabs.tab-col-deep-purple > li > a:before { + border-bottom: 2px solid #673AB7; } + +.nav-tabs.tab-col-indigo > li > a:before { + border-bottom: 2px solid #3F51B5; } + +.nav-tabs.tab-col-blue > li > a:before { + border-bottom: 2px solid #2196F3; } + +.nav-tabs.tab-col-light-blue > li > a:before { + border-bottom: 2px solid #03A9F4; } + +.nav-tabs.tab-col-cyan > li > a:before { + border-bottom: 2px solid #00BCD4; } + +.nav-tabs.tab-col-teal > li > a:before { + border-bottom: 2px solid #009688; } + +.nav-tabs.tab-col-green > li > a:before { + border-bottom: 2px solid #4CAF50; } + +.nav-tabs.tab-col-light-green > li > a:before { + border-bottom: 2px solid #8BC34A; } + +.nav-tabs.tab-col-lime > li > a:before { + border-bottom: 2px solid #CDDC39; } + +.nav-tabs.tab-col-yellow > li > a:before { + border-bottom: 2px solid #ffe821; } + +.nav-tabs.tab-col-amber > li > a:before { + border-bottom: 2px solid #FFC107; } + +.nav-tabs.tab-col-orange > li > a:before { + border-bottom: 2px solid #FF9800; } + +.nav-tabs.tab-col-deep-orange > li > a:before { + border-bottom: 2px solid #FF5722; } + +.nav-tabs.tab-col-brown > li > a:before { + border-bottom: 2px solid #795548; } + +.nav-tabs.tab-col-grey > li > a:before { + border-bottom: 2px solid #9E9E9E; } + +.nav-tabs.tab-col-blue-grey > li > a:before { + border-bottom: 2px solid #607D8B; } + +.nav-tabs.tab-col-black > li > a:before { + border-bottom: 2px solid #000000; } + +.nav-tabs.tab-col-white > li > a:before { + border-bottom: 2px solid #ffffff; } + +/* Thumbnails ================================== */ +.thumbnail { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .thumbnail p:not(button) { + color: #999999; + font-size: 14px; } + .thumbnail h3 { + font-weight: bold; + font-size: 17px; } + +/* Modals ====================================== */ +.modal .modal-header { + border: none; + padding: 25px 25px 5px 25px; } + .modal .modal-header .modal-title { + font-weight: bold; + font-size: 16px; } + +.modal .modal-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; + border: none; } + .modal .modal-content .modal-body { + color: #777; + padding: 15px 25px; } + +.modal .modal-footer { + border: none; } + +.modal-col-red { + background-color: #F44336; } + .modal-col-red .modal-body, + .modal-col-red .modal-title { + color: #fff !important; } + .modal-col-red .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-red .modal-footer .btn-link { + color: #fff !important; } + .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-pink { + background-color: #E91E63; } + .modal-col-pink .modal-body, + .modal-col-pink .modal-title { + color: #fff !important; } + .modal-col-pink .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-pink .modal-footer .btn-link { + color: #fff !important; } + .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-purple { + background-color: #9C27B0; } + .modal-col-purple .modal-body, + .modal-col-purple .modal-title { + color: #fff !important; } + .modal-col-purple .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-purple .modal-footer .btn-link { + color: #fff !important; } + .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-deep-purple { + background-color: #673AB7; } + .modal-col-deep-purple .modal-body, + .modal-col-deep-purple .modal-title { + color: #fff !important; } + .modal-col-deep-purple .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-deep-purple .modal-footer .btn-link { + color: #fff !important; } + .modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-indigo { + background-color: #3F51B5; } + .modal-col-indigo .modal-body, + .modal-col-indigo .modal-title { + color: #fff !important; } + .modal-col-indigo .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-indigo .modal-footer .btn-link { + color: #fff !important; } + .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-blue { + background-color: #2196F3; } + .modal-col-blue .modal-body, + .modal-col-blue .modal-title { + color: #fff !important; } + .modal-col-blue .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-blue .modal-footer .btn-link { + color: #fff !important; } + .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-light-blue { + background-color: #03A9F4; } + .modal-col-light-blue .modal-body, + .modal-col-light-blue .modal-title { + color: #fff !important; } + .modal-col-light-blue .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-light-blue .modal-footer .btn-link { + color: #fff !important; } + .modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-cyan { + background-color: #00BCD4; } + .modal-col-cyan .modal-body, + .modal-col-cyan .modal-title { + color: #fff !important; } + .modal-col-cyan .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-cyan .modal-footer .btn-link { + color: #fff !important; } + .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-teal { + background-color: #009688; } + .modal-col-teal .modal-body, + .modal-col-teal .modal-title { + color: #fff !important; } + .modal-col-teal .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-teal .modal-footer .btn-link { + color: #fff !important; } + .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-green { + background-color: #4CAF50; } + .modal-col-green .modal-body, + .modal-col-green .modal-title { + color: #fff !important; } + .modal-col-green .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-green .modal-footer .btn-link { + color: #fff !important; } + .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-light-green { + background-color: #8BC34A; } + .modal-col-light-green .modal-body, + .modal-col-light-green .modal-title { + color: #fff !important; } + .modal-col-light-green .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-light-green .modal-footer .btn-link { + color: #fff !important; } + .modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-lime { + background-color: #CDDC39; } + .modal-col-lime .modal-body, + .modal-col-lime .modal-title { + color: #fff !important; } + .modal-col-lime .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-lime .modal-footer .btn-link { + color: #fff !important; } + .modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-yellow { + background-color: #ffe821; } + .modal-col-yellow .modal-body, + .modal-col-yellow .modal-title { + color: #fff !important; } + .modal-col-yellow .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-yellow .modal-footer .btn-link { + color: #fff !important; } + .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-amber { + background-color: #FFC107; } + .modal-col-amber .modal-body, + .modal-col-amber .modal-title { + color: #fff !important; } + .modal-col-amber .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-amber .modal-footer .btn-link { + color: #fff !important; } + .modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-orange { + background-color: #FF9800; } + .modal-col-orange .modal-body, + .modal-col-orange .modal-title { + color: #fff !important; } + .modal-col-orange .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-orange .modal-footer .btn-link { + color: #fff !important; } + .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-deep-orange { + background-color: #FF5722; } + .modal-col-deep-orange .modal-body, + .modal-col-deep-orange .modal-title { + color: #fff !important; } + .modal-col-deep-orange .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-deep-orange .modal-footer .btn-link { + color: #fff !important; } + .modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-brown { + background-color: #795548; } + .modal-col-brown .modal-body, + .modal-col-brown .modal-title { + color: #fff !important; } + .modal-col-brown .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-brown .modal-footer .btn-link { + color: #fff !important; } + .modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-grey { + background-color: #9E9E9E; } + .modal-col-grey .modal-body, + .modal-col-grey .modal-title { + color: #fff !important; } + .modal-col-grey .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-grey .modal-footer .btn-link { + color: #fff !important; } + .modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-blue-grey { + background-color: #607D8B; } + .modal-col-blue-grey .modal-body, + .modal-col-blue-grey .modal-title { + color: #fff !important; } + .modal-col-blue-grey .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-blue-grey .modal-footer .btn-link { + color: #fff !important; } + .modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-black { + background-color: #000000; } + .modal-col-black .modal-body, + .modal-col-black .modal-title { + color: #fff !important; } + .modal-col-black .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-black .modal-footer .btn-link { + color: #fff !important; } + .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-white { + background-color: #ffffff; } + .modal-col-white .modal-body, + .modal-col-white .modal-title { + color: #fff !important; } + .modal-col-white .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-white .modal-footer .btn-link { + color: #fff !important; } + .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +/* Labels ====================================== */ +.label { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.label-primary { + background-color: #1f91f3; } + +.label-success { + background-color: #2b982b; } + +.label-info { + background-color: #00b0e4; } + +.label-warning { + background-color: #ff9600; } + +.label-danger { + background-color: #fb483a; } + +/* Collapse ==================================== */ +.collapse .well, +.collapse.in .well, +.collapsing .well { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + margin-bottom: 0; } + +/* Tables ====================================== */ +.table tbody tr td, .table tbody tr th { + padding: 10px; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; } + +.table tbody tr.primary td, .table tbody tr.primary th { + background-color: #1f91f3; + color: #fff; } + +.table tbody tr.success td, .table tbody tr.success th { + background-color: #2b982b; + color: #fff; } + +.table tbody tr.info td, .table tbody tr.info th { + background-color: #00b0e4; + color: #fff; } + +.table tbody tr.warning td, .table tbody tr.warning th { + background-color: #ff9600; + color: #fff; } + +.table tbody tr.danger td, .table tbody tr.danger th { + background-color: #fb483a; + color: #fff; } + +.table thead tr th { + padding: 10px; + border-bottom: 1px solid #eee; } + +.table-bordered { + border-top: 1px solid #eee; } + .table-bordered tbody tr td, .table-bordered tbody tr th { + padding: 10px; + border: 1px solid #eee; } + .table-bordered thead tr th { + padding: 10px; + border: 1px solid #eee; } + +/* Panel ======================================= */ +.panel-group .panel-col-red { + border: 1px solid #F44336; } + .panel-group .panel-col-red .panel-title { + background-color: #F44336 !important; + color: #fff; } + .panel-group .panel-col-red .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-pink { + border: 1px solid #E91E63; } + .panel-group .panel-col-pink .panel-title { + background-color: #E91E63 !important; + color: #fff; } + .panel-group .panel-col-pink .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-purple { + border: 1px solid #9C27B0; } + .panel-group .panel-col-purple .panel-title { + background-color: #9C27B0 !important; + color: #fff; } + .panel-group .panel-col-purple .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-deep-purple { + border: 1px solid #673AB7; } + .panel-group .panel-col-deep-purple .panel-title { + background-color: #673AB7 !important; + color: #fff; } + .panel-group .panel-col-deep-purple .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-indigo { + border: 1px solid #3F51B5; } + .panel-group .panel-col-indigo .panel-title { + background-color: #3F51B5 !important; + color: #fff; } + .panel-group .panel-col-indigo .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-blue { + border: 1px solid #2196F3; } + .panel-group .panel-col-blue .panel-title { + background-color: #2196F3 !important; + color: #fff; } + .panel-group .panel-col-blue .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-light-blue { + border: 1px solid #03A9F4; } + .panel-group .panel-col-light-blue .panel-title { + background-color: #03A9F4 !important; + color: #fff; } + .panel-group .panel-col-light-blue .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-cyan { + border: 1px solid #00BCD4; } + .panel-group .panel-col-cyan .panel-title { + background-color: #00BCD4 !important; + color: #fff; } + .panel-group .panel-col-cyan .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-teal { + border: 1px solid #009688; } + .panel-group .panel-col-teal .panel-title { + background-color: #009688 !important; + color: #fff; } + .panel-group .panel-col-teal .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-green { + border: 1px solid #4CAF50; } + .panel-group .panel-col-green .panel-title { + background-color: #4CAF50 !important; + color: #fff; } + .panel-group .panel-col-green .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-light-green { + border: 1px solid #8BC34A; } + .panel-group .panel-col-light-green .panel-title { + background-color: #8BC34A !important; + color: #fff; } + .panel-group .panel-col-light-green .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-lime { + border: 1px solid #CDDC39; } + .panel-group .panel-col-lime .panel-title { + background-color: #CDDC39 !important; + color: #fff; } + .panel-group .panel-col-lime .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-yellow { + border: 1px solid #ffe821; } + .panel-group .panel-col-yellow .panel-title { + background-color: #ffe821 !important; + color: #fff; } + .panel-group .panel-col-yellow .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-amber { + border: 1px solid #FFC107; } + .panel-group .panel-col-amber .panel-title { + background-color: #FFC107 !important; + color: #fff; } + .panel-group .panel-col-amber .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-orange { + border: 1px solid #FF9800; } + .panel-group .panel-col-orange .panel-title { + background-color: #FF9800 !important; + color: #fff; } + .panel-group .panel-col-orange .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-deep-orange { + border: 1px solid #FF5722; } + .panel-group .panel-col-deep-orange .panel-title { + background-color: #FF5722 !important; + color: #fff; } + .panel-group .panel-col-deep-orange .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-brown { + border: 1px solid #795548; } + .panel-group .panel-col-brown .panel-title { + background-color: #795548 !important; + color: #fff; } + .panel-group .panel-col-brown .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-grey { + border: 1px solid #9E9E9E; } + .panel-group .panel-col-grey .panel-title { + background-color: #9E9E9E !important; + color: #fff; } + .panel-group .panel-col-grey .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-blue-grey { + border: 1px solid #607D8B; } + .panel-group .panel-col-blue-grey .panel-title { + background-color: #607D8B !important; + color: #fff; } + .panel-group .panel-col-blue-grey .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-black { + border: 1px solid #000000; } + .panel-group .panel-col-black .panel-title { + background-color: #000000 !important; + color: #fff; } + .panel-group .panel-col-black .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-white { + border: 1px solid #ffffff; } + .panel-group .panel-col-white .panel-title { + background-color: #ffffff !important; + color: #fff; } + .panel-group .panel-col-white .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .panel-group .panel .panel-title .material-icons { + float: left; + line-height: 16px; + margin-right: 8px; } + .panel-group .panel .panel-heading { + padding: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .panel-group .panel .panel-heading a { + display: block; + padding: 10px 15px; } + .panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active { + text-decoration: none; } + .panel-group .panel .panel-body { + color: #555; } + +.panel-group .panel-primary { + border: 1px solid #1f91f3; } + .panel-group .panel-primary .panel-title { + background-color: #1f91f3; } + +.panel-group .panel-success { + border: 1px solid #2b982b; } + .panel-group .panel-success .panel-title { + background-color: #2b982b; + color: #fff; } + +.panel-group .panel-warning { + border: 1px solid #ff9600; } + .panel-group .panel-warning .panel-title { + background-color: #ff9600; + color: #fff; } + +.panel-group .panel-danger { + border: 1px solid #fb483a; } + .panel-group .panel-danger .panel-title { + background-color: #fb483a; + color: #fff; } + +.full-body .panel-col-red .panel-body { + border-top-color: #fff !important; + background-color: #F44336; + color: #fff; } + +.full-body .panel-col-pink .panel-body { + border-top-color: #fff !important; + background-color: #E91E63; + color: #fff; } + +.full-body .panel-col-purple .panel-body { + border-top-color: #fff !important; + background-color: #9C27B0; + color: #fff; } + +.full-body .panel-col-deep-purple .panel-body { + border-top-color: #fff !important; + background-color: #673AB7; + color: #fff; } + +.full-body .panel-col-indigo .panel-body { + border-top-color: #fff !important; + background-color: #3F51B5; + color: #fff; } + +.full-body .panel-col-blue .panel-body { + border-top-color: #fff !important; + background-color: #2196F3; + color: #fff; } + +.full-body .panel-col-light-blue .panel-body { + border-top-color: #fff !important; + background-color: #03A9F4; + color: #fff; } + +.full-body .panel-col-cyan .panel-body { + border-top-color: #fff !important; + background-color: #00BCD4; + color: #fff; } + +.full-body .panel-col-teal .panel-body { + border-top-color: #fff !important; + background-color: #009688; + color: #fff; } + +.full-body .panel-col-green .panel-body { + border-top-color: #fff !important; + background-color: #4CAF50; + color: #fff; } + +.full-body .panel-col-light-green .panel-body { + border-top-color: #fff !important; + background-color: #8BC34A; + color: #fff; } + +.full-body .panel-col-lime .panel-body { + border-top-color: #fff !important; + background-color: #CDDC39; + color: #fff; } + +.full-body .panel-col-yellow .panel-body { + border-top-color: #fff !important; + background-color: #ffe821; + color: #fff; } + +.full-body .panel-col-amber .panel-body { + border-top-color: #fff !important; + background-color: #FFC107; + color: #fff; } + +.full-body .panel-col-orange .panel-body { + border-top-color: #fff !important; + background-color: #FF9800; + color: #fff; } + +.full-body .panel-col-deep-orange .panel-body { + border-top-color: #fff !important; + background-color: #FF5722; + color: #fff; } + +.full-body .panel-col-brown .panel-body { + border-top-color: #fff !important; + background-color: #795548; + color: #fff; } + +.full-body .panel-col-grey .panel-body { + border-top-color: #fff !important; + background-color: #9E9E9E; + color: #fff; } + +.full-body .panel-col-blue-grey .panel-body { + border-top-color: #fff !important; + background-color: #607D8B; + color: #fff; } + +.full-body .panel-col-black .panel-body { + border-top-color: #fff !important; + background-color: #000000; + color: #fff; } + +.full-body .panel-col-white .panel-body { + border-top-color: #fff !important; + background-color: #ffffff; + color: #fff; } + +.full-body .panel-primary .panel-body { + border-top-color: #fff !important; + background-color: #1f91f3; + color: #fff; } + +.full-body .panel-success .panel-body { + border-top-color: #fff !important; + background-color: #2b982b; + color: #fff; } + +.full-body .panel-warning .panel-body { + border-top-color: #fff !important; + background-color: #ff9600; + color: #fff; } + +.full-body .panel-danger .panel-body { + border-top-color: #fff !important; + background-color: #fb483a; + color: #fff; } + +/* Progress Bars =============================== */ +.progress { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + height: 22px; } + .progress .progress-bar { + line-height: 23px; + background-color: #1f91f3; } + .progress .progress-bar-success { + background-color: #2b982b; } + .progress .progress-bar-info { + background-color: #00b0e4; } + .progress .progress-bar-warning { + background-color: #ff9600; } + .progress .progress-bar-danger { + background-color: #fb483a; } + +/* Ion Range Slider ============================ */ +.irs .irs-min, +.irs .irs-max, +.irs .irs-from, +.irs .irs-to, +.irs .irs-single { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +/* Input Group ================================= */ +.input-group { + width: 100%; + margin-bottom: 20px; } + .input-group .form-line { + display: inline-block; + width: 100%; + border-bottom: 1px solid #ddd; + position: relative; } + .input-group .form-line:after { + content: ''; + position: absolute; + left: 0; + width: 100%; + bottom: -2px; + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -moz-transition: 0.25s ease-in; + -o-transition: 0.25s ease-in; + -webkit-transition: 0.25s ease-in; + transition: 0.25s ease-in; + border-bottom: 2px solid #1f91f3; } + .input-group .form-line + .input-group-addon { + padding-right: 0; + padding-left: 10px; } + .input-group .help-info { + float: right; + font-size: 12px; + margin-top: 5px; + color: #999; } + .input-group label.error { + font-size: 12px; + display: block; + margin-top: 5px; + font-weight: normal; + color: #F44336; } + .input-group .form-line.error:after { + border-bottom: 2px solid #F44336; } + .input-group .form-line.success:after { + border-bottom: 2px solid #4CAF50; } + .input-group .form-line.warning:after { + border-bottom: 2px solid #FFC107; } + .input-group .form-line.focused:after { + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .input-group .form-line.focused .form-label { + bottom: 25px; + left: 0; + font-size: 12px; } + .input-group .input-group-addon { + border: none; + background-color: transparent; + padding-left: 0; + font-weight: bold; } + .input-group .input-group-addon .material-icons { + font-size: 18px; + color: #555; } + .input-group input[type="text"], + .input-group .form-control { + border: none; + box-shadow: none; + padding-left: 0; } + .input-group .form-control:focus { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; } + +.input-group.input-group-sm .input-group-addon i { + font-size: 14px; } + +.input-group.input-group-sm .form-control { + font-size: 12px; } + +.input-group.input-group-lg .input-group-addon i { + font-size: 26px; } + +.input-group.input-group-lg .form-control { + font-size: 18px; } + +.form-control-label { + text-align: right; } + .form-control-label label { + margin-top: 8px; } + +.form-horizontal .form-group { + margin-bottom: 0; } + +.form-group { + width: 100%; + margin-bottom: 25px; } + .form-group .form-control { + width: 100%; + border: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + padding-left: 0; } + .form-group .help-info { + float: right; + font-size: 12px; + margin-top: 5px; + color: #999; } + .form-group label.error { + font-size: 12px; + display: block; + margin-top: 5px; + font-weight: normal; + color: #F44336; } + .form-group .form-line { + width: 100%; + position: relative; + border-bottom: 1px solid #ddd; } + .form-group .form-line:after { + content: ''; + position: absolute; + left: 0; + width: 100%; + height: 0; + bottom: -1px; + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -moz-transition: 0.25s ease-in; + -o-transition: 0.25s ease-in; + -webkit-transition: 0.25s ease-in; + transition: 0.25s ease-in; + border-bottom: 2px solid #1f91f3; } + .form-group .form-line .form-label { + font-weight: normal; + color: #aaa; + position: absolute; + top: 10px; + left: 0; + cursor: text; + -moz-transition: 0.2s; + -o-transition: 0.2s; + -webkit-transition: 0.2s; + transition: 0.2s; } + .form-group .form-line.error:after { + border-bottom: 2px solid #F44336; } + .form-group .form-line.success:after { + border-bottom: 2px solid #4CAF50; } + .form-group .form-line.warning:after { + border-bottom: 2px solid #FFC107; } + .form-group .form-line.focused:after { + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .form-group .form-line.focused .form-label { + top: -10px; + left: 0; + font-size: 12px; } + +.form-group-sm .form-label { + font-size: 12px; } + +.form-group-sm .form-line.focused .form-label { + bottom: 20px; + font-size: 10px; } + +.form-group-lg .form-label { + font-size: 18px; } + +.form-group-lg .form-line.focused .form-label { + bottom: 35px; + font-size: 12px; } + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: transparent; } + +/* Color Picker ================================ */ +.colorpicker { + z-index: 1; } + .colorpicker:before, .colorpicker:after { + display: none !important; } + +/* Dropzone ==================================== */ +.dropzone { + border: 2px solid transparent !important; + background-color: #eee !important; } + .dropzone .dz-message .drag-icon-cph .material-icons { + font-size: 80px; + color: #777; } + +.dz-drag-hover { + border: 2px dashed #888 !important; } + +/* Breadcrumbs ================================= */ +.breadcrumb { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + background-color: transparent; + font-size: 13px; + margin-bottom: 10px; } + .breadcrumb li a { + color: #444; + text-decoration: none; } + .breadcrumb li a .material-icons { + font-size: 18px; + position: relative; + top: 4px; } + .breadcrumb li .material-icons { + font-size: 18px; + position: relative; + top: 4px; } + .breadcrumb > li + li:before { + content: '>\00a0'; } + +.breadcrumb-col-red li a { + color: #F44336 !important; + font-weight: bold; } + +.breadcrumb-bg-red { + background-color: #F44336 !important; } + .breadcrumb-bg-red li { + color: #fff !important; } + .breadcrumb-bg-red li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-red li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-red li + li:before { + color: #fff; } + +.breadcrumb-col-pink li a { + color: #E91E63 !important; + font-weight: bold; } + +.breadcrumb-bg-pink { + background-color: #E91E63 !important; } + .breadcrumb-bg-pink li { + color: #fff !important; } + .breadcrumb-bg-pink li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-pink li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-pink li + li:before { + color: #fff; } + +.breadcrumb-col-purple li a { + color: #9C27B0 !important; + font-weight: bold; } + +.breadcrumb-bg-purple { + background-color: #9C27B0 !important; } + .breadcrumb-bg-purple li { + color: #fff !important; } + .breadcrumb-bg-purple li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-purple li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-purple li + li:before { + color: #fff; } + +.breadcrumb-col-deep-purple li a { + color: #673AB7 !important; + font-weight: bold; } + +.breadcrumb-bg-deep-purple { + background-color: #673AB7 !important; } + .breadcrumb-bg-deep-purple li { + color: #fff !important; } + .breadcrumb-bg-deep-purple li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-deep-purple li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-deep-purple li + li:before { + color: #fff; } + +.breadcrumb-col-indigo li a { + color: #3F51B5 !important; + font-weight: bold; } + +.breadcrumb-bg-indigo { + background-color: #3F51B5 !important; } + .breadcrumb-bg-indigo li { + color: #fff !important; } + .breadcrumb-bg-indigo li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-indigo li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-indigo li + li:before { + color: #fff; } + +.breadcrumb-col-blue li a { + color: #2196F3 !important; + font-weight: bold; } + +.breadcrumb-bg-blue { + background-color: #2196F3 !important; } + .breadcrumb-bg-blue li { + color: #fff !important; } + .breadcrumb-bg-blue li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-blue li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-blue li + li:before { + color: #fff; } + +.breadcrumb-col-light-blue li a { + color: #03A9F4 !important; + font-weight: bold; } + +.breadcrumb-bg-light-blue { + background-color: #03A9F4 !important; } + .breadcrumb-bg-light-blue li { + color: #fff !important; } + .breadcrumb-bg-light-blue li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-light-blue li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-light-blue li + li:before { + color: #fff; } + +.breadcrumb-col-cyan li a { + color: #00BCD4 !important; + font-weight: bold; } + +.breadcrumb-bg-cyan { + background-color: #00BCD4 !important; } + .breadcrumb-bg-cyan li { + color: #fff !important; } + .breadcrumb-bg-cyan li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-cyan li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-cyan li + li:before { + color: #fff; } + +.breadcrumb-col-teal li a { + color: #009688 !important; + font-weight: bold; } + +.breadcrumb-bg-teal { + background-color: #009688 !important; } + .breadcrumb-bg-teal li { + color: #fff !important; } + .breadcrumb-bg-teal li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-teal li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-teal li + li:before { + color: #fff; } + +.breadcrumb-col-green li a { + color: #4CAF50 !important; + font-weight: bold; } + +.breadcrumb-bg-green { + background-color: #4CAF50 !important; } + .breadcrumb-bg-green li { + color: #fff !important; } + .breadcrumb-bg-green li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-green li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-green li + li:before { + color: #fff; } + +.breadcrumb-col-light-green li a { + color: #8BC34A !important; + font-weight: bold; } + +.breadcrumb-bg-light-green { + background-color: #8BC34A !important; } + .breadcrumb-bg-light-green li { + color: #fff !important; } + .breadcrumb-bg-light-green li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-light-green li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-light-green li + li:before { + color: #fff; } + +.breadcrumb-col-lime li a { + color: #CDDC39 !important; + font-weight: bold; } + +.breadcrumb-bg-lime { + background-color: #CDDC39 !important; } + .breadcrumb-bg-lime li { + color: #fff !important; } + .breadcrumb-bg-lime li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-lime li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-lime li + li:before { + color: #fff; } + +.breadcrumb-col-yellow li a { + color: #ffe821 !important; + font-weight: bold; } + +.breadcrumb-bg-yellow { + background-color: #ffe821 !important; } + .breadcrumb-bg-yellow li { + color: #fff !important; } + .breadcrumb-bg-yellow li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-yellow li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-yellow li + li:before { + color: #fff; } + +.breadcrumb-col-amber li a { + color: #FFC107 !important; + font-weight: bold; } + +.breadcrumb-bg-amber { + background-color: #FFC107 !important; } + .breadcrumb-bg-amber li { + color: #fff !important; } + .breadcrumb-bg-amber li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-amber li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-amber li + li:before { + color: #fff; } + +.breadcrumb-col-orange li a { + color: #FF9800 !important; + font-weight: bold; } + +.breadcrumb-bg-orange { + background-color: #FF9800 !important; } + .breadcrumb-bg-orange li { + color: #fff !important; } + .breadcrumb-bg-orange li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-orange li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-orange li + li:before { + color: #fff; } + +.breadcrumb-col-deep-orange li a { + color: #FF5722 !important; + font-weight: bold; } + +.breadcrumb-bg-deep-orange { + background-color: #FF5722 !important; } + .breadcrumb-bg-deep-orange li { + color: #fff !important; } + .breadcrumb-bg-deep-orange li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-deep-orange li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-deep-orange li + li:before { + color: #fff; } + +.breadcrumb-col-brown li a { + color: #795548 !important; + font-weight: bold; } + +.breadcrumb-bg-brown { + background-color: #795548 !important; } + .breadcrumb-bg-brown li { + color: #fff !important; } + .breadcrumb-bg-brown li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-brown li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-brown li + li:before { + color: #fff; } + +.breadcrumb-col-grey li a { + color: #9E9E9E !important; + font-weight: bold; } + +.breadcrumb-bg-grey { + background-color: #9E9E9E !important; } + .breadcrumb-bg-grey li { + color: #fff !important; } + .breadcrumb-bg-grey li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-grey li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-grey li + li:before { + color: #fff; } + +.breadcrumb-col-blue-grey li a { + color: #607D8B !important; + font-weight: bold; } + +.breadcrumb-bg-blue-grey { + background-color: #607D8B !important; } + .breadcrumb-bg-blue-grey li { + color: #fff !important; } + .breadcrumb-bg-blue-grey li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-blue-grey li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-blue-grey li + li:before { + color: #fff; } + +.breadcrumb-col-black li a { + color: #000000 !important; + font-weight: bold; } + +.breadcrumb-bg-black { + background-color: #000000 !important; } + .breadcrumb-bg-black li { + color: #fff !important; } + .breadcrumb-bg-black li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-black li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-black li + li:before { + color: #fff; } + +.breadcrumb-col-white li a { + color: #ffffff !important; + font-weight: bold; } + +.breadcrumb-bg-white { + background-color: #ffffff !important; } + .breadcrumb-bg-white li { + color: #fff !important; } + .breadcrumb-bg-white li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-white li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-white li + li:before { + color: #fff; } + +/* Badge | List Group Item ===================== */ +.badge { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; } + +.list-group-item { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + +.list-group .active { + background-color: #2196F3; + border-color: #2196F3; } + .list-group .active:hover, .list-group .active:focus, .list-group .active:active { + background-color: #2196F3; + border-color: #2196F3; } + .list-group .active .list-group-item-text { + color: #dfe9f1; + font-size: 13px; } + .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus { + color: #dfe9f1; } + +.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text { + color: #dfe9f1; } + +.list-group .list-group-item:first-child, .list-group .list-group-item:last-child { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.list-group .list-group-item .list-group-item-heading { + font-weight: bold; + font-size: 17px; } + +.list-group .list-group-item-success { + background-color: #2b982b; + border: none; + color: #fff; } + .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus { + background-color: #2b982b; + color: #fff; + opacity: 0.8; } + +.list-group .list-group-item-info { + background-color: #00b0e4; + border: none; + color: #fff; } + .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus { + background-color: #00b0e4; + color: #fff; + opacity: 0.8; } + +.list-group .list-group-item-warning { + background-color: #ff9600; + border: none; + color: #fff; } + .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus { + background-color: #ff9600; + color: #fff; + opacity: 0.8; } + +.list-group .list-group-item-danger { + background-color: #fb483a; + border: none; + color: #fff; } + .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus { + background-color: #fb483a; + color: #fff; + opacity: 0.8; } + +.list-group .pl-red { + stroke: #F44336; } + +.list-group .list-group-bg-red { + background-color: #F44336; + border: none; + color: #fff; } + .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus { + background-color: #F44336; + color: #fff; + opacity: 0.8; } + +.list-group .pl-pink { + stroke: #E91E63; } + +.list-group .list-group-bg-pink { + background-color: #E91E63; + border: none; + color: #fff; } + .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus { + background-color: #E91E63; + color: #fff; + opacity: 0.8; } + +.list-group .pl-purple { + stroke: #9C27B0; } + +.list-group .list-group-bg-purple { + background-color: #9C27B0; + border: none; + color: #fff; } + .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus { + background-color: #9C27B0; + color: #fff; + opacity: 0.8; } + +.list-group .pl-deep-purple { + stroke: #673AB7; } + +.list-group .list-group-bg-deep-purple { + background-color: #673AB7; + border: none; + color: #fff; } + .list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus { + background-color: #673AB7; + color: #fff; + opacity: 0.8; } + +.list-group .pl-indigo { + stroke: #3F51B5; } + +.list-group .list-group-bg-indigo { + background-color: #3F51B5; + border: none; + color: #fff; } + .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus { + background-color: #3F51B5; + color: #fff; + opacity: 0.8; } + +.list-group .pl-blue { + stroke: #2196F3; } + +.list-group .list-group-bg-blue { + background-color: #2196F3; + border: none; + color: #fff; } + .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus { + background-color: #2196F3; + color: #fff; + opacity: 0.8; } + +.list-group .pl-light-blue { + stroke: #03A9F4; } + +.list-group .list-group-bg-light-blue { + background-color: #03A9F4; + border: none; + color: #fff; } + .list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus { + background-color: #03A9F4; + color: #fff; + opacity: 0.8; } + +.list-group .pl-cyan { + stroke: #00BCD4; } + +.list-group .list-group-bg-cyan { + background-color: #00BCD4; + border: none; + color: #fff; } + .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus { + background-color: #00BCD4; + color: #fff; + opacity: 0.8; } + +.list-group .pl-teal { + stroke: #009688; } + +.list-group .list-group-bg-teal { + background-color: #009688; + border: none; + color: #fff; } + .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus { + background-color: #009688; + color: #fff; + opacity: 0.8; } + +.list-group .pl-green { + stroke: #4CAF50; } + +.list-group .list-group-bg-green { + background-color: #4CAF50; + border: none; + color: #fff; } + .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus { + background-color: #4CAF50; + color: #fff; + opacity: 0.8; } + +.list-group .pl-light-green { + stroke: #8BC34A; } + +.list-group .list-group-bg-light-green { + background-color: #8BC34A; + border: none; + color: #fff; } + .list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus { + background-color: #8BC34A; + color: #fff; + opacity: 0.8; } + +.list-group .pl-lime { + stroke: #CDDC39; } + +.list-group .list-group-bg-lime { + background-color: #CDDC39; + border: none; + color: #fff; } + .list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus { + background-color: #CDDC39; + color: #fff; + opacity: 0.8; } + +.list-group .pl-yellow { + stroke: #ffe821; } + +.list-group .list-group-bg-yellow { + background-color: #ffe821; + border: none; + color: #fff; } + .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus { + background-color: #ffe821; + color: #fff; + opacity: 0.8; } + +.list-group .pl-amber { + stroke: #FFC107; } + +.list-group .list-group-bg-amber { + background-color: #FFC107; + border: none; + color: #fff; } + .list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus { + background-color: #FFC107; + color: #fff; + opacity: 0.8; } + +.list-group .pl-orange { + stroke: #FF9800; } + +.list-group .list-group-bg-orange { + background-color: #FF9800; + border: none; + color: #fff; } + .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus { + background-color: #FF9800; + color: #fff; + opacity: 0.8; } + +.list-group .pl-deep-orange { + stroke: #FF5722; } + +.list-group .list-group-bg-deep-orange { + background-color: #FF5722; + border: none; + color: #fff; } + .list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus { + background-color: #FF5722; + color: #fff; + opacity: 0.8; } + +.list-group .pl-brown { + stroke: #795548; } + +.list-group .list-group-bg-brown { + background-color: #795548; + border: none; + color: #fff; } + .list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus { + background-color: #795548; + color: #fff; + opacity: 0.8; } + +.list-group .pl-grey { + stroke: #9E9E9E; } + +.list-group .list-group-bg-grey { + background-color: #9E9E9E; + border: none; + color: #fff; } + .list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus { + background-color: #9E9E9E; + color: #fff; + opacity: 0.8; } + +.list-group .pl-blue-grey { + stroke: #607D8B; } + +.list-group .list-group-bg-blue-grey { + background-color: #607D8B; + border: none; + color: #fff; } + .list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus { + background-color: #607D8B; + color: #fff; + opacity: 0.8; } + +.list-group .pl-black { + stroke: #000000; } + +.list-group .list-group-bg-black { + background-color: #000000; + border: none; + color: #fff; } + .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus { + background-color: #000000; + color: #fff; + opacity: 0.8; } + +.list-group .pl-white { + stroke: #ffffff; } + +.list-group .list-group-bg-white { + background-color: #ffffff; + border: none; + color: #fff; } + .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus { + background-color: #ffffff; + color: #fff; + opacity: 0.8; } + +/* Pagination & Pager ========================== */ +.pager li > a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + border: none; + background-color: transparent; + color: #222; + font-weight: bold; } + +.pager li a:focus, +.pager li a:active { + background-color: transparent; } + +.pagination .disabled a, +.pagination .disabled a:hover, +.pagination .disabled a:focus, +.pagination .disabled a:active { + color: #bbb; } + +.pagination li.active a { + background-color: #2196F3; } + +.pagination li { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .pagination li a:focus, + .pagination li a:active { + background-color: transparent; + color: #555; } + +.pagination > li > a { + border: none; + font-weight: bold; + color: #555; } + +.pagination > li:first-child > a, +.pagination > li:last-child > a { + width: auto; + height: 32px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .pagination > li:first-child > a .material-icons, + .pagination > li:last-child > a .material-icons { + position: relative; + bottom: 2px; } + +.pagination-sm > li:first-child > a, +.pagination-sm > li:last-child > a { + width: 28px; + height: 28px; } + .pagination-sm > li:first-child > a .material-icons, + .pagination-sm > li:last-child > a .material-icons { + position: relative; + top: -1px; + left: -6px; + font-size: 20px; } + +.pagination-lg > li:first-child > a, +.pagination-lg > li:last-child > a { + width: 44px; + height: 44px; } + .pagination-lg > li:first-child > a .material-icons, + .pagination-lg > li:last-child > a .material-icons { + font-size: 30px; + position: relative; + top: -3px; + left: -10px; } + +/* Media Object ================================ */ +.media { + margin-bottom: 25px; } + .media .media-body { + color: #777; + font-size: 13px; } + .media .media-body .media-heading { + font-size: 16px; + font-weight: bold; + color: #333; } + +/* Form Wizard ================================= */ +.wizard, +.tabcontrol { + display: block; + width: 100%; + overflow: hidden; } + +.wizard a, +.tabcontrol a { + outline: 0; } + +.wizard ul, +.tabcontrol ul { + list-style: none !important; + padding: 0; + margin: 0; } + +.wizard ul > li, .tabcontrol ul > li { + display: block; + padding: 0; } + +/* Accessibility */ +.wizard > .steps .current-info, +.tabcontrol > .steps .current-info, +.wizard > .content > .title, +.tabcontrol > .content > .title { + position: absolute; + left: -999em; } + +.wizard > .steps { + position: relative; + display: block; + width: 100%; } + +.wizard.vertical > .steps { + float: left; + width: 30%; } + +.wizard.vertical > .steps > ul > li { + float: none; + width: 100%; } + +.wizard.vertical > .content { + float: left; + margin: 0 0 0.5em 0; + width: 70%; } + +.wizard.vertical > .actions { + float: right; + width: 100%; } + +.wizard.vertical > .actions > ul > li { + margin: 0 0 0 1em; } + +.wizard > .steps .number { + font-size: 1.429em; } + +.wizard > .steps > ul > li { + width: 25%; + float: left; } + +.wizard > .actions > ul > li { + float: left; } + +.wizard > .steps a { + display: block; + width: auto; + margin: 0 0.5em 0.5em; + padding: 1em 1em; + text-decoration: none; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + .wizard > .steps a:hover, .wizard > .steps a:active { + display: block; + width: auto; + margin: 0 0.5em 0.5em; + padding: 1em 1em; + text-decoration: none; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + +.wizard > .steps .disabled a { + background: #eee; + color: #aaa; + cursor: default; } + .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { + background: #eee; + color: #aaa; + cursor: default; } + +.wizard > .steps .current a { + background: #2184be; + color: #fff; + cursor: default; } + .wizard > .steps .current a:hover, .wizard > .steps .current a:active { + background: #2184be; + color: #fff; + cursor: default; } + +.wizard > .steps .done a { + background: #9dc8e2; + color: #fff; } + .wizard > .steps .done a:hover, .wizard > .steps .done a:active { + background: #9dc8e2; + color: #fff; } + +.wizard > .steps .error a { + background: #ff3111; + color: #fff; } + .wizard > .steps .error a:hover, .wizard > .steps .error a:active { + background: #ff3111; + color: #fff; } + +.wizard > .content { + border: 1px solid #ddd; + display: block; + margin: 0.5em; + min-height: 35em; + overflow: hidden; + position: relative; + width: auto; } + +.wizard > .actions { + position: relative; + display: block; + text-align: right; + width: 100%; } + +.wizard > .actions > ul { + display: inline-block; + text-align: right; } + .wizard > .actions > ul > li { + margin: 0 0.5em; } + +.wizard > .actions a { + background: #009688; + color: #fff; + display: block; + padding: 0.5em 1em; + text-decoration: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .wizard > .actions a:hover, .wizard > .actions a:active { + background: #009688; + color: #fff; + display: block; + padding: 0.5em 1em; + text-decoration: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.wizard > .actions .disabled a { + background: #eee; + color: #aaa; } + .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { + background: #eee; + color: #aaa; } + +.tabcontrol > .steps { + position: relative; + display: block; + width: 100%; } + .tabcontrol > .steps > ul { + position: relative; + margin: 6px 0 0 0; + top: 1px; + z-index: 1; } + .tabcontrol > .steps > ul > li { + float: left; + margin: 5px 2px 0 0; + padding: 1px; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + .tabcontrol > .steps > ul > li:hover { + background: #edecec; + border: 1px solid #bbb; + padding: 0; } + .tabcontrol > .steps > ul > li.current { + background: #fff; + border: 1px solid #bbb; + border-bottom: 0 none; + padding: 0 0 1px 0; + margin-top: 0; } + .tabcontrol > .steps > ul > li.current > a { + padding: 15px 30px 10px 30px; } + .tabcontrol > .steps > ul > li > a { + color: #5f5f5f; + display: inline-block; + border: 0 none; + margin: 0; + padding: 10px 30px; + text-decoration: none; } + .tabcontrol > .steps > ul > li > a:hover { + text-decoration: none; } + +.tabcontrol > .content { + position: relative; + display: inline-block; + width: 100%; + height: 35em; + overflow: hidden; + border-top: 1px solid #bbb; + padding-top: 20px; } + .tabcontrol > .content > .body { + float: left; + position: absolute; + width: 95%; + height: 95%; + padding: 2.5%; } + .tabcontrol > .content > .body ul { + list-style: disc !important; } + .tabcontrol > .content > .body ul > li { + display: list-item; } + +.wizard .content { + min-height: 245px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + overflow-y: auto; } + .wizard .content .body { + padding: 15px; } + +.wizard .steps a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.wizard .steps .done a { + background-color: rgba(0, 150, 136, 0.6); } + .wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus { + background-color: rgba(0, 150, 136, 0.5); } + +.wizard .steps .error a { + background-color: #F44336 !important; } + +.wizard .steps .current a { + background-color: #009688; } + .wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover { + background-color: #009688; } + +/* Waves ======================================= */ +.waves-effect.waves-red .waves-ripple { + background: rgba(244, 67, 54, 0.5); } + +.waves-effect.waves-pink .waves-ripple { + background: rgba(233, 30, 99, 0.5); } + +.waves-effect.waves-purple .waves-ripple { + background: rgba(156, 39, 176, 0.5); } + +.waves-effect.waves-deep-purple .waves-ripple { + background: rgba(103, 58, 183, 0.5); } + +.waves-effect.waves-indigo .waves-ripple { + background: rgba(63, 81, 181, 0.5); } + +.waves-effect.waves-blue .waves-ripple { + background: rgba(33, 150, 243, 0.5); } + +.waves-effect.waves-light-blue .waves-ripple { + background: rgba(3, 169, 244, 0.5); } + +.waves-effect.waves-cyan .waves-ripple { + background: rgba(0, 188, 212, 0.5); } + +.waves-effect.waves-teal .waves-ripple { + background: rgba(0, 150, 136, 0.5); } + +.waves-effect.waves-green .waves-ripple { + background: rgba(76, 175, 80, 0.5); } + +.waves-effect.waves-light-green .waves-ripple { + background: rgba(139, 195, 74, 0.5); } + +.waves-effect.waves-lime .waves-ripple { + background: rgba(205, 220, 57, 0.5); } + +.waves-effect.waves-yellow .waves-ripple { + background: rgba(255, 232, 33, 0.5); } + +.waves-effect.waves-amber .waves-ripple { + background: rgba(255, 193, 7, 0.5); } + +.waves-effect.waves-orange .waves-ripple { + background: rgba(255, 152, 0, 0.5); } + +.waves-effect.waves-deep-orange .waves-ripple { + background: rgba(255, 87, 34, 0.5); } + +.waves-effect.waves-brown .waves-ripple { + background: rgba(121, 85, 72, 0.5); } + +.waves-effect.waves-grey .waves-ripple { + background: rgba(158, 158, 158, 0.5); } + +.waves-effect.waves-blue-grey .waves-ripple { + background: rgba(96, 125, 139, 0.5); } + +.waves-effect.waves-black .waves-ripple { + background: rgba(0, 0, 0, 0.5); } + +.waves-effect.waves-white .waves-ripple { + background: rgba(255, 255, 255, 0.5); } + +/* Page Loader ================================= */ +.page-loader-wrapper { + z-index: 99999999; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + background: #eee; + overflow: hidden; + text-align: center; } + .page-loader-wrapper p { + font-size: 13px; + margin-top: 10px; + font-weight: bold; + color: #444; } + .page-loader-wrapper .loader { + position: relative; + top: calc(50% - 30px); } + +/* Preloaders ================================== */ +.md-preloader .pl-red { + stroke: #F44336; } + +.md-preloader .pl-pink { + stroke: #E91E63; } + +.md-preloader .pl-purple { + stroke: #9C27B0; } + +.md-preloader .pl-deep-purple { + stroke: #673AB7; } + +.md-preloader .pl-indigo { + stroke: #3F51B5; } + +.md-preloader .pl-blue { + stroke: #2196F3; } + +.md-preloader .pl-light-blue { + stroke: #03A9F4; } + +.md-preloader .pl-cyan { + stroke: #00BCD4; } + +.md-preloader .pl-teal { + stroke: #009688; } + +.md-preloader .pl-green { + stroke: #4CAF50; } + +.md-preloader .pl-light-green { + stroke: #8BC34A; } + +.md-preloader .pl-lime { + stroke: #CDDC39; } + +.md-preloader .pl-yellow { + stroke: #ffe821; } + +.md-preloader .pl-amber { + stroke: #FFC107; } + +.md-preloader .pl-orange { + stroke: #FF9800; } + +.md-preloader .pl-deep-orange { + stroke: #FF5722; } + +.md-preloader .pl-brown { + stroke: #795548; } + +.md-preloader .pl-grey { + stroke: #9E9E9E; } + +.md-preloader .pl-blue-grey { + stroke: #607D8B; } + +.md-preloader .pl-black { + stroke: #000000; } + +.md-preloader .pl-white { + stroke: #ffffff; } + +.preloader { + display: inline-block; + position: relative; + width: 50px; + height: 50px; + -webkit-animation: container-rotate 1568ms linear infinite; + -moz-animation: container-rotate 1568ms linear infinite; + -o-animation: container-rotate 1568ms linear infinite; + animation: container-rotate 1568ms linear infinite; } + .preloader.pl-size-xl { + width: 75px; + height: 75px; } + .preloader.pl-size-l { + width: 60px; + height: 60px; } + .preloader.pl-size-md { + width: 50px; + height: 50px; } + .preloader.pl-size-sm { + width: 40px; + height: 40px; } + .preloader.pl-size-xs { + width: 25px; + height: 25px; } + +.spinner-layer { + position: absolute; + width: 100%; + height: 100%; + border-color: #F44336; + -ms-opacity: 1; + opacity: 1; + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } + .spinner-layer.pl-red { + border-color: #F44336; } + .spinner-layer.pl-pink { + border-color: #E91E63; } + .spinner-layer.pl-purple { + border-color: #9C27B0; } + .spinner-layer.pl-deep-purple { + border-color: #673AB7; } + .spinner-layer.pl-indigo { + border-color: #3F51B5; } + .spinner-layer.pl-blue { + border-color: #2196F3; } + .spinner-layer.pl-light-blue { + border-color: #03A9F4; } + .spinner-layer.pl-cyan { + border-color: #00BCD4; } + .spinner-layer.pl-teal { + border-color: #009688; } + .spinner-layer.pl-green { + border-color: #4CAF50; } + .spinner-layer.pl-light-green { + border-color: #8BC34A; } + .spinner-layer.pl-lime { + border-color: #CDDC39; } + .spinner-layer.pl-yellow { + border-color: #ffe821; } + .spinner-layer.pl-amber { + border-color: #FFC107; } + .spinner-layer.pl-orange { + border-color: #FF9800; } + .spinner-layer.pl-deep-orange { + border-color: #FF5722; } + .spinner-layer.pl-brown { + border-color: #795548; } + .spinner-layer.pl-grey { + border-color: #9E9E9E; } + .spinner-layer.pl-blue-grey { + border-color: #607D8B; } + .spinner-layer.pl-black { + border-color: #000000; } + .spinner-layer.pl-white { + border-color: #ffffff; } + +.right { + float: right !important; } + +.gap-patch { + position: absolute; + top: 0; + left: 45%; + width: 10%; + height: 100%; + overflow: hidden; + border-color: inherit; } + .gap-patch.circle { + width: 1000%; + left: -450%; } + +.circle-clipper { + display: inline-block; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; + border-color: inherit; } + .circle-clipper .circle { + width: 200%; + height: 100%; + border-width: 3px; + border-style: solid; + border-color: inherit; + border-bottom-color: transparent !important; + -ms-border-radius: 50%; + border-radius: 50%; + -webkit-animation: none; + animation: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; } + .circle-clipper.left .circle { + left: 0; + border-right-color: transparent !important; + -webkit-transform: rotate(129deg); + -moz-transform: rotate(129deg); + -ms-transform: rotate(129deg); + -o-transform: rotate(129deg); + transform: rotate(129deg); + -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } + .circle-clipper.right .circle { + left: -100%; + border-left-color: transparent !important; + -webkit-transform: rotate(-129deg); + -moz-transform: rotate(-129deg); + -ms-transform: rotate(-129deg); + -o-transform: rotate(-129deg); + transform: rotate(-129deg); + -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } + +@-webkit-keyframes container-rotate { + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes container-rotate { + to { + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-webkit-keyframes fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); } + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); } } + +@keyframes fill-unfill-rotate { + 12.5% { + transform: rotate(135deg); } + 25% { + transform: rotate(270deg); } + 37.5% { + transform: rotate(405deg); } + 50% { + transform: rotate(540deg); } + 62.5% { + transform: rotate(675deg); } + 75% { + transform: rotate(810deg); } + 87.5% { + transform: rotate(945deg); } + to { + transform: rotate(1080deg); } } + +@-webkit-keyframes left-spin { + from { + -webkit-transform: rotate(130deg); + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + transform: rotate(130deg); } + 50% { + -webkit-transform: rotate(-5deg); + -moz-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + -o-transform: rotate(-5deg); + transform: rotate(-5deg); } + to { + -webkit-transform: rotate(130deg); + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + transform: rotate(130deg); } } + +@keyframes left-spin { + from { + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + -webkit-transform: rotate(130deg); + transform: rotate(130deg); } + 50% { + -moz-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + -o-transform: rotate(-5deg); + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); } + to { + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + -webkit-transform: rotate(130deg); + transform: rotate(130deg); } } + +@-webkit-keyframes right-spin { + from { + -webkit-transform: rotate(-130deg); + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + transform: rotate(-130deg); } + 50% { + -webkit-transform: rotate(5deg); + -moz-transform: rotate(5deg); + -ms-transform: rotate(5deg); + -o-transform: rotate(5deg); + transform: rotate(5deg); } + to { + -webkit-transform: rotate(-130deg); + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + transform: rotate(-130deg); } } + +@-moz-keyframes right-spin { + from { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } + 50% { + -moz-transform: rotate(5deg); + -ms-transform: rotate(5deg); + -o-transform: rotate(5deg); + -webkit-transform: rotate(5deg); + transform: rotate(5deg); } + to { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } } + +@keyframes right-spin { + from { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } + 50% { + -moz-transform: rotate(5deg); + -ms-transform: rotate(5deg); + -o-transform: rotate(5deg); + -webkit-transform: rotate(5deg); + transform: rotate(5deg); } + to { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } } + +/* Navbars ===================================== */ +.navbar { + font-family: "Roboto", sans-serif; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + border: none; + position: fixed; + top: 0; + left: 0; + z-index: 12; + width: 100%; } + .navbar .navbar-brand { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; } + .navbar .navbar-custom-right-menu { + float: right; } + .navbar .navbar-toggle { + text-decoration: none; + color: #fff; + width: 20px; + height: 20px; + margin-top: -4px; + margin-right: 17px; } + .navbar .navbar-toggle:before { + content: '\E8D5'; + font-family: 'Material Icons'; + font-size: 26px; } + .navbar .navbar-collapse.in { + overflow: visible; } + +.ls-closed .sidebar { + margin-left: -300px; } + +.ls-closed section.content { + margin-left: 15px; } + +.ls-closed .bars:after, .ls-closed .bars:before { + font-family: 'Material Icons'; + font-size: 24px; + position: absolute; + top: 18px; + left: 20px; + margin-right: 10px; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + +.ls-closed .bars:before { + content: '\E5D2'; + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.ls-closed .bars:after { + content: '\E5C4'; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.ls-closed .navbar-brand { + margin-left: 30px; } + +.overlay-open .bars:before { + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.overlay-open .bars:after { + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.navbar-header { + padding: 10px 7px; } + .navbar-header .bars { + float: left; + text-decoration: none; } + +.navbar-nav > li > a { + padding: 7px 7px 2px 7px; + margin-top: 17px; + margin-left: 5px; } + +.navbar-nav .dropdown-menu { + margin-top: -40px !important; } + +.label-count { + position: absolute; + top: 2px; + right: 6px; + font-size: 10px; + line-height: 15px; + background-color: #000; + padding: 0 4px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + +.col-red .navbar .navbar-brand, +.col-red .navbar .navbar-brand:hover, +.col-red .navbar .navbar-brand:active, +.col-red .navbar .navbar-brand:focus { + color: #fff; } + +.col-red .navbar .nav > li > a:hover, +.col-red .navbar .nav > li > a:focus, +.col-red .navbar .nav .open > a, +.col-red .navbar .nav .open > a:hover, +.col-red .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-red .navbar .nav > li > a { + color: #fff; } + +.col-red .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-red .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-pink .navbar .navbar-brand, +.col-pink .navbar .navbar-brand:hover, +.col-pink .navbar .navbar-brand:active, +.col-pink .navbar .navbar-brand:focus { + color: #fff; } + +.col-pink .navbar .nav > li > a:hover, +.col-pink .navbar .nav > li > a:focus, +.col-pink .navbar .nav .open > a, +.col-pink .navbar .nav .open > a:hover, +.col-pink .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-pink .navbar .nav > li > a { + color: #fff; } + +.col-pink .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-pink .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-purple .navbar .navbar-brand, +.col-purple .navbar .navbar-brand:hover, +.col-purple .navbar .navbar-brand:active, +.col-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-purple .navbar .nav > li > a:hover, +.col-purple .navbar .nav > li > a:focus, +.col-purple .navbar .nav .open > a, +.col-purple .navbar .nav .open > a:hover, +.col-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-purple .navbar .nav > li > a { + color: #fff; } + +.col-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-purple .navbar .navbar-brand, +.col-deep-purple .navbar .navbar-brand:hover, +.col-deep-purple .navbar .navbar-brand:active, +.col-deep-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-purple .navbar .nav > li > a:hover, +.col-deep-purple .navbar .nav > li > a:focus, +.col-deep-purple .navbar .nav .open > a, +.col-deep-purple .navbar .nav .open > a:hover, +.col-deep-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-purple .navbar .nav > li > a { + color: #fff; } + +.col-deep-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-indigo .navbar .navbar-brand, +.col-indigo .navbar .navbar-brand:hover, +.col-indigo .navbar .navbar-brand:active, +.col-indigo .navbar .navbar-brand:focus { + color: #fff; } + +.col-indigo .navbar .nav > li > a:hover, +.col-indigo .navbar .nav > li > a:focus, +.col-indigo .navbar .nav .open > a, +.col-indigo .navbar .nav .open > a:hover, +.col-indigo .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-indigo .navbar .nav > li > a { + color: #fff; } + +.col-indigo .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-indigo .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue .navbar .navbar-brand, +.col-blue .navbar .navbar-brand:hover, +.col-blue .navbar .navbar-brand:active, +.col-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue .navbar .nav > li > a:hover, +.col-blue .navbar .nav > li > a:focus, +.col-blue .navbar .nav .open > a, +.col-blue .navbar .nav .open > a:hover, +.col-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue .navbar .nav > li > a { + color: #fff; } + +.col-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-blue .navbar .navbar-brand, +.col-light-blue .navbar .navbar-brand:hover, +.col-light-blue .navbar .navbar-brand:active, +.col-light-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-blue .navbar .nav > li > a:hover, +.col-light-blue .navbar .nav > li > a:focus, +.col-light-blue .navbar .nav .open > a, +.col-light-blue .navbar .nav .open > a:hover, +.col-light-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-blue .navbar .nav > li > a { + color: #fff; } + +.col-light-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-cyan .navbar .navbar-brand, +.col-cyan .navbar .navbar-brand:hover, +.col-cyan .navbar .navbar-brand:active, +.col-cyan .navbar .navbar-brand:focus { + color: #fff; } + +.col-cyan .navbar .nav > li > a:hover, +.col-cyan .navbar .nav > li > a:focus, +.col-cyan .navbar .nav .open > a, +.col-cyan .navbar .nav .open > a:hover, +.col-cyan .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-cyan .navbar .nav > li > a { + color: #fff; } + +.col-cyan .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-cyan .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-teal .navbar .navbar-brand, +.col-teal .navbar .navbar-brand:hover, +.col-teal .navbar .navbar-brand:active, +.col-teal .navbar .navbar-brand:focus { + color: #fff; } + +.col-teal .navbar .nav > li > a:hover, +.col-teal .navbar .nav > li > a:focus, +.col-teal .navbar .nav .open > a, +.col-teal .navbar .nav .open > a:hover, +.col-teal .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-teal .navbar .nav > li > a { + color: #fff; } + +.col-teal .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-teal .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-green .navbar .navbar-brand, +.col-green .navbar .navbar-brand:hover, +.col-green .navbar .navbar-brand:active, +.col-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-green .navbar .nav > li > a:hover, +.col-green .navbar .nav > li > a:focus, +.col-green .navbar .nav .open > a, +.col-green .navbar .nav .open > a:hover, +.col-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-green .navbar .nav > li > a { + color: #fff; } + +.col-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-green .navbar .navbar-brand, +.col-light-green .navbar .navbar-brand:hover, +.col-light-green .navbar .navbar-brand:active, +.col-light-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-green .navbar .nav > li > a:hover, +.col-light-green .navbar .nav > li > a:focus, +.col-light-green .navbar .nav .open > a, +.col-light-green .navbar .nav .open > a:hover, +.col-light-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-green .navbar .nav > li > a { + color: #fff; } + +.col-light-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-lime .navbar .navbar-brand, +.col-lime .navbar .navbar-brand:hover, +.col-lime .navbar .navbar-brand:active, +.col-lime .navbar .navbar-brand:focus { + color: #fff; } + +.col-lime .navbar .nav > li > a:hover, +.col-lime .navbar .nav > li > a:focus, +.col-lime .navbar .nav .open > a, +.col-lime .navbar .nav .open > a:hover, +.col-lime .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-lime .navbar .nav > li > a { + color: #fff; } + +.col-lime .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-lime .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-yellow .navbar .navbar-brand, +.col-yellow .navbar .navbar-brand:hover, +.col-yellow .navbar .navbar-brand:active, +.col-yellow .navbar .navbar-brand:focus { + color: #fff; } + +.col-yellow .navbar .nav > li > a:hover, +.col-yellow .navbar .nav > li > a:focus, +.col-yellow .navbar .nav .open > a, +.col-yellow .navbar .nav .open > a:hover, +.col-yellow .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-yellow .navbar .nav > li > a { + color: #fff; } + +.col-yellow .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-yellow .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-amber .navbar .navbar-brand, +.col-amber .navbar .navbar-brand:hover, +.col-amber .navbar .navbar-brand:active, +.col-amber .navbar .navbar-brand:focus { + color: #fff; } + +.col-amber .navbar .nav > li > a:hover, +.col-amber .navbar .nav > li > a:focus, +.col-amber .navbar .nav .open > a, +.col-amber .navbar .nav .open > a:hover, +.col-amber .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-amber .navbar .nav > li > a { + color: #fff; } + +.col-amber .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-amber .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-orange .navbar .navbar-brand, +.col-orange .navbar .navbar-brand:hover, +.col-orange .navbar .navbar-brand:active, +.col-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-orange .navbar .nav > li > a:hover, +.col-orange .navbar .nav > li > a:focus, +.col-orange .navbar .nav .open > a, +.col-orange .navbar .nav .open > a:hover, +.col-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-orange .navbar .nav > li > a { + color: #fff; } + +.col-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-orange .navbar .navbar-brand, +.col-deep-orange .navbar .navbar-brand:hover, +.col-deep-orange .navbar .navbar-brand:active, +.col-deep-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-orange .navbar .nav > li > a:hover, +.col-deep-orange .navbar .nav > li > a:focus, +.col-deep-orange .navbar .nav .open > a, +.col-deep-orange .navbar .nav .open > a:hover, +.col-deep-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-orange .navbar .nav > li > a { + color: #fff; } + +.col-deep-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-brown .navbar .navbar-brand, +.col-brown .navbar .navbar-brand:hover, +.col-brown .navbar .navbar-brand:active, +.col-brown .navbar .navbar-brand:focus { + color: #fff; } + +.col-brown .navbar .nav > li > a:hover, +.col-brown .navbar .nav > li > a:focus, +.col-brown .navbar .nav .open > a, +.col-brown .navbar .nav .open > a:hover, +.col-brown .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-brown .navbar .nav > li > a { + color: #fff; } + +.col-brown .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-brown .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-grey .navbar .navbar-brand, +.col-grey .navbar .navbar-brand:hover, +.col-grey .navbar .navbar-brand:active, +.col-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-grey .navbar .nav > li > a:hover, +.col-grey .navbar .nav > li > a:focus, +.col-grey .navbar .nav .open > a, +.col-grey .navbar .nav .open > a:hover, +.col-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-grey .navbar .nav > li > a { + color: #fff; } + +.col-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue-grey .navbar .navbar-brand, +.col-blue-grey .navbar .navbar-brand:hover, +.col-blue-grey .navbar .navbar-brand:active, +.col-blue-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue-grey .navbar .nav > li > a:hover, +.col-blue-grey .navbar .nav > li > a:focus, +.col-blue-grey .navbar .nav .open > a, +.col-blue-grey .navbar .nav .open > a:hover, +.col-blue-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue-grey .navbar .nav > li > a { + color: #fff; } + +.col-blue-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-black .navbar .navbar-brand, +.col-black .navbar .navbar-brand:hover, +.col-black .navbar .navbar-brand:active, +.col-black .navbar .navbar-brand:focus { + color: #fff; } + +.col-black .navbar .nav > li > a:hover, +.col-black .navbar .nav > li > a:focus, +.col-black .navbar .nav .open > a, +.col-black .navbar .nav .open > a:hover, +.col-black .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-black .navbar .nav > li > a { + color: #fff; } + +.col-black .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-black .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-white .navbar .navbar-brand, +.col-white .navbar .navbar-brand:hover, +.col-white .navbar .navbar-brand:active, +.col-white .navbar .navbar-brand:focus { + color: #fff; } + +.col-white .navbar .nav > li > a:hover, +.col-white .navbar .nav > li > a:focus, +.col-white .navbar .nav .open > a, +.col-white .navbar .nav .open > a:hover, +.col-white .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-white .navbar .nav > li > a { + color: #fff; } + +.col-white .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-white .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +/* Dropdown Menu =============================== */ +.dropdown-menu { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + margin-top: -35px !important; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + border: none; } + .dropdown-menu .divider { + margin: 5px 0; } + .dropdown-menu .header { + font-size: 13px; + font-weight: bold; + min-width: 270px; + border-bottom: 1px solid #eee; + text-align: center; + padding: 4px 0 6px 0; } + .dropdown-menu ul.menu { + padding-left: 0; } + .dropdown-menu ul.menu.tasks h4 { + color: #333; + font-size: 13px; + margin: 0 0 8px 0; } + .dropdown-menu ul.menu.tasks h4 small { + float: right; + margin-top: 6px; } + .dropdown-menu ul.menu.tasks .progress { + height: 7px; + margin-bottom: 7px; } + .dropdown-menu ul.menu .icon-circle { + width: 36px; + height: 36px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + color: #fff; + text-align: center; + display: inline-block; } + .dropdown-menu ul.menu .icon-circle i { + font-size: 18px; + line-height: 36px; } + .dropdown-menu ul.menu li { + border-bottom: 1px solid #eee; } + .dropdown-menu ul.menu li:last-child { + border-bottom: none; } + .dropdown-menu ul.menu li a { + padding: 7px 11px; + text-decoration: none; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .dropdown-menu ul.menu li a:hover { + background-color: #e9e9e9; } + .dropdown-menu ul.menu .menu-info { + display: inline-block; + position: relative; + top: 3px; + left: 5px; } + .dropdown-menu ul.menu .menu-info h4 { + margin: 0; + font-size: 13px; + color: #333; } + .dropdown-menu ul.menu .menu-info p { + margin: 0; + font-size: 11px; + color: #aaa; } + .dropdown-menu ul.menu .menu-info p .material-icons { + font-size: 13px; + color: #aaa; + position: relative; + top: 2px; } + .dropdown-menu .footer a { + text-align: center; + border-top: 1px solid #eee; + padding: 5px 0 5px 0; + font-size: 12px; + margin-bottom: -5px; } + .dropdown-menu .footer a:hover { + background-color: transparent; } + .dropdown-menu > li > a { + padding: 7px 18px; + color: #666; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; + font-size: 14px; + line-height: 25px; } + .dropdown-menu > li > a:hover { + background-color: rgba(0, 0, 0, 0.075); } + .dropdown-menu > li > a i.material-icons { + float: left; + margin-right: 7px; + margin-top: 2px; + font-size: 20px; } + +.dropdown-animated { + -webkit-animation-duration: .3s !important; + -moz-animation-duration: .3s !important; + -o-animation-duration: .3s !important; + animation-duration: .3s !important; } + +/* Left Sidebar & Overlay ====================== */ +.overlay { + position: fixed; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.5); + display: none; + z-index: 10; } + +.overlay-open .sidebar { + margin-left: 0; + z-index: 99999999; } + +.sidebar { + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; + font-family: "Roboto", sans-serif; + background: #fdfdfd; + width: 300px; + overflow: hidden; + display: inline-block; + height: calc(100vh - 70px); + position: fixed; + top: 70px; + left: 0; + -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + z-index: 11 !important; } + .sidebar .legal { + position: absolute; + bottom: 0; + width: 100%; + border-top: 1px solid #eee; + padding: 15px; + overflow: hidden; } + .sidebar .legal .copyright { + font-size: 13px; + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; } + .sidebar .legal .copyright a { + font-weight: bold; + text-decoration: none; } + .sidebar .legal .version { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + margin-top: 5px; + font-size: 13px; } + .sidebar .user-info { + padding: 13px 15px 12px 15px; + white-space: nowrap; + position: relative; + border-bottom: 1px solid #e9e9e9; + background: url("../images/user-img-background.jpg") no-repeat no-repeat; + height: 135px; } + .sidebar .user-info .image { + margin-right: 12px; + display: inline-block; } + .sidebar .user-info .image img { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + vertical-align: bottom !important; } + .sidebar .user-info .info-container { + cursor: default; + display: block; + position: relative; + top: 25px; } + .sidebar .user-info .info-container .name { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; + max-width: 200px; + color: #fff; } + .sidebar .user-info .info-container .email { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + font-size: 12px; + max-width: 200px; + color: #fff; } + .sidebar .user-info .info-container .user-helper-dropdown { + position: absolute; + right: -3px; + bottom: -12px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + cursor: pointer; + color: #fff; } + .sidebar .menu { + position: relative; + overflow-y: auto; + height: 90vh; } + .sidebar .menu .list { + list-style: none; + padding-left: 0; } + .sidebar .menu .list li.active > :first-child span { + font-weight: bold; } + .sidebar .menu .list .header { + background: #eee; + font-size: 12px; + font-weight: 600; + padding: 8px 16px; } + .sidebar .menu .list i.material-icons { + margin-top: 4px; } + .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before { + position: absolute; + top: calc(50% - 14px); + right: 17px; + font-size: 19px; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + .sidebar .menu .list .menu-toggle:before { + content: '+'; + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + .sidebar .menu .list .menu-toggle:after { + content: '\2013'; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + .sidebar .menu .list .menu-toggle.toggled:before { + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + .sidebar .menu .list .menu-toggle.toggled:after { + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + .sidebar .menu .list a { + color: #747474; + position: relative; + display: inline-flex; + vertical-align: middle; + width: 100%; + padding: 10px 13px; } + .sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus { + text-decoration: none !important; } + .sidebar .menu .list a small { + position: absolute; + top: calc(50% - 7.5px); + right: 15px; } + .sidebar .menu .list a span { + margin: 7px 0 7px 12px; + color: #333; + font-weight: bold; + font-size: 14px; + overflow: hidden; } + .sidebar .menu .list .ml-menu { + list-style: none; + display: none; + padding-left: 0; } + .sidebar .menu .list .ml-menu span { + font-weight: normal; + font-size: 14px; + margin: 3px 0 1px 6px; } + .sidebar .menu .list .ml-menu li a { + padding-left: 55px; + padding-top: 7px; + padding-bottom: 7px; } + .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) { + font-weight: 600; + margin-left: 5px; } + .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before { + content: '\E315'; + font-family: 'Material Icons'; + position: relative; + font-size: 21px; + height: 20px; + top: -5px; + right: 0px; } + .sidebar .menu .list .ml-menu li .ml-menu li a { + padding-left: 80px; } + .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a { + padding-left: 95px; } + +.right-sidebar { + width: 280px; + height: calc(100vh - 70px); + position: fixed; + right: -300px; + top: 70px; + background: #fdfdfd; + z-index: 11 !important; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + overflow: hidden; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .right-sidebar.open { + right: 0; } + .right-sidebar .nav-tabs { + font-weight: 600; + font-size: 13px; + width: 100%; + margin-left: 2px; } + .right-sidebar .nav-tabs li { + text-align: center; } + .right-sidebar .nav-tabs li > a { + margin-right: 0; } + .right-sidebar .nav-tabs li:first-child { + width: 45%; } + .right-sidebar .nav-tabs li:last-child { + width: 55%; } + +/* Bootstrap Notify ============================ */ +.bootstrap-notify-container { + max-width: 320px; + text-align: center; } + +/* Jquery Nestable ============================= */ +.dd-handle { + background-color: #f9f9f9 !important; } + .dd-handle:hover { + color: #2196F3; } + +.nestable-dark-theme .dd-handle { + background: #ccc !important; + border: 1px solid #999 !important; } + +.dd3-handle { + background: #999 !important; } + +.dd3-content:hover { + color: #2196F3; } + +/* Login Page ================================== */ +.login-page { + background-color: #00BCD4; + padding-left: 0; + max-width: 360px; + margin: 5% auto; + overflow-x: hidden; } + .login-page .login-box .msg { + color: #555; + margin-bottom: 30px; + text-align: center; } + .login-page .login-box a { + font-size: 14px; + text-decoration: none; + color: #00BCD4; } + .login-page .login-box .logo { + margin-bottom: 20px; } + .login-page .login-box .logo a { + font-size: 36px; + display: block; + width: 100%; + text-align: center; + color: #fff; } + .login-page .login-box .logo small { + display: block; + width: 100%; + text-align: center; + color: #fff; + margin-top: -5px; } + +/* Sign Up Page ================================ */ +.signup-page { + background-color: #00BCD4; + padding-left: 0; + max-width: 360px; + margin: 5% auto; + overflow-x: hidden; } + .signup-page .signup-box .msg { + color: #555; + margin-bottom: 30px; + text-align: center; } + .signup-page .signup-box a { + font-size: 14px; + text-decoration: none; + color: #00BCD4; } + .signup-page .signup-box .logo { + margin-bottom: 20px; } + .signup-page .signup-box .logo a { + font-size: 36px; + display: block; + width: 100%; + text-align: center; + color: #fff; } + .signup-page .signup-box .logo small { + display: block; + width: 100%; + text-align: center; + color: #fff; + margin-top: -5px; } + +/* Forgot Password Page ======================== */ +.fp-page { + background-color: #00BCD4; + padding-left: 0; + max-width: 360px; + margin: 5% auto; + overflow-x: hidden; } + .fp-page .fp-box .msg { + color: #555; + margin-bottom: 30px; + text-align: center; } + .fp-page .fp-box a { + font-size: 14px; + text-decoration: none; + color: #00BCD4; } + .fp-page .fp-box .logo { + margin-bottom: 20px; } + .fp-page .fp-box .logo a { + font-size: 36px; + display: block; + width: 100%; + text-align: center; + color: #fff; } + .fp-page .fp-box .logo small { + display: block; + width: 100%; + text-align: center; + color: #fff; + margin-top: -5px; } + +/* 404 Not Found Page ========================== */ +.four-zero-four { + width: 100%; + text-align: center; + margin: 5% auto; } + .four-zero-four .four-zero-four-container .error-code { + font-size: 160px; } + .four-zero-four .four-zero-four-container .error-message { + font-size: 26px; + color: #333; + font-weight: bold; + margin-top: -40px; } + .four-zero-four .four-zero-four-container .button-place { + margin-top: 32px; } + +/* 500 Server Error Page ======================= */ +.five-zero-zero { + width: 100%; + text-align: center; + margin: 5% auto; } + .five-zero-zero .five-zero-zero-container .error-code { + font-size: 160px; } + .five-zero-zero .five-zero-zero-container .error-message { + font-size: 27px; + color: #333; + font-weight: bold; + margin-top: -40px; } + .five-zero-zero .five-zero-zero-container .button-place { + margin-top: 32px; } + +/* Maps ======================================== */ +/* Google Maps */ +.gmap { + width: 100%; + height: 400px; } + +/* jVector Map */ +.jvector-map { + width: 100%; + height: 600px; } + +/* Charts ====================================== */ +/* Morris */ +.morris-hover.morris-default-style { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +/* Flot */ +.flot-chart { + width: 100%; + height: 320px; } + +.panel-switch-btn { + position: relative; + right: 20px; + z-index: 9; } + .panel-switch-btn label { + font-weight: bold !important; } + +.legendLabel { + width: 85px !important; + position: relative; + left: 3px; } + +#multiple_axis_chart .legendLabel { + width: 160px !important; } + +/* Sparkline */ +.sparkline { + text-align: center; } + +/* Searchbar =================================== */ +.search-bar { + position: fixed; + top: -100px; + left: 0; + z-index: 9999999; + width: 100%; + -moz-transition: 0.25s; + -o-transition: 0.25s; + -webkit-transition: 0.25s; + transition: 0.25s; } + .search-bar.open { + top: 0; } + .search-bar .search-icon { + position: absolute; + top: 20px; + left: 14px; } + .search-bar .search-icon .material-icons { + font-size: 32px; + color: #999; } + .search-bar .close-search { + position: absolute; + cursor: pointer; + font-size: 30px; + top: 16px; + right: 18px; } + .search-bar .close-search .material-icons { + color: #999; + opacity: 1; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .search-bar .close-search .material-icons:hover { + opacity: .5; } + .search-bar input[type="text"] { + width: 100%; + font-size: 16px; + padding: 25px 60px 23px 56px; + border: none; } + +/* Jquery DataTable ============================ */ +.dataTables_wrapper { + position: relative; } + .dataTables_wrapper select { + border: none; + border-bottom: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; } + .dataTables_wrapper select:active, .dataTables_wrapper select:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; } + .dataTables_wrapper input[type="search"] { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + border: none; + font-size: 12px; + border-bottom: 1px solid #ddd; } + .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active { + border-bottom: 2px solid #1f91f3; } + .dataTables_wrapper .dt-buttons { + float: left; } + .dataTables_wrapper .dt-buttons a.dt-button { + background-color: #607D8B; + color: #fff; + padding: 7px 12px; + margin-right: 5px; + text-decoration: none; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + border: none; + font-size: 13px; + outline: none; } + .dataTables_wrapper .dt-buttons a.dt-button:active { + opacity: 0.8; } + +.dt-button-info { + position: fixed; + top: 50%; + left: 50%; + min-width: 400px; + text-align: center; + background-color: #fff; + border: 2px solid #999; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; + margin-top: -100px; + margin-left: -200px; + z-index: 21; } + .dt-button-info h2 { + color: #777; } + .dt-button-info div { + color: #777; + margin-bottom: 20px; } + +/* Light Gallery ================================ */ +.lg-outer .lg-thumb-item, +.lg-outer .lg-toogle-thumb { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; } + +/* For Internet Explorer 10 ===================== */ +html.ie10 .sidebar .menu .list li { + line-height: 30px; } + +html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { + top: 6px !important; + line-height: 20px !important; } + +html.ie10 .sidebar .user-info .info-container { + top: 15px; } + +html.ie10 .search-bar input[type="text"] { + padding: 26px 60px 26px 56px; } + +html.ie10 .dropdown-menu ul.menu li a { + margin-top: -22px; } + +html.ie10 .bs-searchbox .form-control { + width: 90%; } + +/* For Internet Explorer 11 ===================== */ +html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { + top: 6px !important; + line-height: 20px !important; } + +html.ie11 .sidebar .user-info .info-container { + top: 15px; } + +html.ie11 .search-bar input[type="text"] { + padding: 26px 60px 26px 56px; } + +html.ie11 .dropdown-menu ul.menu li a { + margin-top: -22px; } + +html.ie11 .bs-searchbox .form-control { + width: 90%; } + diff --git a/Plan/src/main/resources/web/css/style.min.css b/Plan/src/main/resources/web/css/style.min.css new file mode 100644 index 000000000..0a2eec53f --- /dev/null +++ b/Plan/src/main/resources/web/css/style.min.css @@ -0,0 +1 @@ +@import url(materialize.css);.navbar{font-family:"Roboto",sans-serif;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);-ms-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);border:none;position:fixed;top:0;left:0;z-index:12;width:100%;}.navbar .navbar-brand{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}.navbar .navbar-custom-right-menu{float:right;}.navbar .navbar-toggle{text-decoration:none;color:#fff;width:20px;height:20px;margin-top:-4px;margin-right:17px;}.navbar .navbar-toggle:before{content:'';font-family:'Material Icons';font-size:26px;}.navbar .navbar-collapse.in{overflow:visible;}.ls-closed .sidebar{margin-left:-300px;}.ls-closed section.content{margin-left:15px;}.ls-closed .bars:after,.ls-closed .bars:before{font-family:'Material Icons';font-size:24px;position:absolute;top:18px;left:20px;margin-right:10px;-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}.ls-closed .bars:before{content:'';-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.ls-closed .bars:after{content:'';-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.ls-closed .navbar-brand{margin-left:30px;}.overlay-open .bars:before{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.overlay-open .bars:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.navbar-header{padding:10px 7px;}.navbar-header .bars{float:left;text-decoration:none;}.navbar-nav>li>a{padding:7px 7px 2px 7px;margin-top:17px;margin-left:5px;}.navbar-nav .dropdown-menu{margin-top:-40px !important;}.label-count{position:absolute;top:2px;right:6px;font-size:10px;line-height:15px;background-color:#000;padding:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus{color:#fff;}.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-red .navbar .nav>li>a{color:#fff;}.col-red .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-red .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus{color:#fff;}.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-pink .navbar .nav>li>a{color:#fff;}.col-pink .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-pink .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus{color:#fff;}.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-purple .navbar .nav>li>a{color:#fff;}.col-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-purple .navbar .navbar-brand,.col-deep-purple .navbar .navbar-brand:hover,.col-deep-purple .navbar .navbar-brand:active,.col-deep-purple .navbar .navbar-brand:focus{color:#fff;}.col-deep-purple .navbar .nav>li>a:hover,.col-deep-purple .navbar .nav>li>a:focus,.col-deep-purple .navbar .nav .open>a,.col-deep-purple .navbar .nav .open>a:hover,.col-deep-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-purple .navbar .nav>li>a{color:#fff;}.col-deep-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus{color:#fff;}.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-indigo .navbar .nav>li>a{color:#fff;}.col-indigo .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-indigo .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus{color:#fff;}.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue .navbar .nav>li>a{color:#fff;}.col-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-blue .navbar .navbar-brand,.col-light-blue .navbar .navbar-brand:hover,.col-light-blue .navbar .navbar-brand:active,.col-light-blue .navbar .navbar-brand:focus{color:#fff;}.col-light-blue .navbar .nav>li>a:hover,.col-light-blue .navbar .nav>li>a:focus,.col-light-blue .navbar .nav .open>a,.col-light-blue .navbar .nav .open>a:hover,.col-light-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-blue .navbar .nav>li>a{color:#fff;}.col-light-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus{color:#fff;}.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-cyan .navbar .nav>li>a{color:#fff;}.col-cyan .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-cyan .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus{color:#fff;}.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-teal .navbar .nav>li>a{color:#fff;}.col-teal .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-teal .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus{color:#fff;}.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-green .navbar .nav>li>a{color:#fff;}.col-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-green .navbar .navbar-brand,.col-light-green .navbar .navbar-brand:hover,.col-light-green .navbar .navbar-brand:active,.col-light-green .navbar .navbar-brand:focus{color:#fff;}.col-light-green .navbar .nav>li>a:hover,.col-light-green .navbar .nav>li>a:focus,.col-light-green .navbar .nav .open>a,.col-light-green .navbar .nav .open>a:hover,.col-light-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-green .navbar .nav>li>a{color:#fff;}.col-light-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-lime .navbar .navbar-brand,.col-lime .navbar .navbar-brand:hover,.col-lime .navbar .navbar-brand:active,.col-lime .navbar .navbar-brand:focus{color:#fff;}.col-lime .navbar .nav>li>a:hover,.col-lime .navbar .nav>li>a:focus,.col-lime .navbar .nav .open>a,.col-lime .navbar .nav .open>a:hover,.col-lime .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-lime .navbar .nav>li>a{color:#fff;}.col-lime .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-lime .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus{color:#fff;}.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-yellow .navbar .nav>li>a{color:#fff;}.col-yellow .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-yellow .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-amber .navbar .navbar-brand,.col-amber .navbar .navbar-brand:hover,.col-amber .navbar .navbar-brand:active,.col-amber .navbar .navbar-brand:focus{color:#fff;}.col-amber .navbar .nav>li>a:hover,.col-amber .navbar .nav>li>a:focus,.col-amber .navbar .nav .open>a,.col-amber .navbar .nav .open>a:hover,.col-amber .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-amber .navbar .nav>li>a{color:#fff;}.col-amber .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-amber .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus{color:#fff;}.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-orange .navbar .nav>li>a{color:#fff;}.col-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus{color:#fff;}.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-orange .navbar .nav>li>a{color:#fff;}.col-deep-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus{color:#fff;}.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-brown .navbar .nav>li>a{color:#fff;}.col-brown .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-brown .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus{color:#fff;}.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-grey .navbar .nav>li>a{color:#fff;}.col-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue-grey .navbar .navbar-brand,.col-blue-grey .navbar .navbar-brand:hover,.col-blue-grey .navbar .navbar-brand:active,.col-blue-grey .navbar .navbar-brand:focus{color:#fff;}.col-blue-grey .navbar .nav>li>a:hover,.col-blue-grey .navbar .nav>li>a:focus,.col-blue-grey .navbar .nav .open>a,.col-blue-grey .navbar .nav .open>a:hover,.col-blue-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue-grey .navbar .nav>li>a{color:#fff;}.col-blue-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus{color:#fff;}.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-black .navbar .nav>li>a{color:#fff;}.col-black .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-black .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus{color:#fff;}.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-white .navbar .nav>li>a{color:#fff;}.col-white .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-white .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.material-icons.md-18{font-size:18px;}.material-icons.md-24{font-size:24px;}.material-icons.md-26{font-size:26px;}.material-icons.md-28{font-size:28px;}.material-icons.md-30{font-size:30px;}.material-icons.md-32{font-size:32px;}.material-icons.md-36{font-size:36px;}.material-icons.md-48{font-size:48px;}.m-l--125{margin-left:-125px;}.m-t--125{margin-top:-125px;}.m-r--125{margin-right:-125px;}.m-b--125{margin-bottom:-125px;}.m-l--120{margin-left:-120px;}.m-t--120{margin-top:-120px;}.m-r--120{margin-right:-120px;}.m-b--120{margin-bottom:-120px;}.m-l--115{margin-left:-115px;}.m-t--115{margin-top:-115px;}.m-r--115{margin-right:-115px;}.m-b--115{margin-bottom:-115px;}.m-l--110{margin-left:-110px;}.m-t--110{margin-top:-110px;}.m-r--110{margin-right:-110px;}.m-b--110{margin-bottom:-110px;}.m-l--105{margin-left:-105px;}.m-t--105{margin-top:-105px;}.m-r--105{margin-right:-105px;}.m-b--105{margin-bottom:-105px;}.m-l--100{margin-left:-100px;}.m-t--100{margin-top:-100px;}.m-r--100{margin-right:-100px;}.m-b--100{margin-bottom:-100px;}.m-l--95{margin-left:-95px;}.m-t--95{margin-top:-95px;}.m-r--95{margin-right:-95px;}.m-b--95{margin-bottom:-95px;}.m-l--90{margin-left:-90px;}.m-t--90{margin-top:-90px;}.m-r--90{margin-right:-90px;}.m-b--90{margin-bottom:-90px;}.m-l--85{margin-left:-85px;}.m-t--85{margin-top:-85px;}.m-r--85{margin-right:-85px;}.m-b--85{margin-bottom:-85px;}.m-l--80{margin-left:-80px;}.m-t--80{margin-top:-80px;}.m-r--80{margin-right:-80px;}.m-b--80{margin-bottom:-80px;}.m-l--75{margin-left:-75px;}.m-t--75{margin-top:-75px;}.m-r--75{margin-right:-75px;}.m-b--75{margin-bottom:-75px;}.m-l--70{margin-left:-70px;}.m-t--70{margin-top:-70px;}.m-r--70{margin-right:-70px;}.m-b--70{margin-bottom:-70px;}.m-l--65{margin-left:-65px;}.m-t--65{margin-top:-65px;}.m-r--65{margin-right:-65px;}.m-b--65{margin-bottom:-65px;}.m-l--60{margin-left:-60px;}.m-t--60{margin-top:-60px;}.m-r--60{margin-right:-60px;}.m-b--60{margin-bottom:-60px;}.m-l--55{margin-left:-55px;}.m-t--55{margin-top:-55px;}.m-r--55{margin-right:-55px;}.m-b--55{margin-bottom:-55px;}.m-l--50{margin-left:-50px;}.m-t--50{margin-top:-50px;}.m-r--50{margin-right:-50px;}.m-b--50{margin-bottom:-50px;}.m-l--45{margin-left:-45px;}.m-t--45{margin-top:-45px;}.m-r--45{margin-right:-45px;}.m-b--45{margin-bottom:-45px;}.m-l--40{margin-left:-40px;}.m-t--40{margin-top:-40px;}.m-r--40{margin-right:-40px;}.m-b--40{margin-bottom:-40px;}.m-l--35{margin-left:-35px;}.m-t--35{margin-top:-35px;}.m-r--35{margin-right:-35px;}.m-b--35{margin-bottom:-35px;}.m-l--30{margin-left:-30px;}.m-t--30{margin-top:-30px;}.m-r--30{margin-right:-30px;}.m-b--30{margin-bottom:-30px;}.m-l--25{margin-left:-25px;}.m-t--25{margin-top:-25px;}.m-r--25{margin-right:-25px;}.m-b--25{margin-bottom:-25px;}.m-l--20{margin-left:-20px;}.m-t--20{margin-top:-20px;}.m-r--20{margin-right:-20px;}.m-b--20{margin-bottom:-20px;}.m-l--15{margin-left:-15px;}.m-t--15{margin-top:-15px;}.m-r--15{margin-right:-15px;}.m-b--15{margin-bottom:-15px;}.m-l--10{margin-left:-10px;}.m-t--10{margin-top:-10px;}.m-r--10{margin-right:-10px;}.m-b--10{margin-bottom:-10px;}.m-l--5{margin-left:-5px;}.m-t--5{margin-top:-5px;}.m-r--5{margin-right:-5px;}.m-b--5{margin-bottom:-5px;}.m-l-0{margin-left:0;}.m-t-0{margin-top:0;}.m-r-0{margin-right:0;}.m-b-0{margin-bottom:0;}.m-l-5{margin-left:5px;}.m-t-5{margin-top:5px;}.m-r-5{margin-right:5px;}.m-b-5{margin-bottom:5px;}.m-l-10{margin-left:10px;}.m-t-10{margin-top:10px;}.m-r-10{margin-right:10px;}.m-b-10{margin-bottom:10px;}.m-l-15{margin-left:15px;}.m-t-15{margin-top:15px;}.m-r-15{margin-right:15px;}.m-b-15{margin-bottom:15px;}.m-l-20{margin-left:20px;}.m-t-20{margin-top:20px;}.m-r-20{margin-right:20px;}.m-b-20{margin-bottom:20px;}.m-l-25{margin-left:25px;}.m-t-25{margin-top:25px;}.m-r-25{margin-right:25px;}.m-b-25{margin-bottom:25px;}.m-l-30{margin-left:30px;}.m-t-30{margin-top:30px;}.m-r-30{margin-right:30px;}.m-b-30{margin-bottom:30px;}.m-l-35{margin-left:35px;}.m-t-35{margin-top:35px;}.m-r-35{margin-right:35px;}.m-b-35{margin-bottom:35px;}.m-l-40{margin-left:40px;}.m-t-40{margin-top:40px;}.m-r-40{margin-right:40px;}.m-b-40{margin-bottom:40px;}.m-l-45{margin-left:45px;}.m-t-45{margin-top:45px;}.m-r-45{margin-right:45px;}.m-b-45{margin-bottom:45px;}.m-l-50{margin-left:50px;}.m-t-50{margin-top:50px;}.m-r-50{margin-right:50px;}.m-b-50{margin-bottom:50px;}.m-l-55{margin-left:55px;}.m-t-55{margin-top:55px;}.m-r-55{margin-right:55px;}.m-b-55{margin-bottom:55px;}.m-l-60{margin-left:60px;}.m-t-60{margin-top:60px;}.m-r-60{margin-right:60px;}.m-b-60{margin-bottom:60px;}.m-l-65{margin-left:65px;}.m-t-65{margin-top:65px;}.m-r-65{margin-right:65px;}.m-b-65{margin-bottom:65px;}.m-l-70{margin-left:70px;}.m-t-70{margin-top:70px;}.m-r-70{margin-right:70px;}.m-b-70{margin-bottom:70px;}.m-l-75{margin-left:75px;}.m-t-75{margin-top:75px;}.m-r-75{margin-right:75px;}.m-b-75{margin-bottom:75px;}.m-l-80{margin-left:80px;}.m-t-80{margin-top:80px;}.m-r-80{margin-right:80px;}.m-b-80{margin-bottom:80px;}.m-l-85{margin-left:85px;}.m-t-85{margin-top:85px;}.m-r-85{margin-right:85px;}.m-b-85{margin-bottom:85px;}.m-l-90{margin-left:90px;}.m-t-90{margin-top:90px;}.m-r-90{margin-right:90px;}.m-b-90{margin-bottom:90px;}.m-l-95{margin-left:95px;}.m-t-95{margin-top:95px;}.m-r-95{margin-right:95px;}.m-b-95{margin-bottom:95px;}.m-l-100{margin-left:100px;}.m-t-100{margin-top:100px;}.m-r-100{margin-right:100px;}.m-b-100{margin-bottom:100px;}.m-l-105{margin-left:105px;}.m-t-105{margin-top:105px;}.m-r-105{margin-right:105px;}.m-b-105{margin-bottom:105px;}.m-l-110{margin-left:110px;}.m-t-110{margin-top:110px;}.m-r-110{margin-right:110px;}.m-b-110{margin-bottom:110px;}.m-l-115{margin-left:115px;}.m-t-115{margin-top:115px;}.m-r-115{margin-right:115px;}.m-b-115{margin-bottom:115px;}.m-l-120{margin-left:120px;}.m-t-120{margin-top:120px;}.m-r-120{margin-right:120px;}.m-b-120{margin-bottom:120px;}.m-l-125{margin-left:125px;}.m-t-125{margin-top:125px;}.m-r-125{margin-right:125px;}.m-b-125{margin-bottom:125px;}.margin-0{margin:0;}.p-l-0{padding-left:0;}.p-t-0{padding-top:0;}.p-r-0{padding-right:0;}.p-b-0{padding-bottom:0;}.p-l-5{padding-left:5px;}.p-t-5{padding-top:5px;}.p-r-5{padding-right:5px;}.p-b-5{padding-bottom:5px;}.p-l-10{padding-left:10px;}.p-t-10{padding-top:10px;}.p-r-10{padding-right:10px;}.p-b-10{padding-bottom:10px;}.p-l-15{padding-left:15px;}.p-t-15{padding-top:15px;}.p-r-15{padding-right:15px;}.p-b-15{padding-bottom:15px;}.p-l-20{padding-left:20px;}.p-t-20{padding-top:20px;}.p-r-20{padding-right:20px;}.p-b-20{padding-bottom:20px;}.p-l-25{padding-left:25px;}.p-t-25{padding-top:25px;}.p-r-25{padding-right:25px;}.p-b-25{padding-bottom:25px;}.p-l-30{padding-left:30px;}.p-t-30{padding-top:30px;}.p-r-30{padding-right:30px;}.p-b-30{padding-bottom:30px;}.p-l-35{padding-left:35px;}.p-t-35{padding-top:35px;}.p-r-35{padding-right:35px;}.p-b-35{padding-bottom:35px;}.p-l-40{padding-left:40px;}.p-t-40{padding-top:40px;}.p-r-40{padding-right:40px;}.p-b-40{padding-bottom:40px;}.p-l-45{padding-left:45px;}.p-t-45{padding-top:45px;}.p-r-45{padding-right:45px;}.p-b-45{padding-bottom:45px;}.p-l-50{padding-left:50px;}.p-t-50{padding-top:50px;}.p-r-50{padding-right:50px;}.p-b-50{padding-bottom:50px;}.p-l-55{padding-left:55px;}.p-t-55{padding-top:55px;}.p-r-55{padding-right:55px;}.p-b-55{padding-bottom:55px;}.p-l-60{padding-left:60px;}.p-t-60{padding-top:60px;}.p-r-60{padding-right:60px;}.p-b-60{padding-bottom:60px;}.p-l-65{padding-left:65px;}.p-t-65{padding-top:65px;}.p-r-65{padding-right:65px;}.p-b-65{padding-bottom:65px;}.p-l-70{padding-left:70px;}.p-t-70{padding-top:70px;}.p-r-70{padding-right:70px;}.p-b-70{padding-bottom:70px;}.p-l-75{padding-left:75px;}.p-t-75{padding-top:75px;}.p-r-75{padding-right:75px;}.p-b-75{padding-bottom:75px;}.p-l-80{padding-left:80px;}.p-t-80{padding-top:80px;}.p-r-80{padding-right:80px;}.p-b-80{padding-bottom:80px;}.p-l-85{padding-left:85px;}.p-t-85{padding-top:85px;}.p-r-85{padding-right:85px;}.p-b-85{padding-bottom:85px;}.p-l-90{padding-left:90px;}.p-t-90{padding-top:90px;}.p-r-90{padding-right:90px;}.p-b-90{padding-bottom:90px;}.p-l-95{padding-left:95px;}.p-t-95{padding-top:95px;}.p-r-95{padding-right:95px;}.p-b-95{padding-bottom:95px;}.p-l-100{padding-left:100px;}.p-t-100{padding-top:100px;}.p-r-100{padding-right:100px;}.p-b-100{padding-bottom:100px;}.p-l-105{padding-left:105px;}.p-t-105{padding-top:105px;}.p-r-105{padding-right:105px;}.p-b-105{padding-bottom:105px;}.p-l-110{padding-left:110px;}.p-t-110{padding-top:110px;}.p-r-110{padding-right:110px;}.p-b-110{padding-bottom:110px;}.p-l-115{padding-left:115px;}.p-t-115{padding-top:115px;}.p-r-115{padding-right:115px;}.p-b-115{padding-bottom:115px;}.p-l-120{padding-left:120px;}.p-t-120{padding-top:120px;}.p-r-120{padding-right:120px;}.p-b-120{padding-bottom:120px;}.p-l-125{padding-left:125px;}.p-t-125{padding-top:125px;}.p-r-125{padding-right:125px;}.p-b-125{padding-bottom:125px;}.padding-0{padding:0;}.font-6{font-size:6px;}.font-7{font-size:7px;}.font-8{font-size:8px;}.font-9{font-size:9px;}.font-10{font-size:10px;}.font-11{font-size:11px;}.font-12{font-size:12px;}.font-13{font-size:13px;}.font-14{font-size:14px;}.font-15{font-size:15px;}.font-16{font-size:16px;}.font-17{font-size:17px;}.font-18{font-size:18px;}.font-19{font-size:19px;}.font-20{font-size:20px;}.font-21{font-size:21px;}.font-22{font-size:22px;}.font-23{font-size:23px;}.font-24{font-size:24px;}.font-25{font-size:25px;}.font-26{font-size:26px;}.font-27{font-size:27px;}.font-28{font-size:28px;}.font-29{font-size:29px;}.font-30{font-size:30px;}.font-31{font-size:31px;}.font-32{font-size:32px;}.font-33{font-size:33px;}.font-34{font-size:34px;}.font-35{font-size:35px;}.font-36{font-size:36px;}.font-37{font-size:37px;}.font-38{font-size:38px;}.font-39{font-size:39px;}.font-40{font-size:40px;}.font-41{font-size:41px;}.font-42{font-size:42px;}.font-43{font-size:43px;}.font-44{font-size:44px;}.font-45{font-size:45px;}.font-46{font-size:46px;}.font-47{font-size:47px;}.font-48{font-size:48px;}.font-49{font-size:49px;}.font-50{font-size:50px;}.align-left{text-align:left;}.align-center{text-align:center;}.align-right{text-align:right;}.align-justify{text-align:justify;}.no-resize{resize:none;}.font-bold{font-weight:bold;}.font-italic{font-style:italic;}.font-underline{text-decoration:underline;}.font-line-through{text-decoration:line-through;}.font-overline{text-decoration:overline;}.block-header{margin-bottom:15px;}.block-header h2{margin:0 !important;color:#666 !important;font-weight:normal;font-size:16px;}.block-header h2 small{display:block;font-size:12px;margin-top:8px;color:#888;}.block-header h2 small a{font-weight:bold;color:#777;}.bg-red{background-color:#f44336 !important;color:#fff;}.bg-red .content .text,.bg-red .content .number{color:#fff !important;}.bg-pink{background-color:#e91e63 !important;color:#fff;}.bg-pink .content .text,.bg-pink .content .number{color:#fff !important;}.bg-purple{background-color:#9c27b0 !important;color:#fff;}.bg-purple .content .text,.bg-purple .content .number{color:#fff !important;}.bg-deep-purple{background-color:#673ab7 !important;color:#fff;}.bg-deep-purple .content .text,.bg-deep-purple .content .number{color:#fff !important;}.bg-indigo{background-color:#3f51b5 !important;color:#fff;}.bg-indigo .content .text,.bg-indigo .content .number{color:#fff !important;}.bg-blue{background-color:#2196f3 !important;color:#fff;}.bg-blue .content .text,.bg-blue .content .number{color:#fff !important;}.bg-light-blue{background-color:#03a9f4 !important;color:#fff;}.bg-light-blue .content .text,.bg-light-blue .content .number{color:#fff !important;}.bg-cyan{background-color:#00bcd4 !important;color:#fff;}.bg-cyan .content .text,.bg-cyan .content .number{color:#fff !important;}.bg-teal{background-color:#009688 !important;color:#fff;}.bg-teal .content .text,.bg-teal .content .number{color:#fff !important;}.bg-green{background-color:#4caf50 !important;color:#fff;}.bg-green .content .text,.bg-green .content .number{color:#fff !important;}.bg-light-green{background-color:#8bc34a !important;color:#fff;}.bg-light-green .content .text,.bg-light-green .content .number{color:#fff !important;}.bg-lime{background-color:#cddc39 !important;color:#fff;}.bg-lime .content .text,.bg-lime .content .number{color:#fff !important;}.bg-yellow{background-color:#ffe821 !important;color:#fff;}.bg-yellow .content .text,.bg-yellow .content .number{color:#fff !important;}.bg-amber{background-color:#ffc107 !important;color:#fff;}.bg-amber .content .text,.bg-amber .content .number{color:#fff !important;}.bg-orange{background-color:#ff9800 !important;color:#fff;}.bg-orange .content .text,.bg-orange .content .number{color:#fff !important;}.bg-deep-orange{background-color:#ff5722 !important;color:#fff;}.bg-deep-orange .content .text,.bg-deep-orange .content .number{color:#fff !important;}.bg-brown{background-color:#795548 !important;color:#fff;}.bg-brown .content .text,.bg-brown .content .number{color:#fff !important;}.bg-grey{background-color:#9e9e9e !important;color:#fff;}.bg-grey .content .text,.bg-grey .content .number{color:#fff !important;}.bg-blue-grey{background-color:#607d8b !important;color:#fff;}.bg-blue-grey .content .text,.bg-blue-grey .content .number{color:#fff !important;}.bg-black{background-color:#000 !important;color:#fff;}.bg-black .content .text,.bg-black .content .number{color:#fff !important;}.bg-white{background-color:#fff !important;color:#fff;}.bg-white .content .text,.bg-white .content .number{color:#fff !important;}.col-red{color:#f44336 !important;}.col-pink{color:#e91e63 !important;}.col-purple{color:#9c27b0 !important;}.col-deep-purple{color:#673ab7 !important;}.col-indigo{color:#3f51b5 !important;}.col-blue{color:#2196f3 !important;}.col-light-blue{color:#03a9f4 !important;}.col-cyan{color:#00bcd4 !important;}.col-teal{color:#009688 !important;}.col-green{color:#4caf50 !important;}.col-light-green{color:#8bc34a !important;}.col-lime{color:#cddc39 !important;}.col-yellow{color:#ffe821 !important;}.col-amber{color:#ffc107 !important;}.col-orange{color:#ff9800 !important;}.col-deep-orange{color:#ff5722 !important;}.col-brown{color:#795548 !important;}.col-grey{color:#9e9e9e !important;}.col-blue-grey{color:#607d8b !important;}.col-black{color:#000 !important;}.col-white{color:#fff !important;}@-ms-keyframes spin{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin{from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.demo-button-sizes .btn{margin-bottom:5px;}.icon-button-demo button{margin-right:5px;margin-bottom:12px;}.icon-and-text-button-demo button{margin-right:5px;margin-bottom:12px;width:16.66666666666667%;}.button-demo ul{padding-left:0;}.button-demo ul li{list-style:none;padding-left:0;display:inline-block;margin-right:7px;}.button-demo ul li .btn{display:block;min-width:175px;}.button-demo .btn{margin-right:8px;margin-bottom:13px;min-width:120px;}.demo-button-groups .btn-group{margin-right:10px;}.demo-button-toolbar .btn-toolbar{float:left;margin-right:25px;}.demo-button-nesting>.btn-group{margin-right:15px;}.demo-single-button-dropdowns>.btn-group{margin-right:10px;}.demo-splite-button-dropdowns>.btn-group{margin-right:10px;}.demo-dropup .dropup{margin-right:10px;}.demo-checkbox label,.demo-radio-button label{min-width:150px;}.demo-knob-chart div{margin-right:15px;}.demo-switch .switch{display:inline-block;min-width:170px;}.demo-switch .demo-switch-title{min-width:95px;display:inline-block;}.demo-color-box{padding:15px 0;text-align:center;margin-bottom:20px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.demo-color-box .color-name{font-size:16px;margin-bottom:5px;}.demo-color-box .color-code,.demo-color-box .color-class-name{font-size:13px;}.demo-image-copyright{text-align:right;font-style:italic;font-size:12px;color:#777;margin:5px 0 10px 0;}.demo-image-copyright a{font-weight:bold;color:#555 !important;}.demo-tagsinput-area{margin-bottom:50px !important;}.demo-icon-container .demo-google-material-icon{margin-bottom:5px;text-align:left;}.demo-icon-container .demo-google-material-icon .icon-name{position:relative;top:-8px;left:7px;}.demo-icon-container .demo-google-material-icon .material-icons{width:24px;}.demo-preloader .preloader{margin-right:10px;}.irs-demo{margin-bottom:40px;}.irs-demo .irs{margin-top:15px;}.right-sidebar .nav-tabs+.tab-content{padding:0;}.right-sidebar p{margin:20px 15px 15px 15px;font-weight:bold;text-align:center;}.right-sidebar #settings .setting-list{list-style:none;padding-left:0;margin-bottom:20px;}.right-sidebar #settings .setting-list li{padding:15px;position:relative;border-top:1px solid #eee;}.right-sidebar #settings .setting-list li .switch{position:absolute;top:15px;right:5px;}.demo-choose-skin{list-style:none;padding-left:0;overflow-y:hidden;}.demo-choose-skin li{border-bottom:1px solid #eee;padding:10px 10px 4px 10px;position:relative;cursor:pointer;}.demo-choose-skin li.active{background-color:#eee;}.demo-choose-skin li.active:after{font-family:'Material Icons';position:absolute;top:10px;right:10px;content:'';font-size:18px;font-weight:bold;}.demo-choose-skin li:hover{background-color:#eee;}.demo-choose-skin li div{width:24px;height:24px;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.demo-choose-skin li span{position:relative;bottom:7px;left:5px;}.demo-choose-skin .red{background-color:#f44336;}.demo-choose-skin .pink{background-color:#e91e63;}.demo-choose-skin .purple{background-color:#9c27b0;}.demo-choose-skin .deep-purple{background-color:#673ab7;}.demo-choose-skin .indigo{background-color:#3f51b5;}.demo-choose-skin .blue{background-color:#2196f3;}.demo-choose-skin .light-blue{background-color:#03a9f4;}.demo-choose-skin .cyan{background-color:#00bcd4;}.demo-choose-skin .teal{background-color:#009688;}.demo-choose-skin .green{background-color:#4caf50;}.demo-choose-skin .light-green{background-color:#8bc34a;}.demo-choose-skin .lime{background-color:#cddc39;}.demo-choose-skin .yellow{background-color:#ffe821;}.demo-choose-skin .amber{background-color:#ffc107;}.demo-choose-skin .orange{background-color:#ff9800;}.demo-choose-skin .deep-orange{background-color:#ff5722;}.demo-choose-skin .brown{background-color:#795548;}.demo-choose-skin .grey{background-color:#9e9e9e;}.demo-choose-skin .blue-grey{background-color:#607d8b;}.demo-choose-skin .black{background-color:#000;}.demo-choose-skin .white{background-color:#fff;}@media(max-width:767px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:35px;width:73%;}.navbar .navbar-header{display:inline-block;margin-bottom:-6px;width:calc(100% + 30px);}.navbar .nav>li{display:inline-block;}.navbar .navbar-nav{margin-top:-10px;margin-bottom:1px;margin-left:-7px;}.navbar .navbar-nav .open .dropdown-menu{background-color:#fff;position:absolute;}.navbar .dropdown-menu{margin-left:-50px;}.navbar .js-right-sidebar{margin-top:15px;}.dt-buttons{float:none !important;text-align:center;margin-bottom:15px;}.panel-switch-btn{top:12px;right:0 !important;}}@media(min-width:768px) and (max-width:991px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:20px;}}@media(min-width:992px) and (max-width:1169px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:20px;}}body{background-color:#e9e9e9;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;font-family:'Roboto',Arial,Tahoma,sans-serif;}h1,h2,h3,h4,h5,h6{font-weight:bold;}button,input,select,a{outline:none !important;}.no-animate{-o-transition-property:none !important;-moz-transition-property:none !important;-ms-transition-property:none !important;-webkit-transition-property:none !important;transition-property:none !important;-o-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-webkit-transform:none !important;transform:none !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;-ms-animation:none !important;animation:none !important;}section.content{margin:100px 15px 0 315px;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.dashboard-flot-chart{height:275px;}.dashboard-donut-chart{height:265px;}.dashboard-line-chart{height:250px;}.dashboard-stat-list{list-style:none;padding-left:0;margin-top:40px;}.dashboard-stat-list li{padding:16px 0 0 0;}.dashboard-stat-list li small{font-size:8px;}.dashboard-task-infos .progress{height:10px;margin-bottom:0;position:relative;top:6px;}.btn:focus{outline:none !important;}.btn-circle{border:none;outline:none !important;overflow:hidden;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}.btn-circle i{font-size:18px;position:relative;left:-1px;}.btn-link{font-weight:bold;color:#333;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.btn-link:active,.btn-link:focus{text-decoration:none;color:#333;}.btn-link:hover{text-decoration:none;color:#333;background-color:#ddd;}.btn-circle-lg{border:none;outline:none !important;overflow:hidden;width:50px;height:50px;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;-ms-border-radius:50% !important;border-radius:50% !important;}.btn-circle-lg i{font-size:26px !important;position:relative !important;left:0 !important;top:6px !important;}.btn:not(.btn-link):not(.btn-circle){box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:none;font-size:13px;outline:none;}.btn:not(.btn-link):not(.btn-circle):hover{outline:none;}.btn:not(.btn-link):not(.btn-circle) i{font-size:20px;position:relative;top:3px;}.btn:not(.btn-link):not(.btn-circle) span{position:relative;top:-2px;margin-left:3px;}.btn-warning,.btn-warning:hover,.btn-warning:active,.btn-warning:focus{background-color:#ff9600 !important;}.btn-danger,.btn-danger:hover,.btn-danger:active,.btn-danger:focus{background-color:#fb483a !important;}.btn-info,.btn-info:hover,.btn-info:active,.btn-info:focus{background-color:#00b0e4 !important;}.btn-success,.btn-success:hover,.btn-success:active,.btn-success:focus{background-color:#2b982b !important;}.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background-color:#1f91f3 !important;}.btn-default,.btn-default:hover,.btn-default:active,.btn-default:focus{background-color:#fff !important;}.btn-group,.btn-group-vertical{box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);}.btn-group .btn,.btn-group-vertical .btn{box-shadow:none !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.btn-group .btn .caret,.btn-group-vertical .btn .caret{position:relative;bottom:1px;}.btn-group .btn-group,.btn-group-vertical .btn-group{box-shadow:none !important;}.btn-group .btn+.dropdown-toggle,.btn-group-vertical .btn+.dropdown-toggle{border-left:1px solid rgba(0,0,0,.08) !important;}.bootstrap-tagsinput{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;border:none !important;}.noUi-target{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;direction:ltr;}.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}.noUi-base{width:100%;height:100%;position:relative;z-index:1;}.noUi-origin{position:absolute;right:0;top:6px;left:0;bottom:0;}.noUi-handle{position:relative;z-index:1;}.noUi-stacking .noUi-handle{z-index:10;}.noUi-state-tap .noUi-origin{-webkit-transition:left .25s,top .25s;transition:left .25s,top .25s;}.noUi-state-drag *{cursor:inherit !important;}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.noUi-horizontal{height:18px;}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px;}.noUi-vertical{width:18px;}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px;}.noUi-background{background:#fafafa;box-shadow:inset 0 1px 1px #f0f0f0;}.noUi-connect{background:#3fb8af;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms;}.noUi-origin{border-radius:2px;}.noUi-target{border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb;}.noUi-dragable{cursor:w-resize;}.noUi-vertical .noUi-dragable{cursor:n-resize;}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;}.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px;}.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px;left:17px;}.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px;}.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px;top:17px;}[disabled].noUi-connect,[disabled] .noUi-connect{background:#b8b8b8;}[disabled].noUi-origin,[disabled] .noUi-handle{cursor:not-allowed;}.noUi-target{box-shadow:none;border:none;}.noUi-base{height:15px;top:-6px;}.noUi-background{height:3px;top:6px;background-color:#bfbfbf;box-shadow:none;}.noUi-horizontal{height:3px;}.noUi-connect{height:3px;top:6px;background-color:#26a69a;box-shadow:none;}.noUi-horizontal .noUi-handle{width:15px;height:15px;border-radius:50%;box-shadow:none;background-color:#26a69a;border:none;left:-5px;top:-6px;transition:width .2s cubic-bezier(.215,.61,.355,1),height .2s cubic-bezier(.215,.61,.355,1),left .2s cubic-bezier(.215,.61,.355,1),top .2s cubic-bezier(.215,.61,.355,1);}.noUi-handle:before,.noUi-handle:after{content:none;}.noUi-target .noUi-active.noUi-handle{-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);-moz-box-shadow:0 0 20px rgba(0,0,0,.5);-ms-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5);}.noUi-target .range-label{position:absolute;height:30px;width:30px;top:-17px;left:-2px;background-color:#26a69a;border-radius:50%;transition:border-radius .25s cubic-bezier(.215,.61,.355,1),transform .25s cubic-bezier(.215,.61,.355,1);transform:scale(.5) rotate(-45deg);transform-origin:50% 100%;}.noUi-target .noUi-active .range-label{border-radius:15px 15px 15px 0;transform:rotate(-45deg) translate(23px,-25px);}.range-label span{width:100%;text-align:center;color:#fff;font-size:12px;transform:rotate(45deg);opacity:0;position:absolute;top:7px;left:-1px;transition:opacity .25s cubic-bezier(.215,.61,.355,1);}.noUi-active .range-label span{opacity:1;}.ms-container{width:auto !important;}.ms-container .ms-list{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;}.ms-container .ms-list.ms-focus{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;}.ms-container .ms-selectable,.ms-container .ms-selection{min-width:250px !important;}.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{color:#000 !important;background-color:#e6e6e6 !important;}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selectable li.ms-elem-selection,.ms-container .ms-selection li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{padding:9px 15px 6px 15px !important;}.ms-container .ms-optgroup-label{padding:5px 0 0 8px !important;}.card{background:#fff;min-height:50px;box-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;margin-bottom:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}.card .card-inside-title{margin-top:25px;margin-bottom:15px;display:block;font-size:15px;color:#000;}.card .card-inside-title small{color:#999;display:block;font-size:11px;margin-top:5px;}.card .card-inside-title small a{color:#777;font-weight:bold;}.card .card-inside-title:first-child{margin-top:0;}.card .bg-red,.card .bg-pink,.card .bg-purple,.card .bg-deep-purple,.card .bg-indigo,.card .bg-blue,.card .bg-light-blue,.card .bg-cyan,.card .bg-teal,.card .bg-green,.card .bg-light-green,.card .bg-lime,.card .bg-yellow,.card .bg-amber,.card .bg-orange,.card .bg-deep-orange,.card .bg-brown,.card .bg-grey,.card .bg-blue-grey,.card .bg-black{border-bottom:none !important;color:#fff !important;}.card .bg-red h2,.card .bg-red small,.card .bg-red .material-icons,.card .bg-pink h2,.card .bg-pink small,.card .bg-pink .material-icons,.card .bg-purple h2,.card .bg-purple small,.card .bg-purple .material-icons,.card .bg-deep-purple h2,.card .bg-deep-purple small,.card .bg-deep-purple .material-icons,.card .bg-indigo h2,.card .bg-indigo small,.card .bg-indigo .material-icons,.card .bg-blue h2,.card .bg-blue small,.card .bg-blue .material-icons,.card .bg-light-blue h2,.card .bg-light-blue small,.card .bg-light-blue .material-icons,.card .bg-cyan h2,.card .bg-cyan small,.card .bg-cyan .material-icons,.card .bg-teal h2,.card .bg-teal small,.card .bg-teal .material-icons,.card .bg-green h2,.card .bg-green small,.card .bg-green .material-icons,.card .bg-light-green h2,.card .bg-light-green small,.card .bg-light-green .material-icons,.card .bg-lime h2,.card .bg-lime small,.card .bg-lime .material-icons,.card .bg-yellow h2,.card .bg-yellow small,.card .bg-yellow .material-icons,.card .bg-amber h2,.card .bg-amber small,.card .bg-amber .material-icons,.card .bg-orange h2,.card .bg-orange small,.card .bg-orange .material-icons,.card .bg-deep-orange h2,.card .bg-deep-orange small,.card .bg-deep-orange .material-icons,.card .bg-brown h2,.card .bg-brown small,.card .bg-brown .material-icons,.card .bg-grey h2,.card .bg-grey small,.card .bg-grey .material-icons,.card .bg-blue-grey h2,.card .bg-blue-grey small,.card .bg-blue-grey .material-icons,.card .bg-black h2,.card .bg-black small,.card .bg-black .material-icons{color:#fff !important;}.card .bg-red .badge,.card .bg-pink .badge,.card .bg-purple .badge,.card .bg-deep-purple .badge,.card .bg-indigo .badge,.card .bg-blue .badge,.card .bg-light-blue .badge,.card .bg-cyan .badge,.card .bg-teal .badge,.card .bg-green .badge,.card .bg-light-green .badge,.card .bg-lime .badge,.card .bg-yellow .badge,.card .bg-amber .badge,.card .bg-orange .badge,.card .bg-deep-orange .badge,.card .bg-brown .badge,.card .bg-grey .badge,.card .bg-blue-grey .badge,.card .bg-black .badge{background-color:#fff;color:#555;}.card .header{color:#555;padding:20px;position:relative;border-bottom:1px solid rgba(204,204,204,.35);}.card .header .header-dropdown{position:absolute;top:20px;right:15px;list-style:none;}.card .header .header-dropdown .dropdown-menu li{display:block !important;}.card .header .header-dropdown li{display:inline-block;}.card .header .header-dropdown i{font-size:20px;color:#999;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}.card .header .header-dropdown i:hover{color:#000;}.card .header h2{margin:0;font-size:18px;font-weight:normal;color:#111;}.card .header h2 small{display:block;font-size:12px;margin-top:5px;color:#999;line-height:15px;}.card .header h2 small a{font-weight:bold;color:#777;}.card .header .col-xs-12 h2{margin-top:5px;}.card .body{font-size:14px;color:#555;padding:20px;}.card .body .col-xs-1,.card .body .col-sm-1,.card .body .col-md-1,.card .body .col-lg-1{margin-bottom:20px;}.card .body .col-xs-2,.card .body .col-sm-2,.card .body .col-md-2,.card .body .col-lg-2{margin-bottom:20px;}.card .body .col-xs-3,.card .body .col-sm-3,.card .body .col-md-3,.card .body .col-lg-3{margin-bottom:20px;}.card .body .col-xs-4,.card .body .col-sm-4,.card .body .col-md-4,.card .body .col-lg-4{margin-bottom:20px;}.card .body .col-xs-5,.card .body .col-sm-5,.card .body .col-md-5,.card .body .col-lg-5{margin-bottom:20px;}.card .body .col-xs-6,.card .body .col-sm-6,.card .body .col-md-6,.card .body .col-lg-6{margin-bottom:20px;}.card .body .col-xs-7,.card .body .col-sm-7,.card .body .col-md-7,.card .body .col-lg-7{margin-bottom:20px;}.card .body .col-xs-8,.card .body .col-sm-8,.card .body .col-md-8,.card .body .col-lg-8{margin-bottom:20px;}.card .body .col-xs-9,.card .body .col-sm-9,.card .body .col-md-9,.card .body .col-lg-9{margin-bottom:20px;}.card .body .col-xs-10,.card .body .col-sm-10,.card .body .col-md-10,.card .body .col-lg-10{margin-bottom:20px;}.card .body .col-xs-11,.card .body .col-sm-11,.card .body .col-md-11,.card .body .col-lg-11{margin-bottom:20px;}.card .body .col-xs-12,.card .body .col-sm-12,.card .body .col-md-12,.card .body .col-lg-12{margin-bottom:20px;}.info-box{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box .icon{display:inline-block;text-align:center;background-color:rgba(0,0,0,.12);width:80px;}.info-box .icon i{color:#fff;font-size:50px;line-height:80px;}.info-box .icon .chart.chart-bar{height:100%;line-height:100px;}.info-box .icon .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box .icon .chart.chart-pie{height:100%;line-height:123px;}.info-box .icon .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box .icon .chart.chart-line{height:100%;line-height:115px;}.info-box .icon .chart.chart-line canvas{vertical-align:baseline !important;}.info-box .content{display:inline-block;padding:7px 10px;}.info-box .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box.hover-zoom-effect .icon{overflow:hidden;}.info-box.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:80px;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box.hover-expand-effect:hover:after{width:100%;}.info-box-2{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box-2 .icon{display:inline-block;text-align:center;width:80px;}.info-box-2 .icon i{color:#fff;font-size:50px;line-height:80px;}.info-box-2 .chart.chart-bar{height:100%;line-height:105px;}.info-box-2 .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box-2 .chart.chart-pie{height:100%;line-height:123px;}.info-box-2 .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box-2 .chart.chart-line{height:100%;line-height:115px;}.info-box-2 .chart.chart-line canvas{vertical-align:baseline !important;}.info-box-2 .content{display:inline-block;padding:7px 10px;}.info-box-2 .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box-2 .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box-2.hover-zoom-effect .icon{overflow:hidden;}.info-box-2.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box-2.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box-2.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:0;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box-2.hover-expand-effect:hover:after{width:100%;}.info-box-3{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box-3 .icon{position:absolute;right:10px;bottom:2px;text-align:center;}.info-box-3 .icon i{color:rgba(0,0,0,.15);font-size:60px;}.info-box-3 .chart{margin-right:5px;}.info-box-3 .chart.chart-bar{height:100%;line-height:50px;}.info-box-3 .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box-3 .chart.chart-pie{height:100%;line-height:34px;}.info-box-3 .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box-3 .chart.chart-line{height:100%;line-height:40px;}.info-box-3 .chart.chart-line canvas{vertical-align:baseline !important;}.info-box-3 .content{display:inline-block;padding:7px 16px;}.info-box-3 .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box-3 .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box-3.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box-3.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box-3.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:0;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box-3.hover-expand-effect:hover:after{width:100%;}.info-box-4{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box-4 .icon{position:absolute;right:10px;bottom:2px;text-align:center;}.info-box-4 .icon i{color:rgba(0,0,0,.15);font-size:60px;}.info-box-4 .chart{margin-right:5px;}.info-box-4 .chart.chart-bar{height:100%;line-height:50px;}.info-box-4 .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box-4 .chart.chart-pie{height:100%;line-height:34px;}.info-box-4 .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box-4 .chart.chart-line{height:100%;line-height:40px;}.info-box-4 .chart.chart-line canvas{vertical-align:baseline !important;}.info-box-4 .content{display:inline-block;padding:7px 16px;}.info-box-4 .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box-4 .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box-4.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box-4.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box-4.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:0;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box-4.hover-expand-effect:hover:after{width:100%;}.alert{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;border:none;color:#fff !important;}.alert .alert-link{color:#fff;text-decoration:underline;font-weight:bold;}.alert-success{background-color:#2b982b;}.alert-info{background-color:#00b0e4;}.alert-warning{background-color:#ff9600 !important;}.alert-danger{background-color:#fb483a !important;}.alert-dismissible .close{color:#fff;opacity:1;border:none;text-shadow:none;}.sweet-alert{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;}.sweet-alert p{font-size:14px !important;}.sweet-alert .sa-input-error{top:23px !important;right:13px !important;}.sweet-alert h2{font-size:18px !important;margin:0 0 5px 0 !important;}.sweet-alert button{font-size:15px !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;padding:5px 20px !important;}[type="checkbox"]+label{padding-left:26px;height:25px;line-height:21px;font-size:13px;font-weight:normal;}[type="checkbox"]:checked+label:before{top:-4px;left:-2px;width:11px;height:19px;}[type="checkbox"]:checked.chk-col-red+label:before{border-right:2px solid #f44336;border-bottom:2px solid #f44336;}[type="checkbox"]:checked.chk-col-pink+label:before{border-right:2px solid #e91e63;border-bottom:2px solid #e91e63;}[type="checkbox"]:checked.chk-col-purple+label:before{border-right:2px solid #9c27b0;border-bottom:2px solid #9c27b0;}[type="checkbox"]:checked.chk-col-deep-purple+label:before{border-right:2px solid #673ab7;border-bottom:2px solid #673ab7;}[type="checkbox"]:checked.chk-col-indigo+label:before{border-right:2px solid #3f51b5;border-bottom:2px solid #3f51b5;}[type="checkbox"]:checked.chk-col-blue+label:before{border-right:2px solid #2196f3;border-bottom:2px solid #2196f3;}[type="checkbox"]:checked.chk-col-light-blue+label:before{border-right:2px solid #03a9f4;border-bottom:2px solid #03a9f4;}[type="checkbox"]:checked.chk-col-cyan+label:before{border-right:2px solid #00bcd4;border-bottom:2px solid #00bcd4;}[type="checkbox"]:checked.chk-col-teal+label:before{border-right:2px solid #009688;border-bottom:2px solid #009688;}[type="checkbox"]:checked.chk-col-green+label:before{border-right:2px solid #4caf50;border-bottom:2px solid #4caf50;}[type="checkbox"]:checked.chk-col-light-green+label:before{border-right:2px solid #8bc34a;border-bottom:2px solid #8bc34a;}[type="checkbox"]:checked.chk-col-lime+label:before{border-right:2px solid #cddc39;border-bottom:2px solid #cddc39;}[type="checkbox"]:checked.chk-col-yellow+label:before{border-right:2px solid #ffe821;border-bottom:2px solid #ffe821;}[type="checkbox"]:checked.chk-col-amber+label:before{border-right:2px solid #ffc107;border-bottom:2px solid #ffc107;}[type="checkbox"]:checked.chk-col-orange+label:before{border-right:2px solid #ff9800;border-bottom:2px solid #ff9800;}[type="checkbox"]:checked.chk-col-deep-orange+label:before{border-right:2px solid #ff5722;border-bottom:2px solid #ff5722;}[type="checkbox"]:checked.chk-col-brown+label:before{border-right:2px solid #795548;border-bottom:2px solid #795548;}[type="checkbox"]:checked.chk-col-grey+label:before{border-right:2px solid #9e9e9e;border-bottom:2px solid #9e9e9e;}[type="checkbox"]:checked.chk-col-blue-grey+label:before{border-right:2px solid #607d8b;border-bottom:2px solid #607d8b;}[type="checkbox"]:checked.chk-col-black+label:before{border-right:2px solid #000;border-bottom:2px solid #000;}[type="checkbox"]:checked.chk-col-white+label:before{border-right:2px solid #fff;border-bottom:2px solid #fff;}[type="checkbox"].filled-in:checked+label:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0;}[type="checkbox"].filled-in:checked+label:before{border-right:2px solid #fff !important;border-bottom:2px solid #fff !important;}[type="checkbox"].filled-in:checked.chk-col-red+label:after{border:2px solid #f44336;background-color:#f44336;}[type="checkbox"].filled-in:checked.chk-col-pink+label:after{border:2px solid #e91e63;background-color:#e91e63;}[type="checkbox"].filled-in:checked.chk-col-purple+label:after{border:2px solid #9c27b0;background-color:#9c27b0;}[type="checkbox"].filled-in:checked.chk-col-deep-purple+label:after{border:2px solid #673ab7;background-color:#673ab7;}[type="checkbox"].filled-in:checked.chk-col-indigo+label:after{border:2px solid #3f51b5;background-color:#3f51b5;}[type="checkbox"].filled-in:checked.chk-col-blue+label:after{border:2px solid #2196f3;background-color:#2196f3;}[type="checkbox"].filled-in:checked.chk-col-light-blue+label:after{border:2px solid #03a9f4;background-color:#03a9f4;}[type="checkbox"].filled-in:checked.chk-col-cyan+label:after{border:2px solid #00bcd4;background-color:#00bcd4;}[type="checkbox"].filled-in:checked.chk-col-teal+label:after{border:2px solid #009688;background-color:#009688;}[type="checkbox"].filled-in:checked.chk-col-green+label:after{border:2px solid #4caf50;background-color:#4caf50;}[type="checkbox"].filled-in:checked.chk-col-light-green+label:after{border:2px solid #8bc34a;background-color:#8bc34a;}[type="checkbox"].filled-in:checked.chk-col-lime+label:after{border:2px solid #cddc39;background-color:#cddc39;}[type="checkbox"].filled-in:checked.chk-col-yellow+label:after{border:2px solid #ffe821;background-color:#ffe821;}[type="checkbox"].filled-in:checked.chk-col-amber+label:after{border:2px solid #ffc107;background-color:#ffc107;}[type="checkbox"].filled-in:checked.chk-col-orange+label:after{border:2px solid #ff9800;background-color:#ff9800;}[type="checkbox"].filled-in:checked.chk-col-deep-orange+label:after{border:2px solid #ff5722;background-color:#ff5722;}[type="checkbox"].filled-in:checked.chk-col-brown+label:after{border:2px solid #795548;background-color:#795548;}[type="checkbox"].filled-in:checked.chk-col-grey+label:after{border:2px solid #9e9e9e;background-color:#9e9e9e;}[type="checkbox"].filled-in:checked.chk-col-blue-grey+label:after{border:2px solid #607d8b;background-color:#607d8b;}[type="checkbox"].filled-in:checked.chk-col-black+label:after{border:2px solid #000;background-color:#000;}[type="checkbox"].filled-in:checked.chk-col-white+label:after{border:2px solid #fff;background-color:#fff;}[type="radio"]:not(:checked)+label{padding-left:26px;height:25px;line-height:25px;font-size:13px;font-weight:normal;}[type="radio"]:checked+label{padding-left:26px;height:25px;line-height:25px;font-size:13px;font-weight:normal;}[type="radio"].radio-col-red:checked+label:after{background-color:#f44336;border-color:#f44336;}[type="radio"].radio-col-pink:checked+label:after{background-color:#e91e63;border-color:#e91e63;}[type="radio"].radio-col-purple:checked+label:after{background-color:#9c27b0;border-color:#9c27b0;}[type="radio"].radio-col-deep-purple:checked+label:after{background-color:#673ab7;border-color:#673ab7;}[type="radio"].radio-col-indigo:checked+label:after{background-color:#3f51b5;border-color:#3f51b5;}[type="radio"].radio-col-blue:checked+label:after{background-color:#2196f3;border-color:#2196f3;}[type="radio"].radio-col-light-blue:checked+label:after{background-color:#03a9f4;border-color:#03a9f4;}[type="radio"].radio-col-cyan:checked+label:after{background-color:#00bcd4;border-color:#00bcd4;}[type="radio"].radio-col-teal:checked+label:after{background-color:#009688;border-color:#009688;}[type="radio"].radio-col-green:checked+label:after{background-color:#4caf50;border-color:#4caf50;}[type="radio"].radio-col-light-green:checked+label:after{background-color:#8bc34a;border-color:#8bc34a;}[type="radio"].radio-col-lime:checked+label:after{background-color:#cddc39;border-color:#cddc39;}[type="radio"].radio-col-yellow:checked+label:after{background-color:#ffe821;border-color:#ffe821;}[type="radio"].radio-col-amber:checked+label:after{background-color:#ffc107;border-color:#ffc107;}[type="radio"].radio-col-orange:checked+label:after{background-color:#ff9800;border-color:#ff9800;}[type="radio"].radio-col-deep-orange:checked+label:after{background-color:#ff5722;border-color:#ff5722;}[type="radio"].radio-col-brown:checked+label:after{background-color:#795548;border-color:#795548;}[type="radio"].radio-col-grey:checked+label:after{background-color:#9e9e9e;border-color:#9e9e9e;}[type="radio"].radio-col-blue-grey:checked+label:after{background-color:#607d8b;border-color:#607d8b;}[type="radio"].radio-col-black:checked+label:after{background-color:#000;border-color:#000;}[type="radio"].radio-col-white:checked+label:after{background-color:#fff;border-color:#fff;}[type="radio"].with-gap.radio-col-red:checked+label:before{border:2px solid #f44336;}[type="radio"].with-gap.radio-col-red:checked+label:after{background-color:#f44336;border:2px solid #f44336;}[type="radio"].with-gap.radio-col-pink:checked+label:before{border:2px solid #e91e63;}[type="radio"].with-gap.radio-col-pink:checked+label:after{background-color:#e91e63;border:2px solid #e91e63;}[type="radio"].with-gap.radio-col-purple:checked+label:before{border:2px solid #9c27b0;}[type="radio"].with-gap.radio-col-purple:checked+label:after{background-color:#9c27b0;border:2px solid #9c27b0;}[type="radio"].with-gap.radio-col-deep-purple:checked+label:before{border:2px solid #673ab7;}[type="radio"].with-gap.radio-col-deep-purple:checked+label:after{background-color:#673ab7;border:2px solid #673ab7;}[type="radio"].with-gap.radio-col-indigo:checked+label:before{border:2px solid #3f51b5;}[type="radio"].with-gap.radio-col-indigo:checked+label:after{background-color:#3f51b5;border:2px solid #3f51b5;}[type="radio"].with-gap.radio-col-blue:checked+label:before{border:2px solid #2196f3;}[type="radio"].with-gap.radio-col-blue:checked+label:after{background-color:#2196f3;border:2px solid #2196f3;}[type="radio"].with-gap.radio-col-light-blue:checked+label:before{border:2px solid #03a9f4;}[type="radio"].with-gap.radio-col-light-blue:checked+label:after{background-color:#03a9f4;border:2px solid #03a9f4;}[type="radio"].with-gap.radio-col-cyan:checked+label:before{border:2px solid #00bcd4;}[type="radio"].with-gap.radio-col-cyan:checked+label:after{background-color:#00bcd4;border:2px solid #00bcd4;}[type="radio"].with-gap.radio-col-teal:checked+label:before{border:2px solid #009688;}[type="radio"].with-gap.radio-col-teal:checked+label:after{background-color:#009688;border:2px solid #009688;}[type="radio"].with-gap.radio-col-green:checked+label:before{border:2px solid #4caf50;}[type="radio"].with-gap.radio-col-green:checked+label:after{background-color:#4caf50;border:2px solid #4caf50;}[type="radio"].with-gap.radio-col-light-green:checked+label:before{border:2px solid #8bc34a;}[type="radio"].with-gap.radio-col-light-green:checked+label:after{background-color:#8bc34a;border:2px solid #8bc34a;}[type="radio"].with-gap.radio-col-lime:checked+label:before{border:2px solid #cddc39;}[type="radio"].with-gap.radio-col-lime:checked+label:after{background-color:#cddc39;border:2px solid #cddc39;}[type="radio"].with-gap.radio-col-yellow:checked+label:before{border:2px solid #ffe821;}[type="radio"].with-gap.radio-col-yellow:checked+label:after{background-color:#ffe821;border:2px solid #ffe821;}[type="radio"].with-gap.radio-col-amber:checked+label:before{border:2px solid #ffc107;}[type="radio"].with-gap.radio-col-amber:checked+label:after{background-color:#ffc107;border:2px solid #ffc107;}[type="radio"].with-gap.radio-col-orange:checked+label:before{border:2px solid #ff9800;}[type="radio"].with-gap.radio-col-orange:checked+label:after{background-color:#ff9800;border:2px solid #ff9800;}[type="radio"].with-gap.radio-col-deep-orange:checked+label:before{border:2px solid #ff5722;}[type="radio"].with-gap.radio-col-deep-orange:checked+label:after{background-color:#ff5722;border:2px solid #ff5722;}[type="radio"].with-gap.radio-col-brown:checked+label:before{border:2px solid #795548;}[type="radio"].with-gap.radio-col-brown:checked+label:after{background-color:#795548;border:2px solid #795548;}[type="radio"].with-gap.radio-col-grey:checked+label:before{border:2px solid #9e9e9e;}[type="radio"].with-gap.radio-col-grey:checked+label:after{background-color:#9e9e9e;border:2px solid #9e9e9e;}[type="radio"].with-gap.radio-col-blue-grey:checked+label:before{border:2px solid #607d8b;}[type="radio"].with-gap.radio-col-blue-grey:checked+label:after{background-color:#607d8b;border:2px solid #607d8b;}[type="radio"].with-gap.radio-col-black:checked+label:before{border:2px solid #000;}[type="radio"].with-gap.radio-col-black:checked+label:after{background-color:#000;border:2px solid #000;}[type="radio"].with-gap.radio-col-white:checked+label:before{border:2px solid #fff;}[type="radio"].with-gap.radio-col-white:checked+label:after{background-color:#fff;border:2px solid #fff;}.switch label{font-weight:normal;font-size:13px;}.switch label .lever{margin:0 14px;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(244,67,54,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-red{background-color:rgba(244,67,54,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-red:after{background-color:#f44336;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(233,30,99,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-pink{background-color:rgba(233,30,99,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after{background-color:#e91e63;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(156,39,176,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-purple{background-color:rgba(156,39,176,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after{background-color:#9c27b0;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-purple:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(103,58,183,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple{background-color:rgba(103,58,183,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after{background-color:#673ab7;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(63,81,181,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-indigo{background-color:rgba(63,81,181,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after{background-color:#3f51b5;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(33,150,243,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue{background-color:rgba(33,150,243,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after{background-color:#2196f3;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-blue:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(3,169,244,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue{background-color:rgba(3,169,244,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after{background-color:#03a9f4;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,188,212,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-cyan{background-color:rgba(0,188,212,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after{background-color:#00bcd4;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,150,136,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-teal{background-color:rgba(0,150,136,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after{background-color:#009688;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(76,175,80,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-green{background-color:rgba(76,175,80,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-green:after{background-color:#4caf50;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-green:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(139,195,74,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-green{background-color:rgba(139,195,74,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after{background-color:#8bc34a;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-lime:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(205,220,57,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-lime{background-color:rgba(205,220,57,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after{background-color:#cddc39;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,232,33,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-yellow{background-color:rgba(255,232,33,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after{background-color:#ffe821;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-amber:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,193,7,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-amber{background-color:rgba(255,193,7,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after{background-color:#ffc107;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,152,0,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-orange{background-color:rgba(255,152,0,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after{background-color:#ff9800;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,87,34,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange{background-color:rgba(255,87,34,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after{background-color:#ff5722;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(121,85,72,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-brown{background-color:rgba(121,85,72,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after{background-color:#795548;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(158,158,158,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-grey{background-color:rgba(158,158,158,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after{background-color:#9e9e9e;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue-grey:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(96,125,139,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey{background-color:rgba(96,125,139,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after{background-color:#607d8b;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-black{background-color:rgba(0,0,0,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-black:after{background-color:#000;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,255,255,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-white{background-color:rgba(255,255,255,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-white:after{background-color:#fff;}.dtp div.dtp-date,.dtp div.dtp-time{background:#007d72;}.dtp>.dtp-content>.dtp-date-view>header.dtp-header{background:#009688;}.dtp .dtp-buttons .dtp-btn-ok{margin-left:10px;}.dtp .dtp-buttons .dtp-btn-clear{margin-right:10px !important;}.dtp .p10>a{color:#fff;}.dtp div.dtp-actual-year{font-size:1.5em;color:#fff;}.dtp table.dtp-picker-days tr td a.selected{background:#007d72;color:#fff;}.bootstrap-select{box-shadow:none !important;border-bottom:1px solid #ddd !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select .dropdown-toggle:active{outline:none !important;}.bootstrap-select .bs-searchbox,.bootstrap-select .bs-actionsbox,.bootstrap-select .bs-donebutton{padding:0 0 5px 0;border-bottom:1px solid #e9e9e9;}.bootstrap-select .bs-searchbox .form-control,.bootstrap-select .bs-actionsbox .form-control,.bootstrap-select .bs-donebutton .form-control{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;border:none;margin-left:30px;}.bootstrap-select .bs-searchbox{position:relative;}.bootstrap-select .bs-searchbox:after{content:'';font-family:'Material Icons';position:absolute;top:0;left:10px;font-size:25px;}.bootstrap-select ul.dropdown-menu{margin-top:0 !important;}.bootstrap-select .dropdown-menu li.selected a{background-color:#eee !important;color:#555 !important;}.bootstrap-select .dropdown-menu .active a{background-color:transparent;color:#333 !important;}.bootstrap-select .dropdown-menu .notify{background-color:#f44336 !important;color:#fff !important;border:none !important;}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{margin-top:9px;}.tooltip{font-size:13px;}.tooltip .tooltip-inner{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.popover{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:1px solid rgba(0,0,0,.08);}.popover .popover-title{font-weight:bold;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;background-color:#e9e9e9;border-bottom:1px solid #ddd;}.popover .popover-content{font-size:13px;color:#777;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.nav-tabs{border-bottom:2px solid #eee;}.nav-tabs>li{position:relative;top:3px;left:-2px;}.nav-tabs>li>a{border:none !important;color:#999 !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.nav-tabs>li>a:hover,.nav-tabs>li>a:active,.nav-tabs>li>a:focus{background-color:transparent !important;}.nav-tabs>li>a:before{content:'';position:absolute;left:0;width:100%;height:0;border-bottom:2px solid #2196f3;bottom:2px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.1s ease-in;-o-transition:.1s ease-in;-webkit-transition:.1s ease-in;transition:.1s ease-in;}.nav-tabs>li>a .material-icons{position:relative;top:7px;margin-bottom:8px;}.nav-tabs li.active a{color:#222 !important;}.nav-tabs li.active a:hover,.nav-tabs li.active a:active,.nav-tabs li.active a:focus{background-color:transparent !important;}.nav-tabs li.active a:before{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}.nav-tabs+.tab-content{padding:15px 0;}.nav-tabs.tab-col-red>li>a:before{border-bottom:2px solid #f44336;}.nav-tabs.tab-col-pink>li>a:before{border-bottom:2px solid #e91e63;}.nav-tabs.tab-col-purple>li>a:before{border-bottom:2px solid #9c27b0;}.nav-tabs.tab-col-deep-purple>li>a:before{border-bottom:2px solid #673ab7;}.nav-tabs.tab-col-indigo>li>a:before{border-bottom:2px solid #3f51b5;}.nav-tabs.tab-col-blue>li>a:before{border-bottom:2px solid #2196f3;}.nav-tabs.tab-col-light-blue>li>a:before{border-bottom:2px solid #03a9f4;}.nav-tabs.tab-col-cyan>li>a:before{border-bottom:2px solid #00bcd4;}.nav-tabs.tab-col-teal>li>a:before{border-bottom:2px solid #009688;}.nav-tabs.tab-col-green>li>a:before{border-bottom:2px solid #4caf50;}.nav-tabs.tab-col-light-green>li>a:before{border-bottom:2px solid #8bc34a;}.nav-tabs.tab-col-lime>li>a:before{border-bottom:2px solid #cddc39;}.nav-tabs.tab-col-yellow>li>a:before{border-bottom:2px solid #ffe821;}.nav-tabs.tab-col-amber>li>a:before{border-bottom:2px solid #ffc107;}.nav-tabs.tab-col-orange>li>a:before{border-bottom:2px solid #ff9800;}.nav-tabs.tab-col-deep-orange>li>a:before{border-bottom:2px solid #ff5722;}.nav-tabs.tab-col-brown>li>a:before{border-bottom:2px solid #795548;}.nav-tabs.tab-col-grey>li>a:before{border-bottom:2px solid #9e9e9e;}.nav-tabs.tab-col-blue-grey>li>a:before{border-bottom:2px solid #607d8b;}.nav-tabs.tab-col-black>li>a:before{border-bottom:2px solid #000;}.nav-tabs.tab-col-white>li>a:before{border-bottom:2px solid #fff;}.thumbnail{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.thumbnail p:not(button){color:#999;font-size:14px;}.thumbnail h3{font-weight:bold;font-size:17px;}.modal .modal-header{border:none;padding:25px 25px 5px 25px;}.modal .modal-header .modal-title{font-weight:bold;font-size:16px;}.modal .modal-content{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;box-shadow:0 5px 20px rgba(0,0,0,.31) !important;border:none;}.modal .modal-content .modal-body{color:#777;padding:15px 25px;}.modal .modal-footer{border:none;}.modal-col-red{background-color:#f44336;}.modal-col-red .modal-body,.modal-col-red .modal-title{color:#fff !important;}.modal-col-red .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-red .modal-footer .btn-link{color:#fff !important;}.modal-col-red .modal-footer .btn-link:hover,.modal-col-red .modal-footer .btn-link:active,.modal-col-red .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-pink{background-color:#e91e63;}.modal-col-pink .modal-body,.modal-col-pink .modal-title{color:#fff !important;}.modal-col-pink .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-pink .modal-footer .btn-link{color:#fff !important;}.modal-col-pink .modal-footer .btn-link:hover,.modal-col-pink .modal-footer .btn-link:active,.modal-col-pink .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-purple{background-color:#9c27b0;}.modal-col-purple .modal-body,.modal-col-purple .modal-title{color:#fff !important;}.modal-col-purple .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-purple .modal-footer .btn-link{color:#fff !important;}.modal-col-purple .modal-footer .btn-link:hover,.modal-col-purple .modal-footer .btn-link:active,.modal-col-purple .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-deep-purple{background-color:#673ab7;}.modal-col-deep-purple .modal-body,.modal-col-deep-purple .modal-title{color:#fff !important;}.modal-col-deep-purple .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-deep-purple .modal-footer .btn-link{color:#fff !important;}.modal-col-deep-purple .modal-footer .btn-link:hover,.modal-col-deep-purple .modal-footer .btn-link:active,.modal-col-deep-purple .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-indigo{background-color:#3f51b5;}.modal-col-indigo .modal-body,.modal-col-indigo .modal-title{color:#fff !important;}.modal-col-indigo .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-indigo .modal-footer .btn-link{color:#fff !important;}.modal-col-indigo .modal-footer .btn-link:hover,.modal-col-indigo .modal-footer .btn-link:active,.modal-col-indigo .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-blue{background-color:#2196f3;}.modal-col-blue .modal-body,.modal-col-blue .modal-title{color:#fff !important;}.modal-col-blue .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-blue .modal-footer .btn-link{color:#fff !important;}.modal-col-blue .modal-footer .btn-link:hover,.modal-col-blue .modal-footer .btn-link:active,.modal-col-blue .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-light-blue{background-color:#03a9f4;}.modal-col-light-blue .modal-body,.modal-col-light-blue .modal-title{color:#fff !important;}.modal-col-light-blue .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-light-blue .modal-footer .btn-link{color:#fff !important;}.modal-col-light-blue .modal-footer .btn-link:hover,.modal-col-light-blue .modal-footer .btn-link:active,.modal-col-light-blue .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-cyan{background-color:#00bcd4;}.modal-col-cyan .modal-body,.modal-col-cyan .modal-title{color:#fff !important;}.modal-col-cyan .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-cyan .modal-footer .btn-link{color:#fff !important;}.modal-col-cyan .modal-footer .btn-link:hover,.modal-col-cyan .modal-footer .btn-link:active,.modal-col-cyan .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-teal{background-color:#009688;}.modal-col-teal .modal-body,.modal-col-teal .modal-title{color:#fff !important;}.modal-col-teal .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-teal .modal-footer .btn-link{color:#fff !important;}.modal-col-teal .modal-footer .btn-link:hover,.modal-col-teal .modal-footer .btn-link:active,.modal-col-teal .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-green{background-color:#4caf50;}.modal-col-green .modal-body,.modal-col-green .modal-title{color:#fff !important;}.modal-col-green .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-green .modal-footer .btn-link{color:#fff !important;}.modal-col-green .modal-footer .btn-link:hover,.modal-col-green .modal-footer .btn-link:active,.modal-col-green .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-light-green{background-color:#8bc34a;}.modal-col-light-green .modal-body,.modal-col-light-green .modal-title{color:#fff !important;}.modal-col-light-green .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-light-green .modal-footer .btn-link{color:#fff !important;}.modal-col-light-green .modal-footer .btn-link:hover,.modal-col-light-green .modal-footer .btn-link:active,.modal-col-light-green .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-lime{background-color:#cddc39;}.modal-col-lime .modal-body,.modal-col-lime .modal-title{color:#fff !important;}.modal-col-lime .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-lime .modal-footer .btn-link{color:#fff !important;}.modal-col-lime .modal-footer .btn-link:hover,.modal-col-lime .modal-footer .btn-link:active,.modal-col-lime .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-yellow{background-color:#ffe821;}.modal-col-yellow .modal-body,.modal-col-yellow .modal-title{color:#fff !important;}.modal-col-yellow .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-yellow .modal-footer .btn-link{color:#fff !important;}.modal-col-yellow .modal-footer .btn-link:hover,.modal-col-yellow .modal-footer .btn-link:active,.modal-col-yellow .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-amber{background-color:#ffc107;}.modal-col-amber .modal-body,.modal-col-amber .modal-title{color:#fff !important;}.modal-col-amber .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-amber .modal-footer .btn-link{color:#fff !important;}.modal-col-amber .modal-footer .btn-link:hover,.modal-col-amber .modal-footer .btn-link:active,.modal-col-amber .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-orange{background-color:#ff9800;}.modal-col-orange .modal-body,.modal-col-orange .modal-title{color:#fff !important;}.modal-col-orange .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-orange .modal-footer .btn-link{color:#fff !important;}.modal-col-orange .modal-footer .btn-link:hover,.modal-col-orange .modal-footer .btn-link:active,.modal-col-orange .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-deep-orange{background-color:#ff5722;}.modal-col-deep-orange .modal-body,.modal-col-deep-orange .modal-title{color:#fff !important;}.modal-col-deep-orange .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-deep-orange .modal-footer .btn-link{color:#fff !important;}.modal-col-deep-orange .modal-footer .btn-link:hover,.modal-col-deep-orange .modal-footer .btn-link:active,.modal-col-deep-orange .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-brown{background-color:#795548;}.modal-col-brown .modal-body,.modal-col-brown .modal-title{color:#fff !important;}.modal-col-brown .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-brown .modal-footer .btn-link{color:#fff !important;}.modal-col-brown .modal-footer .btn-link:hover,.modal-col-brown .modal-footer .btn-link:active,.modal-col-brown .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-grey{background-color:#9e9e9e;}.modal-col-grey .modal-body,.modal-col-grey .modal-title{color:#fff !important;}.modal-col-grey .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-grey .modal-footer .btn-link{color:#fff !important;}.modal-col-grey .modal-footer .btn-link:hover,.modal-col-grey .modal-footer .btn-link:active,.modal-col-grey .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-blue-grey{background-color:#607d8b;}.modal-col-blue-grey .modal-body,.modal-col-blue-grey .modal-title{color:#fff !important;}.modal-col-blue-grey .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-blue-grey .modal-footer .btn-link{color:#fff !important;}.modal-col-blue-grey .modal-footer .btn-link:hover,.modal-col-blue-grey .modal-footer .btn-link:active,.modal-col-blue-grey .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-black{background-color:#000;}.modal-col-black .modal-body,.modal-col-black .modal-title{color:#fff !important;}.modal-col-black .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-black .modal-footer .btn-link{color:#fff !important;}.modal-col-black .modal-footer .btn-link:hover,.modal-col-black .modal-footer .btn-link:active,.modal-col-black .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-white{background-color:#fff;}.modal-col-white .modal-body,.modal-col-white .modal-title{color:#fff !important;}.modal-col-white .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-white .modal-footer .btn-link{color:#fff !important;}.modal-col-white .modal-footer .btn-link:hover,.modal-col-white .modal-footer .btn-link:active,.modal-col-white .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.label{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.label-primary{background-color:#1f91f3;}.label-success{background-color:#2b982b;}.label-info{background-color:#00b0e4;}.label-warning{background-color:#ff9600;}.label-danger{background-color:#fb483a;}.collapse .well,.collapse.in .well,.collapsing .well{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;margin-bottom:0;}.table tbody tr td,.table tbody tr th{padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;}.table tbody tr.primary td,.table tbody tr.primary th{background-color:#1f91f3;color:#fff;}.table tbody tr.success td,.table tbody tr.success th{background-color:#2b982b;color:#fff;}.table tbody tr.info td,.table tbody tr.info th{background-color:#00b0e4;color:#fff;}.table tbody tr.warning td,.table tbody tr.warning th{background-color:#ff9600;color:#fff;}.table tbody tr.danger td,.table tbody tr.danger th{background-color:#fb483a;color:#fff;}.table thead tr th{padding:10px;border-bottom:1px solid #eee;}.table-bordered{border-top:1px solid #eee;}.table-bordered tbody tr td,.table-bordered tbody tr th{padding:10px;border:1px solid #eee;}.table-bordered thead tr th{padding:10px;border:1px solid #eee;}.panel-group .panel-col-red{border:1px solid #f44336;}.panel-group .panel-col-red .panel-title{background-color:#f44336 !important;color:#fff;}.panel-group .panel-col-red .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-pink{border:1px solid #e91e63;}.panel-group .panel-col-pink .panel-title{background-color:#e91e63 !important;color:#fff;}.panel-group .panel-col-pink .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-purple{border:1px solid #9c27b0;}.panel-group .panel-col-purple .panel-title{background-color:#9c27b0 !important;color:#fff;}.panel-group .panel-col-purple .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-deep-purple{border:1px solid #673ab7;}.panel-group .panel-col-deep-purple .panel-title{background-color:#673ab7 !important;color:#fff;}.panel-group .panel-col-deep-purple .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-indigo{border:1px solid #3f51b5;}.panel-group .panel-col-indigo .panel-title{background-color:#3f51b5 !important;color:#fff;}.panel-group .panel-col-indigo .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-blue{border:1px solid #2196f3;}.panel-group .panel-col-blue .panel-title{background-color:#2196f3 !important;color:#fff;}.panel-group .panel-col-blue .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-light-blue{border:1px solid #03a9f4;}.panel-group .panel-col-light-blue .panel-title{background-color:#03a9f4 !important;color:#fff;}.panel-group .panel-col-light-blue .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-cyan{border:1px solid #00bcd4;}.panel-group .panel-col-cyan .panel-title{background-color:#00bcd4 !important;color:#fff;}.panel-group .panel-col-cyan .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-teal{border:1px solid #009688;}.panel-group .panel-col-teal .panel-title{background-color:#009688 !important;color:#fff;}.panel-group .panel-col-teal .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-green{border:1px solid #4caf50;}.panel-group .panel-col-green .panel-title{background-color:#4caf50 !important;color:#fff;}.panel-group .panel-col-green .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-light-green{border:1px solid #8bc34a;}.panel-group .panel-col-light-green .panel-title{background-color:#8bc34a !important;color:#fff;}.panel-group .panel-col-light-green .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-lime{border:1px solid #cddc39;}.panel-group .panel-col-lime .panel-title{background-color:#cddc39 !important;color:#fff;}.panel-group .panel-col-lime .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-yellow{border:1px solid #ffe821;}.panel-group .panel-col-yellow .panel-title{background-color:#ffe821 !important;color:#fff;}.panel-group .panel-col-yellow .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-amber{border:1px solid #ffc107;}.panel-group .panel-col-amber .panel-title{background-color:#ffc107 !important;color:#fff;}.panel-group .panel-col-amber .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-orange{border:1px solid #ff9800;}.panel-group .panel-col-orange .panel-title{background-color:#ff9800 !important;color:#fff;}.panel-group .panel-col-orange .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-deep-orange{border:1px solid #ff5722;}.panel-group .panel-col-deep-orange .panel-title{background-color:#ff5722 !important;color:#fff;}.panel-group .panel-col-deep-orange .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-brown{border:1px solid #795548;}.panel-group .panel-col-brown .panel-title{background-color:#795548 !important;color:#fff;}.panel-group .panel-col-brown .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-grey{border:1px solid #9e9e9e;}.panel-group .panel-col-grey .panel-title{background-color:#9e9e9e !important;color:#fff;}.panel-group .panel-col-grey .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-blue-grey{border:1px solid #607d8b;}.panel-group .panel-col-blue-grey .panel-title{background-color:#607d8b !important;color:#fff;}.panel-group .panel-col-blue-grey .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-black{border:1px solid #000;}.panel-group .panel-col-black .panel-title{background-color:#000 !important;color:#fff;}.panel-group .panel-col-black .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-white{border:1px solid #fff;}.panel-group .panel-col-white .panel-title{background-color:#fff !important;color:#fff;}.panel-group .panel-col-white .panel-body{border-top-color:transparent !important;}.panel-group .panel{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.panel-group .panel .panel-title .material-icons{float:left;line-height:16px;margin-right:8px;}.panel-group .panel .panel-heading{padding:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.panel-group .panel .panel-heading a{display:block;padding:10px 15px;}.panel-group .panel .panel-heading a:hover,.panel-group .panel .panel-heading a:focus,.panel-group .panel .panel-heading a:active{text-decoration:none;}.panel-group .panel .panel-body{color:#555;}.panel-group .panel-primary{border:1px solid #1f91f3;}.panel-group .panel-primary .panel-title{background-color:#1f91f3;}.panel-group .panel-success{border:1px solid #2b982b;}.panel-group .panel-success .panel-title{background-color:#2b982b;color:#fff;}.panel-group .panel-warning{border:1px solid #ff9600;}.panel-group .panel-warning .panel-title{background-color:#ff9600;color:#fff;}.panel-group .panel-danger{border:1px solid #fb483a;}.panel-group .panel-danger .panel-title{background-color:#fb483a;color:#fff;}.full-body .panel-col-red .panel-body{border-top-color:#fff !important;background-color:#f44336;color:#fff;}.full-body .panel-col-pink .panel-body{border-top-color:#fff !important;background-color:#e91e63;color:#fff;}.full-body .panel-col-purple .panel-body{border-top-color:#fff !important;background-color:#9c27b0;color:#fff;}.full-body .panel-col-deep-purple .panel-body{border-top-color:#fff !important;background-color:#673ab7;color:#fff;}.full-body .panel-col-indigo .panel-body{border-top-color:#fff !important;background-color:#3f51b5;color:#fff;}.full-body .panel-col-blue .panel-body{border-top-color:#fff !important;background-color:#2196f3;color:#fff;}.full-body .panel-col-light-blue .panel-body{border-top-color:#fff !important;background-color:#03a9f4;color:#fff;}.full-body .panel-col-cyan .panel-body{border-top-color:#fff !important;background-color:#00bcd4;color:#fff;}.full-body .panel-col-teal .panel-body{border-top-color:#fff !important;background-color:#009688;color:#fff;}.full-body .panel-col-green .panel-body{border-top-color:#fff !important;background-color:#4caf50;color:#fff;}.full-body .panel-col-light-green .panel-body{border-top-color:#fff !important;background-color:#8bc34a;color:#fff;}.full-body .panel-col-lime .panel-body{border-top-color:#fff !important;background-color:#cddc39;color:#fff;}.full-body .panel-col-yellow .panel-body{border-top-color:#fff !important;background-color:#ffe821;color:#fff;}.full-body .panel-col-amber .panel-body{border-top-color:#fff !important;background-color:#ffc107;color:#fff;}.full-body .panel-col-orange .panel-body{border-top-color:#fff !important;background-color:#ff9800;color:#fff;}.full-body .panel-col-deep-orange .panel-body{border-top-color:#fff !important;background-color:#ff5722;color:#fff;}.full-body .panel-col-brown .panel-body{border-top-color:#fff !important;background-color:#795548;color:#fff;}.full-body .panel-col-grey .panel-body{border-top-color:#fff !important;background-color:#9e9e9e;color:#fff;}.full-body .panel-col-blue-grey .panel-body{border-top-color:#fff !important;background-color:#607d8b;color:#fff;}.full-body .panel-col-black .panel-body{border-top-color:#fff !important;background-color:#000;color:#fff;}.full-body .panel-col-white .panel-body{border-top-color:#fff !important;background-color:#fff;color:#fff;}.full-body .panel-primary .panel-body{border-top-color:#fff !important;background-color:#1f91f3;color:#fff;}.full-body .panel-success .panel-body{border-top-color:#fff !important;background-color:#2b982b;color:#fff;}.full-body .panel-warning .panel-body{border-top-color:#fff !important;background-color:#ff9600;color:#fff;}.full-body .panel-danger .panel-body{border-top-color:#fff !important;background-color:#fb483a;color:#fff;}.progress{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;height:22px;}.progress .progress-bar{line-height:23px;background-color:#1f91f3;}.progress .progress-bar-success{background-color:#2b982b;}.progress .progress-bar-info{background-color:#00b0e4;}.progress .progress-bar-warning{background-color:#ff9600;}.progress .progress-bar-danger{background-color:#fb483a;}.irs .irs-min,.irs .irs-max,.irs .irs-from,.irs .irs-to,.irs .irs-single{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.input-group{width:100%;margin-bottom:20px;}.input-group .form-line{display:inline-block;width:100%;border-bottom:1px solid #ddd;position:relative;}.input-group .form-line:after{content:'';position:absolute;left:0;width:100%;bottom:-2px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.25s ease-in;-o-transition:.25s ease-in;-webkit-transition:.25s ease-in;transition:.25s ease-in;border-bottom:2px solid #1f91f3;}.input-group .form-line+.input-group-addon{padding-right:0;padding-left:10px;}.input-group .help-info{float:right;font-size:12px;margin-top:5px;color:#999;}.input-group label.error{font-size:12px;display:block;margin-top:5px;font-weight:normal;color:#f44336;}.input-group .form-line.error:after{border-bottom:2px solid #f44336;}.input-group .form-line.success:after{border-bottom:2px solid #4caf50;}.input-group .form-line.warning:after{border-bottom:2px solid #ffc107;}.input-group .form-line.focused:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}.input-group .form-line.focused .form-label{bottom:25px;left:0;font-size:12px;}.input-group .input-group-addon{border:none;background-color:transparent;padding-left:0;font-weight:bold;}.input-group .input-group-addon .material-icons{font-size:18px;color:#555;}.input-group input[type="text"],.input-group .form-control{border:none;box-shadow:none;padding-left:0;}.input-group .form-control:focus{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;}.input-group.input-group-sm .input-group-addon i{font-size:14px;}.input-group.input-group-sm .form-control{font-size:12px;}.input-group.input-group-lg .input-group-addon i{font-size:26px;}.input-group.input-group-lg .form-control{font-size:18px;}.form-control-label{text-align:right;}.form-control-label label{margin-top:8px;}.form-horizontal .form-group{margin-bottom:0;}.form-group{width:100%;margin-bottom:25px;}.form-group .form-control{width:100%;border:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding-left:0;}.form-group .help-info{float:right;font-size:12px;margin-top:5px;color:#999;}.form-group label.error{font-size:12px;display:block;margin-top:5px;font-weight:normal;color:#f44336;}.form-group .form-line{width:100%;position:relative;border-bottom:1px solid #ddd;}.form-group .form-line:after{content:'';position:absolute;left:0;width:100%;height:0;bottom:-1px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.25s ease-in;-o-transition:.25s ease-in;-webkit-transition:.25s ease-in;transition:.25s ease-in;border-bottom:2px solid #1f91f3;}.form-group .form-line .form-label{font-weight:normal;color:#aaa;position:absolute;top:10px;left:0;cursor:text;-moz-transition:.2s;-o-transition:.2s;-webkit-transition:.2s;transition:.2s;}.form-group .form-line.error:after{border-bottom:2px solid #f44336;}.form-group .form-line.success:after{border-bottom:2px solid #4caf50;}.form-group .form-line.warning:after{border-bottom:2px solid #ffc107;}.form-group .form-line.focused:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}.form-group .form-line.focused .form-label{top:-10px;left:0;font-size:12px;}.form-group-sm .form-label{font-size:12px;}.form-group-sm .form-line.focused .form-label{bottom:20px;font-size:10px;}.form-group-lg .form-label{font-size:18px;}.form-group-lg .form-line.focused .form-label{bottom:35px;font-size:12px;}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:transparent;}.colorpicker{z-index:1;}.colorpicker:before,.colorpicker:after{display:none !important;}.dropzone{border:2px solid transparent !important;background-color:#eee !important;}.dropzone .dz-message .drag-icon-cph .material-icons{font-size:80px;color:#777;}.dz-drag-hover{border:2px dashed #888 !important;}.breadcrumb{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;background-color:transparent;font-size:13px;margin-bottom:10px;}.breadcrumb li a{color:#444;text-decoration:none;}.breadcrumb li a .material-icons{font-size:18px;position:relative;top:4px;}.breadcrumb li .material-icons{font-size:18px;position:relative;top:4px;}.breadcrumb>li+li:before{content:'> ';}.breadcrumb-col-red li a{color:#f44336 !important;font-weight:bold;}.breadcrumb-bg-red{background-color:#f44336 !important;}.breadcrumb-bg-red li{color:#fff !important;}.breadcrumb-bg-red li a{color:#fff;font-weight:bold;}.breadcrumb-bg-red li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-red li+li:before{color:#fff;}.breadcrumb-col-pink li a{color:#e91e63 !important;font-weight:bold;}.breadcrumb-bg-pink{background-color:#e91e63 !important;}.breadcrumb-bg-pink li{color:#fff !important;}.breadcrumb-bg-pink li a{color:#fff;font-weight:bold;}.breadcrumb-bg-pink li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-pink li+li:before{color:#fff;}.breadcrumb-col-purple li a{color:#9c27b0 !important;font-weight:bold;}.breadcrumb-bg-purple{background-color:#9c27b0 !important;}.breadcrumb-bg-purple li{color:#fff !important;}.breadcrumb-bg-purple li a{color:#fff;font-weight:bold;}.breadcrumb-bg-purple li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-purple li+li:before{color:#fff;}.breadcrumb-col-deep-purple li a{color:#673ab7 !important;font-weight:bold;}.breadcrumb-bg-deep-purple{background-color:#673ab7 !important;}.breadcrumb-bg-deep-purple li{color:#fff !important;}.breadcrumb-bg-deep-purple li a{color:#fff;font-weight:bold;}.breadcrumb-bg-deep-purple li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-deep-purple li+li:before{color:#fff;}.breadcrumb-col-indigo li a{color:#3f51b5 !important;font-weight:bold;}.breadcrumb-bg-indigo{background-color:#3f51b5 !important;}.breadcrumb-bg-indigo li{color:#fff !important;}.breadcrumb-bg-indigo li a{color:#fff;font-weight:bold;}.breadcrumb-bg-indigo li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-indigo li+li:before{color:#fff;}.breadcrumb-col-blue li a{color:#2196f3 !important;font-weight:bold;}.breadcrumb-bg-blue{background-color:#2196f3 !important;}.breadcrumb-bg-blue li{color:#fff !important;}.breadcrumb-bg-blue li a{color:#fff;font-weight:bold;}.breadcrumb-bg-blue li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-blue li+li:before{color:#fff;}.breadcrumb-col-light-blue li a{color:#03a9f4 !important;font-weight:bold;}.breadcrumb-bg-light-blue{background-color:#03a9f4 !important;}.breadcrumb-bg-light-blue li{color:#fff !important;}.breadcrumb-bg-light-blue li a{color:#fff;font-weight:bold;}.breadcrumb-bg-light-blue li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-light-blue li+li:before{color:#fff;}.breadcrumb-col-cyan li a{color:#00bcd4 !important;font-weight:bold;}.breadcrumb-bg-cyan{background-color:#00bcd4 !important;}.breadcrumb-bg-cyan li{color:#fff !important;}.breadcrumb-bg-cyan li a{color:#fff;font-weight:bold;}.breadcrumb-bg-cyan li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-cyan li+li:before{color:#fff;}.breadcrumb-col-teal li a{color:#009688 !important;font-weight:bold;}.breadcrumb-bg-teal{background-color:#009688 !important;}.breadcrumb-bg-teal li{color:#fff !important;}.breadcrumb-bg-teal li a{color:#fff;font-weight:bold;}.breadcrumb-bg-teal li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-teal li+li:before{color:#fff;}.breadcrumb-col-green li a{color:#4caf50 !important;font-weight:bold;}.breadcrumb-bg-green{background-color:#4caf50 !important;}.breadcrumb-bg-green li{color:#fff !important;}.breadcrumb-bg-green li a{color:#fff;font-weight:bold;}.breadcrumb-bg-green li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-green li+li:before{color:#fff;}.breadcrumb-col-light-green li a{color:#8bc34a !important;font-weight:bold;}.breadcrumb-bg-light-green{background-color:#8bc34a !important;}.breadcrumb-bg-light-green li{color:#fff !important;}.breadcrumb-bg-light-green li a{color:#fff;font-weight:bold;}.breadcrumb-bg-light-green li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-light-green li+li:before{color:#fff;}.breadcrumb-col-lime li a{color:#cddc39 !important;font-weight:bold;}.breadcrumb-bg-lime{background-color:#cddc39 !important;}.breadcrumb-bg-lime li{color:#fff !important;}.breadcrumb-bg-lime li a{color:#fff;font-weight:bold;}.breadcrumb-bg-lime li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-lime li+li:before{color:#fff;}.breadcrumb-col-yellow li a{color:#ffe821 !important;font-weight:bold;}.breadcrumb-bg-yellow{background-color:#ffe821 !important;}.breadcrumb-bg-yellow li{color:#fff !important;}.breadcrumb-bg-yellow li a{color:#fff;font-weight:bold;}.breadcrumb-bg-yellow li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-yellow li+li:before{color:#fff;}.breadcrumb-col-amber li a{color:#ffc107 !important;font-weight:bold;}.breadcrumb-bg-amber{background-color:#ffc107 !important;}.breadcrumb-bg-amber li{color:#fff !important;}.breadcrumb-bg-amber li a{color:#fff;font-weight:bold;}.breadcrumb-bg-amber li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-amber li+li:before{color:#fff;}.breadcrumb-col-orange li a{color:#ff9800 !important;font-weight:bold;}.breadcrumb-bg-orange{background-color:#ff9800 !important;}.breadcrumb-bg-orange li{color:#fff !important;}.breadcrumb-bg-orange li a{color:#fff;font-weight:bold;}.breadcrumb-bg-orange li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-orange li+li:before{color:#fff;}.breadcrumb-col-deep-orange li a{color:#ff5722 !important;font-weight:bold;}.breadcrumb-bg-deep-orange{background-color:#ff5722 !important;}.breadcrumb-bg-deep-orange li{color:#fff !important;}.breadcrumb-bg-deep-orange li a{color:#fff;font-weight:bold;}.breadcrumb-bg-deep-orange li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-deep-orange li+li:before{color:#fff;}.breadcrumb-col-brown li a{color:#795548 !important;font-weight:bold;}.breadcrumb-bg-brown{background-color:#795548 !important;}.breadcrumb-bg-brown li{color:#fff !important;}.breadcrumb-bg-brown li a{color:#fff;font-weight:bold;}.breadcrumb-bg-brown li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-brown li+li:before{color:#fff;}.breadcrumb-col-grey li a{color:#9e9e9e !important;font-weight:bold;}.breadcrumb-bg-grey{background-color:#9e9e9e !important;}.breadcrumb-bg-grey li{color:#fff !important;}.breadcrumb-bg-grey li a{color:#fff;font-weight:bold;}.breadcrumb-bg-grey li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-grey li+li:before{color:#fff;}.breadcrumb-col-blue-grey li a{color:#607d8b !important;font-weight:bold;}.breadcrumb-bg-blue-grey{background-color:#607d8b !important;}.breadcrumb-bg-blue-grey li{color:#fff !important;}.breadcrumb-bg-blue-grey li a{color:#fff;font-weight:bold;}.breadcrumb-bg-blue-grey li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-blue-grey li+li:before{color:#fff;}.breadcrumb-col-black li a{color:#000 !important;font-weight:bold;}.breadcrumb-bg-black{background-color:#000 !important;}.breadcrumb-bg-black li{color:#fff !important;}.breadcrumb-bg-black li a{color:#fff;font-weight:bold;}.breadcrumb-bg-black li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-black li+li:before{color:#fff;}.breadcrumb-col-white li a{color:#fff !important;font-weight:bold;}.breadcrumb-bg-white{background-color:#fff !important;}.breadcrumb-bg-white li{color:#fff !important;}.breadcrumb-bg-white li a{color:#fff;font-weight:bold;}.breadcrumb-bg-white li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-white li+li:before{color:#fff;}.badge{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}.list-group-item{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.list-group .active{background-color:#2196f3;border-color:#2196f3;}.list-group .active:hover,.list-group .active:focus,.list-group .active:active{background-color:#2196f3;border-color:#2196f3;}.list-group .active .list-group-item-text{color:#dfe9f1;font-size:13px;}.list-group .active .list-group-item-text:hover,.list-group .active .list-group-item-text:active,.list-group .active .list-group-item-text:focus{color:#dfe9f1;}.list-group .list-group-item.active:hover .list-group-item-text,.list-group .list-group-item.active:focus .list-group-item-text,.list-group .list-group-item.active:active .list-group-item-text{color:#dfe9f1;}.list-group .list-group-item:first-child,.list-group .list-group-item:last-child{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.list-group .list-group-item .list-group-item-heading{font-weight:bold;font-size:17px;}.list-group .list-group-item-success{background-color:#2b982b;border:none;color:#fff;}.list-group .list-group-item-success:hover,.list-group .list-group-item-success:focus{background-color:#2b982b;color:#fff;opacity:.8;}.list-group .list-group-item-info{background-color:#00b0e4;border:none;color:#fff;}.list-group .list-group-item-info:hover,.list-group .list-group-item-info:focus{background-color:#00b0e4;color:#fff;opacity:.8;}.list-group .list-group-item-warning{background-color:#ff9600;border:none;color:#fff;}.list-group .list-group-item-warning:hover,.list-group .list-group-item-warning:focus{background-color:#ff9600;color:#fff;opacity:.8;}.list-group .list-group-item-danger{background-color:#fb483a;border:none;color:#fff;}.list-group .list-group-item-danger:hover,.list-group .list-group-item-danger:focus{background-color:#fb483a;color:#fff;opacity:.8;}.list-group .pl-red{stroke:#f44336;}.list-group .list-group-bg-red{background-color:#f44336;border:none;color:#fff;}.list-group .list-group-bg-red:hover,.list-group .list-group-bg-red:focus{background-color:#f44336;color:#fff;opacity:.8;}.list-group .pl-pink{stroke:#e91e63;}.list-group .list-group-bg-pink{background-color:#e91e63;border:none;color:#fff;}.list-group .list-group-bg-pink:hover,.list-group .list-group-bg-pink:focus{background-color:#e91e63;color:#fff;opacity:.8;}.list-group .pl-purple{stroke:#9c27b0;}.list-group .list-group-bg-purple{background-color:#9c27b0;border:none;color:#fff;}.list-group .list-group-bg-purple:hover,.list-group .list-group-bg-purple:focus{background-color:#9c27b0;color:#fff;opacity:.8;}.list-group .pl-deep-purple{stroke:#673ab7;}.list-group .list-group-bg-deep-purple{background-color:#673ab7;border:none;color:#fff;}.list-group .list-group-bg-deep-purple:hover,.list-group .list-group-bg-deep-purple:focus{background-color:#673ab7;color:#fff;opacity:.8;}.list-group .pl-indigo{stroke:#3f51b5;}.list-group .list-group-bg-indigo{background-color:#3f51b5;border:none;color:#fff;}.list-group .list-group-bg-indigo:hover,.list-group .list-group-bg-indigo:focus{background-color:#3f51b5;color:#fff;opacity:.8;}.list-group .pl-blue{stroke:#2196f3;}.list-group .list-group-bg-blue{background-color:#2196f3;border:none;color:#fff;}.list-group .list-group-bg-blue:hover,.list-group .list-group-bg-blue:focus{background-color:#2196f3;color:#fff;opacity:.8;}.list-group .pl-light-blue{stroke:#03a9f4;}.list-group .list-group-bg-light-blue{background-color:#03a9f4;border:none;color:#fff;}.list-group .list-group-bg-light-blue:hover,.list-group .list-group-bg-light-blue:focus{background-color:#03a9f4;color:#fff;opacity:.8;}.list-group .pl-cyan{stroke:#00bcd4;}.list-group .list-group-bg-cyan{background-color:#00bcd4;border:none;color:#fff;}.list-group .list-group-bg-cyan:hover,.list-group .list-group-bg-cyan:focus{background-color:#00bcd4;color:#fff;opacity:.8;}.list-group .pl-teal{stroke:#009688;}.list-group .list-group-bg-teal{background-color:#009688;border:none;color:#fff;}.list-group .list-group-bg-teal:hover,.list-group .list-group-bg-teal:focus{background-color:#009688;color:#fff;opacity:.8;}.list-group .pl-green{stroke:#4caf50;}.list-group .list-group-bg-green{background-color:#4caf50;border:none;color:#fff;}.list-group .list-group-bg-green:hover,.list-group .list-group-bg-green:focus{background-color:#4caf50;color:#fff;opacity:.8;}.list-group .pl-light-green{stroke:#8bc34a;}.list-group .list-group-bg-light-green{background-color:#8bc34a;border:none;color:#fff;}.list-group .list-group-bg-light-green:hover,.list-group .list-group-bg-light-green:focus{background-color:#8bc34a;color:#fff;opacity:.8;}.list-group .pl-lime{stroke:#cddc39;}.list-group .list-group-bg-lime{background-color:#cddc39;border:none;color:#fff;}.list-group .list-group-bg-lime:hover,.list-group .list-group-bg-lime:focus{background-color:#cddc39;color:#fff;opacity:.8;}.list-group .pl-yellow{stroke:#ffe821;}.list-group .list-group-bg-yellow{background-color:#ffe821;border:none;color:#fff;}.list-group .list-group-bg-yellow:hover,.list-group .list-group-bg-yellow:focus{background-color:#ffe821;color:#fff;opacity:.8;}.list-group .pl-amber{stroke:#ffc107;}.list-group .list-group-bg-amber{background-color:#ffc107;border:none;color:#fff;}.list-group .list-group-bg-amber:hover,.list-group .list-group-bg-amber:focus{background-color:#ffc107;color:#fff;opacity:.8;}.list-group .pl-orange{stroke:#ff9800;}.list-group .list-group-bg-orange{background-color:#ff9800;border:none;color:#fff;}.list-group .list-group-bg-orange:hover,.list-group .list-group-bg-orange:focus{background-color:#ff9800;color:#fff;opacity:.8;}.list-group .pl-deep-orange{stroke:#ff5722;}.list-group .list-group-bg-deep-orange{background-color:#ff5722;border:none;color:#fff;}.list-group .list-group-bg-deep-orange:hover,.list-group .list-group-bg-deep-orange:focus{background-color:#ff5722;color:#fff;opacity:.8;}.list-group .pl-brown{stroke:#795548;}.list-group .list-group-bg-brown{background-color:#795548;border:none;color:#fff;}.list-group .list-group-bg-brown:hover,.list-group .list-group-bg-brown:focus{background-color:#795548;color:#fff;opacity:.8;}.list-group .pl-grey{stroke:#9e9e9e;}.list-group .list-group-bg-grey{background-color:#9e9e9e;border:none;color:#fff;}.list-group .list-group-bg-grey:hover,.list-group .list-group-bg-grey:focus{background-color:#9e9e9e;color:#fff;opacity:.8;}.list-group .pl-blue-grey{stroke:#607d8b;}.list-group .list-group-bg-blue-grey{background-color:#607d8b;border:none;color:#fff;}.list-group .list-group-bg-blue-grey:hover,.list-group .list-group-bg-blue-grey:focus{background-color:#607d8b;color:#fff;opacity:.8;}.list-group .pl-black{stroke:#000;}.list-group .list-group-bg-black{background-color:#000;border:none;color:#fff;}.list-group .list-group-bg-black:hover,.list-group .list-group-bg-black:focus{background-color:#000;color:#fff;opacity:.8;}.list-group .pl-white{stroke:#fff;}.list-group .list-group-bg-white{background-color:#fff;border:none;color:#fff;}.list-group .list-group-bg-white:hover,.list-group .list-group-bg-white:focus{background-color:#fff;color:#fff;opacity:.8;}.pager li>a{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:none;background-color:transparent;color:#222;font-weight:bold;}.pager li a:focus,.pager li a:active{background-color:transparent;}.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled a:focus,.pagination .disabled a:active{color:#bbb;}.pagination li.active a{background-color:#2196f3;}.pagination li{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.pagination li a:focus,.pagination li a:active{background-color:transparent;color:#555;}.pagination>li>a{border:none;font-weight:bold;color:#555;}.pagination>li:first-child>a,.pagination>li:last-child>a{width:auto;height:32px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.pagination>li:first-child>a .material-icons,.pagination>li:last-child>a .material-icons{position:relative;bottom:2px;}.pagination-sm>li:first-child>a,.pagination-sm>li:last-child>a{width:28px;height:28px;}.pagination-sm>li:first-child>a .material-icons,.pagination-sm>li:last-child>a .material-icons{position:relative;top:-1px;left:-6px;font-size:20px;}.pagination-lg>li:first-child>a,.pagination-lg>li:last-child>a{width:44px;height:44px;}.pagination-lg>li:first-child>a .material-icons,.pagination-lg>li:last-child>a .material-icons{font-size:30px;position:relative;top:-3px;left:-10px;}.media{margin-bottom:25px;}.media .media-body{color:#777;font-size:13px;}.media .media-body .media-heading{font-size:16px;font-weight:bold;color:#333;}.wizard,.tabcontrol{display:block;width:100%;overflow:hidden;}.wizard a,.tabcontrol a{outline:0;}.wizard ul,.tabcontrol ul{list-style:none !important;padding:0;margin:0;}.wizard ul>li,.tabcontrol ul>li{display:block;padding:0;}.wizard>.steps .current-info,.tabcontrol>.steps .current-info,.wizard>.content>.title,.tabcontrol>.content>.title{position:absolute;left:-999em;}.wizard>.steps{position:relative;display:block;width:100%;}.wizard.vertical>.steps{float:left;width:30%;}.wizard.vertical>.steps>ul>li{float:none;width:100%;}.wizard.vertical>.content{float:left;margin:0 0 .5em 0;width:70%;}.wizard.vertical>.actions{float:right;width:100%;}.wizard.vertical>.actions>ul>li{margin:0 0 0 1em;}.wizard>.steps .number{font-size:1.429em;}.wizard>.steps>ul>li{width:25%;float:left;}.wizard>.actions>ul>li{float:left;}.wizard>.steps a{display:block;width:auto;margin:0 .5em .5em;padding:1em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.wizard>.steps a:hover,.wizard>.steps a:active{display:block;width:auto;margin:0 .5em .5em;padding:1em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.wizard>.steps .disabled a{background:#eee;color:#aaa;cursor:default;}.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{background:#eee;color:#aaa;cursor:default;}.wizard>.steps .current a{background:#2184be;color:#fff;cursor:default;}.wizard>.steps .current a:hover,.wizard>.steps .current a:active{background:#2184be;color:#fff;cursor:default;}.wizard>.steps .done a{background:#9dc8e2;color:#fff;}.wizard>.steps .done a:hover,.wizard>.steps .done a:active{background:#9dc8e2;color:#fff;}.wizard>.steps .error a{background:#ff3111;color:#fff;}.wizard>.steps .error a:hover,.wizard>.steps .error a:active{background:#ff3111;color:#fff;}.wizard>.content{border:1px solid #ddd;display:block;margin:.5em;min-height:35em;overflow:hidden;position:relative;width:auto;}.wizard>.actions{position:relative;display:block;text-align:right;width:100%;}.wizard>.actions>ul{display:inline-block;text-align:right;}.wizard>.actions>ul>li{margin:0 .5em;}.wizard>.actions a{background:#009688;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.wizard>.actions a:hover,.wizard>.actions a:active{background:#009688;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.wizard>.actions .disabled a{background:#eee;color:#aaa;}.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{background:#eee;color:#aaa;}.tabcontrol>.steps{position:relative;display:block;width:100%;}.tabcontrol>.steps>ul{position:relative;margin:6px 0 0 0;top:1px;z-index:1;}.tabcontrol>.steps>ul>li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}.tabcontrol>.steps>ul>li:hover{background:#edecec;border:1px solid #bbb;padding:0;}.tabcontrol>.steps>ul>li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px 0;margin-top:0;}.tabcontrol>.steps>ul>li.current>a{padding:15px 30px 10px 30px;}.tabcontrol>.steps>ul>li>a{color:#5f5f5f;display:inline-block;border:0 none;margin:0;padding:10px 30px;text-decoration:none;}.tabcontrol>.steps>ul>li>a:hover{text-decoration:none;}.tabcontrol>.content{position:relative;display:inline-block;width:100%;height:35em;overflow:hidden;border-top:1px solid #bbb;padding-top:20px;}.tabcontrol>.content>.body{float:left;position:absolute;width:95%;height:95%;padding:2.5%;}.tabcontrol>.content>.body ul{list-style:disc !important;}.tabcontrol>.content>.body ul>li{display:list-item;}.wizard .content{min-height:245px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;overflow-y:auto;}.wizard .content .body{padding:15px;}.wizard .steps a{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.wizard .steps a:active,.wizard .steps a:focus,.wizard .steps a:hover{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.wizard .steps .done a{background-color:rgba(0,150,136,.6);}.wizard .steps .done a:hover,.wizard .steps .done a:active,.wizard .steps .done a:focus{background-color:rgba(0,150,136,.5);}.wizard .steps .error a{background-color:#f44336 !important;}.wizard .steps .current a{background-color:#009688;}.wizard .steps .current a:active,.wizard .steps .current a:focus,.wizard .steps .current a:hover{background-color:#009688;}.waves-effect.waves-red .waves-ripple{background:rgba(244,67,54,.5);}.waves-effect.waves-pink .waves-ripple{background:rgba(233,30,99,.5);}.waves-effect.waves-purple .waves-ripple{background:rgba(156,39,176,.5);}.waves-effect.waves-deep-purple .waves-ripple{background:rgba(103,58,183,.5);}.waves-effect.waves-indigo .waves-ripple{background:rgba(63,81,181,.5);}.waves-effect.waves-blue .waves-ripple{background:rgba(33,150,243,.5);}.waves-effect.waves-light-blue .waves-ripple{background:rgba(3,169,244,.5);}.waves-effect.waves-cyan .waves-ripple{background:rgba(0,188,212,.5);}.waves-effect.waves-teal .waves-ripple{background:rgba(0,150,136,.5);}.waves-effect.waves-green .waves-ripple{background:rgba(76,175,80,.5);}.waves-effect.waves-light-green .waves-ripple{background:rgba(139,195,74,.5);}.waves-effect.waves-lime .waves-ripple{background:rgba(205,220,57,.5);}.waves-effect.waves-yellow .waves-ripple{background:rgba(255,232,33,.5);}.waves-effect.waves-amber .waves-ripple{background:rgba(255,193,7,.5);}.waves-effect.waves-orange .waves-ripple{background:rgba(255,152,0,.5);}.waves-effect.waves-deep-orange .waves-ripple{background:rgba(255,87,34,.5);}.waves-effect.waves-brown .waves-ripple{background:rgba(121,85,72,.5);}.waves-effect.waves-grey .waves-ripple{background:rgba(158,158,158,.5);}.waves-effect.waves-blue-grey .waves-ripple{background:rgba(96,125,139,.5);}.waves-effect.waves-black .waves-ripple{background:rgba(0,0,0,.5);}.waves-effect.waves-white .waves-ripple{background:rgba(255,255,255,.5);}.page-loader-wrapper{z-index:99999999;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#eee;overflow:hidden;text-align:center;}.page-loader-wrapper p{font-size:13px;margin-top:10px;font-weight:bold;color:#444;}.page-loader-wrapper .loader{position:relative;top:calc(50% - 30px);}.md-preloader .pl-red{stroke:#f44336;}.md-preloader .pl-pink{stroke:#e91e63;}.md-preloader .pl-purple{stroke:#9c27b0;}.md-preloader .pl-deep-purple{stroke:#673ab7;}.md-preloader .pl-indigo{stroke:#3f51b5;}.md-preloader .pl-blue{stroke:#2196f3;}.md-preloader .pl-light-blue{stroke:#03a9f4;}.md-preloader .pl-cyan{stroke:#00bcd4;}.md-preloader .pl-teal{stroke:#009688;}.md-preloader .pl-green{stroke:#4caf50;}.md-preloader .pl-light-green{stroke:#8bc34a;}.md-preloader .pl-lime{stroke:#cddc39;}.md-preloader .pl-yellow{stroke:#ffe821;}.md-preloader .pl-amber{stroke:#ffc107;}.md-preloader .pl-orange{stroke:#ff9800;}.md-preloader .pl-deep-orange{stroke:#ff5722;}.md-preloader .pl-brown{stroke:#795548;}.md-preloader .pl-grey{stroke:#9e9e9e;}.md-preloader .pl-blue-grey{stroke:#607d8b;}.md-preloader .pl-black{stroke:#000;}.md-preloader .pl-white{stroke:#fff;}.preloader{display:inline-block;position:relative;width:50px;height:50px;-webkit-animation:container-rotate 1568ms linear infinite;-moz-animation:container-rotate 1568ms linear infinite;-o-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite;}.preloader.pl-size-xl{width:75px;height:75px;}.preloader.pl-size-l{width:60px;height:60px;}.preloader.pl-size-md{width:50px;height:50px;}.preloader.pl-size-sm{width:40px;height:40px;}.preloader.pl-size-xs{width:25px;height:25px;}.spinner-layer{position:absolute;width:100%;height:100%;border-color:#f44336;-ms-opacity:1;opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;-moz-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;-o-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;}.spinner-layer.pl-red{border-color:#f44336;}.spinner-layer.pl-pink{border-color:#e91e63;}.spinner-layer.pl-purple{border-color:#9c27b0;}.spinner-layer.pl-deep-purple{border-color:#673ab7;}.spinner-layer.pl-indigo{border-color:#3f51b5;}.spinner-layer.pl-blue{border-color:#2196f3;}.spinner-layer.pl-light-blue{border-color:#03a9f4;}.spinner-layer.pl-cyan{border-color:#00bcd4;}.spinner-layer.pl-teal{border-color:#009688;}.spinner-layer.pl-green{border-color:#4caf50;}.spinner-layer.pl-light-green{border-color:#8bc34a;}.spinner-layer.pl-lime{border-color:#cddc39;}.spinner-layer.pl-yellow{border-color:#ffe821;}.spinner-layer.pl-amber{border-color:#ffc107;}.spinner-layer.pl-orange{border-color:#ff9800;}.spinner-layer.pl-deep-orange{border-color:#ff5722;}.spinner-layer.pl-brown{border-color:#795548;}.spinner-layer.pl-grey{border-color:#9e9e9e;}.spinner-layer.pl-blue-grey{border-color:#607d8b;}.spinner-layer.pl-black{border-color:#000;}.spinner-layer.pl-white{border-color:#fff;}.right{float:right !important;}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit;}.gap-patch.circle{width:1000%;left:-450%;}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit;}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;-ms-border-radius:50%;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0;}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);-moz-transform:rotate(129deg);-ms-transform:rotate(129deg);-o-transform:rotate(129deg);transform:rotate(129deg);-webkit-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-moz-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-o-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);-moz-transform:rotate(-129deg);-ms-transform:rotate(-129deg);-o-transform:rotate(-129deg);transform:rotate(-129deg);-webkit-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-moz-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-o-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes container-rotate{to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg);}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg);}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg);}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg);}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg);}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg);}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg);}25%{transform:rotate(270deg);}37.5%{transform:rotate(405deg);}50%{transform:rotate(540deg);}62.5%{transform:rotate(675deg);}75%{transform:rotate(810deg);}87.5%{transform:rotate(945deg);}to{transform:rotate(1080deg);}}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg);-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);transform:rotate(130deg);}50%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg);}to{-webkit-transform:rotate(130deg);-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);transform:rotate(130deg);}}@keyframes left-spin{from{-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);-webkit-transform:rotate(130deg);transform:rotate(130deg);}50%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}to{-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);-webkit-transform:rotate(130deg);transform:rotate(130deg);}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg);-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);transform:rotate(-130deg);}50%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg);}to{-webkit-transform:rotate(-130deg);-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);transform:rotate(-130deg);}}@-moz-keyframes right-spin{from{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}50%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg);}to{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}}@keyframes right-spin{from{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}50%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg);}to{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}}.navbar{font-family:"Roboto",sans-serif;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);-ms-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);border:none;position:fixed;top:0;left:0;z-index:12;width:100%;}.navbar .navbar-brand{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}.navbar .navbar-custom-right-menu{float:right;}.navbar .navbar-toggle{text-decoration:none;color:#fff;width:20px;height:20px;margin-top:-4px;margin-right:17px;}.navbar .navbar-toggle:before{content:'';font-family:'Material Icons';font-size:26px;}.navbar .navbar-collapse.in{overflow:visible;}.ls-closed .sidebar{margin-left:-300px;}.ls-closed section.content{margin-left:15px;}.ls-closed .bars:after,.ls-closed .bars:before{font-family:'Material Icons';font-size:24px;position:absolute;top:18px;left:20px;margin-right:10px;-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}.ls-closed .bars:before{content:'';-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.ls-closed .bars:after{content:'';-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.ls-closed .navbar-brand{margin-left:30px;}.overlay-open .bars:before{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.overlay-open .bars:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.navbar-header{padding:10px 7px;}.navbar-header .bars{float:left;text-decoration:none;}.navbar-nav>li>a{padding:7px 7px 2px 7px;margin-top:17px;margin-left:5px;}.navbar-nav .dropdown-menu{margin-top:-40px !important;}.label-count{position:absolute;top:2px;right:6px;font-size:10px;line-height:15px;background-color:#000;padding:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus{color:#fff;}.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-red .navbar .nav>li>a{color:#fff;}.col-red .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-red .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus{color:#fff;}.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-pink .navbar .nav>li>a{color:#fff;}.col-pink .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-pink .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus{color:#fff;}.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-purple .navbar .nav>li>a{color:#fff;}.col-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-purple .navbar .navbar-brand,.col-deep-purple .navbar .navbar-brand:hover,.col-deep-purple .navbar .navbar-brand:active,.col-deep-purple .navbar .navbar-brand:focus{color:#fff;}.col-deep-purple .navbar .nav>li>a:hover,.col-deep-purple .navbar .nav>li>a:focus,.col-deep-purple .navbar .nav .open>a,.col-deep-purple .navbar .nav .open>a:hover,.col-deep-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-purple .navbar .nav>li>a{color:#fff;}.col-deep-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus{color:#fff;}.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-indigo .navbar .nav>li>a{color:#fff;}.col-indigo .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-indigo .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus{color:#fff;}.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue .navbar .nav>li>a{color:#fff;}.col-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-blue .navbar .navbar-brand,.col-light-blue .navbar .navbar-brand:hover,.col-light-blue .navbar .navbar-brand:active,.col-light-blue .navbar .navbar-brand:focus{color:#fff;}.col-light-blue .navbar .nav>li>a:hover,.col-light-blue .navbar .nav>li>a:focus,.col-light-blue .navbar .nav .open>a,.col-light-blue .navbar .nav .open>a:hover,.col-light-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-blue .navbar .nav>li>a{color:#fff;}.col-light-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus{color:#fff;}.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-cyan .navbar .nav>li>a{color:#fff;}.col-cyan .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-cyan .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus{color:#fff;}.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-teal .navbar .nav>li>a{color:#fff;}.col-teal .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-teal .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus{color:#fff;}.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-green .navbar .nav>li>a{color:#fff;}.col-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-green .navbar .navbar-brand,.col-light-green .navbar .navbar-brand:hover,.col-light-green .navbar .navbar-brand:active,.col-light-green .navbar .navbar-brand:focus{color:#fff;}.col-light-green .navbar .nav>li>a:hover,.col-light-green .navbar .nav>li>a:focus,.col-light-green .navbar .nav .open>a,.col-light-green .navbar .nav .open>a:hover,.col-light-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-green .navbar .nav>li>a{color:#fff;}.col-light-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-lime .navbar .navbar-brand,.col-lime .navbar .navbar-brand:hover,.col-lime .navbar .navbar-brand:active,.col-lime .navbar .navbar-brand:focus{color:#fff;}.col-lime .navbar .nav>li>a:hover,.col-lime .navbar .nav>li>a:focus,.col-lime .navbar .nav .open>a,.col-lime .navbar .nav .open>a:hover,.col-lime .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-lime .navbar .nav>li>a{color:#fff;}.col-lime .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-lime .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus{color:#fff;}.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-yellow .navbar .nav>li>a{color:#fff;}.col-yellow .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-yellow .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-amber .navbar .navbar-brand,.col-amber .navbar .navbar-brand:hover,.col-amber .navbar .navbar-brand:active,.col-amber .navbar .navbar-brand:focus{color:#fff;}.col-amber .navbar .nav>li>a:hover,.col-amber .navbar .nav>li>a:focus,.col-amber .navbar .nav .open>a,.col-amber .navbar .nav .open>a:hover,.col-amber .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-amber .navbar .nav>li>a{color:#fff;}.col-amber .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-amber .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus{color:#fff;}.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-orange .navbar .nav>li>a{color:#fff;}.col-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus{color:#fff;}.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-orange .navbar .nav>li>a{color:#fff;}.col-deep-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus{color:#fff;}.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-brown .navbar .nav>li>a{color:#fff;}.col-brown .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-brown .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus{color:#fff;}.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-grey .navbar .nav>li>a{color:#fff;}.col-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue-grey .navbar .navbar-brand,.col-blue-grey .navbar .navbar-brand:hover,.col-blue-grey .navbar .navbar-brand:active,.col-blue-grey .navbar .navbar-brand:focus{color:#fff;}.col-blue-grey .navbar .nav>li>a:hover,.col-blue-grey .navbar .nav>li>a:focus,.col-blue-grey .navbar .nav .open>a,.col-blue-grey .navbar .nav .open>a:hover,.col-blue-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue-grey .navbar .nav>li>a{color:#fff;}.col-blue-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus{color:#fff;}.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-black .navbar .nav>li>a{color:#fff;}.col-black .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-black .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus{color:#fff;}.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-white .navbar .nav>li>a{color:#fff;}.col-white .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-white .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;margin-top:-35px !important;box-shadow:0 2px 10px rgba(0,0,0,.2);border:none;}.dropdown-menu .divider{margin:5px 0;}.dropdown-menu .header{font-size:13px;font-weight:bold;min-width:270px;border-bottom:1px solid #eee;text-align:center;padding:4px 0 6px 0;}.dropdown-menu ul.menu{padding-left:0;}.dropdown-menu ul.menu.tasks h4{color:#333;font-size:13px;margin:0 0 8px 0;}.dropdown-menu ul.menu.tasks h4 small{float:right;margin-top:6px;}.dropdown-menu ul.menu.tasks .progress{height:7px;margin-bottom:7px;}.dropdown-menu ul.menu .icon-circle{width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;color:#fff;text-align:center;display:inline-block;}.dropdown-menu ul.menu .icon-circle i{font-size:18px;line-height:36px;}.dropdown-menu ul.menu li{border-bottom:1px solid #eee;}.dropdown-menu ul.menu li:last-child{border-bottom:none;}.dropdown-menu ul.menu li a{padding:7px 11px;text-decoration:none;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.dropdown-menu ul.menu li a:hover{background-color:#e9e9e9;}.dropdown-menu ul.menu .menu-info{display:inline-block;position:relative;top:3px;left:5px;}.dropdown-menu ul.menu .menu-info h4{margin:0;font-size:13px;color:#333;}.dropdown-menu ul.menu .menu-info p{margin:0;font-size:11px;color:#aaa;}.dropdown-menu ul.menu .menu-info p .material-icons{font-size:13px;color:#aaa;position:relative;top:2px;}.dropdown-menu .footer a{text-align:center;border-top:1px solid #eee;padding:5px 0 5px 0;font-size:12px;margin-bottom:-5px;}.dropdown-menu .footer a:hover{background-color:transparent;}.dropdown-menu>li>a{padding:7px 18px;color:#666;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;font-size:14px;line-height:25px;}.dropdown-menu>li>a:hover{background-color:rgba(0,0,0,.075);}.dropdown-menu>li>a i.material-icons{float:left;margin-right:7px;margin-top:2px;font-size:20px;}.dropdown-animated{-webkit-animation-duration:.3s !important;-moz-animation-duration:.3s !important;-o-animation-duration:.3s !important;animation-duration:.3s !important;}.overlay{position:fixed;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:none;z-index:10;}.overlay-open .sidebar{margin-left:0;z-index:99999999;}.sidebar{-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;font-family:"Roboto",sans-serif;background:#fdfdfd;width:300px;overflow:hidden;display:inline-block;height:calc(100vh - 70px);position:fixed;top:70px;left:0;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);-moz-box-shadow:2px 2px 5px rgba(0,0,0,.1);-ms-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);z-index:11 !important;}.sidebar .legal{position:absolute;bottom:0;width:100%;border-top:1px solid #eee;padding:15px;overflow:hidden;}.sidebar .legal .copyright{font-size:13px;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}.sidebar .legal .copyright a{font-weight:bold;text-decoration:none;}.sidebar .legal .version{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;margin-top:5px;font-size:13px;}.sidebar .user-info{padding:13px 15px 12px 15px;white-space:nowrap;position:relative;border-bottom:1px solid #e9e9e9;background:url("../images/user-img-background.jpg") no-repeat no-repeat;height:135px;}.sidebar .user-info .image{margin-right:12px;display:inline-block;}.sidebar .user-info .image img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;vertical-align:bottom !important;}.sidebar .user-info .info-container{cursor:default;display:block;position:relative;top:25px;}.sidebar .user-info .info-container .name{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-size:14px;max-width:200px;color:#fff;}.sidebar .user-info .info-container .email{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-size:12px;max-width:200px;color:#fff;}.sidebar .user-info .info-container .user-helper-dropdown{position:absolute;right:-3px;bottom:-12px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;cursor:pointer;color:#fff;}.sidebar .menu{position:relative;overflow-y:auto;height:90vh;}.sidebar .menu .list{list-style:none;padding-left:0;}.sidebar .menu .list li.active>:first-child span{font-weight:bold;}.sidebar .menu .list .header{background:#eee;font-size:12px;font-weight:600;padding:8px 16px;}.sidebar .menu .list i.material-icons{margin-top:4px;}.sidebar .menu .list .menu-toggle:after,.sidebar .menu .list .menu-toggle:before{position:absolute;top:calc(50% - 14px);right:17px;font-size:19px;-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}.sidebar .menu .list .menu-toggle:before{content:'+';-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.sidebar .menu .list .menu-toggle:after{content:'–';-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.sidebar .menu .list .menu-toggle.toggled:before{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.sidebar .menu .list .menu-toggle.toggled:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.sidebar .menu .list a{color:#747474;position:relative;display:inline-flex;vertical-align:middle;width:100%;padding:10px 13px;}.sidebar .menu .list a:hover,.sidebar .menu .list a:active,.sidebar .menu .list a:focus{text-decoration:none !important;}.sidebar .menu .list a small{position:absolute;top:calc(50% - 7.5px);right:15px;}.sidebar .menu .list a span{margin:7px 0 7px 12px;color:#333;font-weight:bold;font-size:14px;overflow:hidden;}.sidebar .menu .list .ml-menu{list-style:none;display:none;padding-left:0;}.sidebar .menu .list .ml-menu span{font-weight:normal;font-size:14px;margin:3px 0 1px 6px;}.sidebar .menu .list .ml-menu li a{padding-left:55px;padding-top:7px;padding-bottom:7px;}.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle){font-weight:600;margin-left:5px;}.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before{content:'';font-family:'Material Icons';position:relative;font-size:21px;height:20px;top:-5px;right:0;}.sidebar .menu .list .ml-menu li .ml-menu li a{padding-left:80px;}.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a{padding-left:95px;}.right-sidebar{width:280px;height:calc(100vh - 70px);position:fixed;right:-300px;top:70px;background:#fdfdfd;z-index:11 !important;-webkit-box-shadow:-2px 2px 5px rgba(0,0,0,.1);-moz-box-shadow:-2px 2px 5px rgba(0,0,0,.1);-ms-box-shadow:-2px 2px 5px rgba(0,0,0,.1);box-shadow:-2px 2px 5px rgba(0,0,0,.1);overflow:hidden;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.right-sidebar.open{right:0;}.right-sidebar .nav-tabs{font-weight:600;font-size:13px;width:100%;margin-left:2px;}.right-sidebar .nav-tabs li{text-align:center;}.right-sidebar .nav-tabs li>a{margin-right:0;}.right-sidebar .nav-tabs li:first-child{width:45%;}.right-sidebar .nav-tabs li:last-child{width:55%;}.bootstrap-notify-container{max-width:320px;text-align:center;}.dd-handle{background-color:#f9f9f9 !important;}.dd-handle:hover{color:#2196f3;}.nestable-dark-theme .dd-handle{background:#ccc !important;border:1px solid #999 !important;}.dd3-handle{background:#999 !important;}.dd3-content:hover{color:#2196f3;}.login-page{background-color:#00bcd4;padding-left:0;max-width:360px;margin:5% auto;overflow-x:hidden;}.login-page .login-box .msg{color:#555;margin-bottom:30px;text-align:center;}.login-page .login-box a{font-size:14px;text-decoration:none;color:#00bcd4;}.login-page .login-box .logo{margin-bottom:20px;}.login-page .login-box .logo a{font-size:36px;display:block;width:100%;text-align:center;color:#fff;}.login-page .login-box .logo small{display:block;width:100%;text-align:center;color:#fff;margin-top:-5px;}.signup-page{background-color:#00bcd4;padding-left:0;max-width:360px;margin:5% auto;overflow-x:hidden;}.signup-page .signup-box .msg{color:#555;margin-bottom:30px;text-align:center;}.signup-page .signup-box a{font-size:14px;text-decoration:none;color:#00bcd4;}.signup-page .signup-box .logo{margin-bottom:20px;}.signup-page .signup-box .logo a{font-size:36px;display:block;width:100%;text-align:center;color:#fff;}.signup-page .signup-box .logo small{display:block;width:100%;text-align:center;color:#fff;margin-top:-5px;}.fp-page{background-color:#00bcd4;padding-left:0;max-width:360px;margin:5% auto;overflow-x:hidden;}.fp-page .fp-box .msg{color:#555;margin-bottom:30px;text-align:center;}.fp-page .fp-box a{font-size:14px;text-decoration:none;color:#00bcd4;}.fp-page .fp-box .logo{margin-bottom:20px;}.fp-page .fp-box .logo a{font-size:36px;display:block;width:100%;text-align:center;color:#fff;}.fp-page .fp-box .logo small{display:block;width:100%;text-align:center;color:#fff;margin-top:-5px;}.four-zero-four{width:100%;text-align:center;margin:5% auto;}.four-zero-four .four-zero-four-container .error-code{font-size:160px;}.four-zero-four .four-zero-four-container .error-message{font-size:26px;color:#333;font-weight:bold;margin-top:-40px;}.four-zero-four .four-zero-four-container .button-place{margin-top:32px;}.five-zero-zero{width:100%;text-align:center;margin:5% auto;}.five-zero-zero .five-zero-zero-container .error-code{font-size:160px;}.five-zero-zero .five-zero-zero-container .error-message{font-size:27px;color:#333;font-weight:bold;margin-top:-40px;}.five-zero-zero .five-zero-zero-container .button-place{margin-top:32px;}.gmap{width:100%;height:400px;}.jvector-map{width:100%;height:600px;}.morris-hover.morris-default-style{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.flot-chart{width:100%;height:320px;}.panel-switch-btn{position:relative;right:20px;z-index:9;}.panel-switch-btn label{font-weight:bold !important;}.legendLabel{width:85px !important;position:relative;left:3px;}#multiple_axis_chart .legendLabel{width:160px !important;}.sparkline{text-align:center;}.search-bar{position:fixed;top:-100px;left:0;z-index:9999999;width:100%;-moz-transition:.25s;-o-transition:.25s;-webkit-transition:.25s;transition:.25s;}.search-bar.open{top:0;}.search-bar .search-icon{position:absolute;top:20px;left:14px;}.search-bar .search-icon .material-icons{font-size:32px;color:#999;}.search-bar .close-search{position:absolute;cursor:pointer;font-size:30px;top:16px;right:18px;}.search-bar .close-search .material-icons{color:#999;opacity:1;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.search-bar .close-search .material-icons:hover{opacity:.5;}.search-bar input[type="text"]{width:100%;font-size:16px;padding:25px 60px 23px 56px;border:none;}.dataTables_wrapper{position:relative;}.dataTables_wrapper select{border:none;border-bottom:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}.dataTables_wrapper select:active,.dataTables_wrapper select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}.dataTables_wrapper input[type="search"]{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;border:none;font-size:12px;border-bottom:1px solid #ddd;}.dataTables_wrapper input[type="search"]:focus,.dataTables_wrapper input[type="search"]:active{border-bottom:2px solid #1f91f3;}.dataTables_wrapper .dt-buttons{float:left;}.dataTables_wrapper .dt-buttons a.dt-button{background-color:#607d8b;color:#fff;padding:7px 12px;margin-right:5px;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:none;font-size:13px;outline:none;}.dataTables_wrapper .dt-buttons a.dt-button:active{opacity:.8;}.dt-button-info{position:fixed;top:50%;left:50%;min-width:400px;text-align:center;background-color:#fff;border:2px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;margin-top:-100px;margin-left:-200px;z-index:21;}.dt-button-info h2{color:#777;}.dt-button-info div{color:#777;margin-bottom:20px;}.lg-outer .lg-thumb-item,.lg-outer .lg-toogle-thumb{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;}html.ie10 .sidebar .menu .list li{line-height:30px;}html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before{top:6px !important;line-height:20px !important;}html.ie10 .sidebar .user-info .info-container{top:15px;}html.ie10 .search-bar input[type="text"]{padding:26px 60px 26px 56px;}html.ie10 .dropdown-menu ul.menu li a{margin-top:-22px;}html.ie10 .bs-searchbox .form-control{width:90%;}html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before{top:6px !important;line-height:20px !important;}html.ie11 .sidebar .user-info .info-container{top:15px;}html.ie11 .search-bar input[type="text"]{padding:26px 60px 26px 56px;}html.ie11 .dropdown-menu ul.menu li a{margin-top:-22px;}html.ie11 .bs-searchbox .form-control{width:90%;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/all-themes.css b/Plan/src/main/resources/web/css/themes/all-themes.css new file mode 100644 index 000000000..cca9450cc --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/all-themes.css @@ -0,0 +1,900 @@ +.theme-red .navbar { + background-color: #F44336; } + +.theme-red .navbar-brand { + color: #fff; } + .theme-red .navbar-brand:hover { + color: #fff; } + .theme-red .navbar-brand:active { + color: #fff; } + .theme-red .navbar-brand:focus { + color: #fff; } + +.theme-red .nav > li > a { + color: #fff; } + .theme-red .nav > li > a:hover { + background-color: transparent; } + .theme-red .nav > li > a:focus { + background-color: transparent; } + +.theme-red .nav .open > a { + background-color: transparent; } + .theme-red .nav .open > a:hover { + background-color: transparent; } + .theme-red .nav .open > a:focus { + background-color: transparent; } + +.theme-red .bars { + color: #fff; } + +.theme-red .sidebar .menu .list li.active { + background-color: transparent; } + .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span { + color: #F44336; } + +.theme-red .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-red .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-red .sidebar .legal { + background-color: #fff; } + .theme-red .sidebar .legal .copyright a { + color: #F44336 !important; } + +.theme-pink .navbar { + background-color: #E91E63; } + +.theme-pink .navbar-brand { + color: #fff; } + .theme-pink .navbar-brand:hover { + color: #fff; } + .theme-pink .navbar-brand:active { + color: #fff; } + .theme-pink .navbar-brand:focus { + color: #fff; } + +.theme-pink .nav > li > a { + color: #fff; } + .theme-pink .nav > li > a:hover { + background-color: transparent; } + .theme-pink .nav > li > a:focus { + background-color: transparent; } + +.theme-pink .nav .open > a { + background-color: transparent; } + .theme-pink .nav .open > a:hover { + background-color: transparent; } + .theme-pink .nav .open > a:focus { + background-color: transparent; } + +.theme-pink .bars { + color: #fff; } + +.theme-pink .sidebar .menu .list li.active { + background-color: transparent; } + .theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span { + color: #E91E63; } + +.theme-pink .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-pink .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-pink .sidebar .legal { + background-color: #fff; } + .theme-pink .sidebar .legal .copyright a { + color: #E91E63 !important; } + +.theme-purple .navbar { + background-color: #9C27B0; } + +.theme-purple .navbar-brand { + color: #fff; } + .theme-purple .navbar-brand:hover { + color: #fff; } + .theme-purple .navbar-brand:active { + color: #fff; } + .theme-purple .navbar-brand:focus { + color: #fff; } + +.theme-purple .nav > li > a { + color: #fff; } + .theme-purple .nav > li > a:hover { + background-color: transparent; } + .theme-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-purple .nav .open > a { + background-color: transparent; } + .theme-purple .nav .open > a:hover { + background-color: transparent; } + .theme-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-purple .bars { + color: #fff; } + +.theme-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span { + color: #9C27B0; } + +.theme-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-purple .sidebar .legal { + background-color: #fff; } + .theme-purple .sidebar .legal .copyright a { + color: #9C27B0 !important; } + +.theme-deep-purple .navbar { + background-color: #673AB7; } + +.theme-deep-purple .navbar-brand { + color: #fff; } + .theme-deep-purple .navbar-brand:hover { + color: #fff; } + .theme-deep-purple .navbar-brand:active { + color: #fff; } + .theme-deep-purple .navbar-brand:focus { + color: #fff; } + +.theme-deep-purple .nav > li > a { + color: #fff; } + .theme-deep-purple .nav > li > a:hover { + background-color: transparent; } + .theme-deep-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-purple .nav .open > a { + background-color: transparent; } + .theme-deep-purple .nav .open > a:hover { + background-color: transparent; } + .theme-deep-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-purple .bars { + color: #fff; } + +.theme-deep-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span { + color: #673AB7; } + +.theme-deep-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-purple .sidebar .legal { + background-color: #fff; } + .theme-deep-purple .sidebar .legal .copyright a { + color: #673AB7 !important; } + +.theme-indigo .navbar { + background-color: #3F51B5; } + +.theme-indigo .navbar-brand { + color: #fff; } + .theme-indigo .navbar-brand:hover { + color: #fff; } + .theme-indigo .navbar-brand:active { + color: #fff; } + .theme-indigo .navbar-brand:focus { + color: #fff; } + +.theme-indigo .nav > li > a { + color: #fff; } + .theme-indigo .nav > li > a:hover { + background-color: transparent; } + .theme-indigo .nav > li > a:focus { + background-color: transparent; } + +.theme-indigo .nav .open > a { + background-color: transparent; } + .theme-indigo .nav .open > a:hover { + background-color: transparent; } + .theme-indigo .nav .open > a:focus { + background-color: transparent; } + +.theme-indigo .bars { + color: #fff; } + +.theme-indigo .sidebar .menu .list li.active { + background-color: transparent; } + .theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span { + color: #3F51B5; } + +.theme-indigo .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-indigo .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-indigo .sidebar .legal { + background-color: #fff; } + .theme-indigo .sidebar .legal .copyright a { + color: #3F51B5 !important; } + +.theme-blue .navbar { + background-color: #2196F3; } + +.theme-blue .navbar-brand { + color: #fff; } + .theme-blue .navbar-brand:hover { + color: #fff; } + .theme-blue .navbar-brand:active { + color: #fff; } + .theme-blue .navbar-brand:focus { + color: #fff; } + +.theme-blue .nav > li > a { + color: #fff; } + .theme-blue .nav > li > a:hover { + background-color: transparent; } + .theme-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-blue .nav .open > a { + background-color: transparent; } + .theme-blue .nav .open > a:hover { + background-color: transparent; } + .theme-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-blue .bars { + color: #fff; } + +.theme-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span { + color: #2196F3; } + +.theme-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue .sidebar .legal { + background-color: #fff; } + .theme-blue .sidebar .legal .copyright a { + color: #2196F3 !important; } + +.theme-light-blue .navbar { + background-color: #03A9F4; } + +.theme-light-blue .navbar-brand { + color: #fff; } + .theme-light-blue .navbar-brand:hover { + color: #fff; } + .theme-light-blue .navbar-brand:active { + color: #fff; } + .theme-light-blue .navbar-brand:focus { + color: #fff; } + +.theme-light-blue .nav > li > a { + color: #fff; } + .theme-light-blue .nav > li > a:hover { + background-color: transparent; } + .theme-light-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-light-blue .nav .open > a { + background-color: transparent; } + .theme-light-blue .nav .open > a:hover { + background-color: transparent; } + .theme-light-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-light-blue .bars { + color: #fff; } + +.theme-light-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span { + color: #03A9F4; } + +.theme-light-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-light-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-light-blue .sidebar .legal { + background-color: #fff; } + .theme-light-blue .sidebar .legal .copyright a { + color: #03A9F4 !important; } + +.theme-cyan .navbar { + background-color: #00BCD4; } + +.theme-cyan .navbar-brand { + color: #fff; } + .theme-cyan .navbar-brand:hover { + color: #fff; } + .theme-cyan .navbar-brand:active { + color: #fff; } + .theme-cyan .navbar-brand:focus { + color: #fff; } + +.theme-cyan .nav > li > a { + color: #fff; } + .theme-cyan .nav > li > a:hover { + background-color: transparent; } + .theme-cyan .nav > li > a:focus { + background-color: transparent; } + +.theme-cyan .nav .open > a { + background-color: transparent; } + .theme-cyan .nav .open > a:hover { + background-color: transparent; } + .theme-cyan .nav .open > a:focus { + background-color: transparent; } + +.theme-cyan .bars { + color: #fff; } + +.theme-cyan .sidebar .menu .list li.active { + background-color: transparent; } + .theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span { + color: #00BCD4; } + +.theme-cyan .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-cyan .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-cyan .sidebar .legal { + background-color: #fff; } + .theme-cyan .sidebar .legal .copyright a { + color: #00BCD4 !important; } + +.theme-teal .navbar { + background-color: #009688; } + +.theme-teal .navbar-brand { + color: #fff; } + .theme-teal .navbar-brand:hover { + color: #fff; } + .theme-teal .navbar-brand:active { + color: #fff; } + .theme-teal .navbar-brand:focus { + color: #fff; } + +.theme-teal .nav > li > a { + color: #fff; } + .theme-teal .nav > li > a:hover { + background-color: transparent; } + .theme-teal .nav > li > a:focus { + background-color: transparent; } + +.theme-teal .nav .open > a { + background-color: transparent; } + .theme-teal .nav .open > a:hover { + background-color: transparent; } + .theme-teal .nav .open > a:focus { + background-color: transparent; } + +.theme-teal .bars { + color: #fff; } + +.theme-teal .sidebar .menu .list li.active { + background-color: transparent; } + .theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span { + color: #009688; } + +.theme-teal .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-teal .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-teal .sidebar .legal { + background-color: #fff; } + .theme-teal .sidebar .legal .copyright a { + color: #009688 !important; } + +.theme-green .navbar { + background-color: #4CAF50; } + +.theme-green .navbar-brand { + color: #fff; } + .theme-green .navbar-brand:hover { + color: #fff; } + .theme-green .navbar-brand:active { + color: #fff; } + .theme-green .navbar-brand:focus { + color: #fff; } + +.theme-green .nav > li > a { + color: #fff; } + .theme-green .nav > li > a:hover { + background-color: transparent; } + .theme-green .nav > li > a:focus { + background-color: transparent; } + +.theme-green .nav .open > a { + background-color: transparent; } + .theme-green .nav .open > a:hover { + background-color: transparent; } + .theme-green .nav .open > a:focus { + background-color: transparent; } + +.theme-green .bars { + color: #fff; } + +.theme-green .sidebar .menu .list li.active { + background-color: transparent; } + .theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span { + color: #4CAF50; } + +.theme-green .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-green .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-green .sidebar .legal { + background-color: #fff; } + .theme-green .sidebar .legal .copyright a { + color: #4CAF50 !important; } + +.theme-light-green .navbar { + background-color: #8BC34A; } + +.theme-light-green .navbar-brand { + color: #fff; } + .theme-light-green .navbar-brand:hover { + color: #fff; } + .theme-light-green .navbar-brand:active { + color: #fff; } + .theme-light-green .navbar-brand:focus { + color: #fff; } + +.theme-light-green .nav > li > a { + color: #fff; } + .theme-light-green .nav > li > a:hover { + background-color: transparent; } + .theme-light-green .nav > li > a:focus { + background-color: transparent; } + +.theme-light-green .nav .open > a { + background-color: transparent; } + .theme-light-green .nav .open > a:hover { + background-color: transparent; } + .theme-light-green .nav .open > a:focus { + background-color: transparent; } + +.theme-light-green .bars { + color: #fff; } + +.theme-light-green .sidebar .menu .list li.active { + background-color: transparent; } + .theme-light-green .sidebar .menu .list li.active > :first-child i, .theme-light-green .sidebar .menu .list li.active > :first-child span { + color: #8BC34A; } + +.theme-light-green .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-light-green .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-light-green .sidebar .legal { + background-color: #fff; } + .theme-light-green .sidebar .legal .copyright a { + color: #8BC34A !important; } + +.theme-lime .navbar { + background-color: #CDDC39; } + +.theme-lime .navbar-brand { + color: #fff; } + .theme-lime .navbar-brand:hover { + color: #fff; } + .theme-lime .navbar-brand:active { + color: #fff; } + .theme-lime .navbar-brand:focus { + color: #fff; } + +.theme-lime .nav > li > a { + color: #fff; } + .theme-lime .nav > li > a:hover { + background-color: transparent; } + .theme-lime .nav > li > a:focus { + background-color: transparent; } + +.theme-lime .nav .open > a { + background-color: transparent; } + .theme-lime .nav .open > a:hover { + background-color: transparent; } + .theme-lime .nav .open > a:focus { + background-color: transparent; } + +.theme-lime .bars { + color: #fff; } + +.theme-lime .sidebar .menu .list li.active { + background-color: transparent; } + .theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span { + color: #CDDC39; } + +.theme-lime .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-lime .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-lime .sidebar .legal { + background-color: #fff; } + .theme-lime .sidebar .legal .copyright a { + color: #CDDC39 !important; } + +.theme-yellow .navbar { + background-color: #FFEB3B; } + +.theme-yellow .navbar-brand { + color: #fff; } + .theme-yellow .navbar-brand:hover { + color: #fff; } + .theme-yellow .navbar-brand:active { + color: #fff; } + .theme-yellow .navbar-brand:focus { + color: #fff; } + +.theme-yellow .nav > li > a { + color: #fff; } + .theme-yellow .nav > li > a:hover { + background-color: transparent; } + .theme-yellow .nav > li > a:focus { + background-color: transparent; } + +.theme-yellow .nav .open > a { + background-color: transparent; } + .theme-yellow .nav .open > a:hover { + background-color: transparent; } + .theme-yellow .nav .open > a:focus { + background-color: transparent; } + +.theme-yellow .bars { + color: #fff; } + +.theme-yellow .sidebar .menu .list li.active { + background-color: transparent; } + .theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span { + color: #FFEB3B; } + +.theme-yellow .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-yellow .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-yellow .sidebar .legal { + background-color: #fff; } + .theme-yellow .sidebar .legal .copyright a { + color: #FFEB3B !important; } + +.theme-amber .navbar { + background-color: #FFC107; } + +.theme-amber .navbar-brand { + color: #fff; } + .theme-amber .navbar-brand:hover { + color: #fff; } + .theme-amber .navbar-brand:active { + color: #fff; } + .theme-amber .navbar-brand:focus { + color: #fff; } + +.theme-amber .nav > li > a { + color: #fff; } + .theme-amber .nav > li > a:hover { + background-color: transparent; } + .theme-amber .nav > li > a:focus { + background-color: transparent; } + +.theme-amber .nav .open > a { + background-color: transparent; } + .theme-amber .nav .open > a:hover { + background-color: transparent; } + .theme-amber .nav .open > a:focus { + background-color: transparent; } + +.theme-amber .bars { + color: #fff; } + +.theme-amber .sidebar .menu .list li.active { + background-color: transparent; } + .theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span { + color: #FFC107; } + +.theme-amber .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-amber .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-amber .sidebar .legal { + background-color: #fff; } + .theme-amber .sidebar .legal .copyright a { + color: #FFC107 !important; } + +.theme-orange .navbar { + background-color: #FF9800; } + +.theme-orange .navbar-brand { + color: #fff; } + .theme-orange .navbar-brand:hover { + color: #fff; } + .theme-orange .navbar-brand:active { + color: #fff; } + .theme-orange .navbar-brand:focus { + color: #fff; } + +.theme-orange .nav > li > a { + color: #fff; } + .theme-orange .nav > li > a:hover { + background-color: transparent; } + .theme-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-orange .nav .open > a { + background-color: transparent; } + .theme-orange .nav .open > a:hover { + background-color: transparent; } + .theme-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-orange .bars { + color: #fff; } + +.theme-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span { + color: #FF9800; } + +.theme-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-orange .sidebar .legal { + background-color: #fff; } + .theme-orange .sidebar .legal .copyright a { + color: #FF9800 !important; } + +.theme-deep-orange .navbar { + background-color: #FF5722; } + +.theme-deep-orange .navbar-brand { + color: #fff; } + .theme-deep-orange .navbar-brand:hover { + color: #fff; } + .theme-deep-orange .navbar-brand:active { + color: #fff; } + .theme-deep-orange .navbar-brand:focus { + color: #fff; } + +.theme-deep-orange .nav > li > a { + color: #fff; } + .theme-deep-orange .nav > li > a:hover { + background-color: transparent; } + .theme-deep-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-orange .nav .open > a { + background-color: transparent; } + .theme-deep-orange .nav .open > a:hover { + background-color: transparent; } + .theme-deep-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-orange .bars { + color: #fff; } + +.theme-deep-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span { + color: #FF5722; } + +.theme-deep-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-orange .sidebar .legal { + background-color: #fff; } + .theme-deep-orange .sidebar .legal .copyright a { + color: #FF5722 !important; } + +.theme-brown .navbar { + background-color: #795548; } + +.theme-brown .navbar-brand { + color: #fff; } + .theme-brown .navbar-brand:hover { + color: #fff; } + .theme-brown .navbar-brand:active { + color: #fff; } + .theme-brown .navbar-brand:focus { + color: #fff; } + +.theme-brown .nav > li > a { + color: #fff; } + .theme-brown .nav > li > a:hover { + background-color: transparent; } + .theme-brown .nav > li > a:focus { + background-color: transparent; } + +.theme-brown .nav .open > a { + background-color: transparent; } + .theme-brown .nav .open > a:hover { + background-color: transparent; } + .theme-brown .nav .open > a:focus { + background-color: transparent; } + +.theme-brown .bars { + color: #fff; } + +.theme-brown .sidebar .menu .list li.active { + background-color: transparent; } + .theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span { + color: #795548; } + +.theme-brown .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-brown .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-brown .sidebar .legal { + background-color: #fff; } + .theme-brown .sidebar .legal .copyright a { + color: #795548 !important; } + +.theme-grey .navbar { + background-color: #9E9E9E; } + +.theme-grey .navbar-brand { + color: #fff; } + .theme-grey .navbar-brand:hover { + color: #fff; } + .theme-grey .navbar-brand:active { + color: #fff; } + .theme-grey .navbar-brand:focus { + color: #fff; } + +.theme-grey .nav > li > a { + color: #fff; } + .theme-grey .nav > li > a:hover { + background-color: transparent; } + .theme-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-grey .nav .open > a { + background-color: transparent; } + .theme-grey .nav .open > a:hover { + background-color: transparent; } + .theme-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-grey .bars { + color: #fff; } + +.theme-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span { + color: #9E9E9E; } + +.theme-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-grey .sidebar .legal { + background-color: #fff; } + .theme-grey .sidebar .legal .copyright a { + color: #9E9E9E !important; } + +.theme-blue-grey .navbar { + background-color: #607D8B; } + +.theme-blue-grey .navbar-brand { + color: #fff; } + .theme-blue-grey .navbar-brand:hover { + color: #fff; } + .theme-blue-grey .navbar-brand:active { + color: #fff; } + .theme-blue-grey .navbar-brand:focus { + color: #fff; } + +.theme-blue-grey .nav > li > a { + color: #fff; } + .theme-blue-grey .nav > li > a:hover { + background-color: transparent; } + .theme-blue-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-blue-grey .nav .open > a { + background-color: transparent; } + .theme-blue-grey .nav .open > a:hover { + background-color: transparent; } + .theme-blue-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-blue-grey .bars { + color: #fff; } + +.theme-blue-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span { + color: #607D8B; } + +.theme-blue-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue-grey .sidebar .legal { + background-color: #fff; } + .theme-blue-grey .sidebar .legal .copyright a { + color: #607D8B !important; } + +.theme-black .navbar { + background-color: #000; } + +.theme-black .navbar-brand { + color: #fff; } + .theme-black .navbar-brand:hover { + color: #fff; } + .theme-black .navbar-brand:active { + color: #fff; } + .theme-black .navbar-brand:focus { + color: #fff; } + +.theme-black .nav > li > a { + color: #fff; } + .theme-black .nav > li > a:hover { + background-color: transparent; } + .theme-black .nav > li > a:focus { + background-color: transparent; } + +.theme-black .nav .open > a { + background-color: transparent; } + .theme-black .nav .open > a:hover { + background-color: transparent; } + .theme-black .nav .open > a:focus { + background-color: transparent; } + +.theme-black .bars { + color: #fff; } + +.theme-black .sidebar .menu .list li.active { + background-color: transparent; } + .theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span { + color: #000; } + +.theme-black .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-black .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-black .sidebar .legal { + background-color: #fff; } + .theme-black .sidebar .legal .copyright a { + color: #000 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/all-themes.min.css b/Plan/src/main/resources/web/css/themes/all-themes.min.css new file mode 100644 index 000000000..ecb402362 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/all-themes.min.css @@ -0,0 +1 @@ +.theme-red .navbar{background-color:#f44336;}.theme-red .navbar-brand{color:#fff;}.theme-red .navbar-brand:hover{color:#fff;}.theme-red .navbar-brand:active{color:#fff;}.theme-red .navbar-brand:focus{color:#fff;}.theme-red .nav>li>a{color:#fff;}.theme-red .nav>li>a:hover{background-color:transparent;}.theme-red .nav>li>a:focus{background-color:transparent;}.theme-red .nav .open>a{background-color:transparent;}.theme-red .nav .open>a:hover{background-color:transparent;}.theme-red .nav .open>a:focus{background-color:transparent;}.theme-red .bars{color:#fff;}.theme-red .sidebar .menu .list li.active{background-color:transparent;}.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{color:#f44336;}.theme-red .sidebar .menu .list .toggled{background-color:transparent;}.theme-red .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-red .sidebar .legal{background-color:#fff;}.theme-red .sidebar .legal .copyright a{color:#f44336 !important;}.theme-pink .navbar{background-color:#e91e63;}.theme-pink .navbar-brand{color:#fff;}.theme-pink .navbar-brand:hover{color:#fff;}.theme-pink .navbar-brand:active{color:#fff;}.theme-pink .navbar-brand:focus{color:#fff;}.theme-pink .nav>li>a{color:#fff;}.theme-pink .nav>li>a:hover{background-color:transparent;}.theme-pink .nav>li>a:focus{background-color:transparent;}.theme-pink .nav .open>a{background-color:transparent;}.theme-pink .nav .open>a:hover{background-color:transparent;}.theme-pink .nav .open>a:focus{background-color:transparent;}.theme-pink .bars{color:#fff;}.theme-pink .sidebar .menu .list li.active{background-color:transparent;}.theme-pink .sidebar .menu .list li.active>:first-child i,.theme-pink .sidebar .menu .list li.active>:first-child span{color:#e91e63;}.theme-pink .sidebar .menu .list .toggled{background-color:transparent;}.theme-pink .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-pink .sidebar .legal{background-color:#fff;}.theme-pink .sidebar .legal .copyright a{color:#e91e63 !important;}.theme-purple .navbar{background-color:#9c27b0;}.theme-purple .navbar-brand{color:#fff;}.theme-purple .navbar-brand:hover{color:#fff;}.theme-purple .navbar-brand:active{color:#fff;}.theme-purple .navbar-brand:focus{color:#fff;}.theme-purple .nav>li>a{color:#fff;}.theme-purple .nav>li>a:hover{background-color:transparent;}.theme-purple .nav>li>a:focus{background-color:transparent;}.theme-purple .nav .open>a{background-color:transparent;}.theme-purple .nav .open>a:hover{background-color:transparent;}.theme-purple .nav .open>a:focus{background-color:transparent;}.theme-purple .bars{color:#fff;}.theme-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{color:#9c27b0;}.theme-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-purple .sidebar .legal{background-color:#fff;}.theme-purple .sidebar .legal .copyright a{color:#9c27b0 !important;}.theme-deep-purple .navbar{background-color:#673ab7;}.theme-deep-purple .navbar-brand{color:#fff;}.theme-deep-purple .navbar-brand:hover{color:#fff;}.theme-deep-purple .navbar-brand:active{color:#fff;}.theme-deep-purple .navbar-brand:focus{color:#fff;}.theme-deep-purple .nav>li>a{color:#fff;}.theme-deep-purple .nav>li>a:hover{background-color:transparent;}.theme-deep-purple .nav>li>a:focus{background-color:transparent;}.theme-deep-purple .nav .open>a{background-color:transparent;}.theme-deep-purple .nav .open>a:hover{background-color:transparent;}.theme-deep-purple .nav .open>a:focus{background-color:transparent;}.theme-deep-purple .bars{color:#fff;}.theme-deep-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-purple .sidebar .menu .list li.active>:first-child i,.theme-deep-purple .sidebar .menu .list li.active>:first-child span{color:#673ab7;}.theme-deep-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-purple .sidebar .legal{background-color:#fff;}.theme-deep-purple .sidebar .legal .copyright a{color:#673ab7 !important;}.theme-indigo .navbar{background-color:#3f51b5;}.theme-indigo .navbar-brand{color:#fff;}.theme-indigo .navbar-brand:hover{color:#fff;}.theme-indigo .navbar-brand:active{color:#fff;}.theme-indigo .navbar-brand:focus{color:#fff;}.theme-indigo .nav>li>a{color:#fff;}.theme-indigo .nav>li>a:hover{background-color:transparent;}.theme-indigo .nav>li>a:focus{background-color:transparent;}.theme-indigo .nav .open>a{background-color:transparent;}.theme-indigo .nav .open>a:hover{background-color:transparent;}.theme-indigo .nav .open>a:focus{background-color:transparent;}.theme-indigo .bars{color:#fff;}.theme-indigo .sidebar .menu .list li.active{background-color:transparent;}.theme-indigo .sidebar .menu .list li.active>:first-child i,.theme-indigo .sidebar .menu .list li.active>:first-child span{color:#3f51b5;}.theme-indigo .sidebar .menu .list .toggled{background-color:transparent;}.theme-indigo .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-indigo .sidebar .legal{background-color:#fff;}.theme-indigo .sidebar .legal .copyright a{color:#3f51b5 !important;}.theme-blue .navbar{background-color:#2196f3;}.theme-blue .navbar-brand{color:#fff;}.theme-blue .navbar-brand:hover{color:#fff;}.theme-blue .navbar-brand:active{color:#fff;}.theme-blue .navbar-brand:focus{color:#fff;}.theme-blue .nav>li>a{color:#fff;}.theme-blue .nav>li>a:hover{background-color:transparent;}.theme-blue .nav>li>a:focus{background-color:transparent;}.theme-blue .nav .open>a{background-color:transparent;}.theme-blue .nav .open>a:hover{background-color:transparent;}.theme-blue .nav .open>a:focus{background-color:transparent;}.theme-blue .bars{color:#fff;}.theme-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{color:#2196f3;}.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue .sidebar .legal{background-color:#fff;}.theme-blue .sidebar .legal .copyright a{color:#2196f3 !important;}.theme-light-blue .navbar{background-color:#03a9f4;}.theme-light-blue .navbar-brand{color:#fff;}.theme-light-blue .navbar-brand:hover{color:#fff;}.theme-light-blue .navbar-brand:active{color:#fff;}.theme-light-blue .navbar-brand:focus{color:#fff;}.theme-light-blue .nav>li>a{color:#fff;}.theme-light-blue .nav>li>a:hover{background-color:transparent;}.theme-light-blue .nav>li>a:focus{background-color:transparent;}.theme-light-blue .nav .open>a{background-color:transparent;}.theme-light-blue .nav .open>a:hover{background-color:transparent;}.theme-light-blue .nav .open>a:focus{background-color:transparent;}.theme-light-blue .bars{color:#fff;}.theme-light-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-light-blue .sidebar .menu .list li.active>:first-child i,.theme-light-blue .sidebar .menu .list li.active>:first-child span{color:#03a9f4;}.theme-light-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-blue .sidebar .legal{background-color:#fff;}.theme-light-blue .sidebar .legal .copyright a{color:#03a9f4 !important;}.theme-cyan .navbar{background-color:#00bcd4;}.theme-cyan .navbar-brand{color:#fff;}.theme-cyan .navbar-brand:hover{color:#fff;}.theme-cyan .navbar-brand:active{color:#fff;}.theme-cyan .navbar-brand:focus{color:#fff;}.theme-cyan .nav>li>a{color:#fff;}.theme-cyan .nav>li>a:hover{background-color:transparent;}.theme-cyan .nav>li>a:focus{background-color:transparent;}.theme-cyan .nav .open>a{background-color:transparent;}.theme-cyan .nav .open>a:hover{background-color:transparent;}.theme-cyan .nav .open>a:focus{background-color:transparent;}.theme-cyan .bars{color:#fff;}.theme-cyan .sidebar .menu .list li.active{background-color:transparent;}.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{color:#00bcd4;}.theme-cyan .sidebar .menu .list .toggled{background-color:transparent;}.theme-cyan .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-cyan .sidebar .legal{background-color:#fff;}.theme-cyan .sidebar .legal .copyright a{color:#00bcd4 !important;}.theme-teal .navbar{background-color:#009688;}.theme-teal .navbar-brand{color:#fff;}.theme-teal .navbar-brand:hover{color:#fff;}.theme-teal .navbar-brand:active{color:#fff;}.theme-teal .navbar-brand:focus{color:#fff;}.theme-teal .nav>li>a{color:#fff;}.theme-teal .nav>li>a:hover{background-color:transparent;}.theme-teal .nav>li>a:focus{background-color:transparent;}.theme-teal .nav .open>a{background-color:transparent;}.theme-teal .nav .open>a:hover{background-color:transparent;}.theme-teal .nav .open>a:focus{background-color:transparent;}.theme-teal .bars{color:#fff;}.theme-teal .sidebar .menu .list li.active{background-color:transparent;}.theme-teal .sidebar .menu .list li.active>:first-child i,.theme-teal .sidebar .menu .list li.active>:first-child span{color:#009688;}.theme-teal .sidebar .menu .list .toggled{background-color:transparent;}.theme-teal .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-teal .sidebar .legal{background-color:#fff;}.theme-teal .sidebar .legal .copyright a{color:#009688 !important;}.theme-green .navbar{background-color:#4caf50;}.theme-green .navbar-brand{color:#fff;}.theme-green .navbar-brand:hover{color:#fff;}.theme-green .navbar-brand:active{color:#fff;}.theme-green .navbar-brand:focus{color:#fff;}.theme-green .nav>li>a{color:#fff;}.theme-green .nav>li>a:hover{background-color:transparent;}.theme-green .nav>li>a:focus{background-color:transparent;}.theme-green .nav .open>a{background-color:transparent;}.theme-green .nav .open>a:hover{background-color:transparent;}.theme-green .nav .open>a:focus{background-color:transparent;}.theme-green .bars{color:#fff;}.theme-green .sidebar .menu .list li.active{background-color:transparent;}.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{color:#4caf50;}.theme-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-green .sidebar .legal{background-color:#fff;}.theme-green .sidebar .legal .copyright a{color:#4caf50 !important;}.theme-light-green .navbar{background-color:#8bc34a;}.theme-light-green .navbar-brand{color:#fff;}.theme-light-green .navbar-brand:hover{color:#fff;}.theme-light-green .navbar-brand:active{color:#fff;}.theme-light-green .navbar-brand:focus{color:#fff;}.theme-light-green .nav>li>a{color:#fff;}.theme-light-green .nav>li>a:hover{background-color:transparent;}.theme-light-green .nav>li>a:focus{background-color:transparent;}.theme-light-green .nav .open>a{background-color:transparent;}.theme-light-green .nav .open>a:hover{background-color:transparent;}.theme-light-green .nav .open>a:focus{background-color:transparent;}.theme-light-green .bars{color:#fff;}.theme-light-green .sidebar .menu .list li.active{background-color:transparent;}.theme-light-green .sidebar .menu .list li.active>:first-child i,.theme-light-green .sidebar .menu .list li.active>:first-child span{color:#8bc34a;}.theme-light-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-green .sidebar .legal{background-color:#fff;}.theme-light-green .sidebar .legal .copyright a{color:#8bc34a !important;}.theme-lime .navbar{background-color:#cddc39;}.theme-lime .navbar-brand{color:#fff;}.theme-lime .navbar-brand:hover{color:#fff;}.theme-lime .navbar-brand:active{color:#fff;}.theme-lime .navbar-brand:focus{color:#fff;}.theme-lime .nav>li>a{color:#fff;}.theme-lime .nav>li>a:hover{background-color:transparent;}.theme-lime .nav>li>a:focus{background-color:transparent;}.theme-lime .nav .open>a{background-color:transparent;}.theme-lime .nav .open>a:hover{background-color:transparent;}.theme-lime .nav .open>a:focus{background-color:transparent;}.theme-lime .bars{color:#fff;}.theme-lime .sidebar .menu .list li.active{background-color:transparent;}.theme-lime .sidebar .menu .list li.active>:first-child i,.theme-lime .sidebar .menu .list li.active>:first-child span{color:#cddc39;}.theme-lime .sidebar .menu .list .toggled{background-color:transparent;}.theme-lime .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-lime .sidebar .legal{background-color:#fff;}.theme-lime .sidebar .legal .copyright a{color:#cddc39 !important;}.theme-yellow .navbar{background-color:#ffeb3b;}.theme-yellow .navbar-brand{color:#fff;}.theme-yellow .navbar-brand:hover{color:#fff;}.theme-yellow .navbar-brand:active{color:#fff;}.theme-yellow .navbar-brand:focus{color:#fff;}.theme-yellow .nav>li>a{color:#fff;}.theme-yellow .nav>li>a:hover{background-color:transparent;}.theme-yellow .nav>li>a:focus{background-color:transparent;}.theme-yellow .nav .open>a{background-color:transparent;}.theme-yellow .nav .open>a:hover{background-color:transparent;}.theme-yellow .nav .open>a:focus{background-color:transparent;}.theme-yellow .bars{color:#fff;}.theme-yellow .sidebar .menu .list li.active{background-color:transparent;}.theme-yellow .sidebar .menu .list li.active>:first-child i,.theme-yellow .sidebar .menu .list li.active>:first-child span{color:#ffeb3b;}.theme-yellow .sidebar .menu .list .toggled{background-color:transparent;}.theme-yellow .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-yellow .sidebar .legal{background-color:#fff;}.theme-yellow .sidebar .legal .copyright a{color:#ffeb3b !important;}.theme-amber .navbar{background-color:#ffc107;}.theme-amber .navbar-brand{color:#fff;}.theme-amber .navbar-brand:hover{color:#fff;}.theme-amber .navbar-brand:active{color:#fff;}.theme-amber .navbar-brand:focus{color:#fff;}.theme-amber .nav>li>a{color:#fff;}.theme-amber .nav>li>a:hover{background-color:transparent;}.theme-amber .nav>li>a:focus{background-color:transparent;}.theme-amber .nav .open>a{background-color:transparent;}.theme-amber .nav .open>a:hover{background-color:transparent;}.theme-amber .nav .open>a:focus{background-color:transparent;}.theme-amber .bars{color:#fff;}.theme-amber .sidebar .menu .list li.active{background-color:transparent;}.theme-amber .sidebar .menu .list li.active>:first-child i,.theme-amber .sidebar .menu .list li.active>:first-child span{color:#ffc107;}.theme-amber .sidebar .menu .list .toggled{background-color:transparent;}.theme-amber .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-amber .sidebar .legal{background-color:#fff;}.theme-amber .sidebar .legal .copyright a{color:#ffc107 !important;}.theme-orange .navbar{background-color:#ff9800;}.theme-orange .navbar-brand{color:#fff;}.theme-orange .navbar-brand:hover{color:#fff;}.theme-orange .navbar-brand:active{color:#fff;}.theme-orange .navbar-brand:focus{color:#fff;}.theme-orange .nav>li>a{color:#fff;}.theme-orange .nav>li>a:hover{background-color:transparent;}.theme-orange .nav>li>a:focus{background-color:transparent;}.theme-orange .nav .open>a{background-color:transparent;}.theme-orange .nav .open>a:hover{background-color:transparent;}.theme-orange .nav .open>a:focus{background-color:transparent;}.theme-orange .bars{color:#fff;}.theme-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-orange .sidebar .menu .list li.active>:first-child i,.theme-orange .sidebar .menu .list li.active>:first-child span{color:#ff9800;}.theme-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-orange .sidebar .legal{background-color:#fff;}.theme-orange .sidebar .legal .copyright a{color:#ff9800 !important;}.theme-deep-orange .navbar{background-color:#ff5722;}.theme-deep-orange .navbar-brand{color:#fff;}.theme-deep-orange .navbar-brand:hover{color:#fff;}.theme-deep-orange .navbar-brand:active{color:#fff;}.theme-deep-orange .navbar-brand:focus{color:#fff;}.theme-deep-orange .nav>li>a{color:#fff;}.theme-deep-orange .nav>li>a:hover{background-color:transparent;}.theme-deep-orange .nav>li>a:focus{background-color:transparent;}.theme-deep-orange .nav .open>a{background-color:transparent;}.theme-deep-orange .nav .open>a:hover{background-color:transparent;}.theme-deep-orange .nav .open>a:focus{background-color:transparent;}.theme-deep-orange .bars{color:#fff;}.theme-deep-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{color:#ff5722;}.theme-deep-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-orange .sidebar .legal{background-color:#fff;}.theme-deep-orange .sidebar .legal .copyright a{color:#ff5722 !important;}.theme-brown .navbar{background-color:#795548;}.theme-brown .navbar-brand{color:#fff;}.theme-brown .navbar-brand:hover{color:#fff;}.theme-brown .navbar-brand:active{color:#fff;}.theme-brown .navbar-brand:focus{color:#fff;}.theme-brown .nav>li>a{color:#fff;}.theme-brown .nav>li>a:hover{background-color:transparent;}.theme-brown .nav>li>a:focus{background-color:transparent;}.theme-brown .nav .open>a{background-color:transparent;}.theme-brown .nav .open>a:hover{background-color:transparent;}.theme-brown .nav .open>a:focus{background-color:transparent;}.theme-brown .bars{color:#fff;}.theme-brown .sidebar .menu .list li.active{background-color:transparent;}.theme-brown .sidebar .menu .list li.active>:first-child i,.theme-brown .sidebar .menu .list li.active>:first-child span{color:#795548;}.theme-brown .sidebar .menu .list .toggled{background-color:transparent;}.theme-brown .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-brown .sidebar .legal{background-color:#fff;}.theme-brown .sidebar .legal .copyright a{color:#795548 !important;}.theme-grey .navbar{background-color:#9e9e9e;}.theme-grey .navbar-brand{color:#fff;}.theme-grey .navbar-brand:hover{color:#fff;}.theme-grey .navbar-brand:active{color:#fff;}.theme-grey .navbar-brand:focus{color:#fff;}.theme-grey .nav>li>a{color:#fff;}.theme-grey .nav>li>a:hover{background-color:transparent;}.theme-grey .nav>li>a:focus{background-color:transparent;}.theme-grey .nav .open>a{background-color:transparent;}.theme-grey .nav .open>a:hover{background-color:transparent;}.theme-grey .nav .open>a:focus{background-color:transparent;}.theme-grey .bars{color:#fff;}.theme-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-grey .sidebar .menu .list li.active>:first-child i,.theme-grey .sidebar .menu .list li.active>:first-child span{color:#9e9e9e;}.theme-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-grey .sidebar .legal{background-color:#fff;}.theme-grey .sidebar .legal .copyright a{color:#9e9e9e !important;}.theme-blue-grey .navbar{background-color:#607d8b;}.theme-blue-grey .navbar-brand{color:#fff;}.theme-blue-grey .navbar-brand:hover{color:#fff;}.theme-blue-grey .navbar-brand:active{color:#fff;}.theme-blue-grey .navbar-brand:focus{color:#fff;}.theme-blue-grey .nav>li>a{color:#fff;}.theme-blue-grey .nav>li>a:hover{background-color:transparent;}.theme-blue-grey .nav>li>a:focus{background-color:transparent;}.theme-blue-grey .nav .open>a{background-color:transparent;}.theme-blue-grey .nav .open>a:hover{background-color:transparent;}.theme-blue-grey .nav .open>a:focus{background-color:transparent;}.theme-blue-grey .bars{color:#fff;}.theme-blue-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{color:#607d8b;}.theme-blue-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue-grey .sidebar .legal{background-color:#fff;}.theme-blue-grey .sidebar .legal .copyright a{color:#607d8b !important;}.theme-black .navbar{background-color:#000;}.theme-black .navbar-brand{color:#fff;}.theme-black .navbar-brand:hover{color:#fff;}.theme-black .navbar-brand:active{color:#fff;}.theme-black .navbar-brand:focus{color:#fff;}.theme-black .nav>li>a{color:#fff;}.theme-black .nav>li>a:hover{background-color:transparent;}.theme-black .nav>li>a:focus{background-color:transparent;}.theme-black .nav .open>a{background-color:transparent;}.theme-black .nav .open>a:hover{background-color:transparent;}.theme-black .nav .open>a:focus{background-color:transparent;}.theme-black .bars{color:#fff;}.theme-black .sidebar .menu .list li.active{background-color:transparent;}.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{color:#000;}.theme-black .sidebar .menu .list .toggled{background-color:transparent;}.theme-black .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-black .sidebar .legal{background-color:#fff;}.theme-black .sidebar .legal .copyright a{color:#000 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-amber.css b/Plan/src/main/resources/web/css/themes/theme-amber.css new file mode 100644 index 000000000..f1b1b5f87 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-amber.css @@ -0,0 +1,45 @@ +.theme-amber .navbar { + background-color: #FFC107; } + +.theme-amber .navbar-brand { + color: #fff; } + .theme-amber .navbar-brand:hover { + color: #fff; } + .theme-amber .navbar-brand:active { + color: #fff; } + .theme-amber .navbar-brand:focus { + color: #fff; } + +.theme-amber .nav > li > a { + color: #fff; } + .theme-amber .nav > li > a:hover { + background-color: transparent; } + .theme-amber .nav > li > a:focus { + background-color: transparent; } + +.theme-amber .nav .open > a { + background-color: transparent; } + .theme-amber .nav .open > a:hover { + background-color: transparent; } + .theme-amber .nav .open > a:focus { + background-color: transparent; } + +.theme-amber .bars { + color: #fff; } + +.theme-amber .sidebar .menu .list li.active { + background-color: transparent; } + .theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span { + color: #FFC107; } + +.theme-amber .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-amber .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-amber .sidebar .legal { + background-color: #fff; } + .theme-amber .sidebar .legal .copyright a { + color: #FFC107 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-amber.min.css b/Plan/src/main/resources/web/css/themes/theme-amber.min.css new file mode 100644 index 000000000..d791a3375 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-amber.min.css @@ -0,0 +1 @@ +.theme-amber .navbar{background-color:#ffc107;}.theme-amber .navbar-brand{color:#fff;}.theme-amber .navbar-brand:hover{color:#fff;}.theme-amber .navbar-brand:active{color:#fff;}.theme-amber .navbar-brand:focus{color:#fff;}.theme-amber .nav>li>a{color:#fff;}.theme-amber .nav>li>a:hover{background-color:transparent;}.theme-amber .nav>li>a:focus{background-color:transparent;}.theme-amber .nav .open>a{background-color:transparent;}.theme-amber .nav .open>a:hover{background-color:transparent;}.theme-amber .nav .open>a:focus{background-color:transparent;}.theme-amber .bars{color:#fff;}.theme-amber .sidebar .menu .list li.active{background-color:transparent;}.theme-amber .sidebar .menu .list li.active>:first-child i,.theme-amber .sidebar .menu .list li.active>:first-child span{color:#ffc107;}.theme-amber .sidebar .menu .list .toggled{background-color:transparent;}.theme-amber .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-amber .sidebar .legal{background-color:#fff;}.theme-amber .sidebar .legal .copyright a{color:#ffc107 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-black.css b/Plan/src/main/resources/web/css/themes/theme-black.css new file mode 100644 index 000000000..93263b7ff --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-black.css @@ -0,0 +1,45 @@ +.theme-black .navbar { + background-color: #000; } + +.theme-black .navbar-brand { + color: #fff; } + .theme-black .navbar-brand:hover { + color: #fff; } + .theme-black .navbar-brand:active { + color: #fff; } + .theme-black .navbar-brand:focus { + color: #fff; } + +.theme-black .nav > li > a { + color: #fff; } + .theme-black .nav > li > a:hover { + background-color: transparent; } + .theme-black .nav > li > a:focus { + background-color: transparent; } + +.theme-black .nav .open > a { + background-color: transparent; } + .theme-black .nav .open > a:hover { + background-color: transparent; } + .theme-black .nav .open > a:focus { + background-color: transparent; } + +.theme-black .bars { + color: #fff; } + +.theme-black .sidebar .menu .list li.active { + background-color: transparent; } + .theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span { + color: #000; } + +.theme-black .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-black .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-black .sidebar .legal { + background-color: #fff; } + .theme-black .sidebar .legal .copyright a { + color: #000 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-black.min.css b/Plan/src/main/resources/web/css/themes/theme-black.min.css new file mode 100644 index 000000000..e763c92fc --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-black.min.css @@ -0,0 +1 @@ +.theme-black .navbar{background-color:#000;}.theme-black .navbar-brand{color:#fff;}.theme-black .navbar-brand:hover{color:#fff;}.theme-black .navbar-brand:active{color:#fff;}.theme-black .navbar-brand:focus{color:#fff;}.theme-black .nav>li>a{color:#fff;}.theme-black .nav>li>a:hover{background-color:transparent;}.theme-black .nav>li>a:focus{background-color:transparent;}.theme-black .nav .open>a{background-color:transparent;}.theme-black .nav .open>a:hover{background-color:transparent;}.theme-black .nav .open>a:focus{background-color:transparent;}.theme-black .bars{color:#fff;}.theme-black .sidebar .menu .list li.active{background-color:transparent;}.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{color:#000;}.theme-black .sidebar .menu .list .toggled{background-color:transparent;}.theme-black .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-black .sidebar .legal{background-color:#fff;}.theme-black .sidebar .legal .copyright a{color:#000 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-blue-grey.css b/Plan/src/main/resources/web/css/themes/theme-blue-grey.css new file mode 100644 index 000000000..2cbb4a05b --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-blue-grey.css @@ -0,0 +1,45 @@ +.theme-blue-grey .navbar { + background-color: #607D8B; } + +.theme-blue-grey .navbar-brand { + color: #fff; } + .theme-blue-grey .navbar-brand:hover { + color: #fff; } + .theme-blue-grey .navbar-brand:active { + color: #fff; } + .theme-blue-grey .navbar-brand:focus { + color: #fff; } + +.theme-blue-grey .nav > li > a { + color: #fff; } + .theme-blue-grey .nav > li > a:hover { + background-color: transparent; } + .theme-blue-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-blue-grey .nav .open > a { + background-color: transparent; } + .theme-blue-grey .nav .open > a:hover { + background-color: transparent; } + .theme-blue-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-blue-grey .bars { + color: #fff; } + +.theme-blue-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span { + color: #607D8B; } + +.theme-blue-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue-grey .sidebar .legal { + background-color: #fff; } + .theme-blue-grey .sidebar .legal .copyright a { + color: #607D8B !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-blue-grey.min.css b/Plan/src/main/resources/web/css/themes/theme-blue-grey.min.css new file mode 100644 index 000000000..803f3a976 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-blue-grey.min.css @@ -0,0 +1 @@ +.theme-blue-grey .navbar{background-color:#607d8b;}.theme-blue-grey .navbar-brand{color:#fff;}.theme-blue-grey .navbar-brand:hover{color:#fff;}.theme-blue-grey .navbar-brand:active{color:#fff;}.theme-blue-grey .navbar-brand:focus{color:#fff;}.theme-blue-grey .nav>li>a{color:#fff;}.theme-blue-grey .nav>li>a:hover{background-color:transparent;}.theme-blue-grey .nav>li>a:focus{background-color:transparent;}.theme-blue-grey .nav .open>a{background-color:transparent;}.theme-blue-grey .nav .open>a:hover{background-color:transparent;}.theme-blue-grey .nav .open>a:focus{background-color:transparent;}.theme-blue-grey .bars{color:#fff;}.theme-blue-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{color:#607d8b;}.theme-blue-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue-grey .sidebar .legal{background-color:#fff;}.theme-blue-grey .sidebar .legal .copyright a{color:#607d8b !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-blue.css b/Plan/src/main/resources/web/css/themes/theme-blue.css new file mode 100644 index 000000000..01017c77d --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-blue.css @@ -0,0 +1,45 @@ +.theme-blue .navbar { + background-color: #2196F3; } + +.theme-blue .navbar-brand { + color: #fff; } + .theme-blue .navbar-brand:hover { + color: #fff; } + .theme-blue .navbar-brand:active { + color: #fff; } + .theme-blue .navbar-brand:focus { + color: #fff; } + +.theme-blue .nav > li > a { + color: #fff; } + .theme-blue .nav > li > a:hover { + background-color: transparent; } + .theme-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-blue .nav .open > a { + background-color: transparent; } + .theme-blue .nav .open > a:hover { + background-color: transparent; } + .theme-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-blue .bars { + color: #fff; } + +.theme-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span { + color: #2196F3; } + +.theme-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue .sidebar .legal { + background-color: #fff; } + .theme-blue .sidebar .legal .copyright a { + color: #2196F3 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-blue.min.css b/Plan/src/main/resources/web/css/themes/theme-blue.min.css new file mode 100644 index 000000000..36359d32e --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-blue.min.css @@ -0,0 +1 @@ +.theme-blue .navbar{background-color:#2196f3;}.theme-blue .navbar-brand{color:#fff;}.theme-blue .navbar-brand:hover{color:#fff;}.theme-blue .navbar-brand:active{color:#fff;}.theme-blue .navbar-brand:focus{color:#fff;}.theme-blue .nav>li>a{color:#fff;}.theme-blue .nav>li>a:hover{background-color:transparent;}.theme-blue .nav>li>a:focus{background-color:transparent;}.theme-blue .nav .open>a{background-color:transparent;}.theme-blue .nav .open>a:hover{background-color:transparent;}.theme-blue .nav .open>a:focus{background-color:transparent;}.theme-blue .bars{color:#fff;}.theme-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{color:#2196f3;}.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue .sidebar .legal{background-color:#fff;}.theme-blue .sidebar .legal .copyright a{color:#2196f3 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-brown.css b/Plan/src/main/resources/web/css/themes/theme-brown.css new file mode 100644 index 000000000..709c9e612 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-brown.css @@ -0,0 +1,45 @@ +.theme-brown .navbar { + background-color: #795548; } + +.theme-brown .navbar-brand { + color: #fff; } + .theme-brown .navbar-brand:hover { + color: #fff; } + .theme-brown .navbar-brand:active { + color: #fff; } + .theme-brown .navbar-brand:focus { + color: #fff; } + +.theme-brown .nav > li > a { + color: #fff; } + .theme-brown .nav > li > a:hover { + background-color: transparent; } + .theme-brown .nav > li > a:focus { + background-color: transparent; } + +.theme-brown .nav .open > a { + background-color: transparent; } + .theme-brown .nav .open > a:hover { + background-color: transparent; } + .theme-brown .nav .open > a:focus { + background-color: transparent; } + +.theme-brown .bars { + color: #fff; } + +.theme-brown .sidebar .menu .list li.active { + background-color: transparent; } + .theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span { + color: #795548; } + +.theme-brown .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-brown .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-brown .sidebar .legal { + background-color: #fff; } + .theme-brown .sidebar .legal .copyright a { + color: #795548 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-brown.min.css b/Plan/src/main/resources/web/css/themes/theme-brown.min.css new file mode 100644 index 000000000..acc53fe23 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-brown.min.css @@ -0,0 +1 @@ +.theme-brown .navbar{background-color:#795548;}.theme-brown .navbar-brand{color:#fff;}.theme-brown .navbar-brand:hover{color:#fff;}.theme-brown .navbar-brand:active{color:#fff;}.theme-brown .navbar-brand:focus{color:#fff;}.theme-brown .nav>li>a{color:#fff;}.theme-brown .nav>li>a:hover{background-color:transparent;}.theme-brown .nav>li>a:focus{background-color:transparent;}.theme-brown .nav .open>a{background-color:transparent;}.theme-brown .nav .open>a:hover{background-color:transparent;}.theme-brown .nav .open>a:focus{background-color:transparent;}.theme-brown .bars{color:#fff;}.theme-brown .sidebar .menu .list li.active{background-color:transparent;}.theme-brown .sidebar .menu .list li.active>:first-child i,.theme-brown .sidebar .menu .list li.active>:first-child span{color:#795548;}.theme-brown .sidebar .menu .list .toggled{background-color:transparent;}.theme-brown .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-brown .sidebar .legal{background-color:#fff;}.theme-brown .sidebar .legal .copyright a{color:#795548 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-cyan.css b/Plan/src/main/resources/web/css/themes/theme-cyan.css new file mode 100644 index 000000000..e05559d71 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-cyan.css @@ -0,0 +1,45 @@ +.theme-cyan .navbar { + background-color: #00BCD4; } + +.theme-cyan .navbar-brand { + color: #fff; } + .theme-cyan .navbar-brand:hover { + color: #fff; } + .theme-cyan .navbar-brand:active { + color: #fff; } + .theme-cyan .navbar-brand:focus { + color: #fff; } + +.theme-cyan .nav > li > a { + color: #fff; } + .theme-cyan .nav > li > a:hover { + background-color: transparent; } + .theme-cyan .nav > li > a:focus { + background-color: transparent; } + +.theme-cyan .nav .open > a { + background-color: transparent; } + .theme-cyan .nav .open > a:hover { + background-color: transparent; } + .theme-cyan .nav .open > a:focus { + background-color: transparent; } + +.theme-cyan .bars { + color: #fff; } + +.theme-cyan .sidebar .menu .list li.active { + background-color: transparent; } + .theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span { + color: #00BCD4; } + +.theme-cyan .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-cyan .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-cyan .sidebar .legal { + background-color: #fff; } + .theme-cyan .sidebar .legal .copyright a { + color: #00BCD4 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-cyan.min.css b/Plan/src/main/resources/web/css/themes/theme-cyan.min.css new file mode 100644 index 000000000..792c898d5 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-cyan.min.css @@ -0,0 +1 @@ +.theme-cyan .navbar{background-color:#00bcd4;}.theme-cyan .navbar-brand{color:#fff;}.theme-cyan .navbar-brand:hover{color:#fff;}.theme-cyan .navbar-brand:active{color:#fff;}.theme-cyan .navbar-brand:focus{color:#fff;}.theme-cyan .nav>li>a{color:#fff;}.theme-cyan .nav>li>a:hover{background-color:transparent;}.theme-cyan .nav>li>a:focus{background-color:transparent;}.theme-cyan .nav .open>a{background-color:transparent;}.theme-cyan .nav .open>a:hover{background-color:transparent;}.theme-cyan .nav .open>a:focus{background-color:transparent;}.theme-cyan .bars{color:#fff;}.theme-cyan .sidebar .menu .list li.active{background-color:transparent;}.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{color:#00bcd4;}.theme-cyan .sidebar .menu .list .toggled{background-color:transparent;}.theme-cyan .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-cyan .sidebar .legal{background-color:#fff;}.theme-cyan .sidebar .legal .copyright a{color:#00bcd4 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-deep-orange.css b/Plan/src/main/resources/web/css/themes/theme-deep-orange.css new file mode 100644 index 000000000..5229daf53 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-deep-orange.css @@ -0,0 +1,45 @@ +.theme-deep-orange .navbar { + background-color: #FF5722; } + +.theme-deep-orange .navbar-brand { + color: #fff; } + .theme-deep-orange .navbar-brand:hover { + color: #fff; } + .theme-deep-orange .navbar-brand:active { + color: #fff; } + .theme-deep-orange .navbar-brand:focus { + color: #fff; } + +.theme-deep-orange .nav > li > a { + color: #fff; } + .theme-deep-orange .nav > li > a:hover { + background-color: transparent; } + .theme-deep-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-orange .nav .open > a { + background-color: transparent; } + .theme-deep-orange .nav .open > a:hover { + background-color: transparent; } + .theme-deep-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-orange .bars { + color: #fff; } + +.theme-deep-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span { + color: #FF5722; } + +.theme-deep-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-orange .sidebar .legal { + background-color: #fff; } + .theme-deep-orange .sidebar .legal .copyright a { + color: #FF5722 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-deep-orange.min.css b/Plan/src/main/resources/web/css/themes/theme-deep-orange.min.css new file mode 100644 index 000000000..160fc707d --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-deep-orange.min.css @@ -0,0 +1 @@ +.theme-deep-orange .navbar{background-color:#ff5722;}.theme-deep-orange .navbar-brand{color:#fff;}.theme-deep-orange .navbar-brand:hover{color:#fff;}.theme-deep-orange .navbar-brand:active{color:#fff;}.theme-deep-orange .navbar-brand:focus{color:#fff;}.theme-deep-orange .nav>li>a{color:#fff;}.theme-deep-orange .nav>li>a:hover{background-color:transparent;}.theme-deep-orange .nav>li>a:focus{background-color:transparent;}.theme-deep-orange .nav .open>a{background-color:transparent;}.theme-deep-orange .nav .open>a:hover{background-color:transparent;}.theme-deep-orange .nav .open>a:focus{background-color:transparent;}.theme-deep-orange .bars{color:#fff;}.theme-deep-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{color:#ff5722;}.theme-deep-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-orange .sidebar .legal{background-color:#fff;}.theme-deep-orange .sidebar .legal .copyright a{color:#ff5722 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-deep-purple.css b/Plan/src/main/resources/web/css/themes/theme-deep-purple.css new file mode 100644 index 000000000..8c2104904 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-deep-purple.css @@ -0,0 +1,45 @@ +.theme-deep-purple .navbar { + background-color: #673AB7; } + +.theme-deep-purple .navbar-brand { + color: #fff; } + .theme-deep-purple .navbar-brand:hover { + color: #fff; } + .theme-deep-purple .navbar-brand:active { + color: #fff; } + .theme-deep-purple .navbar-brand:focus { + color: #fff; } + +.theme-deep-purple .nav > li > a { + color: #fff; } + .theme-deep-purple .nav > li > a:hover { + background-color: transparent; } + .theme-deep-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-purple .nav .open > a { + background-color: transparent; } + .theme-deep-purple .nav .open > a:hover { + background-color: transparent; } + .theme-deep-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-purple .bars { + color: #fff; } + +.theme-deep-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span { + color: #673AB7; } + +.theme-deep-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-purple .sidebar .legal { + background-color: #fff; } + .theme-deep-purple .sidebar .legal .copyright a { + color: #673AB7 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-deep-purple.min.css b/Plan/src/main/resources/web/css/themes/theme-deep-purple.min.css new file mode 100644 index 000000000..fc9696322 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-deep-purple.min.css @@ -0,0 +1 @@ +.theme-deep-purple .navbar{background-color:#673ab7;}.theme-deep-purple .navbar-brand{color:#fff;}.theme-deep-purple .navbar-brand:hover{color:#fff;}.theme-deep-purple .navbar-brand:active{color:#fff;}.theme-deep-purple .navbar-brand:focus{color:#fff;}.theme-deep-purple .nav>li>a{color:#fff;}.theme-deep-purple .nav>li>a:hover{background-color:transparent;}.theme-deep-purple .nav>li>a:focus{background-color:transparent;}.theme-deep-purple .nav .open>a{background-color:transparent;}.theme-deep-purple .nav .open>a:hover{background-color:transparent;}.theme-deep-purple .nav .open>a:focus{background-color:transparent;}.theme-deep-purple .bars{color:#fff;}.theme-deep-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-purple .sidebar .menu .list li.active>:first-child i,.theme-deep-purple .sidebar .menu .list li.active>:first-child span{color:#673ab7;}.theme-deep-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-purple .sidebar .legal{background-color:#fff;}.theme-deep-purple .sidebar .legal .copyright a{color:#673ab7 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-green.css b/Plan/src/main/resources/web/css/themes/theme-green.css new file mode 100644 index 000000000..6f08cab00 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-green.css @@ -0,0 +1,45 @@ +.theme-green .navbar { + background-color: #4CAF50; } + +.theme-green .navbar-brand { + color: #fff; } + .theme-green .navbar-brand:hover { + color: #fff; } + .theme-green .navbar-brand:active { + color: #fff; } + .theme-green .navbar-brand:focus { + color: #fff; } + +.theme-green .nav > li > a { + color: #fff; } + .theme-green .nav > li > a:hover { + background-color: transparent; } + .theme-green .nav > li > a:focus { + background-color: transparent; } + +.theme-green .nav .open > a { + background-color: transparent; } + .theme-green .nav .open > a:hover { + background-color: transparent; } + .theme-green .nav .open > a:focus { + background-color: transparent; } + +.theme-green .bars { + color: #fff; } + +.theme-green .sidebar .menu .list li.active { + background-color: transparent; } + .theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span { + color: #4CAF50; } + +.theme-green .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-green .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-green .sidebar .legal { + background-color: #fff; } + .theme-green .sidebar .legal .copyright a { + color: #4CAF50 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-green.min.css b/Plan/src/main/resources/web/css/themes/theme-green.min.css new file mode 100644 index 000000000..7907971bf --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-green.min.css @@ -0,0 +1 @@ +.theme-green .navbar{background-color:#4caf50;}.theme-green .navbar-brand{color:#fff;}.theme-green .navbar-brand:hover{color:#fff;}.theme-green .navbar-brand:active{color:#fff;}.theme-green .navbar-brand:focus{color:#fff;}.theme-green .nav>li>a{color:#fff;}.theme-green .nav>li>a:hover{background-color:transparent;}.theme-green .nav>li>a:focus{background-color:transparent;}.theme-green .nav .open>a{background-color:transparent;}.theme-green .nav .open>a:hover{background-color:transparent;}.theme-green .nav .open>a:focus{background-color:transparent;}.theme-green .bars{color:#fff;}.theme-green .sidebar .menu .list li.active{background-color:transparent;}.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{color:#4caf50;}.theme-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-green .sidebar .legal{background-color:#fff;}.theme-green .sidebar .legal .copyright a{color:#4caf50 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-grey.css b/Plan/src/main/resources/web/css/themes/theme-grey.css new file mode 100644 index 000000000..658eacbe6 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-grey.css @@ -0,0 +1,45 @@ +.theme-grey .navbar { + background-color: #9E9E9E; } + +.theme-grey .navbar-brand { + color: #fff; } + .theme-grey .navbar-brand:hover { + color: #fff; } + .theme-grey .navbar-brand:active { + color: #fff; } + .theme-grey .navbar-brand:focus { + color: #fff; } + +.theme-grey .nav > li > a { + color: #fff; } + .theme-grey .nav > li > a:hover { + background-color: transparent; } + .theme-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-grey .nav .open > a { + background-color: transparent; } + .theme-grey .nav .open > a:hover { + background-color: transparent; } + .theme-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-grey .bars { + color: #fff; } + +.theme-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span { + color: #9E9E9E; } + +.theme-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-grey .sidebar .legal { + background-color: #fff; } + .theme-grey .sidebar .legal .copyright a { + color: #9E9E9E !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-grey.min.css b/Plan/src/main/resources/web/css/themes/theme-grey.min.css new file mode 100644 index 000000000..f437acb33 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-grey.min.css @@ -0,0 +1 @@ +.theme-grey .navbar{background-color:#9e9e9e;}.theme-grey .navbar-brand{color:#fff;}.theme-grey .navbar-brand:hover{color:#fff;}.theme-grey .navbar-brand:active{color:#fff;}.theme-grey .navbar-brand:focus{color:#fff;}.theme-grey .nav>li>a{color:#fff;}.theme-grey .nav>li>a:hover{background-color:transparent;}.theme-grey .nav>li>a:focus{background-color:transparent;}.theme-grey .nav .open>a{background-color:transparent;}.theme-grey .nav .open>a:hover{background-color:transparent;}.theme-grey .nav .open>a:focus{background-color:transparent;}.theme-grey .bars{color:#fff;}.theme-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-grey .sidebar .menu .list li.active>:first-child i,.theme-grey .sidebar .menu .list li.active>:first-child span{color:#9e9e9e;}.theme-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-grey .sidebar .legal{background-color:#fff;}.theme-grey .sidebar .legal .copyright a{color:#9e9e9e !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-indigo.css b/Plan/src/main/resources/web/css/themes/theme-indigo.css new file mode 100644 index 000000000..9f8cfda1c --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-indigo.css @@ -0,0 +1,45 @@ +.theme-indigo .navbar { + background-color: #3F51B5; } + +.theme-indigo .navbar-brand { + color: #fff; } + .theme-indigo .navbar-brand:hover { + color: #fff; } + .theme-indigo .navbar-brand:active { + color: #fff; } + .theme-indigo .navbar-brand:focus { + color: #fff; } + +.theme-indigo .nav > li > a { + color: #fff; } + .theme-indigo .nav > li > a:hover { + background-color: transparent; } + .theme-indigo .nav > li > a:focus { + background-color: transparent; } + +.theme-indigo .nav .open > a { + background-color: transparent; } + .theme-indigo .nav .open > a:hover { + background-color: transparent; } + .theme-indigo .nav .open > a:focus { + background-color: transparent; } + +.theme-indigo .bars { + color: #fff; } + +.theme-indigo .sidebar .menu .list li.active { + background-color: transparent; } + .theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span { + color: #3F51B5; } + +.theme-indigo .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-indigo .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-indigo .sidebar .legal { + background-color: #fff; } + .theme-indigo .sidebar .legal .copyright a { + color: #3F51B5 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-indigo.min.css b/Plan/src/main/resources/web/css/themes/theme-indigo.min.css new file mode 100644 index 000000000..28cdeb1a0 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-indigo.min.css @@ -0,0 +1 @@ +.theme-indigo .navbar{background-color:#3f51b5;}.theme-indigo .navbar-brand{color:#fff;}.theme-indigo .navbar-brand:hover{color:#fff;}.theme-indigo .navbar-brand:active{color:#fff;}.theme-indigo .navbar-brand:focus{color:#fff;}.theme-indigo .nav>li>a{color:#fff;}.theme-indigo .nav>li>a:hover{background-color:transparent;}.theme-indigo .nav>li>a:focus{background-color:transparent;}.theme-indigo .nav .open>a{background-color:transparent;}.theme-indigo .nav .open>a:hover{background-color:transparent;}.theme-indigo .nav .open>a:focus{background-color:transparent;}.theme-indigo .bars{color:#fff;}.theme-indigo .sidebar .menu .list li.active{background-color:transparent;}.theme-indigo .sidebar .menu .list li.active>:first-child i,.theme-indigo .sidebar .menu .list li.active>:first-child span{color:#3f51b5;}.theme-indigo .sidebar .menu .list .toggled{background-color:transparent;}.theme-indigo .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-indigo .sidebar .legal{background-color:#fff;}.theme-indigo .sidebar .legal .copyright a{color:#3f51b5 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-light-blue.css b/Plan/src/main/resources/web/css/themes/theme-light-blue.css new file mode 100644 index 000000000..50f4e0a25 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-light-blue.css @@ -0,0 +1,45 @@ +.theme-light-blue .navbar { + background-color: #03A9F4; } + +.theme-light-blue .navbar-brand { + color: #fff; } + .theme-light-blue .navbar-brand:hover { + color: #fff; } + .theme-light-blue .navbar-brand:active { + color: #fff; } + .theme-light-blue .navbar-brand:focus { + color: #fff; } + +.theme-light-blue .nav > li > a { + color: #fff; } + .theme-light-blue .nav > li > a:hover { + background-color: transparent; } + .theme-light-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-light-blue .nav .open > a { + background-color: transparent; } + .theme-light-blue .nav .open > a:hover { + background-color: transparent; } + .theme-light-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-light-blue .bars { + color: #fff; } + +.theme-light-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span { + color: #03A9F4; } + +.theme-light-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-light-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-light-blue .sidebar .legal { + background-color: #fff; } + .theme-light-blue .sidebar .legal .copyright a { + color: #03A9F4 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-light-blue.min.css b/Plan/src/main/resources/web/css/themes/theme-light-blue.min.css new file mode 100644 index 000000000..d15a177ce --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-light-blue.min.css @@ -0,0 +1 @@ +.theme-light-blue .navbar{background-color:#03a9f4;}.theme-light-blue .navbar-brand{color:#fff;}.theme-light-blue .navbar-brand:hover{color:#fff;}.theme-light-blue .navbar-brand:active{color:#fff;}.theme-light-blue .navbar-brand:focus{color:#fff;}.theme-light-blue .nav>li>a{color:#fff;}.theme-light-blue .nav>li>a:hover{background-color:transparent;}.theme-light-blue .nav>li>a:focus{background-color:transparent;}.theme-light-blue .nav .open>a{background-color:transparent;}.theme-light-blue .nav .open>a:hover{background-color:transparent;}.theme-light-blue .nav .open>a:focus{background-color:transparent;}.theme-light-blue .bars{color:#fff;}.theme-light-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-light-blue .sidebar .menu .list li.active>:first-child i,.theme-light-blue .sidebar .menu .list li.active>:first-child span{color:#03a9f4;}.theme-light-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-blue .sidebar .legal{background-color:#fff;}.theme-light-blue .sidebar .legal .copyright a{color:#03a9f4 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-lime.css b/Plan/src/main/resources/web/css/themes/theme-lime.css new file mode 100644 index 000000000..82179e385 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-lime.css @@ -0,0 +1,45 @@ +.theme-lime .navbar { + background-color: #CDDC39; } + +.theme-lime .navbar-brand { + color: #fff; } + .theme-lime .navbar-brand:hover { + color: #fff; } + .theme-lime .navbar-brand:active { + color: #fff; } + .theme-lime .navbar-brand:focus { + color: #fff; } + +.theme-lime .nav > li > a { + color: #fff; } + .theme-lime .nav > li > a:hover { + background-color: transparent; } + .theme-lime .nav > li > a:focus { + background-color: transparent; } + +.theme-lime .nav .open > a { + background-color: transparent; } + .theme-lime .nav .open > a:hover { + background-color: transparent; } + .theme-lime .nav .open > a:focus { + background-color: transparent; } + +.theme-lime .bars { + color: #fff; } + +.theme-lime .sidebar .menu .list li.active { + background-color: transparent; } + .theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span { + color: #CDDC39; } + +.theme-lime .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-lime .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-lime .sidebar .legal { + background-color: #fff; } + .theme-lime .sidebar .legal .copyright a { + color: #CDDC39 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-lime.min.css b/Plan/src/main/resources/web/css/themes/theme-lime.min.css new file mode 100644 index 000000000..3cc7c3569 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-lime.min.css @@ -0,0 +1 @@ +.theme-lime .navbar{background-color:#cddc39;}.theme-lime .navbar-brand{color:#fff;}.theme-lime .navbar-brand:hover{color:#fff;}.theme-lime .navbar-brand:active{color:#fff;}.theme-lime .navbar-brand:focus{color:#fff;}.theme-lime .nav>li>a{color:#fff;}.theme-lime .nav>li>a:hover{background-color:transparent;}.theme-lime .nav>li>a:focus{background-color:transparent;}.theme-lime .nav .open>a{background-color:transparent;}.theme-lime .nav .open>a:hover{background-color:transparent;}.theme-lime .nav .open>a:focus{background-color:transparent;}.theme-lime .bars{color:#fff;}.theme-lime .sidebar .menu .list li.active{background-color:transparent;}.theme-lime .sidebar .menu .list li.active>:first-child i,.theme-lime .sidebar .menu .list li.active>:first-child span{color:#cddc39;}.theme-lime .sidebar .menu .list .toggled{background-color:transparent;}.theme-lime .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-lime .sidebar .legal{background-color:#fff;}.theme-lime .sidebar .legal .copyright a{color:#cddc39 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-orange.css b/Plan/src/main/resources/web/css/themes/theme-orange.css new file mode 100644 index 000000000..e855021ae --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-orange.css @@ -0,0 +1,45 @@ +.theme-orange .navbar { + background-color: #FF9800; } + +.theme-orange .navbar-brand { + color: #fff; } + .theme-orange .navbar-brand:hover { + color: #fff; } + .theme-orange .navbar-brand:active { + color: #fff; } + .theme-orange .navbar-brand:focus { + color: #fff; } + +.theme-orange .nav > li > a { + color: #fff; } + .theme-orange .nav > li > a:hover { + background-color: transparent; } + .theme-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-orange .nav .open > a { + background-color: transparent; } + .theme-orange .nav .open > a:hover { + background-color: transparent; } + .theme-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-orange .bars { + color: #fff; } + +.theme-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span { + color: #FF9800; } + +.theme-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-orange .sidebar .legal { + background-color: #fff; } + .theme-orange .sidebar .legal .copyright a { + color: #FF9800 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-orange.min.css b/Plan/src/main/resources/web/css/themes/theme-orange.min.css new file mode 100644 index 000000000..5b20f26fc --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-orange.min.css @@ -0,0 +1 @@ +.theme-orange .navbar{background-color:#ff9800;}.theme-orange .navbar-brand{color:#fff;}.theme-orange .navbar-brand:hover{color:#fff;}.theme-orange .navbar-brand:active{color:#fff;}.theme-orange .navbar-brand:focus{color:#fff;}.theme-orange .nav>li>a{color:#fff;}.theme-orange .nav>li>a:hover{background-color:transparent;}.theme-orange .nav>li>a:focus{background-color:transparent;}.theme-orange .nav .open>a{background-color:transparent;}.theme-orange .nav .open>a:hover{background-color:transparent;}.theme-orange .nav .open>a:focus{background-color:transparent;}.theme-orange .bars{color:#fff;}.theme-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-orange .sidebar .menu .list li.active>:first-child i,.theme-orange .sidebar .menu .list li.active>:first-child span{color:#ff9800;}.theme-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-orange .sidebar .legal{background-color:#fff;}.theme-orange .sidebar .legal .copyright a{color:#ff9800 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-pink.css b/Plan/src/main/resources/web/css/themes/theme-pink.css new file mode 100644 index 000000000..a0ff28f90 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-pink.css @@ -0,0 +1,45 @@ +.theme-pink .navbar { + background-color: #E91E63; } + +.theme-pink .navbar-brand { + color: #fff; } + .theme-pink .navbar-brand:hover { + color: #fff; } + .theme-pink .navbar-brand:active { + color: #fff; } + .theme-pink .navbar-brand:focus { + color: #fff; } + +.theme-pink .nav > li > a { + color: #fff; } + .theme-pink .nav > li > a:hover { + background-color: transparent; } + .theme-pink .nav > li > a:focus { + background-color: transparent; } + +.theme-pink .nav .open > a { + background-color: transparent; } + .theme-pink .nav .open > a:hover { + background-color: transparent; } + .theme-pink .nav .open > a:focus { + background-color: transparent; } + +.theme-pink .bars { + color: #fff; } + +.theme-pink .sidebar .menu .list li.active { + background-color: transparent; } + .theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span { + color: #E91E63; } + +.theme-pink .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-pink .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-pink .sidebar .legal { + background-color: #fff; } + .theme-pink .sidebar .legal .copyright a { + color: #E91E63 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-pink.min.css b/Plan/src/main/resources/web/css/themes/theme-pink.min.css new file mode 100644 index 000000000..c282520b2 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-pink.min.css @@ -0,0 +1 @@ +.theme-pink .navbar{background-color:#e91e63;}.theme-pink .navbar-brand{color:#fff;}.theme-pink .navbar-brand:hover{color:#fff;}.theme-pink .navbar-brand:active{color:#fff;}.theme-pink .navbar-brand:focus{color:#fff;}.theme-pink .nav>li>a{color:#fff;}.theme-pink .nav>li>a:hover{background-color:transparent;}.theme-pink .nav>li>a:focus{background-color:transparent;}.theme-pink .nav .open>a{background-color:transparent;}.theme-pink .nav .open>a:hover{background-color:transparent;}.theme-pink .nav .open>a:focus{background-color:transparent;}.theme-pink .bars{color:#fff;}.theme-pink .sidebar .menu .list li.active{background-color:transparent;}.theme-pink .sidebar .menu .list li.active>:first-child i,.theme-pink .sidebar .menu .list li.active>:first-child span{color:#e91e63;}.theme-pink .sidebar .menu .list .toggled{background-color:transparent;}.theme-pink .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-pink .sidebar .legal{background-color:#fff;}.theme-pink .sidebar .legal .copyright a{color:#e91e63 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-purple.css b/Plan/src/main/resources/web/css/themes/theme-purple.css new file mode 100644 index 000000000..76326c9a0 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-purple.css @@ -0,0 +1,45 @@ +.theme-purple .navbar { + background-color: #9C27B0; } + +.theme-purple .navbar-brand { + color: #fff; } + .theme-purple .navbar-brand:hover { + color: #fff; } + .theme-purple .navbar-brand:active { + color: #fff; } + .theme-purple .navbar-brand:focus { + color: #fff; } + +.theme-purple .nav > li > a { + color: #fff; } + .theme-purple .nav > li > a:hover { + background-color: transparent; } + .theme-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-purple .nav .open > a { + background-color: transparent; } + .theme-purple .nav .open > a:hover { + background-color: transparent; } + .theme-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-purple .bars { + color: #fff; } + +.theme-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span { + color: #9C27B0; } + +.theme-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-purple .sidebar .legal { + background-color: #fff; } + .theme-purple .sidebar .legal .copyright a { + color: #9C27B0 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-purple.min.css b/Plan/src/main/resources/web/css/themes/theme-purple.min.css new file mode 100644 index 000000000..f261c6bd0 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-purple.min.css @@ -0,0 +1 @@ +.theme-purple .navbar{background-color:#9c27b0;}.theme-purple .navbar-brand{color:#fff;}.theme-purple .navbar-brand:hover{color:#fff;}.theme-purple .navbar-brand:active{color:#fff;}.theme-purple .navbar-brand:focus{color:#fff;}.theme-purple .nav>li>a{color:#fff;}.theme-purple .nav>li>a:hover{background-color:transparent;}.theme-purple .nav>li>a:focus{background-color:transparent;}.theme-purple .nav .open>a{background-color:transparent;}.theme-purple .nav .open>a:hover{background-color:transparent;}.theme-purple .nav .open>a:focus{background-color:transparent;}.theme-purple .bars{color:#fff;}.theme-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{color:#9c27b0;}.theme-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-purple .sidebar .legal{background-color:#fff;}.theme-purple .sidebar .legal .copyright a{color:#9c27b0 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-red.css b/Plan/src/main/resources/web/css/themes/theme-red.css new file mode 100644 index 000000000..73c6a2d56 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-red.css @@ -0,0 +1,45 @@ +.theme-red .navbar { + background-color: #F44336; } + +.theme-red .navbar-brand { + color: #fff; } + .theme-red .navbar-brand:hover { + color: #fff; } + .theme-red .navbar-brand:active { + color: #fff; } + .theme-red .navbar-brand:focus { + color: #fff; } + +.theme-red .nav > li > a { + color: #fff; } + .theme-red .nav > li > a:hover { + background-color: transparent; } + .theme-red .nav > li > a:focus { + background-color: transparent; } + +.theme-red .nav .open > a { + background-color: transparent; } + .theme-red .nav .open > a:hover { + background-color: transparent; } + .theme-red .nav .open > a:focus { + background-color: transparent; } + +.theme-red .bars { + color: #fff; } + +.theme-red .sidebar .menu .list li.active { + background-color: transparent; } + .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span { + color: #F44336; } + +.theme-red .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-red .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-red .sidebar .legal { + background-color: #fff; } + .theme-red .sidebar .legal .copyright a { + color: #F44336 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-red.min.css b/Plan/src/main/resources/web/css/themes/theme-red.min.css new file mode 100644 index 000000000..1431c2935 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-red.min.css @@ -0,0 +1 @@ +.theme-red .navbar{background-color:#f44336;}.theme-red .navbar-brand{color:#fff;}.theme-red .navbar-brand:hover{color:#fff;}.theme-red .navbar-brand:active{color:#fff;}.theme-red .navbar-brand:focus{color:#fff;}.theme-red .nav>li>a{color:#fff;}.theme-red .nav>li>a:hover{background-color:transparent;}.theme-red .nav>li>a:focus{background-color:transparent;}.theme-red .nav .open>a{background-color:transparent;}.theme-red .nav .open>a:hover{background-color:transparent;}.theme-red .nav .open>a:focus{background-color:transparent;}.theme-red .bars{color:#fff;}.theme-red .sidebar .menu .list li.active{background-color:transparent;}.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{color:#f44336;}.theme-red .sidebar .menu .list .toggled{background-color:transparent;}.theme-red .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-red .sidebar .legal{background-color:#fff;}.theme-red .sidebar .legal .copyright a{color:#f44336 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-teal.css b/Plan/src/main/resources/web/css/themes/theme-teal.css new file mode 100644 index 000000000..378fe9ea1 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-teal.css @@ -0,0 +1,45 @@ +.theme-teal .navbar { + background-color: #009688; } + +.theme-teal .navbar-brand { + color: #fff; } + .theme-teal .navbar-brand:hover { + color: #fff; } + .theme-teal .navbar-brand:active { + color: #fff; } + .theme-teal .navbar-brand:focus { + color: #fff; } + +.theme-teal .nav > li > a { + color: #fff; } + .theme-teal .nav > li > a:hover { + background-color: transparent; } + .theme-teal .nav > li > a:focus { + background-color: transparent; } + +.theme-teal .nav .open > a { + background-color: transparent; } + .theme-teal .nav .open > a:hover { + background-color: transparent; } + .theme-teal .nav .open > a:focus { + background-color: transparent; } + +.theme-teal .bars { + color: #fff; } + +.theme-teal .sidebar .menu .list li.active { + background-color: transparent; } + .theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span { + color: #009688; } + +.theme-teal .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-teal .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-teal .sidebar .legal { + background-color: #fff; } + .theme-teal .sidebar .legal .copyright a { + color: #009688 !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-teal.min.css b/Plan/src/main/resources/web/css/themes/theme-teal.min.css new file mode 100644 index 000000000..27fe1810a --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-teal.min.css @@ -0,0 +1 @@ +.theme-teal .navbar{background-color:#009688;}.theme-teal .navbar-brand{color:#fff;}.theme-teal .navbar-brand:hover{color:#fff;}.theme-teal .navbar-brand:active{color:#fff;}.theme-teal .navbar-brand:focus{color:#fff;}.theme-teal .nav>li>a{color:#fff;}.theme-teal .nav>li>a:hover{background-color:transparent;}.theme-teal .nav>li>a:focus{background-color:transparent;}.theme-teal .nav .open>a{background-color:transparent;}.theme-teal .nav .open>a:hover{background-color:transparent;}.theme-teal .nav .open>a:focus{background-color:transparent;}.theme-teal .bars{color:#fff;}.theme-teal .sidebar .menu .list li.active{background-color:transparent;}.theme-teal .sidebar .menu .list li.active>:first-child i,.theme-teal .sidebar .menu .list li.active>:first-child span{color:#009688;}.theme-teal .sidebar .menu .list .toggled{background-color:transparent;}.theme-teal .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-teal .sidebar .legal{background-color:#fff;}.theme-teal .sidebar .legal .copyright a{color:#009688 !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/web/css/themes/theme-yellow.css b/Plan/src/main/resources/web/css/themes/theme-yellow.css new file mode 100644 index 000000000..92c573f21 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-yellow.css @@ -0,0 +1,45 @@ +.theme-yellow .navbar { + background-color: #FFEB3B; } + +.theme-yellow .navbar-brand { + color: #fff; } + .theme-yellow .navbar-brand:hover { + color: #fff; } + .theme-yellow .navbar-brand:active { + color: #fff; } + .theme-yellow .navbar-brand:focus { + color: #fff; } + +.theme-yellow .nav > li > a { + color: #fff; } + .theme-yellow .nav > li > a:hover { + background-color: transparent; } + .theme-yellow .nav > li > a:focus { + background-color: transparent; } + +.theme-yellow .nav .open > a { + background-color: transparent; } + .theme-yellow .nav .open > a:hover { + background-color: transparent; } + .theme-yellow .nav .open > a:focus { + background-color: transparent; } + +.theme-yellow .bars { + color: #fff; } + +.theme-yellow .sidebar .menu .list li.active { + background-color: transparent; } + .theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span { + color: #FFEB3B; } + +.theme-yellow .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-yellow .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-yellow .sidebar .legal { + background-color: #fff; } + .theme-yellow .sidebar .legal .copyright a { + color: #FFEB3B !important; } + diff --git a/Plan/src/main/resources/web/css/themes/theme-yellow.min.css b/Plan/src/main/resources/web/css/themes/theme-yellow.min.css new file mode 100644 index 000000000..73c0b7876 --- /dev/null +++ b/Plan/src/main/resources/web/css/themes/theme-yellow.min.css @@ -0,0 +1 @@ +.theme-yellow .navbar{background-color:#ffeb3b;}.theme-yellow .navbar-brand{color:#fff;}.theme-yellow .navbar-brand:hover{color:#fff;}.theme-yellow .navbar-brand:active{color:#fff;}.theme-yellow .navbar-brand:focus{color:#fff;}.theme-yellow .nav>li>a{color:#fff;}.theme-yellow .nav>li>a:hover{background-color:transparent;}.theme-yellow .nav>li>a:focus{background-color:transparent;}.theme-yellow .nav .open>a{background-color:transparent;}.theme-yellow .nav .open>a:hover{background-color:transparent;}.theme-yellow .nav .open>a:focus{background-color:transparent;}.theme-yellow .bars{color:#fff;}.theme-yellow .sidebar .menu .list li.active{background-color:transparent;}.theme-yellow .sidebar .menu .list li.active>:first-child i,.theme-yellow .sidebar .menu .list li.active>:first-child span{color:#ffeb3b;}.theme-yellow .sidebar .menu .list .toggled{background-color:transparent;}.theme-yellow .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-yellow .sidebar .legal{background-color:#fff;}.theme-yellow .sidebar .legal .copyright a{color:#ffeb3b !important;} \ No newline at end of file diff --git a/Plan/src/main/resources/html/error.html b/Plan/src/main/resources/web/error.html similarity index 100% rename from Plan/src/main/resources/html/error.html rename to Plan/src/main/resources/web/error.html diff --git a/Plan/src/main/resources/web/js/admin.js b/Plan/src/main/resources/web/js/admin.js new file mode 100644 index 000000000..d96d275ef --- /dev/null +++ b/Plan/src/main/resources/web/js/admin.js @@ -0,0 +1,458 @@ +if (typeof jQuery === "undefined") { + throw new Error("jQuery plugins need to be before this file"); +} + +$.AdminBSB = {}; +$.AdminBSB.options = { + colors: { + red: '#F44336', + pink: '#E91E63', + purple: '#9C27B0', + deepPurple: '#673AB7', + indigo: '#3F51B5', + blue: '#2196F3', + lightBlue: '#03A9F4', + cyan: '#00BCD4', + teal: '#009688', + green: '#4CAF50', + lightGreen: '#8BC34A', + lime: '#CDDC39', + yellow: '#ffe821', + amber: '#FFC107', + orange: '#FF9800', + deepOrange: '#FF5722', + brown: '#795548', + grey: '#9E9E9E', + blueGrey: '#607D8B', + black: '#000000', + white: '#ffffff' + }, + leftSideBar: { + scrollColor: 'rgba(0,0,0,0.5)', + scrollWidth: '4px', + scrollAlwaysVisible: false, + scrollBorderRadius: '0', + scrollRailBorderRadius: '0', + scrollActiveItemWhenPageLoad: true, + breakpointWidth: 1170 + }, + dropdownMenu: { + effectIn: 'fadeIn', + effectOut: 'fadeOut' + } +} + +/* Left Sidebar - Function ================================================================================================= +* You can manage the left sidebar menu options +* +*/ +$.AdminBSB.leftSideBar = { + activate: function () { + var _this = this; + var $body = $('body'); + var $overlay = $('.overlay'); + + //Close sidebar + $(window).click(function (e) { + var $target = $(e.target); + if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); } + + if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) { + if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut(); + $body.removeClass('overlay-open'); + } + }); + + $.each($('.menu-toggle.toggled'), function (i, val) { + $(val).next().slideToggle(0); + }); + + //When page load + $.each($('.menu .list li.active'), function (i, val) { + var $activeAnchors = $(val).find('a:eq(0)'); + + $activeAnchors.addClass('toggled'); + $activeAnchors.next().show(); + }); + + //Collapse or Expand Menu + $('.menu-toggle').on('click', function (e) { + var $this = $(this); + var $content = $this.next(); + + if ($($this.parents('ul')[0]).hasClass('list')) { + var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle'); + + $.each($('.menu-toggle.toggled').not($not).next(), function (i, val) { + if ($(val).is(':visible')) { + $(val).prev().toggleClass('toggled'); + $(val).slideUp(); + } + }); + } + + $this.toggleClass('toggled'); + $content.slideToggle(320); + }); + + //Set menu height + _this.setMenuHeight(); + _this.checkStatuForResize(true); + $(window).resize(function () { + _this.setMenuHeight(); + _this.checkStatuForResize(false); + }); + + //Set Waves + Waves.attach('.menu .list a', ['waves-block']); + Waves.init(); + }, + setMenuHeight: function (isFirstTime) { + if (typeof $.fn.slimScroll != 'undefined') { + var configs = $.AdminBSB.options.leftSideBar; + var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight())); + var $el = $('.list'); + + $el.slimscroll({ + height: height + "px", + color: configs.scrollColor, + size: configs.scrollWidth, + alwaysVisible: configs.scrollAlwaysVisible, + borderRadius: configs.scrollBorderRadius, + railBorderRadius: configs.scrollRailBorderRadius + }); + + //Scroll active menu item when page load, if option set = true + if ($.AdminBSB.options.leftSideBar.scrollActiveItemWhenPageLoad) { + var activeItemOffsetTop = $('.menu .list li.active')[0].offsetTop + if (activeItemOffsetTop > 150) $el.slimscroll({ scrollTo: activeItemOffsetTop + 'px' }); + } + } + }, + checkStatuForResize: function (firstTime) { + var $body = $('body'); + var $openCloseBar = $('.navbar .navbar-header .bars'); + var width = $body.width(); + + if (firstTime) { + $body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function () { + $(this).removeClass('no-animate').dequeue(); + }); + } + + if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) { + $body.addClass('ls-closed'); + $openCloseBar.fadeIn(); + } + else { + $body.removeClass('ls-closed'); + $openCloseBar.fadeOut(); + } + }, + isOpen: function () { + return $('body').hasClass('overlay-open'); + } +}; +//========================================================================================================================== + +/* Right Sidebar - Function ================================================================================================ +* You can manage the right sidebar menu options +* +*/ +$.AdminBSB.rightSideBar = { + activate: function () { + var _this = this; + var $sidebar = $('#rightsidebar'); + var $overlay = $('.overlay'); + + //Close sidebar + $(window).click(function (e) { + var $target = $(e.target); + if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); } + + if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) { + if (!$target.hasClass('bars')) $overlay.fadeOut(); + $sidebar.removeClass('open'); + } + }); + + $('.js-right-sidebar').on('click', function () { + $sidebar.toggleClass('open'); + if (_this.isOpen()) { $overlay.fadeIn(); } else { $overlay.fadeOut(); } + }); + }, + isOpen: function () { + return $('.right-sidebar').hasClass('open'); + } +} +//========================================================================================================================== + +/* Searchbar - Function ================================================================================================ +* You can manage the search bar +* +*/ +var $searchBar = $('.search-bar'); +$.AdminBSB.search = { + activate: function () { + var _this = this; + + //Search button click event + $('.js-search').on('click', function () { + _this.showSearchBar(); + }); + + //Close search click event + $searchBar.find('.close-search').on('click', function () { + _this.hideSearchBar(); + }); + + //ESC key on pressed + $searchBar.find('input[type="text"]').on('keyup', function (e) { + if (e.keyCode == 27) { + _this.hideSearchBar(); + } + }); + }, + showSearchBar: function () { + $searchBar.addClass('open'); + $searchBar.find('input[type="text"]').focus(); + }, + hideSearchBar: function () { + $searchBar.removeClass('open'); + $searchBar.find('input[type="text"]').val(''); + } +} +//========================================================================================================================== + +/* Navbar - Function ======================================================================================================= +* You can manage the navbar +* +*/ +$.AdminBSB.navbar = { + activate: function () { + var $body = $('body'); + var $overlay = $('.overlay'); + + //Open left sidebar panel + $('.bars').on('click', function () { + $body.toggleClass('overlay-open'); + if ($body.hasClass('overlay-open')) { $overlay.fadeIn(); } else { $overlay.fadeOut(); } + }); + + //Close collapse bar on click event + $('.nav [data-close="true"]').on('click', function () { + var isVisible = $('.navbar-toggle').is(':visible'); + var $navbarCollapse = $('.navbar-collapse'); + + if (isVisible) { + $navbarCollapse.slideUp(function () { + $navbarCollapse.removeClass('in').removeAttr('style'); + }); + } + }); + } +} +//========================================================================================================================== + +/* Input - Function ======================================================================================================== +* You can manage the inputs(also textareas) with name of class 'form-control' +* +*/ +$.AdminBSB.input = { + activate: function () { + //On focus event + $('.form-control').focus(function () { + $(this).parent().addClass('focused'); + }); + + //On focusout event + $('.form-control').focusout(function () { + var $this = $(this); + if ($this.parents('.form-group').hasClass('form-float')) { + if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); } + } + else { + $this.parents('.form-line').removeClass('focused'); + } + }); + + //On label click + $('body').on('click', '.form-float .form-line .form-label', function () { + $(this).parent().find('input').focus(); + }); + + //Not blank form + $('.form-control').each(function () { + if ($(this).val() !== '') { + $(this).parents('.form-line').addClass('focused'); + } + }); + } +} +//========================================================================================================================== + +/* Form - Select - Function ================================================================================================ +* You can manage the 'select' of form elements +* +*/ +$.AdminBSB.select = { + activate: function () { + if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); } + } +} +//========================================================================================================================== + +/* DropdownMenu - Function ================================================================================================= +* You can manage the dropdown menu +* +*/ + +$.AdminBSB.dropdownMenu = { + activate: function () { + var _this = this; + + $('.dropdown, .dropup, .btn-group').on({ + "show.bs.dropdown": function () { + var dropdown = _this.dropdownEffect(this); + _this.dropdownEffectStart(dropdown, dropdown.effectIn); + }, + "shown.bs.dropdown": function () { + var dropdown = _this.dropdownEffect(this); + if (dropdown.effectIn && dropdown.effectOut) { + _this.dropdownEffectEnd(dropdown, function () { }); + } + }, + "hide.bs.dropdown": function (e) { + var dropdown = _this.dropdownEffect(this); + if (dropdown.effectOut) { + e.preventDefault(); + _this.dropdownEffectStart(dropdown, dropdown.effectOut); + _this.dropdownEffectEnd(dropdown, function () { + dropdown.dropdown.removeClass('open'); + }); + } + } + }); + + //Set Waves + Waves.attach('.dropdown-menu li a', ['waves-block']); + Waves.init(); + }, + dropdownEffect: function (target) { + var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut; + var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target); + + if (dropdown.length > 0) { + var udEffectIn = dropdown.data('effect-in'); + var udEffectOut = dropdown.data('effect-out'); + if (udEffectIn !== undefined) { effectIn = udEffectIn; } + if (udEffectOut !== undefined) { effectOut = udEffectOut; } + } + + return { + target: target, + dropdown: dropdown, + dropdownMenu: dropdownMenu, + effectIn: effectIn, + effectOut: effectOut + }; + }, + dropdownEffectStart: function (data, effectToStart) { + if (effectToStart) { + data.dropdown.addClass('dropdown-animating'); + data.dropdownMenu.addClass('animated dropdown-animated'); + data.dropdownMenu.addClass(effectToStart); + } + }, + dropdownEffectEnd: function (data, callback) { + var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; + data.dropdown.one(animationEnd, function () { + data.dropdown.removeClass('dropdown-animating'); + data.dropdownMenu.removeClass('animated dropdown-animated'); + data.dropdownMenu.removeClass(data.effectIn); + data.dropdownMenu.removeClass(data.effectOut); + + if (typeof callback == 'function') { + callback(); + } + }); + } +} +//========================================================================================================================== + +/* Browser - Function ====================================================================================================== +* You can manage browser +* +*/ +var edge = 'Microsoft Edge'; +var ie10 = 'Internet Explorer 10'; +var ie11 = 'Internet Explorer 11'; +var opera = 'Opera'; +var firefox = 'Mozilla Firefox'; +var chrome = 'Google Chrome'; +var safari = 'Safari'; + +$.AdminBSB.browser = { + activate: function () { + var _this = this; + var className = _this.getClassName(); + + if (className !== '') $('html').addClass(_this.getClassName()); + }, + getBrowser: function () { + var userAgent = navigator.userAgent.toLowerCase(); + + if (/edge/i.test(userAgent)) { + return edge; + } else if (/rv:11/i.test(userAgent)) { + return ie11; + } else if (/msie 10/i.test(userAgent)) { + return ie10; + } else if (/opr/i.test(userAgent)) { + return opera; + } else if (/chrome/i.test(userAgent)) { + return chrome; + } else if (/firefox/i.test(userAgent)) { + return firefox; + } else if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) { + return safari; + } + + return undefined; + }, + getClassName: function () { + var browser = this.getBrowser(); + + if (browser === edge) { + return 'edge'; + } else if (browser === ie11) { + return 'ie11'; + } else if (browser === ie10) { + return 'ie10'; + } else if (browser === opera) { + return 'opera'; + } else if (browser === chrome) { + return 'chrome'; + } else if (browser === firefox) { + return 'firefox'; + } else if (browser === safari) { + return 'safari'; + } else { + return ''; + } + } +} +//========================================================================================================================== + +$(function () { + $.AdminBSB.browser.activate(); + $.AdminBSB.leftSideBar.activate(); + $.AdminBSB.rightSideBar.activate(); + $.AdminBSB.navbar.activate(); + $.AdminBSB.dropdownMenu.activate(); + $.AdminBSB.input.activate(); + $.AdminBSB.select.activate(); + $.AdminBSB.search.activate(); + + setTimeout(function () { $('.page-loader-wrapper').fadeOut(); }, 50); +}); \ No newline at end of file diff --git a/Plan/src/main/resources/js/activityPie.js b/Plan/src/main/resources/web/js/charts/activityPie.js similarity index 100% rename from Plan/src/main/resources/js/activityPie.js rename to Plan/src/main/resources/web/js/charts/activityPie.js diff --git a/Plan/src/main/resources/js/healthGauge.js b/Plan/src/main/resources/web/js/charts/healthGauge.js similarity index 92% rename from Plan/src/main/resources/js/healthGauge.js rename to Plan/src/main/resources/web/js/charts/healthGauge.js index 96e6251f6..b8a13322d 100644 --- a/Plan/src/main/resources/js/healthGauge.js +++ b/Plan/src/main/resources/web/js/charts/healthGauge.js @@ -1,3 +1,4 @@ +function healthGauge(id, healthData) { var gaugeOptions = { chart: { @@ -52,7 +53,7 @@ var gaugeOptions = { } }; -var chartSpeed = Highcharts.chart('container-speed', Highcharts.merge(gaugeOptions, { +var chartSpeed = Highcharts.chart(id, Highcharts.merge(gaugeOptions, { yAxis: { min: 0, max: 100, @@ -68,7 +69,7 @@ var chartSpeed = Highcharts.chart('container-speed', Highcharts.merge(gaugeOptio series: [{ name: 'health', - data: [95.73], + data: healthData, dataLabels: { formatter: function() { return '
    -1); + }, + add: function add(key) { + list.push(key); + }, + 'delete': function _delete(key) { + list.splice(list.indexOf(key), 1); + } }; + })(); + + var createEvent = function createEvent(name) { + return new Event(name); + }; + try { + new Event('test'); + } catch (e) { + // IE does not support `new Event()` + createEvent = function (name) { + var evt = document.createEvent('Event'); + evt.initEvent(name, true, false); + return evt; + }; + } + + function assign(ta) { + if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || set.has(ta)) return; + + var heightOffset = null; + var clientWidth = ta.clientWidth; + var cachedHeight = null; + + function init() { + var style = window.getComputedStyle(ta, null); + + if (style.resize === 'vertical') { + ta.style.resize = 'none'; + } else if (style.resize === 'both') { + ta.style.resize = 'horizontal'; + } + + if (style.boxSizing === 'content-box') { + heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom)); + } else { + heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth); + } + // Fix when a textarea is not on document body and heightOffset is Not a Number + if (isNaN(heightOffset)) { + heightOffset = 0; + } + + update(); + } + + function changeOverflow(value) { + { + // Chrome/Safari-specific fix: + // When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space + // made available by removing the scrollbar. The following forces the necessary text reflow. + var width = ta.style.width; + ta.style.width = '0px'; + // Force reflow: + /* jshint ignore:start */ + ta.offsetWidth; + /* jshint ignore:end */ + ta.style.width = width; + } + + ta.style.overflowY = value; + + resize(); + } + + function getParentOverflows(el) { + var arr = []; + + while (el && el.parentNode && el.parentNode instanceof Element) { + if (el.parentNode.scrollTop) { + arr.push({ + node: el.parentNode, + scrollTop: el.parentNode.scrollTop }); + } + el = el.parentNode; + } + + return arr; + } + + function resize() { + var originalHeight = ta.style.height; + var overflows = getParentOverflows(ta); + var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240) + + ta.style.height = 'auto'; + + var endHeight = ta.scrollHeight + heightOffset; + + if (ta.scrollHeight === 0) { + // If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM. + ta.style.height = originalHeight; + return; + } + + ta.style.height = endHeight + 'px'; + + // used to check if an update is actually necessary on window.resize + clientWidth = ta.clientWidth; + + // prevents scroll-position jumping + overflows.forEach(function (el) { + el.node.scrollTop = el.scrollTop; + }); + + if (docTop) { + document.documentElement.scrollTop = docTop; + } + } + + function update() { + resize(); + + var computed = window.getComputedStyle(ta, null); + var computedHeight = Math.round(parseFloat(computed.height)); + var styleHeight = Math.round(parseFloat(ta.style.height)); + + // The computed height not matching the height set via resize indicates that + // the max-height has been exceeded, in which case the overflow should be set to visible. + if (computedHeight !== styleHeight) { + if (computed.overflowY !== 'visible') { + changeOverflow('visible'); + } + } else { + // Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands. + if (computed.overflowY !== 'hidden') { + changeOverflow('hidden'); + } + } + + if (cachedHeight !== computedHeight) { + cachedHeight = computedHeight; + var evt = createEvent('autosize:resized'); + ta.dispatchEvent(evt); + } + } + + var pageResize = function pageResize() { + if (ta.clientWidth !== clientWidth) { + update(); + } + }; + + var destroy = (function (style) { + window.removeEventListener('resize', pageResize, false); + ta.removeEventListener('input', update, false); + ta.removeEventListener('keyup', update, false); + ta.removeEventListener('autosize:destroy', destroy, false); + ta.removeEventListener('autosize:update', update, false); + set['delete'](ta); + + Object.keys(style).forEach(function (key) { + ta.style[key] = style[key]; + }); + }).bind(ta, { + height: ta.style.height, + resize: ta.style.resize, + overflowY: ta.style.overflowY, + overflowX: ta.style.overflowX, + wordWrap: ta.style.wordWrap }); + + ta.addEventListener('autosize:destroy', destroy, false); + + // IE9 does not fire onpropertychange or oninput for deletions, + // so binding to onkeyup to catch most of those events. + // There is no way that I know of to detect something like 'cut' in IE9. + if ('onpropertychange' in ta && 'oninput' in ta) { + ta.addEventListener('keyup', update, false); + } + + window.addEventListener('resize', pageResize, false); + ta.addEventListener('input', update, false); + ta.addEventListener('autosize:update', update, false); + set.add(ta); + ta.style.overflowX = 'hidden'; + ta.style.wordWrap = 'break-word'; + + init(); + } + + function destroy(ta) { + if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return; + var evt = createEvent('autosize:destroy'); + ta.dispatchEvent(evt); + } + + function update(ta) { + if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return; + var evt = createEvent('autosize:update'); + ta.dispatchEvent(evt); + } + + var autosize = null; + + // Do nothing in Node.js environment and IE8 (or lower) + if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') { + autosize = function (el) { + return el; + }; + autosize.destroy = function (el) { + return el; + }; + autosize.update = function (el) { + return el; + }; + } else { + autosize = function (el, options) { + if (el) { + Array.prototype.forEach.call(el.length ? el : [el], function (x) { + return assign(x, options); + }); + } + return el; + }; + autosize.destroy = function (el) { + if (el) { + Array.prototype.forEach.call(el.length ? el : [el], destroy); + } + return el; + }; + autosize.update = function (el) { + if (el) { + Array.prototype.forEach.call(el.length ? el : [el], update); + } + return el; + }; + } + + module.exports = autosize; +}); \ No newline at end of file diff --git a/Plan/src/main/resources/web/plugins/autosize/autosize.min.js b/Plan/src/main/resources/web/plugins/autosize/autosize.min.js new file mode 100644 index 000000000..2108e9033 --- /dev/null +++ b/Plan/src/main/resources/web/plugins/autosize/autosize.min.js @@ -0,0 +1,6 @@ +/*! + Autosize 3.0.17 + license: MIT + http://www.jacklmoore.com/autosize +*/ +!function(e,t){if("function"==typeof define&&define.amd)define(["exports","module"],t);else if("undefined"!=typeof exports&&"undefined"!=typeof module)t(exports,module);else{var n={exports:{}};t(n.exports,n),e.autosize=n.exports}}(this,function(e,t){"use strict";function n(e){function t(){var t=window.getComputedStyle(e,null);"vertical"===t.resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),l="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(l)&&(l=0),a()}function n(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t,r()}function o(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function r(){var t=e.style.height,n=o(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="auto";var i=e.scrollHeight+l;return 0===e.scrollHeight?void(e.style.height=t):(e.style.height=i+"px",s=e.clientWidth,n.forEach(function(e){e.node.scrollTop=e.scrollTop}),void(r&&(document.documentElement.scrollTop=r)))}function a(){r();var t=window.getComputedStyle(e,null),o=Math.round(parseFloat(t.height)),i=Math.round(parseFloat(e.style.height));if(o!==i?"visible"!==t.overflowY&&n("visible"):"hidden"!==t.overflowY&&n("hidden"),u!==o){u=o;var a=d("autosize:resized");e.dispatchEvent(a)}}if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!i.has(e)){var l=null,s=e.clientWidth,u=null,c=function(){e.clientWidth!==s&&a()},p=function(t){window.removeEventListener("resize",c,!1),e.removeEventListener("input",a,!1),e.removeEventListener("keyup",a,!1),e.removeEventListener("autosize:destroy",p,!1),e.removeEventListener("autosize:update",a,!1),i["delete"](e),Object.keys(t).forEach(function(n){e.style[n]=t[n]})}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",p,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",a,!1),window.addEventListener("resize",c,!1),e.addEventListener("input",a,!1),e.addEventListener("autosize:update",a,!1),i.add(e),e.style.overflowX="hidden",e.style.wordWrap="break-word",t()}}function o(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:destroy");e.dispatchEvent(t)}}function r(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:update");e.dispatchEvent(t)}}var i="function"==typeof Set?new Set:function(){var e=[];return{has:function(t){return Boolean(e.indexOf(t)>-1)},add:function(t){e.push(t)},"delete":function(t){e.splice(e.indexOf(t),1)}}}(),d=function(e){return new Event(e)};try{new Event("test")}catch(a){d=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(l=function(e){return e},l.destroy=function(e){return e},l.update=function(e){return e}):(l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return n(e,t)}),e},l.destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e}),t.exports=l}); \ No newline at end of file diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css new file mode 100644 index 000000000..74ed8970b --- /dev/null +++ b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css @@ -0,0 +1,222 @@ +/*! + * Bootstrap Colorpicker v2.3.3 + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */ +.colorpicker-saturation { + width: 100px; + height: 100px; + background-image: url("../img/bootstrap-colorpicker/saturation.png"); + cursor: crosshair; + float: left; +} +.colorpicker-saturation i { + display: block; + height: 5px; + width: 5px; + border: 1px solid #000; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + position: absolute; + top: 0; + left: 0; + margin: -4px 0 0 -4px; +} +.colorpicker-saturation i b { + display: block; + height: 5px; + width: 5px; + border: 1px solid #fff; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.colorpicker-hue, +.colorpicker-alpha { + width: 15px; + height: 100px; + float: left; + cursor: row-resize; + margin-left: 4px; + margin-bottom: 4px; +} +.colorpicker-hue i, +.colorpicker-alpha i { + display: block; + height: 1px; + background: #000; + border-top: 1px solid #fff; + position: absolute; + top: 0; + left: 0; + width: 100%; + margin-top: -1px; +} +.colorpicker-hue { + background-image: url("../img/bootstrap-colorpicker/hue.png"); +} +.colorpicker-alpha { + background-image: url("../img/bootstrap-colorpicker/alpha.png"); + display: none; +} +.colorpicker-saturation, +.colorpicker-hue, +.colorpicker-alpha { + background-size: contain; +} +.colorpicker { + padding: 4px; + min-width: 130px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + z-index: 2500; +} +.colorpicker:before, +.colorpicker:after { + display: table; + content: ""; + line-height: 0; +} +.colorpicker:after { + clear: both; +} +.colorpicker:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 6px; +} +.colorpicker:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 7px; +} +.colorpicker div { + position: relative; +} +.colorpicker.colorpicker-with-alpha { + min-width: 140px; +} +.colorpicker.colorpicker-with-alpha .colorpicker-alpha { + display: block; +} +.colorpicker-color { + height: 10px; + margin-top: 5px; + clear: both; + background-image: url("../img/bootstrap-colorpicker/alpha.png"); + background-position: 0 100%; +} +.colorpicker-color div { + height: 10px; +} +.colorpicker-selectors { + display: none; + height: 10px; + margin-top: 5px; + clear: both; +} +.colorpicker-selectors i { + cursor: pointer; + float: left; + height: 10px; + width: 10px; +} +.colorpicker-selectors i + i { + margin-left: 3px; +} +.colorpicker-element .input-group-addon i, +.colorpicker-element .add-on i { + display: inline-block; + cursor: pointer; + height: 16px; + vertical-align: text-top; + width: 16px; +} +.colorpicker.colorpicker-inline { + position: relative; + display: inline-block; + float: none; + z-index: auto; +} +.colorpicker.colorpicker-horizontal { + width: 110px; + min-width: 110px; + height: auto; +} +.colorpicker.colorpicker-horizontal .colorpicker-saturation { + margin-bottom: 4px; +} +.colorpicker.colorpicker-horizontal .colorpicker-color { + width: 100px; +} +.colorpicker.colorpicker-horizontal .colorpicker-hue, +.colorpicker.colorpicker-horizontal .colorpicker-alpha { + width: 100px; + height: 15px; + float: left; + cursor: col-resize; + margin-left: 0px; + margin-bottom: 4px; +} +.colorpicker.colorpicker-horizontal .colorpicker-hue i, +.colorpicker.colorpicker-horizontal .colorpicker-alpha i { + display: block; + height: 15px; + background: #ffffff; + position: absolute; + top: 0; + left: 0; + width: 1px; + border: none; + margin-top: 0px; +} +.colorpicker.colorpicker-horizontal .colorpicker-hue { + background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png"); +} +.colorpicker.colorpicker-horizontal .colorpicker-alpha { + background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png"); +} +.colorpicker.colorpicker-hidden { + display: none; +} +.colorpicker.colorpicker-visible { + display: block; +} +.colorpicker-inline.colorpicker-visible { + display: inline-block; +} +.colorpicker-right:before { + left: auto; + right: 6px; +} +.colorpicker-right:after { + left: auto; + right: 7px; +} +.colorpicker-no-arrow:before { + border-right: 0; + border-left: 0; +} +.colorpicker-no-arrow:after { + border-right: 0; + border-left: 0; +} +/*# sourceMappingURL=bootstrap-colorpicker.css.map */ \ No newline at end of file diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map new file mode 100644 index 000000000..e61413ad6 --- /dev/null +++ b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["src/less/colorpicker.less"],"names":[],"mappings":";;;;;;;;;AAqBA;EACE,YAAA;EACA,aAAA;EAXA,sBAAsB,8CAAtB;EAaA,iBAAA;EACA,WAAA;;AALF,uBAME;EACE,cAAA;EACA,WAAA;EACA,UAAA;EACA,sBAAA;EAfF,0BAAA;EACA,uBAAA;EACA,kBAAA;EAeE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,qBAAA;;AAfJ,uBAME,EAUE;EACE,cAAA;EACA,WAAA;EACA,UAAA;EACA,sBAAA;EAzBJ,0BAAA;EACA,uBAAA;EACA,kBAAA;;AA6BF;AACA;EACE,WAAA;EACA,aAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAGF,gBAAiB;AACjB,kBAAmB;EACjB,cAAA;EACA,WAAA;EACA,gBAAA;EACA,0BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,gBAAA;;AAGF;EA1DE,sBAAsB,uCAAtB;;AA8DF;EA9DE,sBAAsB,yCAAtB;EAgEA,aAAA;;AAGF;AACA;AACA;EACE,wBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;EACA,eAAA;EAxEA,0BAAA;EACA,uBAAA;EACA,kBAAA;EAwEA,aAAA;;AAGF,YAAY;AACZ,YAAY;EACV,cAAA;EACA,SAAS,EAAT;EACA,cAAA;;AAGF,YAAY;EACV,WAAA;;AAGF,YAAY;EACV,SAAS,EAAT;EACA,qBAAA;EACA,kCAAA;EACA,mCAAA;EACA,6BAAA;EACA,uCAAA;EACA,kBAAA;EACA,SAAA;EACA,SAAA;;AAGF,YAAY;EACV,SAAS,EAAT;EACA,qBAAA;EACA,kCAAA;EACA,mCAAA;EACA,gCAAA;EACA,kBAAA;EACA,SAAA;EACA,SAAA;;AAGF,YAAa;EACX,kBAAA;;AAGF,YAAY;EACV,gBAAA;;AAGF,YAAY,uBAAwB;EAClC,cAAA;;AAGF;EACE,YAAA;EACA,eAAA;EACA,WAAA;EAlIA,sBAAsB,yCAAtB;EAoIA,2BAAA;;AAGF,kBAAmB;EACjB,YAAA;;AAGF;EACE,aAAA;EACA,YAAA;EACA,eAAA;EACA,WAAA;;AAGF,sBAAuB;EACrB,eAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;;AAGF,sBAAuB,EAAE;EACvB,gBAAA;;AAGF,oBAAqB,mBAAmB;AACxC,oBAAqB,QAAQ;EAC3B,qBAAA;EACA,eAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;;AAGF,YAAY;EACV,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,aAAA;;AAGF,YAAY;EACV,YAAA;EACA,gBAAA;EACA,YAAA;;AAGF,YAAY,uBAAwB;EAClC,kBAAA;;AAGF,YAAY,uBAAwB;EAClC,YAAA;;AAGF,YAAY,uBAAwB;AACpC,YAAY,uBAAwB;EAClC,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAGF,YAAY,uBAAwB,iBAAiB;AACrD,YAAY,uBAAwB,mBAAmB;EACrD,cAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,eAAA;;AAGF,YAAY,uBAAwB;EAlNlC,sBAAsB,kDAAtB;;AAsNF,YAAY,uBAAwB;EAtNlC,sBAAsB,oDAAtB;;AA0NF,YAAY;EACV,aAAA;;AAGF,YAAY;EACV,cAAA;;AAGF,mBAAmB;EACjB,qBAAA;;AAGF,kBAAkB;EAChB,UAAA;EACA,UAAA;;AAGF,kBAAkB;EAChB,UAAA;EACA,UAAA;;AAGF,qBAAqB;EACnB,eAAA;EACA,cAAA;;AAGF,qBAAqB;EACnB,eAAA;EACA,cAAA","sourcesContent":["/*!\n * Bootstrap Colorpicker v2.3.3\n * http://mjolnic.github.io/bootstrap-colorpicker/\n *\n * Originally written by (c) 2012 Stefan Petre\n * Licensed under the Apache License v2.0\n * http://www.apache.org/licenses/LICENSE-2.0.txt\n *\n */\n@imgPath: \"../img/bootstrap-colorpicker/\";\n\n.bgImg(@imgFilename) {\n background-image: url(\"@{imgPath}@{imgFilename}\");\n}\n\n.borderRadius(@size) {\n -webkit-border-radius: @size;\n -moz-border-radius: @size;\n border-radius: @size;\n}\n\n.colorpicker-saturation {\n width: 100px;\n height: 100px;\n .bgImg('saturation.png');\n cursor: crosshair;\n float: left;\n i {\n display: block;\n height: 5px;\n width: 5px;\n border: 1px solid #000;\n .borderRadius(5px);\n position: absolute;\n top: 0;\n left: 0;\n margin: -4px 0 0 -4px;\n b {\n display: block;\n height: 5px;\n width: 5px;\n border: 1px solid #fff;\n .borderRadius(5px);\n }\n }\n}\n\n.colorpicker-hue,\n.colorpicker-alpha {\n width: 15px;\n height: 100px;\n float: left;\n cursor: row-resize;\n margin-left: 4px;\n margin-bottom: 4px;\n}\n\n.colorpicker-hue i,\n.colorpicker-alpha i {\n display: block;\n height: 1px;\n background: #000;\n border-top: 1px solid #fff;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n margin-top: -1px;\n}\n\n.colorpicker-hue {\n .bgImg('hue.png');\n}\n\n.colorpicker-alpha {\n .bgImg('alpha.png');\n display: none;\n}\n\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-alpha {\n background-size: contain;\n}\n\n.colorpicker {\n padding: 4px;\n min-width: 130px;\n margin-top: 1px;\n .borderRadius(4px);\n z-index: 2500;\n}\n\n.colorpicker:before,\n.colorpicker:after {\n display: table;\n content: \"\";\n line-height: 0;\n}\n\n.colorpicker:after {\n clear: both;\n}\n\n.colorpicker:before {\n content: '';\n display: inline-block;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n position: absolute;\n top: -7px;\n left: 6px;\n}\n\n.colorpicker:after {\n content: '';\n display: inline-block;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #ffffff;\n position: absolute;\n top: -6px;\n left: 7px;\n}\n\n.colorpicker div {\n position: relative;\n}\n\n.colorpicker.colorpicker-with-alpha {\n min-width: 140px;\n}\n\n.colorpicker.colorpicker-with-alpha .colorpicker-alpha {\n display: block;\n}\n\n.colorpicker-color {\n height: 10px;\n margin-top: 5px;\n clear: both;\n .bgImg('alpha.png');\n background-position: 0 100%;\n}\n\n.colorpicker-color div {\n height: 10px;\n}\n\n.colorpicker-selectors {\n display: none;\n height: 10px;\n margin-top: 5px;\n clear: both;\n}\n\n.colorpicker-selectors i {\n cursor: pointer;\n float: left;\n height: 10px;\n width: 10px;\n}\n\n.colorpicker-selectors i + i {\n margin-left: 3px;\n}\n\n.colorpicker-element .input-group-addon i,\n.colorpicker-element .add-on i {\n display: inline-block;\n cursor: pointer;\n height: 16px;\n vertical-align: text-top;\n width: 16px;\n}\n\n.colorpicker.colorpicker-inline {\n position: relative;\n display: inline-block;\n float: none;\n z-index: auto;\n}\n\n.colorpicker.colorpicker-horizontal {\n width: 110px;\n min-width: 110px;\n height: auto;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-saturation {\n margin-bottom: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-color {\n width: 100px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n width: 100px;\n height: 15px;\n float: left;\n cursor: col-resize;\n margin-left: 0px;\n margin-bottom: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue i,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha i {\n display: block;\n height: 15px;\n background: #ffffff;\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n border: none;\n margin-top: 0px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue {\n .bgImg('hue-horizontal.png');\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n .bgImg('alpha-horizontal.png');\n}\n\n.colorpicker.colorpicker-hidden {\n display: none;\n}\n\n.colorpicker.colorpicker-visible {\n display: block;\n}\n\n.colorpicker-inline.colorpicker-visible {\n display: inline-block;\n}\n\n.colorpicker-right:before {\n left: auto;\n right: 6px;\n}\n\n.colorpicker-right:after {\n left: auto;\n right: 7px;\n}\n\n.colorpicker-no-arrow:before {\n border-right: 0;\n border-left: 0;\n}\n\n.colorpicker-no-arrow:after {\n border-right: 0;\n border-left: 0;\n}\n"]} \ No newline at end of file diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css new file mode 100644 index 000000000..22e5c37ae --- /dev/null +++ b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css @@ -0,0 +1,10 @@ +/*! + * Bootstrap Colorpicker v2.3.3 + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */.colorpicker-saturation{width:100px;height:100px;background-image:url(../img/bootstrap-colorpicker/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue.png)}.colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../img/bootstrap-colorpicker/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha-horizontal.png)}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0} +/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */ \ No newline at end of file diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map new file mode 100644 index 000000000..f61ccb3e2 --- /dev/null +++ b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["src/less/colorpicker.less"],"names":[],"mappings":";;;;;;;;AAqBA,wBACE,MAAA,MACA,OAAA,MAXA,iBAAsB,iDAatB,OAAA,UACA,MAAA,KACA,0BACE,QAAA,MACA,OAAA,IACA,MAAA,IACA,OAAA,IAAA,MAAA,KAfF,sBAAA,IACA,mBAAA,IACA,cAAA,IAeE,SAAA,SACA,IAAA,EACA,KAAA,EACA,OAAA,KAAA,EAAA,EAAA,KACA,4BACE,QAAA,MACA,OAAA,IACA,MAAA,IACA,OAAA,IAAA,MAAA,KAzBJ,sBAAA,IACA,mBAAA,IACA,cAAA,IA8BF,mBADA,iBAEE,MAAA,KACA,OAAA,MACA,MAAA,KACA,OAAA,WACA,YAAA,IACA,cAAA,IAIiB,qBADF,mBAEf,QAAA,MACA,OAAA,IACA,WAAA,KACA,WAAA,IAAA,MAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,WAAA,KAGF,iBA1DE,iBAAsB,0CA8DxB,mBA9DE,iBAAsB,4CAgEtB,QAAA,KAKF,mBADA,iBADA,wBAGE,gBAAA,QAGF,aACE,QAAA,IACA,UAAA,MACA,WAAA,IAxEA,sBAAA,IACA,mBAAA,IACA,cAAA,IAwEA,QAAA,KAIU,mBADA,oBAEV,QAAA,MACA,QAAA,GACA,YAAA,EAGU,mBACV,MAAA,KAGU,oBACV,QAAA,GACA,QAAA,aACA,YAAA,IAAA,MAAA,YACA,aAAA,IAAA,MAAA,YACA,cAAA,IAAA,MAAA,KACA,oBAAA,eACA,SAAA,SACA,IAAA,KACA,KAAA,IAGU,mBACV,QAAA,GACA,QAAA,aACA,YAAA,IAAA,MAAA,YACA,aAAA,IAAA,MAAA,YACA,cAAA,IAAA,MAAA,KACA,SAAA,SACA,IAAA,KACA,KAAA,IAGW,iBACX,SAAA,SAGU,oCACV,UAAA,MAGkC,uDAClC,QAAA,MAGF,mBACE,OAAA,KACA,WAAA,IACA,MAAA,KAlIA,iBAAsB,4CAoItB,oBAAA,EAAA,KAGiB,uBACjB,OAAA,KAGF,uBACE,QAAA,KACA,OAAA,KACA,WAAA,IACA,MAAA,KAGqB,yBACrB,OAAA,QACA,MAAA,KACA,OAAA,KACA,MAAA,KAGuB,2BACvB,YAAA,IAI2B,+BADW,0CAEtC,QAAA,aACA,OAAA,QACA,OAAA,KACA,eAAA,SACA,MAAA,KAGU,gCACV,SAAA,SACA,QAAA,aACA,MAAA,KACA,QAAA,KAGU,oCACV,MAAA,MACA,UAAA,MACA,OAAA,KAGkC,4DAClC,cAAA,IAGkC,uDAClC,MAAA,MAIkC,uDADA,qDAElC,MAAA,MACA,OAAA,KACA,MAAA,KACA,OAAA,WACA,YAAA,EACA,cAAA,IAIqD,yDADF,uDAEnD,QAAA,MACA,OAAA,KACA,WAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,IACA,OAAA,KACA,WAAA,EAGkC,qDAlNlC,iBAAsB,qDAsNY,uDAtNlC,iBAAsB,uDA0NZ,gCACV,QAAA,KAGU,iCACV,QAAA,MAGiB,wCACjB,QAAA,aAGgB,0BAChB,KAAA,KACA,MAAA,IAGgB,yBAChB,KAAA,KACA,MAAA,IAGmB,6BACnB,aAAA,EACA,YAAA,EAGmB,4BACnB,aAAA,EACA,YAAA"} \ No newline at end of file diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png new file mode 100644 index 0000000000000000000000000000000000000000..f83188951a8e4fab4ba847c8c89f3105354a9816 GIT binary patch literal 557 zcmV+|0@D47P)Nkl5JbD$mJ%t8>^MX+pA8q_5}cAta0DO|R@{IU5|M(GxNxgy+GBd8l;w&2Ec?5< zVo(HvFZxdJAnNTau8ZPXtKOAPtn2rp+IrX0nbY#4bkaNYzIIZLJrooctxYd|?rp8? z)cO+ap+cSA7pbEAUi(YitNzQ6mD^}>0x7Ez^ll73R_Xc-*~Q+Zpz#R`Ko|>@qj2QF zAcKncK;vstA0eL^`!E>xIk#_;8u-NduvaQXn$g$>7z4ttYmjqc8pS->gW&WGdI5U9QmYbj;6~_suM0VjVBk)9?FjGKLNzR9mK$u}% zJ?3)?fRmicTx%xVMC69^f7R;rWA8uZm)yve{K1EP8^1~E?L`XT8&R{cit@G7SGmNI zD-;bNVa)Z2Mil~Fb~9WBo8Kj@u3_#HiLFA<1-{qWmO2-=?0YdKVz6%S z2*9Wz8-&7K@4=W?VKkD82M*@cB4wmZ=tias{62*I43WQYJZEcwS<&N#Nal+GF`i11 zY=e+9d7#-KG!R}kc+3AQ$^6t@932p}V@@!QyyuhBvt_KD{nGq0=-+8wbOe^=^onsM vr1hwgCt@ro;xv+DFr+*}$b1+=kSNMOdLipIvOQ8u00000NkvXXu0mjf9#jU9 literal 0 HcmV?d00001 diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png new file mode 100644 index 0000000000000000000000000000000000000000..2e53a30e73175009326fc030f00862d682ddfc45 GIT binary patch literal 488 zcmVP)B00056Nkl} zZ#=A8HwTy*Ji~Hui*DN)Xc=D2SbWU)JF^vFq?ipSE1)dQB?%2~zL;*2(|O#(oBR;O z#J!!4+zDc0I&77>T+tDIE@oI;6%kXWiptfQV#*c>2foJxnWs^#66pqri5SJi0v*Xc z_vjIT9?6}|hzFF05)=1g9#80;7y9mior*2jP95+vQ|{sWGtx)s=39zr^u6;HX^F`p zkx2{{y^wicti6Khm3Wyed%Eg2H=fbPc7D3VBcDWdj{r#qvrgUX$)#2lTEc%5bs}9E zZ`+UiVVyX}VI5jr+$k@C{pP8ABQF)*q|@k8ll1fgWY+Q?y|Zg0V9OmodqfH%3xo%V zF_0b~gfCME=jtfJ($v-Y^!<}BBQx2`+78RhRbxt$n5&{MunD^|({9#^#Hp{!+@o)R z!Ci&=u08T*r)OJ-Py8D;`eSXCiKA=ket6eR*LHXng}b_5r%ttFu8MwPi~vTbhPJwk eS?^O73H$>F-M_zn@}r;t0000ShR^6anYhsD}*2sixx#_ z;;N9)z(r=E(k3ElBO!xKg9K3|ZCX@f)afnmy=Qme_QYdH!ujj-fpFu|`s2Y~2olQ6 z2|AMd=Wf7d@urrB#gesBBwHjZbrP3WX_M>HCxbE~lQJV2S(N2p_yyDW7AJ5R`>_W* z@De7l32U$%Be)tvE2K~&QXw@GlZ2$CLwcoOp2~#0leB!5-{KN}!+D&+S2%(L*oR%% zhDnTLEkEmxDdue*zK#wJq_##5Q`F$=0GT~`-7ysSAOhUwhSHMLP5MN9R=S!a}6CtN3K7ctc(wrm-Pb|Ljm}_kZeK)QSKA literal 0 HcmV?d00001 diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png new file mode 100644 index 0000000000000000000000000000000000000000..6f5ec2e502ae3e3e03f4725b0e868e8762d089ab GIT binary patch literal 504 zcmWlVPe_vi0L6c6Mj^~HS41FE*i8vzMTa!3jau0Ftck^RiETv4%*eh1etNgh#Z9kO+%DF(^hwQhXE(;=A}Olt({N8qK0N zXbe3;F%&_a$d3$k2-TpSsMI2>O_Yl&aZnr=K5;=@6TM_+u^<&@c2A zeL`>1OY{`=qnoG;wWCIK1notY$WDGs$^MZILnglaZfCu>$G?91_ND(cr{ke#6QRt+ zxJqh^itgTVIcMJOt{i?I4CJy~?T;TddFSW$ImQ!Le#{N~;{Hg%w%rj(^){Y+e`3H9 zTzq)u@>2EbL?Hd3spCs1l?Z0~Tf=MR2fDMV=&AFcTa(?n#hCBv@7kW#Y`U-c;y&>!CvSwpt@}Bttx69*vb-3-;Ki8A$y8r+H literal 0 HcmV?d00001 diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png new file mode 100644 index 0000000000000000000000000000000000000000..170841cba2fe51c604a6ed63d9fa119dc4f7a73a GIT binary patch literal 4143 zcmV+~5YX?5P)+#sK+(JQRJ~A(_5>{!ukUR)i7jcSrf7+9fQH~lRI)qc5p5fP$Ioc!An4H= z%NP;FPmORvKp_F;eH0~_u{d=%(&6=qp`vB+dUNkoR;dv6{jpm2FGdQS-0 zkO&rONv#g|hQn2{-!^;ciBCQB9slSPO+jRcXo>jL0JAkU5cK~*ks!JHB>=hUsIVu z@+1V0SNEtlMF>cW{vad@AXRu0nPW;db+}bjtJqPs>v?)C4#Qs8F&IA$Z-(P{g$;9Ny5>td)kU%{Fb^%WKTZ z15Z?_+}qS)!L0;i3^lzm3d>ZbJ{N-Ss$( z+x^uK8s%jhxBjwPq&t&90$kHE*DBE2Gn&Bxm;@wjkEuv@;;MU=AP%L9IB%;0F*7Bx zFlJ&sPP+ASMApy)4Ldd+YH%wXs&;hgIwO(eY-P;5X5N*?dR_5%&*)Ci7t2Ex@MASb zTLRgQ*2{b@w{t$)VHLX_2DjJY%{8(v@uG;98mW#$SrJIU2$1H!pa;>ZLMTbYf<2Fu zB(cc%27Jbh7;p0#+T{I7qm8_yq7FTdN)?+`IzbAlNa{h4MvLg{AmMN&K=Ve>J;y2t ztYM~*)Mmv{CuV}aPDKcLMkkA$1kMA7<|bF13GPTg~!z4!Bb zX1+c1@An;Ro$XxRz08_fv-V*=`#ZCq2j|1_J`PtnEWQoEcSXy)w9bztz|-v+PkNCjeJz*q(RKdoL%ctZ zz+l0|ND#{c!n}hRSQb7FC~yD+kpbKNKFlEu3XV`Hx%<69Y*zy@9x((nUxy@$T=m)4 zM--niy+iQaL645-de886?YIk>a#rJ`8xmNATa~Wu*VY&bUipD zJH(RF^MoD7O)}q?C_zk*#5h4juRiXFKI`4!-+#wlkv|6rRSV{L>1;Cp9CM%zJv`719nfKvfcm6XKwS zfdC;w>}Ugz!~NBii8%?7KfVkCbSUtCQ6cXnXGsBZ0E_}rDMUDmMBs649VD^XRu-)w zN7}u)4CD_xh!q5ns0a}V3j%3VMcI%5ha2t9%AA}zI<}SZO2)FOa>#)ro9jBBALs8o zNWEN3xe--^#8-UXk9; z-q65QJ?CRu>tGx5R80Decmxd+EUhIO$$6^QQU`Dp+)eJgL7+gckMp+#!P-oWP|>ai za@ebQNmC?pZ!I>OmMD3W@In~N|DZ7)bc89;%UBGF*uut<-GXiKqzyyrPVGO3l(vHt4Z;*4ZH@(PYp!$9P@F)Xz3GY1L^=4L3CQY%ma0T z=d={_yupP91Wi_u%oWVdVncvPv{-&0evr%jiGx7VK!BzOU#)DV0_DJ?-zCWTB?Sd8 z{A33Kw0nMg*+IH0sZ7{?%{$1CJBV8qSQ!Fo0hT^hWVb-5eBvaTZwrWaAn9|0v$Y1l zvN%j=GDIXanet|SkRV+PLTM>eP|cT0yWuQ3;X$ZIX~f8LS3@+z!I$6$w%UC>m zn-QdP2}ETAVjz^TYrHxTOL ziqJ=nDnx-)Li0YE5^e{fgAy!Y3ABMgW#EKC8+Lt9|1-Zr5Ecr>teF@~Yh^`|CP;xL zN}2%>hWR=x#tJbOW$Zj4;i-;Mi^T=<xt#ti9DjI?jq=1;`f-MB(=Y@zK^f z>RAPPOC`VpSw>Yc7F&M!7e|03@D9~gB9d0?y{E6{7aWA`!CT$tT9v2@F8#2qOW%*=cG@A)|c*)>p%cj-a@ zR#ld^;;gXPk!p~71)|rNqX7A=gK*Thzxx&m-;?`km4=Q#&+ zhrxrsnx7#EA;zWz_p#(cyaI(sgvGl+3YM*a_1jJYBpqQ1^MF_L(**JK%o&NA##tyK z8Ukl(n~cnHj94t)3Al9OAPC~D3F+RPdrcSv`ILkFuXZy~jUooZ@JxFaM1&$#1QA38 zK?DIr5CIWH5D^6N-F*bTs(k_z_x3XRI{UK$Yp-lJlT0!*UuLqUK#9^W=K?4wKnXp8 zLKI6C#GoN^$x<#a)=+T9Xac$LuYmM8w7iUCMos~zv6L1uirhE^XdxGX0I*(K7yd;+ zfFMf*2vi3yOcCce_$6)ax!q(eox7skBJuuva)MIgR9j zPqp(qfowLA_cKU}kVy3dV5R{vsjLJlN~RUGhz>{a2FwidPChOc6uDLdXH~b^_Vyoq(#fZHzS#?hu5Uxdftsz_1;doDi>&8d>WgZzhnP?8*7e zo`T^4b_GNafN=;JO2(Xg(DJ!VdO%)JATz)+WV0L$VqC?r(!fm^c&oItRufxH9+-|6I5f{To zL8QgJxFkE*)qqG0s;8BGzp3Y&VvS+`DdxM@=IY}A5|_<9_QpzVp&2%>l~M8%B$0cM zzgDfbAWPqPWJms-jP#_@QCg;{N@BV{j$+*8E+Wz*JUpQ38S!U;^n>7qKM*sP>JhPP z8Uvy_BexSBNPCbcJCMX`NZAtvJajrh6nX(% zF|6E(70sq@{qY{8m3FE9W^?1z(7+Mu5y<$UBECbg%nJe0aG7C=PzuR~(i9+fQcNf#jJes2Q7UNuir%@CMnz6%a)W)%XY z!GVnXoWC2k^}7=Y%2M6PPIAPIn6ib|g#szf2v|NX$&i`~kRN^r5cD|9vN%9q-=N^g z^sC0lCILBJfT;XG8sr1{0Oa-zf=cLf0ubnAks4uiRikPIq#5K^0}+&i%vAHM*?~eZ z8pusR`n-crHxOm*2yMJ$>`W;FWa}pZBAJwZ2qWz{ICIA1ZDU_qcVgfD_`*(cA`And t>uB}5*8g_@W@q+?3O)eH;oGro{{qbcPck5Ql{)|c002ovPDHLkV1nX9d?Nq= literal 0 HcmV?d00001 diff --git a/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js new file mode 100644 index 000000000..758ebc381 --- /dev/null +++ b/Plan/src/main/resources/web/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js @@ -0,0 +1,1106 @@ +/*! + * Bootstrap Colorpicker v2.3.3 + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */ + +(function(factory) { + "use strict"; + if (typeof exports === 'object') { + module.exports = factory(window.jQuery); + } else if (typeof define === 'function' && define.amd) { + define(['jquery'], factory); + } else if (window.jQuery && !window.jQuery.fn.colorpicker) { + factory(window.jQuery); + } +}(function($) { + 'use strict'; + + /** + * Color manipulation helper class + * + * @param {Object|String} val + * @param {Object} predefinedColors + * @constructor + */ + var Color = function(val, predefinedColors) { + this.value = { + h: 0, + s: 0, + b: 0, + a: 1 + }; + this.origFormat = null; // original string format + if (predefinedColors) { + $.extend(this.colors, predefinedColors); + } + if (val) { + if (val.toLowerCase !== undefined) { + // cast to string + val = val + ''; + this.setColor(val); + } else if (val.h !== undefined) { + this.value = val; + } + } + }; + + Color.prototype = { + constructor: Color, + // 140 predefined colors from the HTML Colors spec + colors: { + "aliceblue": "#f0f8ff", + "antiquewhite": "#faebd7", + "aqua": "#00ffff", + "aquamarine": "#7fffd4", + "azure": "#f0ffff", + "beige": "#f5f5dc", + "bisque": "#ffe4c4", + "black": "#000000", + "blanchedalmond": "#ffebcd", + "blue": "#0000ff", + "blueviolet": "#8a2be2", + "brown": "#a52a2a", + "burlywood": "#deb887", + "cadetblue": "#5f9ea0", + "chartreuse": "#7fff00", + "chocolate": "#d2691e", + "coral": "#ff7f50", + "cornflowerblue": "#6495ed", + "cornsilk": "#fff8dc", + "crimson": "#dc143c", + "cyan": "#00ffff", + "darkblue": "#00008b", + "darkcyan": "#008b8b", + "darkgoldenrod": "#b8860b", + "darkgray": "#a9a9a9", + "darkgreen": "#006400", + "darkkhaki": "#bdb76b", + "darkmagenta": "#8b008b", + "darkolivegreen": "#556b2f", + "darkorange": "#ff8c00", + "darkorchid": "#9932cc", + "darkred": "#8b0000", + "darksalmon": "#e9967a", + "darkseagreen": "#8fbc8f", + "darkslateblue": "#483d8b", + "darkslategray": "#2f4f4f", + "darkturquoise": "#00ced1", + "darkviolet": "#9400d3", + "deeppink": "#ff1493", + "deepskyblue": "#00bfff", + "dimgray": "#696969", + "dodgerblue": "#1e90ff", + "firebrick": "#b22222", + "floralwhite": "#fffaf0", + "forestgreen": "#228b22", + "fuchsia": "#ff00ff", + "gainsboro": "#dcdcdc", + "ghostwhite": "#f8f8ff", + "gold": "#ffd700", + "goldenrod": "#daa520", + "gray": "#808080", + "green": "#008000", + "greenyellow": "#adff2f", + "honeydew": "#f0fff0", + "hotpink": "#ff69b4", + "indianred": "#cd5c5c", + "indigo": "#4b0082", + "ivory": "#fffff0", + "khaki": "#f0e68c", + "lavender": "#e6e6fa", + "lavenderblush": "#fff0f5", + "lawngreen": "#7cfc00", + "lemonchiffon": "#fffacd", + "lightblue": "#add8e6", + "lightcoral": "#f08080", + "lightcyan": "#e0ffff", + "lightgoldenrodyellow": "#fafad2", + "lightgrey": "#d3d3d3", + "lightgreen": "#90ee90", + "lightpink": "#ffb6c1", + "lightsalmon": "#ffa07a", + "lightseagreen": "#20b2aa", + "lightskyblue": "#87cefa", + "lightslategray": "#778899", + "lightsteelblue": "#b0c4de", + "lightyellow": "#ffffe0", + "lime": "#00ff00", + "limegreen": "#32cd32", + "linen": "#faf0e6", + "magenta": "#ff00ff", + "maroon": "#800000", + "mediumaquamarine": "#66cdaa", + "mediumblue": "#0000cd", + "mediumorchid": "#ba55d3", + "mediumpurple": "#9370d8", + "mediumseagreen": "#3cb371", + "mediumslateblue": "#7b68ee", + "mediumspringgreen": "#00fa9a", + "mediumturquoise": "#48d1cc", + "mediumvioletred": "#c71585", + "midnightblue": "#191970", + "mintcream": "#f5fffa", + "mistyrose": "#ffe4e1", + "moccasin": "#ffe4b5", + "navajowhite": "#ffdead", + "navy": "#000080", + "oldlace": "#fdf5e6", + "olive": "#808000", + "olivedrab": "#6b8e23", + "orange": "#ffa500", + "orangered": "#ff4500", + "orchid": "#da70d6", + "palegoldenrod": "#eee8aa", + "palegreen": "#98fb98", + "paleturquoise": "#afeeee", + "palevioletred": "#d87093", + "papayawhip": "#ffefd5", + "peachpuff": "#ffdab9", + "peru": "#cd853f", + "pink": "#ffc0cb", + "plum": "#dda0dd", + "powderblue": "#b0e0e6", + "purple": "#800080", + "red": "#ff0000", + "rosybrown": "#bc8f8f", + "royalblue": "#4169e1", + "saddlebrown": "#8b4513", + "salmon": "#fa8072", + "sandybrown": "#f4a460", + "seagreen": "#2e8b57", + "seashell": "#fff5ee", + "sienna": "#a0522d", + "silver": "#c0c0c0", + "skyblue": "#87ceeb", + "slateblue": "#6a5acd", + "slategray": "#708090", + "snow": "#fffafa", + "springgreen": "#00ff7f", + "steelblue": "#4682b4", + "tan": "#d2b48c", + "teal": "#008080", + "thistle": "#d8bfd8", + "tomato": "#ff6347", + "turquoise": "#40e0d0", + "violet": "#ee82ee", + "wheat": "#f5deb3", + "white": "#ffffff", + "whitesmoke": "#f5f5f5", + "yellow": "#ffff00", + "yellowgreen": "#9acd32", + "transparent": "transparent" + }, + _sanitizeNumber: function(val) { + if (typeof val === 'number') { + return val; + } + if (isNaN(val) || (val === null) || (val === '') || (val === undefined)) { + return 1; + } + if (val === '') { + return 0; + } + if (val.toLowerCase !== undefined) { + if (val.match(/^\./)) { + val = "0" + val; + } + return Math.ceil(parseFloat(val) * 100) / 100; + } + return 1; + }, + isTransparent: function(strVal) { + if (!strVal) { + return false; + } + strVal = strVal.toLowerCase().trim(); + return (strVal === 'transparent') || (strVal.match(/#?00000000/)) || (strVal.match(/(rgba|hsla)\(0,0,0,0?\.?0\)/)); + }, + rgbaIsTransparent: function(rgba) { + return ((rgba.r === 0) && (rgba.g === 0) && (rgba.b === 0) && (rgba.a === 0)); + }, + //parse a string to HSB + setColor: function(strVal) { + strVal = strVal.toLowerCase().trim(); + if (strVal) { + if (this.isTransparent(strVal)) { + this.value = { + h: 0, + s: 0, + b: 0, + a: 0 + }; + } else { + this.value = this.stringToHSB(strVal) || { + h: 0, + s: 0, + b: 0, + a: 1 + }; // if parser fails, defaults to black + } + } + }, + stringToHSB: function(strVal) { + strVal = strVal.toLowerCase(); + var alias; + if (typeof this.colors[strVal] !== 'undefined') { + strVal = this.colors[strVal]; + alias = 'alias'; + } + var that = this, + result = false; + $.each(this.stringParsers, function(i, parser) { + var match = parser.re.exec(strVal), + values = match && parser.parse.apply(that, [match]), + format = alias || parser.format || 'rgba'; + if (values) { + if (format.match(/hsla?/)) { + result = that.RGBtoHSB.apply(that, that.HSLtoRGB.apply(that, values)); + } else { + result = that.RGBtoHSB.apply(that, values); + } + that.origFormat = format; + return false; + } + return true; + }); + return result; + }, + setHue: function(h) { + this.value.h = 1 - h; + }, + setSaturation: function(s) { + this.value.s = s; + }, + setBrightness: function(b) { + this.value.b = 1 - b; + }, + setAlpha: function(a) { + this.value.a = Math.round((parseInt((1 - a) * 100, 10) / 100) * 100) / 100; + }, + toRGB: function(h, s, b, a) { + if (!h) { + h = this.value.h; + s = this.value.s; + b = this.value.b; + } + h *= 360; + var R, G, B, X, C; + h = (h % 360) / 60; + C = b * s; + X = C * (1 - Math.abs(h % 2 - 1)); + R = G = B = b - C; + + h = ~~h; + R += [C, X, 0, 0, X, C][h]; + G += [X, C, C, X, 0, 0][h]; + B += [0, 0, X, C, C, X][h]; + return { + r: Math.round(R * 255), + g: Math.round(G * 255), + b: Math.round(B * 255), + a: a || this.value.a + }; + }, + toHex: function(h, s, b, a) { + var rgb = this.toRGB(h, s, b, a); + if (this.rgbaIsTransparent(rgb)) { + return 'transparent'; + } + return '#' + ((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1); + }, + toHSL: function(h, s, b, a) { + h = h || this.value.h; + s = s || this.value.s; + b = b || this.value.b; + a = a || this.value.a; + + var H = h, + L = (2 - s) * b, + S = s * b; + if (L > 0 && L <= 1) { + S /= L; + } else { + S /= 2 - L; + } + L /= 2; + if (S > 1) { + S = 1; + } + return { + h: isNaN(H) ? 0 : H, + s: isNaN(S) ? 0 : S, + l: isNaN(L) ? 0 : L, + a: isNaN(a) ? 0 : a + }; + }, + toAlias: function(r, g, b, a) { + var rgb = this.toHex(r, g, b, a); + for (var alias in this.colors) { + if (this.colors[alias] === rgb) { + return alias; + } + } + return false; + }, + RGBtoHSB: function(r, g, b, a) { + r /= 255; + g /= 255; + b /= 255; + + var H, S, V, C; + V = Math.max(r, g, b); + C = V - Math.min(r, g, b); + H = (C === 0 ? null : + V === r ? (g - b) / C : + V === g ? (b - r) / C + 2 : + (r - g) / C + 4 + ); + H = ((H + 360) % 6) * 60 / 360; + S = C === 0 ? 0 : C / V; + return { + h: this._sanitizeNumber(H), + s: S, + b: V, + a: this._sanitizeNumber(a) + }; + }, + HueToRGB: function(p, q, h) { + if (h < 0) { + h += 1; + } else if (h > 1) { + h -= 1; + } + if ((h * 6) < 1) { + return p + (q - p) * h * 6; + } else if ((h * 2) < 1) { + return q; + } else if ((h * 3) < 2) { + return p + (q - p) * ((2 / 3) - h) * 6; + } else { + return p; + } + }, + HSLtoRGB: function(h, s, l, a) { + if (s < 0) { + s = 0; + } + var q; + if (l <= 0.5) { + q = l * (1 + s); + } else { + q = l + s - (l * s); + } + + var p = 2 * l - q; + + var tr = h + (1 / 3); + var tg = h; + var tb = h - (1 / 3); + + var r = Math.round(this.HueToRGB(p, q, tr) * 255); + var g = Math.round(this.HueToRGB(p, q, tg) * 255); + var b = Math.round(this.HueToRGB(p, q, tb) * 255); + return [r, g, b, this._sanitizeNumber(a)]; + }, + toString: function(format) { + format = format || 'rgba'; + var c = false; + switch (format) { + case 'rgb': + { + c = this.toRGB(); + if (this.rgbaIsTransparent(c)) { + return 'transparent'; + } + return 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')'; + } + break; + case 'rgba': + { + c = this.toRGB(); + return 'rgba(' + c.r + ',' + c.g + ',' + c.b + ',' + c.a + ')'; + } + break; + case 'hsl': + { + c = this.toHSL(); + return 'hsl(' + Math.round(c.h * 360) + ',' + Math.round(c.s * 100) + '%,' + Math.round(c.l * 100) + '%)'; + } + break; + case 'hsla': + { + c = this.toHSL(); + return 'hsla(' + Math.round(c.h * 360) + ',' + Math.round(c.s * 100) + '%,' + Math.round(c.l * 100) + '%,' + c.a + ')'; + } + break; + case 'hex': + { + return this.toHex(); + } + break; + case 'alias': + return this.toAlias() || this.toHex(); + default: + { + return c; + } + break; + } + }, + // a set of RE's that can match strings and generate color tuples. + // from John Resig color plugin + // https://github.com/jquery/jquery-color/ + stringParsers: [{ + re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/, + format: 'rgb', + parse: function(execResult) { + return [ + execResult[1], + execResult[2], + execResult[3], + 1 + ]; + } + }, { + re: /rgb\(\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*?\)/, + format: 'rgb', + parse: function(execResult) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + 1 + ]; + } + }, { + re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/, + format: 'rgba', + parse: function(execResult) { + return [ + execResult[1], + execResult[2], + execResult[3], + execResult[4] + ]; + } + }, { + re: /rgba\(\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/, + format: 'rgba', + parse: function(execResult) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + execResult[4] + ]; + } + }, { + re: /hsl\(\s*(\d*(?:\.\d+)?)\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*?\)/, + format: 'hsl', + parse: function(execResult) { + return [ + execResult[1] / 360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4] + ]; + } + }, { + re: /hsla\(\s*(\d*(?:\.\d+)?)\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/, + format: 'hsla', + parse: function(execResult) { + return [ + execResult[1] / 360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4] + ]; + } + }, { + re: /#?([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/, + format: 'hex', + parse: function(execResult) { + return [ + parseInt(execResult[1], 16), + parseInt(execResult[2], 16), + parseInt(execResult[3], 16), + 1 + ]; + } + }, { + re: /#?([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/, + format: 'hex', + parse: function(execResult) { + return [ + parseInt(execResult[1] + execResult[1], 16), + parseInt(execResult[2] + execResult[2], 16), + parseInt(execResult[3] + execResult[3], 16), + 1 + ]; + } + }], + colorNameToHex: function(name) { + if (typeof this.colors[name.toLowerCase()] !== 'undefined') { + return this.colors[name.toLowerCase()]; + } + return false; + } + }; + + /* + * Default plugin options + */ + var defaults = { + horizontal: false, // horizontal mode layout ? + inline: false, //forces to show the colorpicker as an inline element + color: false, //forces a color + format: false, //forces a format + input: 'input', // children input selector + container: false, // container selector + component: '.add-on, .input-group-addon', // children component selector + sliders: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setBrightness' + }, + hue: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setHue' + }, + alpha: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setAlpha' + } + }, + slidersHorz: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setBrightness' + }, + hue: { + maxLeft: 100, + maxTop: 0, + callLeft: 'setHue', + callTop: false + }, + alpha: { + maxLeft: 100, + maxTop: 0, + callLeft: 'setAlpha', + callTop: false + } + }, + template: '