diff --git a/rd_ui/app/app_layout.html b/rd_ui/app/app_layout.html index 4968d8142..d34ca371d 100644 --- a/rd_ui/app/app_layout.html +++ b/rd_ui/app/app_layout.html @@ -5,12 +5,13 @@ - + - + + @@ -20,6 +21,7 @@ + @@ -34,24 +36,28 @@ {% block content %} {% endblock %} -
-
+
+
+
-
-

-

- You do not have permission to view the requested page. -

-
+
+

+

+ You do not have permission to view the requested page. +

+
-
+
+ + {% if not headless %} + {% raw %} +
+
+ Source: {{location}} +
+ + -{% if not headless %} -{% raw %} -
-
- Source: {{location}} -
{% endraw %} {% include 'footer.html' %} {% endif %} diff --git a/rd_ui/app/embed.html b/rd_ui/app/embed.html index 2b3b4c0e2..8b02f9afb 100644 --- a/rd_ui/app/embed.html +++ b/rd_ui/app/embed.html @@ -10,7 +10,7 @@ - + @@ -28,9 +28,7 @@ diff --git a/rd_ui/app/fonts/glyphicons-halflings-regular.eot b/rd_ui/app/fonts/glyphicons-halflings-regular.eot new file mode 100755 index 000000000..4a4ca865d Binary files /dev/null and b/rd_ui/app/fonts/glyphicons-halflings-regular.eot differ diff --git a/rd_ui/app/fonts/glyphicons-halflings-regular.svg b/rd_ui/app/fonts/glyphicons-halflings-regular.svg new file mode 100755 index 000000000..25691af8f --- /dev/null +++ b/rd_ui/app/fonts/glyphicons-halflings-regular.svg @@ -0,0 +1,229 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/rd_ui/app/fonts/glyphicons-halflings-regular.ttf b/rd_ui/app/fonts/glyphicons-halflings-regular.ttf new file mode 100755 index 000000000..67fa00bf8 Binary files /dev/null and b/rd_ui/app/fonts/glyphicons-halflings-regular.ttf differ diff --git a/rd_ui/app/fonts/glyphicons-halflings-regular.woff b/rd_ui/app/fonts/glyphicons-halflings-regular.woff new file mode 100755 index 000000000..8c54182aa Binary files /dev/null and b/rd_ui/app/fonts/glyphicons-halflings-regular.woff differ diff --git a/rd_ui/app/fonts/glyphicons-halflings-regular.woff2 b/rd_ui/app/fonts/glyphicons-halflings-regular.woff2 new file mode 100755 index 000000000..8c54182aa Binary files /dev/null and b/rd_ui/app/fonts/glyphicons-halflings-regular.woff2 differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.eot b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.eot new file mode 100755 index 000000000..b73776ee3 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.eot differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.svg b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.svg new file mode 100755 index 000000000..43b5ed222 --- /dev/null +++ b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.svg @@ -0,0 +1,593 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.ttf b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.ttf new file mode 100755 index 000000000..1da72769a Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.ttf differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.woff b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.woff new file mode 100755 index 000000000..0c6994871 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Bold-webfont.woff differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Light-webfont.eot b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.eot new file mode 100755 index 000000000..072cdc480 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.eot differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Light-webfont.svg b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.svg new file mode 100755 index 000000000..db6a6171e --- /dev/null +++ b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.svg @@ -0,0 +1,641 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/rd_ui/app/fonts/roboto/Roboto-Light-webfont.ttf b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.ttf new file mode 100755 index 000000000..3b2fea0ac Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.ttf differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Light-webfont.woff b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.woff new file mode 100755 index 000000000..cc534a381 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Light-webfont.woff differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.eot b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.eot new file mode 100755 index 000000000..f9ad99566 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.eot differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.svg b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.svg new file mode 100755 index 000000000..4ce289dfa --- /dev/null +++ b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.svg @@ -0,0 +1,593 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.ttf b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.ttf new file mode 100755 index 000000000..8aa64d823 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.ttf differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.woff b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.woff new file mode 100755 index 000000000..cd810ef92 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Medium-webfont.woff differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.eot b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.eot new file mode 100755 index 000000000..9b5e8e413 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.eot differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.svg b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.svg new file mode 100755 index 000000000..de7d77fea --- /dev/null +++ b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.svg @@ -0,0 +1,621 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.ttf b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.ttf new file mode 100755 index 000000000..44dd78d5e Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.ttf differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.woff b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.woff new file mode 100755 index 000000000..bfa05d53f Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Regular-webfont.woff differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.eot b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.eot new file mode 100755 index 000000000..2284a3b3e Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.eot differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.svg b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.svg new file mode 100755 index 000000000..7394e3d0a --- /dev/null +++ b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.svg @@ -0,0 +1,631 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.ttf b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.ttf new file mode 100755 index 000000000..18919f7a9 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.ttf differ diff --git a/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.woff b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.woff new file mode 100755 index 000000000..f10b831e8 Binary files /dev/null and b/rd_ui/app/fonts/roboto/Roboto-Thin-webfont.woff differ diff --git a/rd_ui/app/images/logo.png b/rd_ui/app/images/logo.png new file mode 100644 index 000000000..42765d58f Binary files /dev/null and b/rd_ui/app/images/logo.png differ diff --git a/rd_ui/app/login.html b/rd_ui/app/login.html index 5bed8f50b..b5baf5df3 100644 --- a/rd_ui/app/login.html +++ b/rd_ui/app/login.html @@ -1,83 +1,65 @@ {% extends "signed_out_layout.html" %} +{% block title %}Login{% endblock %} {% block content %} - -
{% with messages = get_flashed_messages() %} {% if messages %} {% for message in messages %} - + {% endfor %} {% endif %} {% endwith %} - -
- {% if show_google_openid %} - -
- -
- - - - {% endif %} - - {% if show_saml_login %} - -
- SAML Login -
- - - - {% endif %} - - {% if show_remote_user_login %} - -
- Remote User Login -
- - - - {% endif %} - -
-
- - -
-
- - - -
-
- -
- - -
- - -
-
-
- I forgot my password + {% if show_google_openid %} +
+
-
+
+
+ or +
+ {% endif %} + {% if show_saml_login %} +
+ SAML Login +
+ +
+
+ or +
+ {% endif %} + + {% if show_remote_user_login %} +
+ Remote User Login +
+ +
+
+ or +
+ {% endif %} + +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+ I forgot my password {% endblock %} diff --git a/rd_ui/app/scripts/app.js b/rd_ui/app/scripts/app.js index 7236ad775..1ca841911 100644 --- a/rd_ui/app/scripts/app.js +++ b/rd_ui/app/scripts/app.js @@ -17,6 +17,7 @@ angular.module('redash', [ 'ui.select', 'naif.base64', 'ui.bootstrap.showErrors', + 'angularResizable', 'ngSanitize' ]).config(['$routeProvider', '$locationProvider', '$compileProvider', 'growlProvider', 'uiSelectConfig', '$httpProvider', function ($routeProvider, $locationProvider, $compileProvider, growlProvider, uiSelectConfig, $httpProvider) { diff --git a/rd_ui/app/scripts/controllers/admin_controllers.js b/rd_ui/app/scripts/controllers/admin_controllers.js index 8f1e4ffe7..a25574861 100644 --- a/rd_ui/app/scripts/controllers/admin_controllers.js +++ b/rd_ui/app/scripts/controllers/admin_controllers.js @@ -4,7 +4,6 @@ $scope.$parent.pageTitle = "System Status"; var refresh = function () { - $scope.refresh_time = moment().add('minutes', 1); $http.get('/status.json').success(function (data) { $scope.workers = data.workers; delete data.workers; diff --git a/rd_ui/app/scripts/controllers/dashboard.js b/rd_ui/app/scripts/controllers/dashboard.js index 49e68a24f..50a37fc9a 100644 --- a/rd_ui/app/scripts/controllers/dashboard.js +++ b/rd_ui/app/scripts/controllers/dashboard.js @@ -92,8 +92,10 @@ _.each($scope.dashboard.widgets, function(row) { _.each(row, function(widget, i) { var newWidget = newWidgets[widget.id]; - if (newWidget && newWidget[0].visualization.query.latest_query_data_id != widget.visualization.query.latest_query_data_id) { - row[i] = new Widget(newWidget[0]); + if (newWidget.visualization) { + if (newWidget && newWidget[0].visualization.query.latest_query_data_id != widget.visualization.query.latest_query_data_id) { + row[i] = new Widget(newWidget[0]); + } } }); }); @@ -131,15 +133,17 @@ $scope.triggerRefresh = function() { $scope.refreshEnabled = !$scope.refreshEnabled; - Events.record(currentUser, "autorefresh", "dashboard", dashboard.id, {'enable': $scope.refreshEnabled}); + Events.record(currentUser, "autorefresh", "dashboard", $scope.dashboard.id, {'enable': $scope.refreshEnabled}); if ($scope.refreshEnabled) { var refreshRate = _.min(_.map(_.flatten($scope.dashboard.widgets), function(widget) { - var schedule = widget.visualization.query.schedule; - if (schedule === null || schedule.match(/\d\d:\d\d/) !== null) { - return 60; + if (widget.visualization) { + var schedule = widget.visualization.query.schedule; + if (schedule === null || schedule.match(/\d\d:\d\d/) !== null) { + return 60; + } + return widget.visualization.query.schedule; } - return widget.visualization.query.schedule; })); $scope.refreshRate = _.max([120, refreshRate * 2]) * 1000; @@ -158,26 +162,23 @@ $modalInstance.close(); }; - $scope.publicAccessEnabled = $scope.dashboard.public_url !== undefined; - $scope.toggleSharing = function() { - console.log("should enable?", $scope.publicAccessEnabled); var url = 'api/dashboards/' + $scope.dashboard.id + '/share'; - if ($scope.publicAccessEnabled) { + if ($scope.dashboard.publicAccessEnabled) { // disable $http.delete(url).success(function() { - $scope.publicAccessEnabled = false; + $scope.dashboard.publicAccessEnabled = false; delete $scope.dashboard.public_url; }).error(function() { - $scope.publicAccessEnabled = true; + $scope.dashboard.publicAccessEnabled = true; // TODO: show message }) } else { $http.post(url).success(function(data) { - $scope.publicAccessEnabled = true; + $scope.dashboard.publicAccessEnabled = true; $scope.dashboard.public_url = data.public_url; }).error(function() { - $scope.publicAccessEnabled = false; + $scope.dashboard.publicAccessEnabled = false; // TODO: show message }); } diff --git a/rd_ui/app/scripts/controllers/data_sources.js b/rd_ui/app/scripts/controllers/data_sources.js index 22f5c607e..522ab360c 100644 --- a/rd_ui/app/scripts/controllers/data_sources.js +++ b/rd_ui/app/scripts/controllers/data_sources.js @@ -5,21 +5,6 @@ $scope.dataSources = DataSource.query(); - $scope.openDataSource = function(datasource) { - $location.path('/data_sources/' + datasource.id); - }; - - $scope.deleteDataSource = function(event, datasource) { - event.stopPropagation(); - Events.record(currentUser, "delete", "datasource", datasource.id); - datasource.$delete(function(resource) { - growl.addSuccessMessage("Data source deleted successfully."); - this.$parent.dataSources = _.without(this.dataSources, resource); - }.bind(this), function(httpResponse) { - console.log("Failed to delete data source: ", httpResponse.status, httpResponse.statusText, httpResponse.data); - growl.addErrorMessage("Failed to delete data source."); - }); - } }; var DataSourceCtrl = function ($scope, $routeParams, $http, $location, Events, DataSource) { diff --git a/rd_ui/app/scripts/controllers/query_source.js b/rd_ui/app/scripts/controllers/query_source.js index ec3086cbe..9c3339c9c 100644 --- a/rd_ui/app/scripts/controllers/query_source.js +++ b/rd_ui/app/scripts/controllers/query_source.js @@ -97,7 +97,6 @@ }, function () { growl.addErrorMessage("Error deleting visualization. Maybe it's used in a dashboard?"); }); - } }; @@ -108,16 +107,6 @@ $scope.$on('$destroy', function destroy() { KeyboardShortcuts.unbind(shortcuts); }); - - if (isNewQuery) { - // save new query when creating a visualization - var unbind = $scope.$watch('selectedTab == "add"', function(triggerSave) { - if (triggerSave) { - unbind(); - $scope.saveQuery(); - } - }); - } } angular.module('redash.controllers').controller('QuerySourceCtrl', [ diff --git a/rd_ui/app/scripts/controllers/query_view.js b/rd_ui/app/scripts/controllers/query_view.js index 1ef13db10..f6e36cc71 100644 --- a/rd_ui/app/scripts/controllers/query_view.js +++ b/rd_ui/app/scripts/controllers/query_view.js @@ -4,8 +4,6 @@ function QueryViewCtrl($scope, Events, $route, $location, notifications, growl, $modal, Query, DataSource) { var DEFAULT_TAB = 'table'; - $scope.base_url = $location.protocol()+"://"+$location.host()+":"+$location.port(); - var getQueryResult = function(maxAge) { // Collect params, and getQueryResult with params; getQueryResult merges it into the query var parameters = Query.collectParamsFromQueryString($location, $scope.query); @@ -19,7 +17,7 @@ $scope.showLog = false; $scope.queryResult = $scope.query.getQueryResult(maxAge, parameters); - } + }; var getDataSourceId = function() { // Try to get the query's data source id @@ -265,6 +263,37 @@ } }); + $scope.openVisualizationEditor = function(visualization) { + function openModal() { + $modal.open({ + templateUrl: '/views/directives/visualization_editor.html', + windowClass:'modal-xl', + scope: $scope, + controller: ['$scope', '$modalInstance', function($scope, $modalInstance) { + $scope.modalInstance = $modalInstance; + $scope.visualization = visualization; + $scope.close = function() { + $modalInstance.close(); + } + }] + }); + } + + if ($scope.query.isNew()) { + $scope.saveQuery().then(function(query) { + // Because we have a path change, we need to "signal" the next page to open the visualization editor. + $location.path(query.getSourceLink()).hash('add'); + }); + } else { + openModal(); + } + }; + + if ($location.hash() === 'add') { + $location.hash(null); + $scope.openVisualizationEditor(); + } + $scope.openScheduleForm = function() { if (!$scope.isQueryOwner || !$scope.canScheduleQuery) { return; @@ -287,6 +316,18 @@ }); }; + $scope.showEmbedDialog = function(query, visualization) { + $modal.open({ + templateUrl: '/views/dialogs/embed_code.html', + controller: ['$scope', '$modalInstance', function($scope, $modalInstance) { + $scope.close = function() { + $modalInstance.close(); + } + $scope.embedUrl = basePath + 'embed/query/' + query.id + '/visualization/' + visualization.id + '?api_key=' + query.api_key; + }] + }) + } + $scope.$watch(function() { return $location.hash() }, function(hash) { diff --git a/rd_ui/app/scripts/controllers/users.js b/rd_ui/app/scripts/controllers/users.js index 915278366..6bbc1632c 100644 --- a/rd_ui/app/scripts/controllers/users.js +++ b/rd_ui/app/scripts/controllers/users.js @@ -60,23 +60,6 @@ } }; - var usersNav = function($location) { - return { - restrict: 'E', - replace: true, - template: - '', - controller: ['$scope', function ($scope) { - $scope.usersPage = _.string.startsWith($location.path(), '/users'); - $scope.groupsPage = _.string.startsWith($location.path(), '/groups'); - $scope.showGroupsLink = currentUser.hasPermission('list_users'); - }] - } - } - var groupName = function ($location, growl) { return { restrict: 'E', @@ -236,12 +219,14 @@ $scope.showPasswordSettings = false; $scope.selectTab = function(tab) { + $scope.selectedTab = tab; _.each($scope.tabs, function(v, k) { $scope.tabs[k] = (k === tab); }); }; $scope.setTab = function(tab) { + $scope.selectedTab = tab; $location.hash(tab); } @@ -349,7 +334,6 @@ angular.module('redash.controllers') .controller('GroupsCtrl', ['$scope', '$location', '$modal', 'growl', 'Events', 'Group', GroupsCtrl]) .directive('groupName', ['$location', 'growl', groupName]) - .directive('usersNav', ['$location', usersNav]) .controller('GroupCtrl', ['$scope', '$routeParams', '$http', '$location', 'growl', 'Events', 'Group', 'User', GroupCtrl]) .controller('GroupDataSourcesCtrl', ['$scope', '$routeParams', '$http', '$location', 'growl', 'Events', 'Group', 'DataSource', GroupDataSourcesCtrl]) .controller('UsersCtrl', ['$scope', '$location', 'growl', 'Events', 'User', UsersCtrl]) diff --git a/rd_ui/app/scripts/directives/dashboard_directives.js b/rd_ui/app/scripts/directives/dashboard_directives.js index e51a97d52..3217d5e07 100644 --- a/rd_ui/app/scripts/directives/dashboard_directives.js +++ b/rd_ui/app/scripts/directives/dashboard_directives.js @@ -215,7 +215,6 @@ $scope.saveInProgress = false; }); } - } } } diff --git a/rd_ui/app/scripts/directives/data_source_directives.js b/rd_ui/app/scripts/directives/data_source_directives.js index ebc8a35e3..d4452ced1 100644 --- a/rd_ui/app/scripts/directives/data_source_directives.js +++ b/rd_ui/app/scripts/directives/data_source_directives.js @@ -4,7 +4,7 @@ var directives = angular.module('redash.directives'); // Angular strips data- from the directive, so data-source-form becomes sourceForm... - directives.directive('sourceForm', ['$http', 'growl', '$q', function ($http, growl, $q) { + directives.directive('sourceForm', ['$http', 'growl', '$q', '$location', 'Events', function ($http, growl, $q, $location, Events) { return { restrict: 'E', replace: true, @@ -77,6 +77,18 @@ growl.addErrorMessage("Failed saving."); }); } + + $scope.deleteDataSource = function() { + Events.record(currentUser, "delete", "datasource", $scope.dataSource.id); + + $scope.dataSource.$delete(function(resource) { + growl.addSuccessMessage("Data source deleted successfully."); + $location.path('/data_sources/'); + }.bind(this), function(httpResponse) { + console.log("Failed to delete data source: ", httpResponse.status, httpResponse.statusText, httpResponse.data); + growl.addErrorMessage("Failed to delete data source."); + }); + } } } }]); diff --git a/rd_ui/app/scripts/directives/directives.js b/rd_ui/app/scripts/directives/directives.js index 34875f04a..f77c9e419 100644 --- a/rd_ui/app/scripts/directives/directives.js +++ b/rd_ui/app/scripts/directives/directives.js @@ -111,7 +111,7 @@ directives.directive('emailSettingsWarning', function() { return { restrict: 'E', - template: '

It looks like your mail server isn\'t configured, make sure to configure it for the {{function}} to work.

', + template: '

It looks like your mail server isn\'t configured. Make sure to configure it for the {{function}} to work.

', link: function(scope, elements, attrs) { scope.showMailWarning = clientConfig.mailSettingsMissing && currentUser.isAdmin; scope.function = attrs.function; @@ -126,7 +126,7 @@ tabsCollection: '=', selectedTab: '=' }, - template: '', + template: '', replace: true, link: function ($scope, element, attrs) { $scope.basePath = $location.path().substring(1); @@ -385,4 +385,34 @@ } }) + directives.directive('pageHeader', function() { + return { + restrict: 'E', + transclude: true, + templateUrl: '/views/directives/page_header.html', + link: function(scope, elem, attrs) { + attrs.$observe('title', function(value){ + scope.title = value; + }); + } + } + }); + + directives.directive('settingsScreen', ['$location', function($location) { + return { + restrict: 'E', + transclude: true, + templateUrl: '/views/directives/settings_screen.html', + link: function(scope, elem, attrs) { + scope.usersPage = _.string.startsWith($location.path(), '/users'); + scope.groupsPage = _.string.startsWith($location.path(), '/groups'); + scope.dsPage = _.string.startsWith($location.path(), '/data_sources'); + + scope.showGroupsLink = currentUser.hasPermission('list_users'); + scope.showUsersLink = currentUser.hasPermission('list_users'); + scope.showDsLink = currentUser.hasPermission('admin'); + } + } + }]); + })(); diff --git a/rd_ui/app/scripts/directives/query_directives.js b/rd_ui/app/scripts/directives/query_directives.js index 2ec98e6cd..7a73b9da1 100644 --- a/rd_ui/app/scripts/directives/query_directives.js +++ b/rd_ui/app/scripts/directives/query_directives.js @@ -29,10 +29,10 @@ restrict: 'E', template: '\ Show Source\ + ng-href="queries/{{query.id}}/source#{{selectedTab}}" class="btn btn-default">Show Source\ \ Hide Source\ + ng-href="queries/{{query.id}}#{{selectedTab}}" class="btn btn-default">Hide Source\ \ ' } @@ -119,8 +119,6 @@ $scope.query.query = newValue; }); } - - $('.schema-container').css('height', $('.CodeMirror').css('height')); }); $scope.$watch('query.query', function () { @@ -166,7 +164,7 @@ scope: false, template: '', link: function($scope) { diff --git a/rd_ui/app/scripts/services/dashboards.js b/rd_ui/app/scripts/services/dashboards.js index 35cb7f71e..42e9d6a78 100644 --- a/rd_ui/app/scripts/services/dashboards.js +++ b/rd_ui/app/scripts/services/dashboards.js @@ -6,6 +6,7 @@ return new Widget(widget); }); }); + dashboard.publicAccessEnabled = dashboard.public_url !== undefined; }; var transform = $http.defaults.transformResponse.concat(function(data, headers) { diff --git a/rd_ui/app/scripts/visualizations/base.js b/rd_ui/app/scripts/visualizations/base.js index b198742c8..e9203ba34 100644 --- a/rd_ui/app/scripts/visualizations/base.js +++ b/rd_ui/app/scripts/visualizations/base.js @@ -136,11 +136,12 @@ scope: { query: '=', queryResult: '=', - visualization: '=?', - openEditor: '@', - onNewSuccess: '=?' + originalVisualization: '=?', + onNewSuccess: '=?', + modalInstance: '=?' }, link: function (scope) { + scope.visualization = angular.copy(scope.originalVisualization); scope.editRawOptions = currentUser.hasPermission('edit_raw_chart'); scope.visTypes = Visualization.visualizationTypes; @@ -186,8 +187,6 @@ Visualization.save(scope.visualization, function success(result) { growl.addSuccessMessage("Visualization saved"); - scope.visualization = scope.newVisualization(scope.query); - var visIds = _.pluck(scope.query.visualizations, 'id'); var index = visIds.indexOf(result.id); if (index > -1) { @@ -197,38 +196,21 @@ scope.query.visualizations.push(result); scope.onNewSuccess && scope.onNewSuccess(result); } + scope.modalInstance.close(); }, function error() { growl.addErrorMessage("Visualization could not be saved"); }); }; - } - }; - }; - var EmbedCode = function () { - return { - restrict: 'E', - scope: { - visualization: '=', - query: '=' - }, - template: - '
' + - '' + - '
' + - 'Embed code for this visualization: (height should be adjusted)' + - '<iframe src="{{ embedUrl }}"
' + - '        ' + - 'width="720" height="391"></iframe>' + - '
' + - '
', - replace: true, - link: function (scope) { - scope.$watch('visualization', function(visualization) { - if (visualization) { - scope.embedUrl = basePath + 'embed/query/' + scope.query.id + '/visualization/' + scope.visualization.id + '?api_key=' + scope.query.api_key; + scope.close = function() { + if (scope.visForm.$dirty) { + if (confirm("Are you sure you want to close the editor without saving?")) { + scope.modalInstance.close(); + } + } else { + scope.modalInstance.close(); } - }); + } } }; }; @@ -238,7 +220,6 @@ .directive('visualizationRenderer', ['$location', 'Visualization', VisualizationRenderer]) .directive('visualizationOptionsEditor', ['Visualization', VisualizationOptionsEditor]) .directive('visualizationName', ['Visualization', VisualizationName]) - .directive('embedCode', EmbedCode) .directive('filters', Filters) .filter('filterValue', FilterValueFilter) .directive('editVisulatizationForm', ['Events', 'Visualization', 'growl', EditVisualizationForm]); diff --git a/rd_ui/app/scripts/visualizations/chart.js b/rd_ui/app/scripts/visualizations/chart.js index abe39bf56..b87b7bcf2 100644 --- a/rd_ui/app/scripts/visualizations/chart.js +++ b/rd_ui/app/scripts/visualizations/chart.js @@ -69,6 +69,7 @@ options: '=?' }, link: function (scope, element, attrs) { + scope.currentTab = 'general'; scope.colors = _.extend({'Automatic': null}, ColorPalette); scope.stackingOptions = { @@ -97,10 +98,11 @@ var refreshColumns = function() { scope.columns = scope.queryResult.getColumns(); scope.columnNames = _.pluck(scope.columns, 'name'); - if (scope.columnNames.length > 0) + if (scope.columnNames.length > 0) { _.each(_.difference(_.keys(scope.options.columnMapping), scope.columnNames), function(column) { delete scope.options.columnMapping[column]; }); + } }; refreshColumns(); diff --git a/rd_ui/app/signed_out_layout.html b/rd_ui/app/signed_out_layout.html index 4f688a0be..d12281578 100644 --- a/rd_ui/app/signed_out_layout.html +++ b/rd_ui/app/signed_out_layout.html @@ -9,7 +9,7 @@ - + @@ -20,11 +20,21 @@ -{% include '_includes/signed_out_navbar.html' %} +
+
+
+ +
+
-
- {% block content %} - {% endblock %} +
+
+
+ {% block content %} + {% endblock %} +
+
+
diff --git a/rd_ui/app/styles/login.css b/rd_ui/app/styles/login.css index 2db275d71..cf46eefb0 100644 --- a/rd_ui/app/styles/login.css +++ b/rd_ui/app/styles/login.css @@ -1,92 +1,69 @@ -.main { - max-width: 320px; - margin: 0 auto; - margin-top:20px; +body { + padding-top: 0px !important; + background-color: #FFFFFF; +} + +.logo-container { + background-color: #668899; + display: table; + width: 100%; + padding: 10px; +} + +.content-container { + background-color: white; + display: table; + width: 100%; + padding: 10px; + height: calc(100vh - 116px); +} + +@media (min-width: 992px) { + .content-container { + height: 100%; + width: 60%; + float: left; + } + + .logo-container { + height: 100%; + width: 40%; + float: right; + } } .login-or { - position: relative; - font-size: 18px; - color: #aaa; - margin-top: 20px; - margin-bottom: 20px; - padding-top: 10px; - padding-bottom: 10px; + position: relative; + font-size: 18px; + color: #aaa; + margin-top: 20px; + margin-bottom: 20px; + padding-top: 10px; + padding-bottom: 10px; } .span-or { - display: block; - position: absolute; - left: 50%; - top: -2px; - margin-left: -25px; - background-color: #fff; - width: 50px; - text-align: center; + display: block; + position: absolute; + left: 50%; + top: -2px; + margin-left: -25px; + background-color: #fff; + width: 50px; + text-align: center; } .hr-or { - background-color: #cdcdcd; - height: 1px; - margin-top: 0px !important; - margin-bottom: 0px !important; + background-color: #cdcdcd; + height: 1px; + margin-top: 0px !important; + margin-bottom: 0px !important; } img.login-button { - width: 250px; - display: block; - margin-left: auto; - margin-right: auto; -} - -.navbar-brand { - padding: 0; - margin-top: 7px; - margin-left: 0 !important; -} - -.navbar-brand img { - height: 60px !important; -} - -.content { - padding-top: 20px; -} - -.container-footer { - width: 100%; - margin-top: 20px; - - padding-top:20px; - padding-bottom:20px; - background-color:#668899; - color:#FCFFF2; -} - -.container-footer a { - color:#FCFFF2; -} - -.navbar-brand { - padding: 0; - margin-top: 7px; - margin-left: 0 !important; -} -#main-header-links { - margin-top: 18px; - background-color:#668899; -} -.navbar-trans { - height: 79px; - padding: 0; - background-color:#668899; - border:0px; - color:#FCFFF2; -} -nav a, .container-footer a { - color:rgba(255,255,255,0.6) !important; -} -.header-link:hover { - color:#FCFFF2 !important; + width: 250px; + display: block; + margin-left: auto; + margin-right: auto; } diff --git a/rd_ui/app/styles/redash.css b/rd_ui/app/styles/redash.css index e645a943c..bfd4c9dd8 100644 --- a/rd_ui/app/styles/redash.css +++ b/rd_ui/app/styles/redash.css @@ -1,5 +1,5 @@ body { - padding-top: 70px; + padding-top: 50px; } body.headless { @@ -116,15 +116,6 @@ a.navbar-brand img { text-decoration: underline; } -.list-group-item.clickable { - cursor: pointer; -} - -.list-group-item.clickable:focus, -.list-group-item.clickable:hover { - background-color: #f5f5f5; -} - .form-group.required .control-label:after { content: "*"; color: red; @@ -217,8 +208,7 @@ li.widget:hover { /* CodeMirror */ .CodeMirror { border: 1px solid #eee; - height: auto; - min-height: 300px; + height: 100%; margin-bottom: 10px; } @@ -317,9 +307,10 @@ to add those CSS styles here. */ border-radius: 50%; } -.nav-tabs > li.rd-tab-btn { +.tab-nav > li.rd-tab-btn { float: right; - padding-left: 10px; + padding-right: 10px; + padding-top: 10px; } /* light version of bootstrap's form-control */ @@ -353,7 +344,6 @@ counter-renderer { counter-renderer counter { margin: 0 auto; - background: #f9f9f9; padding: 15px 50px; display: block;; } @@ -433,33 +423,20 @@ counter-renderer counter-name { display: none; } -.rd-widget-textbox p { - margin-bottom: 0; -} - .iframe-container { height: 100%; } .schema-container { - height: 300px; - position: relative; + height: 100%; z-index: 10; - resize: both; - background: white; -} - -.schema-container .form-control { - margin-bottom: 10px; - box-shadow: none; + background-color: white; } .schema-browser { - height: 100%; + height: calc(100% - 45px); overflow-y: auto; overflow-x: hidden; - background: white; - resize: both; border: 1px solid rgba(0,0,0,.15); } @@ -532,17 +509,6 @@ div.table-name:hover { margin-top: 10px; } -/* Embed Code */ -.embed-code code { - display: block; - white-space: normal; - width: 100%; -} - -.embed-code i { - cursor: pointer; -} - .voffset { margin-top: 2px; } @@ -592,7 +558,7 @@ div.table-name:hover { left: 0; padding: 0; z-index: 1000; - opacity: 0.7; + opacity: 0.8; } .container-fluid { @@ -600,8 +566,58 @@ div.table-name:hover { padding-right: 5px; } -.m-b-10 { - margin-bottom: 10px; +.modal-xl { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; +} +.modal-xl .modal-dialog { + position: fixed; + margin: 0; + width: 100%; + height: 100%; + padding: 0; +} + +.modal-xl .modal-content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid #3c7dcf; + border-radius: 0; + box-shadow: none; +} + +.modal-xl .modal-header { + position: absolute; + top: 0; + right: 0; + left: 0; + height: 50px; + padding: 10px; + border: 0; +} + +.modal-xl .modal-body { + position: absolute; + top: 50px; + bottom: 60px; + width: 100%; + overflow: auto; +} + +.modal-xl .modal-footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + height: 60px; + padding: 10px; } /* Bootstrap Overrides */ @@ -619,3 +635,25 @@ div.table-name:hover { transition: all 0.35s ease; } +/* Fixes for SuperFlat */ + +.table-hover > tbody > tr:hover { + background-color: #f4f4f4; +} + +.dropdown-menu { + z-index: 1000000000; +} + + +.t-body a.actions { + font-size: 24px; + line-height: 100%; + padding: 4px 10px 3px; + display: block; +} + +.t-body a.actions:hover, +.t-body a.actions.open > a { + background-color: rgba(0, 0, 0, 0.1); +} diff --git a/rd_ui/app/styles/superflat_redash.css b/rd_ui/app/styles/superflat_redash.css new file mode 100644 index 000000000..d0bcb29c2 --- /dev/null +++ b/rd_ui/app/styles/superflat_redash.css @@ -0,0 +1,10485 @@ +/** LESS Plugins **/ +/** Load Main Bootstrap LESS files **/ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background-color: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .navbar { + display: none; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table td, + .table th { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('../fonts/glyphicons-halflings-regular.eot'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\2a"; +} +.glyphicon-plus:before { + content: "\2b"; +} +.glyphicon-euro:before, +.glyphicon-eur:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.glyphicon-cd:before { + content: "\e201"; +} +.glyphicon-save-file:before { + content: "\e202"; +} +.glyphicon-open-file:before { + content: "\e203"; +} +.glyphicon-level-up:before { + content: "\e204"; +} +.glyphicon-copy:before { + content: "\e205"; +} +.glyphicon-paste:before { + content: "\e206"; +} +.glyphicon-alert:before { + content: "\e209"; +} +.glyphicon-equalizer:before { + content: "\e210"; +} +.glyphicon-king:before { + content: "\e211"; +} +.glyphicon-queen:before { + content: "\e212"; +} +.glyphicon-pawn:before { + content: "\e213"; +} +.glyphicon-bishop:before { + content: "\e214"; +} +.glyphicon-knight:before { + content: "\e215"; +} +.glyphicon-baby-formula:before { + content: "\e216"; +} +.glyphicon-tent:before { + content: "\26fa"; +} +.glyphicon-blackboard:before { + content: "\e218"; +} +.glyphicon-bed:before { + content: "\e219"; +} +.glyphicon-apple:before { + content: "\f8ff"; +} +.glyphicon-erase:before { + content: "\e221"; +} +.glyphicon-hourglass:before { + content: "\231b"; +} +.glyphicon-lamp:before { + content: "\e223"; +} +.glyphicon-duplicate:before { + content: "\e224"; +} +.glyphicon-piggy-bank:before { + content: "\e225"; +} +.glyphicon-scissors:before { + content: "\e226"; +} +.glyphicon-bitcoin:before { + content: "\e227"; +} +.glyphicon-btc:before { + content: "\e227"; +} +.glyphicon-xbt:before { + content: "\e227"; +} +.glyphicon-yen:before { + content: "\00a5"; +} +.glyphicon-jpy:before { + content: "\00a5"; +} +.glyphicon-ruble:before { + content: "\20bd"; +} +.glyphicon-rub:before { + content: "\20bd"; +} +.glyphicon-scale:before { + content: "\e230"; +} +.glyphicon-ice-lolly:before { + content: "\e231"; +} +.glyphicon-ice-lolly-tasted:before { + content: "\e232"; +} +.glyphicon-education:before { + content: "\e233"; +} +.glyphicon-option-horizontal:before { + content: "\e234"; +} +.glyphicon-option-vertical:before { + content: "\e235"; +} +.glyphicon-menu-hamburger:before { + content: "\e236"; +} +.glyphicon-modal-window:before { + content: "\e237"; +} +.glyphicon-oil:before { + content: "\e238"; +} +.glyphicon-grain:before { + content: "\e239"; +} +.glyphicon-sunglasses:before { + content: "\e240"; +} +.glyphicon-text-size:before { + content: "\e241"; +} +.glyphicon-text-color:before { + content: "\e242"; +} +.glyphicon-text-background:before { + content: "\e243"; +} +.glyphicon-object-align-top:before { + content: "\e244"; +} +.glyphicon-object-align-bottom:before { + content: "\e245"; +} +.glyphicon-object-align-horizontal:before { + content: "\e246"; +} +.glyphicon-object-align-left:before { + content: "\e247"; +} +.glyphicon-object-align-vertical:before { + content: "\e248"; +} +.glyphicon-object-align-right:before { + content: "\e249"; +} +.glyphicon-triangle-right:before { + content: "\e250"; +} +.glyphicon-triangle-left:before { + content: "\e251"; +} +.glyphicon-triangle-bottom:before { + content: "\e252"; +} +.glyphicon-triangle-top:before { + content: "\e253"; +} +.glyphicon-console:before { + content: "\e254"; +} +.glyphicon-superscript:before { + content: "\e255"; +} +.glyphicon-subscript:before { + content: "\e256"; +} +.glyphicon-menu-left:before { + content: "\e257"; +} +.glyphicon-menu-right:before { + content: "\e258"; +} +.glyphicon-menu-down:before { + content: "\e259"; +} +.glyphicon-menu-up:before { + content: "\e260"; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: 'Roboto', sans-serif; + font-size: 13px; + line-height: 1.42857143; + color: #767676; + background-color: #edecec; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #2196F3; + text-decoration: none; +} +a:hover, +a:focus { + color: #0a6ebd; + text-decoration: none; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 2px; +} +.img-thumbnail { + padding: 4px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #eee; + border-radius: 2px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 18px; + margin-bottom: 18px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} +[role="button"] { + cursor: pointer; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: #333; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #828282; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 18px; + margin-bottom: 9px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 9px; + margin-bottom: 9px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 33px; +} +h2, +.h2 { + font-size: 27px; +} +h3, +.h3 { + font-size: 23px; +} +h4, +.h4 { + font-size: 17px; +} +h5, +.h5 { + font-size: 13px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 9px; +} +.lead { + margin-bottom: 18px; + font-size: 14px; + font-weight: 300; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 19.5px; + } +} +small, +.small { + font-size: 92%; +} +mark, +.mark { + background-color: #fcf8e3; + padding: .2em; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-nowrap { + white-space: nowrap; +} +.text-lowercase { + text-transform: lowercase; +} +.text-uppercase { + text-transform: uppercase; +} +.text-capitalize { + text-transform: capitalize; +} +.text-muted { + color: #828282; +} +.text-primary { + color: #2196F3; +} +a.text-primary:hover, +a.text-primary:focus { + color: #0c7cd5; +} +.text-success { + color: #4CAF50; +} +a.text-success:hover, +a.text-success:focus { + color: #3d8b40; +} +.text-info { + color: #2196F3; +} +a.text-info:hover, +a.text-info:focus { + color: #0c7cd5; +} +.text-warning { + color: #FF9800; +} +a.text-warning:hover, +a.text-warning:focus { + color: #cc7a00; +} +.text-danger { + color: #f55a4e; +} +a.text-danger:hover, +a.text-danger:focus { + color: #f32c1e; +} +.bg-primary { + color: #fff; + background-color: #2196F3; +} +a.bg-primary:hover, +a.bg-primary:focus { + background-color: #0c7cd5; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover, +a.bg-success:focus { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover, +a.bg-info:focus { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover, +a.bg-warning:focus { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover, +a.bg-danger:focus { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 8px; + margin: 36px 0 18px; + border-bottom: 1px solid transparent; +} +ul, +ol { + margin-top: 0; + margin-bottom: 9px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 18px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #828282; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 9px 18px; + margin: 0 0 18px; + font-size: 16.25px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #828282; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +address { + margin-bottom: 18px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: transparent; + border-radius: 2px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 2px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; +} +pre { + display: block; + padding: 8.5px; + margin: 0 0 9px; + font-size: 12px; + line-height: 1.42857143; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 2px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .container { + width: 100%; + } +} +@media (min-width: 992px) { + .container { + width: 100%; + } +} +@media (min-width: 1200px) { + .container { + width: 100%; + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: auto; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: auto; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: auto; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + background-color: #fff; +} +caption { + padding-top: 10px; + padding-bottom: 10px; + color: #828282; + text-align: left; +} +th { + text-align: left; +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 18px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 10px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #f0f0f0; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #f0f0f0; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #f0f0f0; +} +.table .table { + background-color: #edecec; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 7px; +} +.table-bordered { + border: 1px solid #f0f0f0; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #f0f0f0; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-of-type(odd) { + background-color: #FCFCFC; +} +.table-hover > tbody > tr:hover { + background-color: #ffffff; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #FFFCBE; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, +.table-hover > tbody > tr.active:hover > th { + background-color: #fffba4; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +.table-responsive { + overflow-x: auto; + min-height: 0.01%; +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 13.5px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #f0f0f0; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 18px; + font-size: 19.5px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 13px; + line-height: 1.42857143; + color: #9E9E9E; +} +.form-control { + display: block; + width: 100%; + height: 35px; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + color: #9E9E9E; + background-color: #fff; + background-image: none; + border: 1px solid #e8e8e8; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #79c2ff; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(121, 194, 255, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(121, 194, 255, 0.6); +} +.form-control::-moz-placeholder { + color: #b4b4b4; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #b4b4b4; +} +.form-control::-webkit-input-placeholder { + color: #b4b4b4; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #eeeeee; + opacity: 1; +} +.form-control[disabled], +fieldset[disabled] .form-control { + cursor: not-allowed; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 35px; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm, + .input-group-sm input[type="date"], + .input-group-sm input[type="time"], + .input-group-sm input[type="datetime-local"], + .input-group-sm input[type="month"] { + line-height: 30px; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg, + .input-group-lg input[type="date"], + .input-group-lg input[type="time"], + .input-group-lg input[type="datetime-local"], + .input-group-lg input[type="month"] { + line-height: 40px; + } +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + min-height: 18px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; +} +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; + min-height: 31px; +} +.form-control-static.input-lg, +.form-control-static.input-sm { + padding-left: 0; + padding-right: 0; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 2px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 2px; +} +.form-group-sm select.form-control { + height: 30px; + line-height: 30px; +} +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control { + height: auto; +} +.form-group-sm .form-control-static { + height: 30px; + min-height: 30px; + padding: 6px 10px; + font-size: 12px; + line-height: 1.5; +} +.input-lg { + height: 40px; + padding: 10px 16px; + font-size: 17px; + line-height: 1.3333333; + border-radius: 0px; +} +select.input-lg { + height: 40px; + line-height: 40px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.form-group-lg .form-control { + height: 40px; + padding: 10px 16px; + font-size: 17px; + line-height: 1.3333333; + border-radius: 0px; +} +.form-group-lg select.form-control { + height: 40px; + line-height: 40px; +} +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control { + height: auto; +} +.form-group-lg .form-control-static { + height: 40px; + min-height: 35px; + padding: 11px 16px; + font-size: 17px; + line-height: 1.3333333; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 43.75px; +} +.form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; + display: block; + width: 35px; + height: 35px; + line-height: 35px; + text-align: center; + pointer-events: none; +} +.input-lg + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { + width: 40px; + height: 40px; + line-height: 40px; +} +.input-sm + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4CAF50; +} +.has-success .form-control { + border-color: #4CAF50; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #3d8b40; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; +} +.has-success .input-group-addon { + color: #4CAF50; + border-color: #4CAF50; + background-color: #dff0d8; +} +.has-success .form-control-feedback { + color: #4CAF50; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #FF9800; +} +.has-warning .form-control { + border-color: #FF9800; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #cc7a00; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166; +} +.has-warning .input-group-addon { + color: #FF9800; + border-color: #FF9800; + background-color: #fcf8e3; +} +.has-warning .form-control-feedback { + color: #FF9800; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #f55a4e; +} +.has-error .form-control { + border-color: #f55a4e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #f32c1e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbb4af; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbb4af; +} +.has-error .input-group-addon { + color: #f55a4e; + border-color: #f55a4e; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #f55a4e; +} +.has-feedback label ~ .form-control-feedback { + top: 23px; +} +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #b6b6b6; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 25px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px; + } +} +.form-horizontal .has-feedback .form-control-feedback { + right: 15px; +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.333333px; + font-size: 17px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + font-size: 12px; + } +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 2px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus, +.btn.focus { + color: #333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} +.btn-default { + color: #333; + background-color: #fff; + border-color: #e8e8e8; +} +.btn-default:focus, +.btn-default.focus { + color: #333; + background-color: #e6e6e6; + border-color: #a8a8a8; +} +.btn-default:hover { + color: #333; + background-color: #e6e6e6; + border-color: #c9c9c9; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #333; + background-color: #e6e6e6; + border-color: #c9c9c9; +} +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #333; + background-color: #d4d4d4; + border-color: #a8a8a8; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #e8e8e8; +} +.btn-default .badge { + color: #fff; + background-color: #333; +} +.btn-default:hover, +.btn-default:focus, +.btn-default.focus, +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #333; + background-color: #fafafa; + border-color: #e5e5e5; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #e8e8e8; +} +.btn-default .badge { + color: #fff; + background-color: #333; +} +.btn-primary { + color: #fff; + background-color: #2196F3; + border-color: #0d8aee; +} +.btn-primary:focus, +.btn-primary.focus { + color: #fff; + background-color: #0c7cd5; + border-color: #064475; +} +.btn-primary:hover { + color: #fff; + background-color: #0c7cd5; + border-color: #0a68b4; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: #fff; + background-color: #0c7cd5; + border-color: #0a68b4; +} +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { + color: #fff; + background-color: #0a68b4; + border-color: #064475; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #2196F3; + border-color: #0d8aee; +} +.btn-primary .badge { + color: #2196F3; + background-color: #fff; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary.focus, +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: #fff; + background-color: #1791f2; + border-color: #0d87e9; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #2196F3; + border-color: #0d8aee; +} +.btn-primary .badge { + color: #2196F3; + background-color: #fff; +} +.btn-success { + color: #fff; + background-color: #4CAF50; + border-color: #449d48; +} +.btn-success:focus, +.btn-success.focus { + color: #fff; + background-color: #3d8b40; + border-color: #1e441f; +} +.btn-success:hover { + color: #fff; + background-color: #3d8b40; + border-color: #327334; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + color: #fff; + background-color: #3d8b40; + border-color: #327334; +} +.btn-success:active:hover, +.btn-success.active:hover, +.open > .dropdown-toggle.btn-success:hover, +.btn-success:active:focus, +.btn-success.active:focus, +.open > .dropdown-toggle.btn-success:focus, +.btn-success:active.focus, +.btn-success.active.focus, +.open > .dropdown-toggle.btn-success.focus { + color: #fff; + background-color: #327334; + border-color: #1e441f; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #4CAF50; + border-color: #449d48; +} +.btn-success .badge { + color: #4CAF50; + background-color: #fff; +} +.btn-success:hover, +.btn-success:focus, +.btn-success.focus, +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + color: #fff; + background-color: #49a84d; + border-color: #439a46; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #4CAF50; + border-color: #449d48; +} +.btn-success .badge { + color: #4CAF50; + background-color: #fff; +} +.btn-info { + color: #fff; + background-color: #00BCD4; + border-color: #00a5bb; +} +.btn-info:focus, +.btn-info.focus { + color: #fff; + background-color: #008fa1; + border-color: #00343b; +} +.btn-info:hover { + color: #fff; + background-color: #008fa1; + border-color: #006f7d; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + color: #fff; + background-color: #008fa1; + border-color: #006f7d; +} +.btn-info:active:hover, +.btn-info.active:hover, +.open > .dropdown-toggle.btn-info:hover, +.btn-info:active:focus, +.btn-info.active:focus, +.open > .dropdown-toggle.btn-info:focus, +.btn-info:active.focus, +.btn-info.active.focus, +.open > .dropdown-toggle.btn-info.focus { + color: #fff; + background-color: #006f7d; + border-color: #00343b; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #00BCD4; + border-color: #00a5bb; +} +.btn-info .badge { + color: #00BCD4; + background-color: #fff; +} +.btn-info:hover, +.btn-info:focus, +.btn-info.focus, +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + color: #fff; + background-color: #00b3ca; + border-color: #00a1b5; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #00BCD4; + border-color: #00a5bb; +} +.btn-info .badge { + color: #00BCD4; + background-color: #fff; +} +.btn-warning { + color: #fff; + background-color: #FF9800; + border-color: #e68900; +} +.btn-warning:focus, +.btn-warning.focus { + color: #fff; + background-color: #cc7a00; + border-color: #663d00; +} +.btn-warning:hover { + color: #fff; + background-color: #cc7a00; + border-color: #a86400; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + color: #fff; + background-color: #cc7a00; + border-color: #a86400; +} +.btn-warning:active:hover, +.btn-warning.active:hover, +.open > .dropdown-toggle.btn-warning:hover, +.btn-warning:active:focus, +.btn-warning.active:focus, +.open > .dropdown-toggle.btn-warning:focus, +.btn-warning:active.focus, +.btn-warning.active.focus, +.open > .dropdown-toggle.btn-warning.focus { + color: #fff; + background-color: #a86400; + border-color: #663d00; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #FF9800; + border-color: #e68900; +} +.btn-warning .badge { + color: #FF9800; + background-color: #fff; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning.focus, +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + color: #fff; + background-color: #f59200; + border-color: #e08600; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #FF9800; + border-color: #e68900; +} +.btn-warning .badge { + color: #FF9800; + background-color: #fff; +} +.btn-danger { + color: #fff; + background-color: #F44336; + border-color: #f32c1e; +} +.btn-danger:focus, +.btn-danger.focus { + color: #fff; + background-color: #ea1c0d; + border-color: #891008; +} +.btn-danger:hover { + color: #fff; + background-color: #ea1c0d; + border-color: #c8180b; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + color: #fff; + background-color: #ea1c0d; + border-color: #c8180b; +} +.btn-danger:active:hover, +.btn-danger.active:hover, +.open > .dropdown-toggle.btn-danger:hover, +.btn-danger:active:focus, +.btn-danger.active:focus, +.open > .dropdown-toggle.btn-danger:focus, +.btn-danger:active.focus, +.btn-danger.active.focus, +.open > .dropdown-toggle.btn-danger.focus { + color: #fff; + background-color: #c8180b; + border-color: #891008; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #F44336; + border-color: #f32c1e; +} +.btn-danger .badge { + color: #F44336; + background-color: #fff; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger.focus, +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + color: #fff; + background-color: #f33a2c; + border-color: #f22819; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #F44336; + border-color: #f32c1e; +} +.btn-danger .badge { + color: #F44336; + background-color: #fff; +} +.btn-link { + color: #2196F3; + font-weight: normal; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link.active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #0a6ebd; + text-decoration: none; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #828282; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 17px; + line-height: 1.3333333; + border-radius: 2px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 2px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 2px; +} +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +tr.collapse.in { + display: table-row; +} +tbody.collapse.in { + display: table-row-group; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-property: height, visibility; + transition-property: height, visibility; + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px dashed; + border-top: 4px solid \9; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 9; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 13px; + text-align: left; + background-color: #fff; + border: 1px solid transparent; + border-radius: 2px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 8px 0; + overflow: hidden; + background-color: rgba(0, 0, 0, 0.08); +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #333; + background-color: rgba(0, 0, 0, 0.075); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #333; + text-decoration: none; + outline: 0; + background-color: rgba(0, 0, 0, 0.075); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #e4e4e4; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #828282; + white-space: nowrap; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: -1; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px dashed; + border-bottom: 4px solid \9; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn, +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu { + left: auto; +} +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 40px; + padding: 10px 16px; + font-size: 17px; + line-height: 1.3333333; + border-radius: 0px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 40px; + line-height: 40px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 2px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 13px; + font-weight: normal; + line-height: 1; + color: #9E9E9E; + text-align: center; + background-color: #FCFCFC; + border: 1px solid #e8e8e8; + border-radius: 2px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 2px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 17px; + border-radius: 2px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #828282; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #828282; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #2196F3; +} +.nav .nav-divider { + height: 1px; + margin: 8px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 2px 2px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #ddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #9E9E9E; + background-color: #edecec; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 2px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 2px 2px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #edecec; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 2px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #fff; + background-color: #2196F3; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 2px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 2px 2px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #edecec; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 18px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 2px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-device-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 16px 15px; + font-size: 17px; + line-height: 18px; + height: 50px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand > img { + display: block; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 2px; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 8px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 18px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 18px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 16px; + padding-bottom: 16px; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 7.5px; + margin-bottom: 7.5px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .form-control-static { + display: inline-block; + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } + .navbar-form .form-group:last-child { + margin-bottom: 0; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 7.5px; + margin-bottom: 7.5px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 16px; + margin-bottom: 16px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + margin-right: -15px; + } + .navbar-right ~ .navbar-right { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777; +} +.navbar-default .navbar-nav > li > a { + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #e7e7e7; + color: #555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-default .btn-link { + color: #777; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #333; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #a8a8a8; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #a8a8a8; +} +.navbar-inverse .navbar-nav > li > a { + color: #a8a8a8; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #080808; + color: #fff; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #a8a8a8; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #a8a8a8; +} +.navbar-inverse .navbar-link:hover { + color: #fff; +} +.navbar-inverse .btn-link { + color: #a8a8a8; +} +.navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link:focus { + color: #fff; +} +.navbar-inverse .btn-link[disabled]:hover, +fieldset[disabled] .navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link[disabled]:focus, +fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444; +} +.breadcrumb { + padding: 8px 20px; + margin-bottom: 18px; + list-style: none; + background-color: transparent; + border-radius: 2px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #7c7c7c; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 18px 0; + border-radius: 2px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: #7E7E7E; + background-color: #E2E2E2; + border: 1px solid #fff; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + z-index: 3; + color: #333; + background-color: #d7d7d7; + border-color: #fff; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + background-color: #03A9F4; + border-color: #fff; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #828282; + background-color: #E2E2E2; + border-color: #fff; + cursor: not-allowed; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 17px; + line-height: 1.3333333; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.pager { + padding-left: 0; + margin: 18px 0; + list-style: none; + text-align: center; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #E2E2E2; + border: 1px solid #fff; + border-radius: 5px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #d7d7d7; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #828282; + background-color: #E2E2E2; + cursor: not-allowed; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +a.label:hover, +a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #828282; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #696969; +} +.label-primary { + background-color: #2196F3; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #0c7cd5; +} +.label-success { + background-color: #4CAF50; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #3d8b40; +} +.label-info { + background-color: #00BCD4; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #008fa1; +} +.label-warning { + background-color: #FF9800; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #cc7a00; +} +.label-danger { + background-color: #F44336; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #ea1c0d; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: 400; + color: #fff; + line-height: 1; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: #2196F3; + border-radius: 2px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge, +.btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #fff; + background-color: #2196F3; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding-top: 30px; + padding-bottom: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #F7F7F7; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 20px; + font-weight: 200; +} +.jumbotron > hr { + border-top-color: #dedede; +} +.container .jumbotron, +.container-fluid .jumbotron { + border-radius: 2px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron, + .container-fluid .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 59px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 18px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #eee; + border-radius: 2px; + -webkit-transition: border 0.2s ease-in-out; + -o-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #2196F3; +} +.thumbnail .caption { + padding: 9px; + color: #767676; +} +.alert { + padding: 15px; + margin-bottom: 18px; + border: 1px solid transparent; + border-radius: 2px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable, +.alert-dismissible { + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: rgba(76, 175, 80, 0.7); + border-color: transparent; + color: #fff; +} +.alert-success hr { + border-top-color: rgba(0, 0, 0, 0); +} +.alert-success .alert-link { + color: #e6e6e6; +} +.alert-info { + background-color: rgba(33, 150, 243, 0.7); + border-color: transparent; + color: #fff; +} +.alert-info hr { + border-top-color: rgba(0, 0, 0, 0); +} +.alert-info .alert-link { + color: #e6e6e6; +} +.alert-warning { + background-color: rgba(255, 193, 7, 0.7); + border-color: transparent; + color: #fff; +} +.alert-warning hr { + border-top-color: rgba(0, 0, 0, 0); +} +.alert-warning .alert-link { + color: #e6e6e6; +} +.alert-danger { + background-color: rgba(244, 67, 54, 0.7); + border-color: transparent; + color: #fff; +} +.alert-danger hr { + border-top-color: rgba(0, 0, 0, 0); +} +.alert-danger .alert-link { + color: #e6e6e6; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 18px; + margin-bottom: 18px; + background-color: #f5f5f5; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 18px; + color: #fff; + text-align: center; + background-color: #2196F3; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar, +.progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar, +.progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #4CAF50; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #00BCD4; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #FF9800; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #F44336; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media, +.media-body { + zoom: 1; + overflow: hidden; +} +.media-body { + width: 10000px; +} +.media-object { + display: block; +} +.media-object.img-thumbnail { + max-width: none; +} +.media-right, +.media > .pull-right { + padding-left: 10px; +} +.media-left, +.media > .pull-left { + padding-right: 10px; +} +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} +.media-middle { + vertical-align: middle; +} +.media-bottom { + vertical-align: bottom; +} +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + margin-bottom: 20px; + padding-left: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #f4f4f4; +} +.list-group-item:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +a.list-group-item, +button.list-group-item { + color: #555; +} +a.list-group-item .list-group-item-heading, +button.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, +button.list-group-item:hover, +a.list-group-item:focus, +button.list-group-item:focus { + text-decoration: none; + color: #555; + background-color: #f5f5f5; +} +button.list-group-item { + width: 100%; + text-align: left; +} +.list-group-item.disabled, +.list-group-item.disabled:hover, +.list-group-item.disabled:focus { + background-color: #fff; + color: #B5B4B4; + cursor: not-allowed; +} +.list-group-item.disabled .list-group-item-heading, +.list-group-item.disabled:hover .list-group-item-heading, +.list-group-item.disabled:focus .list-group-item-heading { + color: inherit; +} +.list-group-item.disabled .list-group-item-text, +.list-group-item.disabled:hover .list-group-item-text, +.list-group-item.disabled:focus .list-group-item-text { + color: #B5B4B4; +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + z-index: 2; + color: #000; + background-color: #f5f5f5; + border-color: #f4f4f4; +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, +.list-group-item.active:hover .list-group-item-heading > .small, +.list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; +} +.list-group-item.active .list-group-item-text, +.list-group-item.active:hover .list-group-item-text, +.list-group-item.active:focus .list-group-item-text { + color: #ffffff; +} +.list-group-item-success { + color: #4CAF50; + background-color: #dff0d8; +} +a.list-group-item-success, +button.list-group-item-success { + color: #4CAF50; +} +a.list-group-item-success .list-group-item-heading, +button.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +button.list-group-item-success:hover, +a.list-group-item-success:focus, +button.list-group-item-success:focus { + color: #4CAF50; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +button.list-group-item-success.active, +a.list-group-item-success.active:hover, +button.list-group-item-success.active:hover, +a.list-group-item-success.active:focus, +button.list-group-item-success.active:focus { + color: #fff; + background-color: #4CAF50; + border-color: #4CAF50; +} +.list-group-item-info { + color: #2196F3; + background-color: #d9edf7; +} +a.list-group-item-info, +button.list-group-item-info { + color: #2196F3; +} +a.list-group-item-info .list-group-item-heading, +button.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +button.list-group-item-info:hover, +a.list-group-item-info:focus, +button.list-group-item-info:focus { + color: #2196F3; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +button.list-group-item-info.active, +a.list-group-item-info.active:hover, +button.list-group-item-info.active:hover, +a.list-group-item-info.active:focus, +button.list-group-item-info.active:focus { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; +} +.list-group-item-warning { + color: #FF9800; + background-color: #fcf8e3; +} +a.list-group-item-warning, +button.list-group-item-warning { + color: #FF9800; +} +a.list-group-item-warning .list-group-item-heading, +button.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +button.list-group-item-warning:hover, +a.list-group-item-warning:focus, +button.list-group-item-warning:focus { + color: #FF9800; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +button.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +button.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus, +button.list-group-item-warning.active:focus { + color: #fff; + background-color: #FF9800; + border-color: #FF9800; +} +.list-group-item-danger { + color: #f55a4e; + background-color: #f2dede; +} +a.list-group-item-danger, +button.list-group-item-danger { + color: #f55a4e; +} +a.list-group-item-danger .list-group-item-heading, +button.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +button.list-group-item-danger:hover, +a.list-group-item-danger:focus, +button.list-group-item-danger:focus { + color: #f55a4e; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +button.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +button.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus, +button.list-group-item-danger.active:focus { + color: #fff; + background-color: #f55a4e; + border-color: #f55a4e; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 18px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 2px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 15px; + color: inherit; +} +.panel-title > a, +.panel-title > small, +.panel-title > .small, +.panel-title > small > a, +.panel-title > .small > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.panel > .list-group, +.panel > .panel-collapse > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item, +.panel > .panel-collapse > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child, +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.panel > .list-group:last-child .list-group-item:last-child, +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.list-group + .panel-footer { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; +} +.panel > .table caption, +.panel > .table-responsive > .table caption, +.panel > .panel-collapse > .table caption { + padding-left: 15px; + padding-right: 15px; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: 1px; + border-top-right-radius: 1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 1px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 1px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body { + border-top: 1px solid #f0f0f0; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 18px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 2px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse > .panel-body, +.panel-group .panel-heading + .panel-collapse > .list-group { + border-top: 1px solid #ddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; +} +.panel-default { + border-color: #ddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: #f5f5f5; + border-color: #ddd; +} +.panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ddd; +} +.panel-default > .panel-heading .badge { + color: #f5f5f5; + background-color: #333333; +} +.panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ddd; +} +.panel-primary { + border-color: #2196F3; +} +.panel-primary > .panel-heading { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #2196F3; +} +.panel-primary > .panel-heading .badge { + color: #2196F3; + background-color: #fff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #2196F3; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #4CAF50; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-heading .badge { + color: #dff0d8; + background-color: #4CAF50; +} +.panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #2196F3; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-heading .badge { + color: #d9edf7; + background-color: #2196F3; +} +.panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #FF9800; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-heading .badge { + color: #fcf8e3; + background-color: #FF9800; +} +.panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #f55a4e; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-heading .badge { + color: #f2dede; + background-color: #f55a4e; +} +.panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ebccd1; +} +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; +} +.embed-responsive-16by9 { + padding-bottom: 56.25%; +} +.embed-responsive-4by3 { + padding-bottom: 75%; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 2px; +} +.well-sm { + padding: 9px; + border-radius: 2px; +} +.close { + float: right; + font-size: 19.5px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid transparent; + border-radius: 2px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: 0; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid transparent; + min-height: #0f0f0f; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: transparent; +} +.modal-body { + position: relative; + padding: 15px; +} +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid transparent; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.42857143; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 12px; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #333; + border-radius: 2px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #333; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + right: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #333; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + left: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #333; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #333; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #333; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #333; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + right: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #333; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + left: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #333; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 9; + display: none; + max-width: 276px; + padding: 1px; + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.42857143; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 13px; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #fff; + border-radius: 2px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 13px; + background-color: #fff; + border-bottom: 1px solid #f2f2f2; + border-radius: 1px 1px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #cccccc; + border-top-color: #ffffff; + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #cccccc; + border-right-color: #ffffff; +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #cccccc; + border-bottom-color: #ffffff; + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #cccccc; + border-left-color: #ffffff; +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform 0.6s ease-in-out; + -moz-transition: -moz-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + -moz-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + left: 0; + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + left: 0; + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + left: 0; + } +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, +.carousel-control:focus { + outline: 0; + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #fff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.dl-horizontal dd:before, +.dl-horizontal dd:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} +.clearfix:after, +.dl-horizontal dd:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table !important; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table !important; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table !important; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table !important; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table !important; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +.visible-print-block { + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} +.visible-print-inline { + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +/* -------------------------------------------------------- + Paths +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Container +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Template Variables +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Branding +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Font +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Typograpgy +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Form +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Colors +-----------------------------------------------------------*/ +/** Form States **/ +/* -------------------------------------------------------- + Alert +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Bootstrap Brands +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Border Radius +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Dropdown +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Page Header +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Buttons +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Tables +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Pagination +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Thumbnail +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Carousel +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Modal +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Tooltips +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Popobver +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Breacrumb +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Jumbotron +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + List Group +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Badges +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Misc +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Font Face +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Button Varients +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + CSS Transform - Scale and Rotate +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + CSS Animations based on animate.css +-----------------------------------------------------------*/ +/* -------------------------------------------------------- + Roboto Light - 300 +-----------------------------------------------------------*/ +@font-face { + font-family: roboto; + src: url('../fonts/roboto/Roboto-Light-webfont.eot'); + src: url('../fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Light-webfont.svg#icon') format('svg'); + font-weight: 300; + font-style: normal; +} +/* -------------------------------------------------------- + Roboto Regular - 400 +-----------------------------------------------------------*/ +@font-face { + font-family: roboto; + src: url('../fonts/roboto/Roboto-Regular-webfont.eot'); + src: url('../fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Regular-webfont.svg#icon') format('svg'); + font-weight: 400; + font-style: normal; +} +/* -------------------------------------------------------- + Roboto Medium - 500 +-----------------------------------------------------------*/ +@font-face { + font-family: roboto; + src: url('../fonts/roboto/Roboto-Medium-webfont.eot'); + src: url('../fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Medium-webfont.svg#icon') format('svg'); + font-weight: 500; + font-style: normal; +} +/* -------------------------------------------------------- + Roboto Bold - 700 +-----------------------------------------------------------*/ +@font-face { + font-family: roboto; + src: url('../fonts/roboto/Roboto-Bold-webfont.eot'); + src: url('../fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Bold-webfont.svg#icon') format('svg'); + font-weight: 700; + font-style: normal; +} +@media print { + @page { + margin: 0; + padding: 0; + size: auto; + } + body, + #content, + .container { + margin: 0mm 0mm 0mm 0mm !important; + padding: 0mm !important; + } + #header, + #footer, + #sidebar, + #chat, + .growl-animated, + [data-action="print"] { + display: none !important; + } + /* -------------------------------------------------------- + Invoice + -----------------------------------------------------------*/ + .invoice { + padding: 30px !important; + -webkit-print-color-adjust: exact !important; + } + .invoice .card-header { + background: #eee !important; + padding: 20px; + margin-bottom: 20px; + margin: -60px -30px 25px -30px; + } + .invoice .page-header { + display: none; + } + .invoice .highlight { + background: #eee !important; + } +} +/** Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow. **/ +.media { + margin-top: 0; + overflow: visible; +} +.media:before, +.media:after { + content: " "; + display: table; +} +.media:after { + clear: both; +} +.media:before, +.media:after { + content: " "; + display: table; +} +.media:after { + clear: both; +} +.media > .pull-left { + padding-right: 15px; +} +.media > .pull-right { + padding-left: 15px; +} +.media-heading { + font-size: 14px; + margin-bottom: 10px; +} +.media-body { + zoom: 1; + display: block; + width: auto; +} +.media-object { + border-radius: 2px; +} +/** LIST **/ +.list-inline > li { + vertical-align: top; + margin-left: 0; +} +*, +button, +input, +i, +a { + -webkit-font-smoothing: antialiased; +} +*, +*:active, +*:hover { + outline: none !important; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +} +html { + overflow-x: hidden\0/; + -ms-overflow-style: none; +} +html, +body { + min-height: 100vh; +} +body { + padding-top: 62px; + position: relative; + padding-bottom: 95px; +} +strong { + font-weight: 500; +} +#content { + position: relative; + padding-top: 30px; + padding-bottom: 30px; +} +@media (min-width: 769px) { + #content { + padding-right: 15px; + padding-left: 15px; + } +} +@media (min-width: 1280px) { + #content { + margin-left: 240px; + } +} +@media (min-width: 768px) and (max-width: 1279px) { + #content { + margin-left: 64px; + } +} +@media (max-width: 768px) { + #content { + margin-left: 0; + } +} +.container.c-boxed { + max-width: 1170px; +} +/* -------------------------------------------------------- + Generate Margin Classes (0px - 25px) + margin, margin-top, margin-bottom, margin-left, margin-right +-----------------------------------------------------------*/ +.m-0 { + margin: 0px !important; +} +.m-t-0 { + margin-top: 0px !important; +} +.m-b-0 { + margin-bottom: 0px !important; +} +.m-l-0 { + margin-left: 0px !important; +} +.m-r-0 { + margin-right: 0px !important; +} +.m-5 { + margin: 5px !important; +} +.m-t-5 { + margin-top: 5px !important; +} +.m-b-5 { + margin-bottom: 5px !important; +} +.m-l-5 { + margin-left: 5px !important; +} +.m-r-5 { + margin-right: 5px !important; +} +.m-10 { + margin: 10px !important; +} +.m-t-10 { + margin-top: 10px !important; +} +.m-b-10 { + margin-bottom: 10px !important; +} +.m-l-10 { + margin-left: 10px !important; +} +.m-r-10 { + margin-right: 10px !important; +} +.m-15 { + margin: 15px !important; +} +.m-t-15 { + margin-top: 15px !important; +} +.m-b-15 { + margin-bottom: 15px !important; +} +.m-l-15 { + margin-left: 15px !important; +} +.m-r-15 { + margin-right: 15px !important; +} +.m-20 { + margin: 20px !important; +} +.m-t-20 { + margin-top: 20px !important; +} +.m-b-20 { + margin-bottom: 20px !important; +} +.m-l-20 { + margin-left: 20px !important; +} +.m-r-20 { + margin-right: 20px !important; +} +.m-25 { + margin: 25px !important; +} +.m-t-25 { + margin-top: 25px !important; +} +.m-b-25 { + margin-bottom: 25px !important; +} +.m-l-25 { + margin-left: 25px !important; +} +.m-r-25 { + margin-right: 25px !important; +} +.m-30 { + margin: 30px !important; +} +.m-t-30 { + margin-top: 30px !important; +} +.m-b-30 { + margin-bottom: 30px !important; +} +.m-l-30 { + margin-left: 30px !important; +} +.m-r-30 { + margin-right: 30px !important; +} +/* -------------------------------------------------------- + Generate Padding Classes (0px - 25px) + padding, padding-top, padding-bottom, padding-left, padding-right +-----------------------------------------------------------*/ +.p-0 { + padding: 0px !important; +} +.p-t-0 { + padding-top: 0px !important; +} +.p-b-0 { + padding-bottom: 0px !important; +} +.p-l-0 { + padding-left: 0px !important; +} +.p-r-0 { + padding-right: 0px !important; +} +.p-5 { + padding: 5px !important; +} +.p-t-5 { + padding-top: 5px !important; +} +.p-b-5 { + padding-bottom: 5px !important; +} +.p-l-5 { + padding-left: 5px !important; +} +.p-r-5 { + padding-right: 5px !important; +} +.p-10 { + padding: 10px !important; +} +.p-t-10 { + padding-top: 10px !important; +} +.p-b-10 { + padding-bottom: 10px !important; +} +.p-l-10 { + padding-left: 10px !important; +} +.p-r-10 { + padding-right: 10px !important; +} +.p-15 { + padding: 15px !important; +} +.p-t-15 { + padding-top: 15px !important; +} +.p-b-15 { + padding-bottom: 15px !important; +} +.p-l-15 { + padding-left: 15px !important; +} +.p-r-15 { + padding-right: 15px !important; +} +.p-20 { + padding: 20px !important; +} +.p-t-20 { + padding-top: 20px !important; +} +.p-b-20 { + padding-bottom: 20px !important; +} +.p-l-20 { + padding-left: 20px !important; +} +.p-r-20 { + padding-right: 20px !important; +} +.p-25 { + padding: 25px !important; +} +.p-t-25 { + padding-top: 25px !important; +} +.p-b-25 { + padding-bottom: 25px !important; +} +.p-l-25 { + padding-left: 25px !important; +} +.p-r-25 { + padding-right: 25px !important; +} +.p-30 { + padding: 30px !important; +} +.p-t-30 { + padding-top: 30px !important; +} +.p-b-30 { + padding-bottom: 30px !important; +} +.p-l-30 { + padding-left: 30px !important; +} +.p-r-30 { + padding-right: 30px !important; +} +/* -------------------------------------------------------- + Generate Font-Size Classes (8px - 20px) +-----------------------------------------------------------*/ +.f-8 { + font-size: 8px !important; +} +.f-9 { + font-size: 9px !important; +} +.f-10 { + font-size: 10px !important; +} +.f-11 { + font-size: 11px !important; +} +.f-12 { + font-size: 12px !important; +} +.f-13 { + font-size: 13px !important; +} +.f-14 { + font-size: 14px !important; +} +.f-15 { + font-size: 15px !important; +} +.f-16 { + font-size: 16px !important; +} +.f-17 { + font-size: 17px !important; +} +.f-18 { + font-size: 18px !important; +} +.f-19 { + font-size: 19px !important; +} +.f-20 { + font-size: 20px !important; +} +/* -------------------------------------------------------- + Font Weight +-----------------------------------------------------------*/ +.f-300 { + font-weight: 300 !important; +} +.f-400 { + font-weight: 400 !important; +} +.f-500 { + font-weight: 500 !important; +} +.f-700 { + font-weight: 700 !important; +} +/* -------------------------------------------------------- + Position +-----------------------------------------------------------*/ +.p-relative { + position: relative !important; +} +.p-absolute { + position: absolute !important; +} +.p-fixed { + position: fixed !important; +} +.p-static { + position: static !important; +} +/* -------------------------------------------------------- + Overflow +-----------------------------------------------------------*/ +.o-hidden { + overflow: hidden !important; +} +.o-visible { + overflow: visible !important; +} +.o-auto { + overflow: auto !important; +} +/* -------------------------------------------------------- + Display +-----------------------------------------------------------*/ +.di-block { + display: inline-block !important; +} +.d-block { + display: block; +} +/* -------------------------------------------------------- + Background Colors and Colors +-----------------------------------------------------------*/ +.bg-white { + background-color: #ffffff !important; +} +.c-white { + color: #ffffff !important; +} +.bg-ace { + background-color: #f8f8f8 !important; +} +.c-ace { + color: #f8f8f8 !important; +} +.bg-black { + background-color: #000000 !important; +} +.c-black { + color: #000000 !important; +} +.bg-brown { + background-color: #795548 !important; +} +.c-brown { + color: #795548 !important; +} +.bg-pink { + background-color: #E91E63 !important; +} +.c-pink { + color: #E91E63 !important; +} +.bg-red { + background-color: #F44336 !important; +} +.c-red { + color: #F44336 !important; +} +.bg-blue { + background-color: #2196F3 !important; +} +.c-blue { + color: #2196F3 !important; +} +.bg-purple { + background-color: #9C27B0 !important; +} +.c-purple { + color: #9C27B0 !important; +} +.bg-deeppurple { + background-color: #673AB7 !important; +} +.c-deeppurple { + color: #673AB7 !important; +} +.bg-lightblue { + background-color: #03A9F4 !important; +} +.c-lightblue { + color: #03A9F4 !important; +} +.bg-cyan { + background-color: #00BCD4 !important; +} +.c-cyan { + color: #00BCD4 !important; +} +.bg-teal { + background-color: #009688 !important; +} +.c-teal { + color: #009688 !important; +} +.bg-green { + background-color: #4CAF50 !important; +} +.c-green { + color: #4CAF50 !important; +} +.bg-lightgreen { + background-color: #8BC34A !important; +} +.c-lightgreen { + color: #8BC34A !important; +} +.bg-lime { + background-color: #CDDC39 !important; +} +.c-lime { + color: #CDDC39 !important; +} +.bg-yellow { + background-color: #FFEB3B !important; +} +.c-yellow { + color: #FFEB3B !important; +} +.bg-amber { + background-color: #FFC107 !important; +} +.c-amber { + color: #FFC107 !important; +} +.bg-orange { + background-color: #FF9800 !important; +} +.c-orange { + color: #FF9800 !important; +} +.bg-deeporange { + background-color: #FF5722 !important; +} +.c-deeporange { + color: #FF5722 !important; +} +.bg-gray { + background-color: #9E9E9E !important; +} +.c-gray { + color: #9E9E9E !important; +} +.bg-bluegray { + background-color: #607D8B !important; +} +.c-bluegray { + color: #607D8B !important; +} +.bg-indigo { + background-color: #3F51B5 !important; +} +.c-indigo { + color: #3F51B5 !important; +} +/* -------------------------------------------------------- + Background Colors +-----------------------------------------------------------*/ +.bg-brand { + background-color: #191C22; +} +.bg-black-trp { + background-color: rgba(0, 0, 0, 0.12) !important; +} +/* -------------------------------------------------------- + Borders +-----------------------------------------------------------*/ +.b-0 { + border: 0 !important; +} +/* -------------------------------------------------------- + Width +-----------------------------------------------------------*/ +.w-100 { + width: 100% !important; +} +/* -------------------------------------------------------- + Border Radius +-----------------------------------------------------------*/ +.brd-2 { + border-radius: 2px; +} +label { + font-weight: 500; +} +/* -------------------------------------------------------- + Input Fields +-----------------------------------------------------------*/ +.form-control { + -webkit-transition: all; + -o-transition: all; + transition: all; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + resize: none; + box-shadow: 0 0 0 40px rgba(0, 0, 0, 0) !important; + border-radius: 0; +} +.form-control:focus { + box-shadow: 0 0 1px -2px rgba(121, 194, 255, 0.5) !important; +} +/* -------------------------------------------------------- + Custom Checkbox + Radio +-----------------------------------------------------------*/ +.cr-alt { + position: relative; + padding-top: 0; + margin: 0; +} +.cr-alt label { + position: relative; + padding-left: 28px; +} +.cr-alt.has-success input[type="checkbox"] + .input-helper, +.cr-alt.has-success input[type="radio"] + .input-helper { + border-color: #4CAF50; +} +.cr-alt.has-success input[type="checkbox"]:checked + .input-helper:before, +.cr-alt.has-success input[type="radio"]:checked + .input-helper:before { + background: #4CAF50; +} +.cr-alt.has-warning input[type="checkbox"] + .input-helper, +.cr-alt.has-warning input[type="radio"] + .input-helper { + border-color: #FF9800; +} +.cr-alt.has-warning input[type="checkbox"]:checked + .input-helper:before, +.cr-alt.has-warning input[type="radio"]:checked + .input-helper:before { + background: #FF9800; +} +.cr-alt.has-error input[type="checkbox"] + .input-helper, +.cr-alt.has-error input[type="radio"] + .input-helper { + border-color: #F44336; +} +.cr-alt.has-error input[type="checkbox"]:checked + .input-helper:before, +.cr-alt.has-error input[type="radio"]:checked + .input-helper:before { + background: #F44336; +} +.cr-alt input[type="checkbox"], +.cr-alt input[type="radio"] { + opacity: 0; + filter: alpha(opacity=0); + width: 20px; + height: 20px; + position: absolute; + z-index: 10; + margin: 0; + top: 0; + left: 0; + cursor: pointer; +} +.cr-alt input[type="checkbox"] + .input-helper, +.cr-alt input[type="radio"] + .input-helper { + border: 1px solid #e8e8e8; + width: 19px; + height: 19px; + background: #fff; + position: absolute; + left: 0; + top: -1px; + cursor: pointer; +} +.cr-alt input[type="checkbox"]:checked + .input-helper:before, +.cr-alt input[type="radio"]:checked + .input-helper:before { + content: ""; + width: 9px; + height: 9px; + background: #31ACFF; + position: absolute; + left: 4px; + top: 4px; +} +.cr-alt input[type="radio"] + i { + border-radius: 50%; +} +.cr-alt input[type="radio"]:checked + i:before { + border-radius: 50%; +} +.cr-alt.disabled { + opacity: 0.7; + filter: alpha(opacity=70); +} +.checkbox-inline, +.radio-inline { + padding-left: 27px; +} +/* -------------------------------------------------------- + Input Addon +-----------------------------------------------------------*/ +.input-group .input-group-addon { + min-width: 40px; + color: #333; + padding: 0; +} +.input-group:not([class*="input-group-"]) .input-group-addon { + font-size: 15px; +} +/* -------------------------------------------------------- + Toggle Switch +-----------------------------------------------------------*/ +.toggle-switch { + display: inline-block; + vertical-align: top; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.toggle-switch .ts-label { + display: inline-block; + margin: 0 20px 0 0; + vertical-align: top; + -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); + transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); +} +.toggle-switch .ts-helper { + display: inline-block; + position: relative; + width: 40px; + height: 16px; + border-radius: 8px; + background: rgba(0, 0, 0, 0.26); + -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); + vertical-align: middle; + cursor: pointer; +} +.toggle-switch .ts-helper:before { + content: ''; + position: absolute; + top: -4px; + left: -4px; + width: 24px; + height: 24px; + background: #fafafa; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); + border-radius: 50%; + webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.toggle-switch:not(.disabled) .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); +} +.toggle-switch input { + position: absolute; + z-index: 1; + width: 46px; + margin: 0 0 0 -4px; + height: 24px; + opacity: 0; + filter: alpha(opacity=0); + cursor: pointer; +} +.toggle-switch input:checked + .ts-helper:before { + left: 20px; +} +.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper { + background: rgba(0, 150, 136, 0.5); +} +.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before { + background: #009688; +} +.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2); +} +.toggle-switch.disabled { + opacity: 0.6; + filter: alpha(opacity=60); +} +.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper { + background: rgba(244, 67, 54, 0.5); +} +.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before { + background: #F44336; +} +.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2); +} +.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper { + background: rgba(33, 150, 243, 0.5); +} +.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before { + background: #2196F3; +} +.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2); +} +.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper { + background: rgba(255, 193, 7, 0.5); +} +.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before { + background: #FFC107; +} +.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2); +} +.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper { + background: rgba(156, 39, 176, 0.5); +} +.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before { + background: #9C27B0; +} +.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(156, 39, 176, 0.2); +} +.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper { + background: rgba(233, 30, 99, 0.5); +} +.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before { + background: #E91E63; +} +.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2); +} +.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper { + background: rgba(205, 220, 57, 0.5); +} +.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before { + background: #CDDC39; +} +.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2); +} +.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper { + background: rgba(0, 188, 212, 0.5); +} +.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before { + background: #00BCD4; +} +.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2); +} +.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper { + background: rgba(76, 175, 80, 0.5); +} +.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before { + background: #4CAF50; +} +.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2); +} +.btn:not(.btn-alt) { + border: 0; +} +.btn[class*="bg-"]:not(.bg-white) { + color: #fff; +} +.btn .caret { + margin-top: -3px; +} +.btn-default { + color: #333; + background-color: #eee; + border-color: transparent; +} +.btn-default:focus, +.btn-default.focus { + color: #333; + background-color: #d5d5d5; + border-color: rgba(0, 0, 0, 0); +} +.btn-default:hover { + color: #333; + background-color: #d5d5d5; + border-color: rgba(0, 0, 0, 0); +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #333; + background-color: #d5d5d5; + border-color: rgba(0, 0, 0, 0); +} +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #333; + background-color: #c3c3c3; + border-color: rgba(0, 0, 0, 0); +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #eee; + border-color: transparent; +} +.btn-default .badge { + color: #eee; + background-color: #333; +} +.btn-default:hover, +.btn-default:focus, +.btn-default.focus, +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #333; + background-color: #e9e9e9; + border-color: rgba(0, 0, 0, 0); +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #eee; + border-color: transparent; +} +.btn-default .badge { + color: #eee; + background-color: #333; +} +.btn-inverse { + color: #fff; + background-color: #454545; + border-color: transparent; +} +.btn-inverse:focus, +.btn-inverse.focus { + color: #fff; + background-color: #2b2b2b; + border-color: rgba(0, 0, 0, 0); +} +.btn-inverse:hover { + color: #fff; + background-color: #2b2b2b; + border-color: rgba(0, 0, 0, 0); +} +.btn-inverse:active, +.btn-inverse.active, +.open > .dropdown-toggle.btn-inverse { + color: #fff; + background-color: #2b2b2b; + border-color: rgba(0, 0, 0, 0); +} +.btn-inverse:active:hover, +.btn-inverse.active:hover, +.open > .dropdown-toggle.btn-inverse:hover, +.btn-inverse:active:focus, +.btn-inverse.active:focus, +.open > .dropdown-toggle.btn-inverse:focus, +.btn-inverse:active.focus, +.btn-inverse.active.focus, +.open > .dropdown-toggle.btn-inverse.focus { + color: #fff; + background-color: #1a1a1a; + border-color: rgba(0, 0, 0, 0); +} +.btn-inverse:active, +.btn-inverse.active, +.open > .dropdown-toggle.btn-inverse { + background-image: none; +} +.btn-inverse.disabled, +.btn-inverse[disabled], +fieldset[disabled] .btn-inverse, +.btn-inverse.disabled:hover, +.btn-inverse[disabled]:hover, +fieldset[disabled] .btn-inverse:hover, +.btn-inverse.disabled:focus, +.btn-inverse[disabled]:focus, +fieldset[disabled] .btn-inverse:focus, +.btn-inverse.disabled.focus, +.btn-inverse[disabled].focus, +fieldset[disabled] .btn-inverse.focus, +.btn-inverse.disabled:active, +.btn-inverse[disabled]:active, +fieldset[disabled] .btn-inverse:active, +.btn-inverse.disabled.active, +.btn-inverse[disabled].active, +fieldset[disabled] .btn-inverse.active { + background-color: #454545; + border-color: transparent; +} +.btn-inverse .badge { + color: #454545; + background-color: #fff; +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse.focus, +.btn-inverse:active, +.btn-inverse.active, +.open > .dropdown-toggle.btn-inverse { + color: #fff; + background-color: #404040; + border-color: rgba(0, 0, 0, 0); +} +.btn-inverse:active, +.btn-inverse.active, +.open > .dropdown-toggle.btn-inverse { + background-image: none; +} +.btn-inverse.disabled, +.btn-inverse[disabled], +fieldset[disabled] .btn-inverse, +.btn-inverse.disabled:hover, +.btn-inverse[disabled]:hover, +fieldset[disabled] .btn-inverse:hover, +.btn-inverse.disabled:focus, +.btn-inverse[disabled]:focus, +fieldset[disabled] .btn-inverse:focus, +.btn-inverse.disabled.focus, +.btn-inverse[disabled].focus, +fieldset[disabled] .btn-inverse.focus, +.btn-inverse.disabled:active, +.btn-inverse[disabled]:active, +fieldset[disabled] .btn-inverse:active, +.btn-inverse.disabled.active, +.btn-inverse[disabled].active, +fieldset[disabled] .btn-inverse.active { + background-color: #454545; + border-color: transparent; +} +.btn-inverse .badge { + color: #454545; + background-color: #fff; +} +.btn-link { + color: #333; +} +.btn-icon { + border-radius: 50%; + width: 40px; + height: 40px; + padding: 0; + text-align: center; +} +.btn-icon .zmdi { + font-size: 17px; +} +.btn-icon-text > .zmdi { + font-size: 15px; + vertical-align: top; + display: inline-block; + margin-top: 2px; + line-height: 100%; + margin-right: 5px; +} +.open .btn { + outline: none !important; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +} +.open .btn:focus, +.open .btn:active { + outline: none !important; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +} +/** ALTERNATIVE BUTTONS **/ +.btn-alt { + background: transparent; +} +.btn-alt.btn-default { + border-color: #a2a2a2; + color: #a2a2a2; +} +.btn-alt.btn-default:not(.btn-white):hover, +.btn-alt.btn-default:not(.btn-white):active, +.btn-alt.btn-default:not(.btn-white):focus { + color: #fff; + background: #a2a2a2; +} +.btn-alt.btn-default.btn-white:hover, +.btn-alt.btn-default.btn-white:active, +.btn-alt.btn-default.btn-white:focus { + color: #333; + background: #a2a2a2; +} +.btn-alt.btn-info { + border-color: #00BCD4; + color: #00BCD4; +} +.btn-alt.btn-info:not(.btn-white):hover, +.btn-alt.btn-info:not(.btn-white):active, +.btn-alt.btn-info:not(.btn-white):focus { + color: #fff; + background: #00BCD4; +} +.btn-alt.btn-info.btn-white:hover, +.btn-alt.btn-info.btn-white:active, +.btn-alt.btn-info.btn-white:focus { + color: #333; + background: #00BCD4; +} +.btn-alt.btn-primary { + border-color: #2196F3; + color: #2196F3; +} +.btn-alt.btn-primary:not(.btn-white):hover, +.btn-alt.btn-primary:not(.btn-white):active, +.btn-alt.btn-primary:not(.btn-white):focus { + color: #fff; + background: #2196F3; +} +.btn-alt.btn-primary.btn-white:hover, +.btn-alt.btn-primary.btn-white:active, +.btn-alt.btn-primary.btn-white:focus { + color: #333; + background: #2196F3; +} +.btn-alt.btn-success { + border-color: #4CAF50; + color: #4CAF50; +} +.btn-alt.btn-success:not(.btn-white):hover, +.btn-alt.btn-success:not(.btn-white):active, +.btn-alt.btn-success:not(.btn-white):focus { + color: #fff; + background: #4CAF50; +} +.btn-alt.btn-success.btn-white:hover, +.btn-alt.btn-success.btn-white:active, +.btn-alt.btn-success.btn-white:focus { + color: #333; + background: #4CAF50; +} +.btn-alt.btn-warning { + border-color: #FF9800; + color: #FF9800; +} +.btn-alt.btn-warning:not(.btn-white):hover, +.btn-alt.btn-warning:not(.btn-white):active, +.btn-alt.btn-warning:not(.btn-white):focus { + color: #fff; + background: #FF9800; +} +.btn-alt.btn-warning.btn-white:hover, +.btn-alt.btn-warning.btn-white:active, +.btn-alt.btn-warning.btn-white:focus { + color: #333; + background: #FF9800; +} +.btn-alt.btn-danger { + border-color: #F44336; + color: #F44336; +} +.btn-alt.btn-danger:not(.btn-white):hover, +.btn-alt.btn-danger:not(.btn-white):active, +.btn-alt.btn-danger:not(.btn-white):focus { + color: #fff; + background: #F44336; +} +.btn-alt.btn-danger.btn-white:hover, +.btn-alt.btn-danger.btn-white:active, +.btn-alt.btn-danger.btn-white:focus { + color: #333; + background: #F44336; +} +.clist { + list-style: none; +} +.clist > li:before { + font-family: 'Material-Design-Iconic-Font'; + margin: 0 10px 0 -20px; + vertical-align: middle; +} +.clist.clist-angle > li:before { + content: "\f2fb"; +} +.clist.clist-check > li:before { + content: "\f26b"; +} +.clist.clist-star > li:before { + content: "\f27d"; +} +#header { + width: 100%; + z-index: 10; + top: 0; + left: 0; + background-color: #fff; + height: 62px; +} +#header.affix { + box-shadow: 0 0 20px rgba(0, 0, 0, 0.23); +} +#header:not(.affix) { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); + position: fixed; +} +/* -------------------------------------------------------- + Top Menu +-----------------------------------------------------------*/ +.header-inner { + padding: 0; + margin: 0; + width: 100%; + list-style: none; +} +.header-inner > li:not(.pull-right) { + float: left; +} +@media (max-width: 768px) { + .header-inner > li:not(.top-search) { + position: static; + } + .header-inner > li .dropdown-menu { + width: calc(100% - 30px); + margin-left: 15px; + } +} +.header-inner > li > a { + height: 62px; + color: #333; + min-width: 45px; + display: block; + position: relative; +} +.header-inner > li > a > .zmdi { + font-size: 22px; + line-height: 62px; +} +.header-inner > li:not(.logo) { + text-align: center; +} +.header-inner > li.open > a:not([class*="hi-"]):before { + content: ""; + width: 40px; + height: 40px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -21px; + margin-left: -20px; + background: #eee; + border-radius: 50%; + z-index: -1; +} +.header-inner .dropdown-menu { + margin-top: -5px; +} +.header-inner .open > .hi-messages { + color: #4CAF50; +} +.header-inner .open > .hi-notifications { + color: #FF9800; +} +.header-inner .open > .hi-projects { + color: #4CAF50; +} +.header-inner .open > .hi-events { + color: #2196F3; +} +.header-inner .open .hi-count { + display: none; +} +.hi-count { + position: absolute; + font-style: normal; + background-color: #F44336; + padding: 0 4px; + font-size: 10px; + color: #fff; + line-height: 17px; + height: 17px; + top: 11px; + right: 6px; + border-radius: 50%; + width: 17px; +} +.hi-dropdown { + padding: 0; +} +@media (min-width: 768px) { + .hi-dropdown { + width: 350px; + } +} +/* -------------------------------------------------------- + Logo +-----------------------------------------------------------*/ +.logo { + position: relative; + z-index: 2; + height: 62px; +} +@media (min-width: 1280px) { + .logo { + width: 240px; + background-color: #000; + margin-right: 15px; + } + .logo > a { + padding: 15px 22px; + } +} +@media (max-width: 1279px) { + .logo { + width: 64px; + } + .logo > a { + display: none !important; + } +} +@media (max-width: 768px) { + .logo { + padding: 12px; + } +} +/* -------------------------------------------------------- + Sidebar Trigger for mobile +-----------------------------------------------------------*/ +#menu-trigger { + font-size: 21px; + text-align: center; + color: #fff; + cursor: pointer; + display: none; + background: #000; + height: 100%; +} +#menu-trigger.toggled i:before { + content: '\f2ea'; +} +@media (min-width: 769px) { + #menu-trigger { + line-height: 62px; + } +} +@media (max-width: 1279px) { + #menu-trigger { + display: block; + } +} +@media (max-width: 768px) { + #menu-trigger { + border-radius: 2px; + line-height: 39px; + } +} +/* -------------------------------------------------------- + Top Search +-----------------------------------------------------------*/ +.top-search { + position: relative; + background: #fff; + height: 62px; +} +.top-search:not(.toggled) { + width: 80px; + margin-left: 15px; +} +.top-search:not(.toggled):before { + font-family: 'Material-Design-Iconic-Font'; + content: "\f1c3"; + position: absolute; + left: 0; + top: 15px; + font-size: 22px; + z-index: 1; + color: #333; +} +.top-search:not(.toggled) .ts-reset { + display: none; +} +.top-search:not(.toggled) .ts-input { + cursor: pointer; +} +@media (max-width: 330px) { + .top-search:not(.toggled) { + width: 20px; + } +} +.top-search .ts-input { + height: 60px; + padding-left: 25px; + width: 100%; + border: 0; + position: relative; + background: transparent; + z-index: 1; +} +.top-search.toggled { + position: absolute; + top: 0; + font-size: 20px; + font-weight: normal; + z-index: 1; + width: 100%; + left: 0; +} +@media (min-width: 1280px) { + .top-search.toggled { + padding-left: 240px; + } +} +@media (min-width: 769px) and (max-width: 1279px) { + .top-search.toggled { + padding-left: 64px; + } +} +.top-search.toggled .ts-input { + background: #fff; +} +.top-search.toggled .ts-reset { + font-size: 11px; + color: #fff; + position: absolute; + top: 50%; + right: 15px; + z-index: 2; + width: 20px; + height: 20px; + background-color: #8E8E8E; + line-height: 20px; + text-align: center; + border-radius: 50%; + margin-top: -10px; +} +.top-search.toggled .ts-reset:hover { + cursor: pointer; + background: #333; +} +/* -------------------------------------------------------- + Events +-----------------------------------------------------------*/ +.event-time { + width: 67px; + height: 50px; + text-align: center; + padding: 9px 0; + color: #fff; + border-radius: 2px; + margin-top: 2px; +} +.event-time > h2 { + margin: 0; + line-height: 100%; + font-size: 17px; + margin-bottom: -1px; + color: #fff; + font-weight: normal; +} +/* -------------------------------------------------------- + Apps +-----------------------------------------------------------*/ +@media (min-width: 768px) { + #launch-apps { + padding: 0; + text-align: center; + width: 300px; + } + .la-body { + padding: 20px 10px; + } + .lab-item { + width: 60px; + display: inline-block; + margin: 10px; + } + .lab-item:hover > a { + opacity: 0.8; + filter: alpha(opacity=80); + } + .lab-item:hover > small { + color: #333; + } + .lab-item > a { + height: 60px; + display: block; + color: #fff; + line-height: 70px; + border-radius: 50%; + -webkit-transition: opacity; + -o-transition: opacity; + transition: opacity; + } + .lab-item > a > i { + font-size: 25px; + } + .lab-item > small { + color: #969696; + display: block; + margin-top: 5px; + -webkit-transition: color; + -o-transition: color; + transition: color; + } +} +/* -------------------------------------------------------- + Time +-----------------------------------------------------------*/ +#time { + font-size: 18px; + font-weight: 400; + background-color: #191C22; + color: #FBFBFB; + padding: 4px 11px; + border-radius: 2px; + margin: 14px; +} +#time span:not(:last-child):after { + content: ":"; + position: relative; + top: -1px; + right: -1px; +} +.tile { + background-color: #fff; + margin-bottom: 30px; + position: relative; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); +} +.tile[class*="bg-"] { + color: #fff; +} +@media (max-width: 768px) { + .tile { + margin-bottom: 15px; + } +} +.t-header .th-title { + line-height: 100%; +} +.t-header:not(.th-alt) { + padding: 20px 23px; +} +.t-header:not(.th-alt) .th-title { + font-size: 17px; + font-weight: 400; + color: #333; +} +.t-header:not(.th-alt) .th-title small { + font-size: 12px; + color: #9C9C9C; + margin-top: 3px; + display: block; +} +.t-header.th-alt { + padding: 10px 15px 9px; +} +.t-header.th-alt .actions > a { + color: #fff; +} +.t-header.th-alt[class*="bg-"] .th-title { + color: #fff; +} +.t-header .actions { + right: 0; + top: 0; +} +.t-header .actions > a { + font-size: 24px; + line-height: 100%; + padding: 4px 10px 3px; + display: block; +} +.t-header .actions > a:hover, +.t-header .actions.open > a { + background-color: rgba(0, 0, 0, 0.1); +} +.tb-padding { + padding: 20px 23px 30px; +} +.label { + border-radius: 1px; + padding: 4px 5px 3px; +} +h1 .label, +h2 .label, +h3 .label, +h4 .label, +h5 .label, +h6 .label { + border-radius: 2px; +} +.badge { + border-radius: 1px; +} +.dropdown-menu { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + margin-top: 1px; + border-width: 0; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 300ms; + animation-duration: 300ms; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.dropdown-menu > li > a { + padding: 8px 17px; +} +.dropdown-menu.dm-icon > li > a > .zmdi { + line-height: 100%; + vertical-align: top; + font-size: 18px; + width: 28px; +} +.dropdown-menu:not([class*="bg-"]) > li > a { + color: #4C4C4C; +} +.dropdown-menu:not([class*="bg-"]) > li > a:hover { + color: #000; +} +.dropdown-menu[class*="bg-"] > li > a { + font-weight: 300; + color: #fff; +} +.dropdown-header { + padding: 10px 15px 9px; + text-transform: uppercase; + font-weight: normal; + border-radius: 1px 1px 0 0; + line-height: 100%; + border-radius: 2px 2px 0 0; +} +.dropdown-header[class*="bg-"] { + color: #fff; +} +.dropdown-header .actions { + top: 0; + right: 0; +} +.dropdown-header .actions > li > a { + display: block; + padding: 6px 0 5px; + width: 33px; + text-align: center; +} +.dropdown-header .actions > li > a:hover { + background: rgba(0, 0, 0, 0.08); +} +.list-group { + margin-bottom: 0; +} +.list-group.lg-alt .list-group-item { + border: 0; +} +.list-group:not(.lg-alt).lg-listview .list-group-item { + border-left: 0; + border-right: 0; +} +.list-group:not(.lg-alt).lg-listview .list-group-item:last-child { + border-bottom: 0; +} +.list-group-item .cr-alt { + line-height: 100%; + margin-top: 2px; +} +.list-group-item-heading { + margin-bottom: 2px; + color: #333; +} +.list-group-item-heading > small { + font-size: 11px; + color: #C5C5C5; + margin-left: 10px; +} +.list-group-item-heading, +.list-group-item-text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.list-group-item-text { + display: block; +} +.list-group-item-text:not(:last-child) { + margin-bottom: 4px; +} +.list-group-img { + width: 38px; + height: 38px; + border-radius: 2px; +} +/* -------------------------------------------------------- + Actions +-----------------------------------------------------------*/ +.actions { + position: absolute; + list-style: none; + padding: 0; + margin: 0; +} +.actions > li { + display: inline-block; +} +.actions > li > a { + display: block; + padding: 0 10px; +} +.actions > li > a > i { + font-size: 20px; +} +.actions .dropdown-menu { + min-width: 140px; + margin-top: -8px; + margin-right: -1px; +} +.actions:not(.a-alt) > li > a > i { + color: #939393; +} +.actions:not(.a-alt) > li.open > a > i, +.actions:not(.a-alt) > li > a:hover > i { + color: #000; +} +.actions.a-alt > li > a > i { + color: #fff; +} +/* -------------------------------------------------------- + View More +-----------------------------------------------------------*/ +.view-more { + display: block; + padding: 5px 10px; + text-align: center; + border-top: 1px solid #f4f4f4; + font-size: 12px; + margin-top: 15px; + color: #777777; +} +.view-more:hover { + color: #333; + background-color: #FCFCFC; +} +/* -------------------------------------------------------- + Page Header +-----------------------------------------------------------*/ +.page-header { + padding: 0 22px; + font-weight: normal; + font-size: 19px; + margin: 0 0 20px 0; +} +.page-header small { + text-transform: none; + display: block; + font-size: 12px; + color: #9C9C9C; + margin-top: 7px; + line-height: 140%; +} +.page-header h3 { + margin: 0; + font-weight: normal; + font-size: 15px; + color: #333; +} +/* -------------------------------------------------------- + Close +-----------------------------------------------------------*/ +.close { + font-weight: normal; + text-shadow: none; + opacity: 0.5; + filter: alpha(opacity=50); +} +/* -------------------------------------------------------- + Action Header +-----------------------------------------------------------*/ +.action-header { + position: relative; + background: #f8f8f8; + padding: 15px 13px 15px 17px; +} +.ah-actions { + z-index: 3; + float: right; + margin-top: 7px; + position: relative; +} +.ah-label { + color: #818181; + display: inline-block; + margin: 0; + font-size: 14px; + font-weight: normal; + padding: 0 6px; + line-height: 33px; + vertical-align: middle; + float: left; +} +.ah-search { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 4; + background: #fff; + display: none; +} +.ah-search:before { + content: "\f1c3"; + font-family: 'Material-Design-Iconic-Font'; + position: absolute; + left: 24px; + top: 17px; + font-size: 22px; +} +.ahs-input { + border: 0; + padding: 0 26px 0 55px; + height: 63px; + font-size: 18px; + width: 100%; + font-weight: 100; + background: #fff; + border-bottom: 1px solid #EEE; +} +.ahs-close { + font-style: normal; + position: absolute; + top: 23px; + right: 22px; + font-size: 17px; + width: 18px; + height: 18px; + background-color: #ADADAD; + line-height: 100%; + color: #fff; + text-align: center; + cursor: pointer; + border-radius: 50%; +} +.ahs-close:hover { + background: #333; +} +/* -------------------------------------------------------- + Load More +-----------------------------------------------------------*/ +.load-more { + text-align: center; + margin-top: 30px; +} +.load-more a { + padding: 5px 10px 3px; + display: inline-block; + background-color: #F44336; + color: #FFF; + border-radius: 2px; + white-space: nowrap; +} +.load-more a i { + font-size: 20px; + vertical-align: middle; + position: relative; + margin-top: -2px; +} +.load-more a:hover { + background-color: #ea1c0d; +} +/* -------------------------------------------------------- + Data List +-----------------------------------------------------------*/ +.dl-horizontal dt { + text-align: left; +} +/* -------------------------------------------------------- + User Avatar +-----------------------------------------------------------*/ +.img-avatar { + height: 37px; + border-radius: 2px; + width: 37px; +} +.progress { + box-shadow: none; + border-radius: 0; + height: 5px; + margin-bottom: 0; +} +.progress .progress-bar { + box-shadow: none; +} +/* -------------------------------------------------------- + User Signups +-----------------------------------------------------------*/ +.rounded-thumbs { + padding: 15px 25px 0; +} +.rt-item { + display: block; + padding-top: 10px; + padding-bottom: 10px; +} +.rt-item img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.rt-item small { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + display: block; + color: #777; + margin-top: 3px; +} +.rt-item:hover { + background-color: #FCFCFC; +} +.table { + margin-bottom: 0; +} +.table:not(.table-striped) > thead > tr > th { + background-color: #FAFAFA; +} +.table [class*="bg-"] > tr > th { + color: #fff; + border-bottom: 0; + background: transparent !important; +} +.table [class*="bg-"] + tbody > tr:first-child > td { + border-top: 0; +} +.table > thead > tr > th { + vertical-align: middle; + font-weight: 500; + color: #333; + border-width: 1px; + text-transform: uppercase; + padding: 15px 10px; +} +.table > thead > tr > th:first-child, +.table > tbody > tr > th:first-child, +.table > tfoot > tr > th:first-child, +.table > thead > tr > td:first-child, +.table > tbody > tr > td:first-child, +.table > tfoot > tr > td:first-child { + padding-left: 30px; +} +.table > thead > tr > th:last-child, +.table > tbody > tr > th:last-child, +.table > tfoot > tr > th:last-child, +.table > thead > tr > td:last-child, +.table > tbody > tr > td:last-child, +.table > tfoot > tr > td:last-child { + padding-right: 30px; +} +.table tbody > tr:last-child > td { + padding-bottom: 20px; +} +.table-bordered { + border: 0; +} +.table-bordered > tbody > tr > td, +.table-bordered > tbody > tr > th { + border-bottom: 0; + border-left: 0; +} +.table-bordered > tbody > tr > td:last-child, +.table-bordered > tbody > tr > th:last-child { + border-right: 0; +} +.table-bordered > thead > tr > th { + border-left: 0; +} +.table-bordered > thead > tr > th:last-child { + border-right: 0; +} +.table-vmiddle td { + vertical-align: middle !important; +} +.table-responsive { + border: 0; +} +.tile .table > thead:not([class*="bg-"]) > tr > th { + border-top: 1px solid #f0f0f0; +} +.pagination { + border-radius: 0; +} +.pagination > li { + margin: 0 2px; + display: inline-block; + vertical-align: top; +} +.pagination > li > a, +.pagination > li > span { + border-radius: 50% !important; + padding: 0; + width: 40px; + height: 40px; + line-height: 38px; + text-align: center; + font-size: 14px; + z-index: 1; + position: relative; +} +.pagination > li > a > .zmdi, +.pagination > li > span > .zmdi { + font-size: 22px; + line-height: 39px; +} +.pagination > li.disabled { + opacity: 0.5; + filter: alpha(opacity=50); +} +/* -------------------------------------------------------- + Listview Pagination +-----------------------------------------------------------*/ +.lv-pagination { + width: 100%; + text-align: center; + padding: 40px 0; + border-top: 1px solid #F0F0F0; + margin-top: 0; + margin-bottom: 0; +} +/* -------------------------------------------------------- + Pager +-----------------------------------------------------------*/ +.pager li > a, +.pager li > span { + padding: 5px 10px 6px; + color: #7E7E7E; +} +.alert { + padding-left: 30px; + padding-right: 30px; +} +.alert span { + cursor: pointer; +} +.alert-dismissable, +.alert-dismissible { + padding-right: 44px; +} +.alert-inverse { + background-color: #333; + border-color: transparent; + color: #fff; +} +.alert-inverse hr { + border-top-color: rgba(0, 0, 0, 0); +} +.alert-inverse .alert-link { + color: #e6e6e6; +} +.alert-link { + color: #fff !important; + font-weight: normal !important; + text-decoration: underline; +} +.growl-animated.alert-inverse { + box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); +} +.growl-animated.alert-info { + box-shadow: 0 0 5px rgba(33, 150, 243, 0.5); +} +.growl-animated.alert-success { + box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); +} +.growl-animated.alert-warning { + box-shadow: 0 0 5px rgba(255, 193, 7, 0.5); +} +.growl-animated.alert-danger { + box-shadow: 0 0 5px rgba(244, 67, 54, 0.5); +} +/* -------------------------------------------------------- + Thumbnail +-----------------------------------------------------------*/ +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #eee; +} +/* -------------------------------------------------------- + Lightbox +-----------------------------------------------------------*/ +.lightbox > a { + position: relative; + -webkit-transition: opacity; + -o-transition: opacity; + transition: opacity; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; +} +.lightbox > a > img { + width: 100%; +} +.lightbox > a:hover { + opacity: 0.8; + filter: alpha(opacity=80); +} +.lightbox > a:not(.p-item) { + margin-bottom: 20px; +} +/* -------------------------------------------------------- + Carousel +-----------------------------------------------------------*/ +.carousel .carousel-control { + -webkit-transition: all; + -o-transition: all; + transition: all; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + opacity: 0; + filter: alpha(opacity=0); +} +.carousel .carousel-control .zmdi { + position: absolute; + top: 50%; + left: 50%; + line-height: 100%; +} +@media screen and (min-width: 768px) { + .carousel .carousel-control .zmdi { + font-size: 60px; + width: 60px; + height: 60px; + margin-top: -30px; + margin-left: -30px; + } +} +@media screen and (max-width: 991px) { + .carousel .carousel-control .zmdi { + width: 24px; + height: 24px; + margin-top: -12px; + margin-left: -12px; + } +} +.carousel:hover .carousel-control { + opacity: 1; + filter: alpha(opacity=100); +} +.carousel .carousel-caption { + background: rgba(0, 0, 0, 0.6); + left: 0; + right: 0; + bottom: 0; + width: 100%; + padding-bottom: 50px; +} +.carousel .carousel-caption > h3 { + color: #fff; + margin: 0 0 5px; + font-weight: 300; +} +.carousel .carousel-caption > p { + margin: 0; +} +@media screen and (max-width: 991px) { + .carousel .carousel-caption { + display: none; + } +} +.carousel .carousel-indicators { + bottom: 10px; + margin: 0; + left: 0; + bottom: 0; + width: 100%; + padding: 0 0 6px; + background: rgba(0, 0, 0, 0.6); +} +.carousel .carousel-indicators li { + border-radius: 0; + width: 15px; + border: 0; + background: #fff; + height: 3px; + margin: 0; + -webkit-transition: all; + -o-transition: all; + transition: all; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; +} +.carousel .carousel-indicators li.active { + width: 25px; + height: 3px; + background: #FF9800; +} +.modal-header { + padding: 23px 26px; +} +.modal-body { + padding: 0 26px 10px; +} +.modal-content { + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31); +} +.modal-footer { + padding: 20px 22px; +} +.tab-nav { + list-style: none; + padding: 0; + white-space: nowrap; + margin: 0; + overflow: auto; + box-shadow: inset 0 -2px 0 0 #eee; +} +.tab-nav > li { + display: inline-block; + vertical-align: top; +} +.tab-nav > li > a { + display: inline-block; + color: #7a7a7a; + text-transform: uppercase; + position: relative; + width: 100%; + font-weight: 500; +} +.tab-nav > li > a:after { + content: ""; + height: 2px; + position: absolute; + width: 100%; + left: 0; + bottom: 0; + display: none; +} +@media (min-width: 768px) { + .tab-nav > li > a { + padding: 15px; + } +} +@media (max-width: 768px) { + .tab-nav > li > a { + padding: 15px 8px; + } +} +.tab-nav > li.active > a { + color: #000; +} +.tab-nav > li.active > a:after { + display: block; +} +.tab-nav.tab-nav-right { + text-align: right; +} +.tab-nav.tn-justified > li { + display: table-cell; + width: 1%; + text-align: center; +} +.tab-nav.tn-icon > li .zmdi { + font-size: 22px; + line-height: 100%; + min-height: 25px; +} +.tab-nav:not([data-tab-color]) > li > a:after { + background: #2196F3; +} +.tab-nav[data-tab-color="green"] > li > a:after { + background: #4CAF50; +} +.tab-nav[data-tab-color="red"] > li > a:after { + background: #F44336; +} +.tab-nav[data-tab-color="teal"] > li > a:after { + background: #009688; +} +.tab-nav[data-tab-color="amber"] > li > a:after { + background: #FFC107; +} +.tab-nav[data-tab-color="black"] > li > a:after { + background: #000000; +} +.tab-nav[data-tab-color="cyan"] > li > a:after { + background: #00BCD4; +} +.tab-content { + padding: 20px 0; +} +.panel { + box-shadow: none; + border: 0; +} +.panel-heading { + padding: 0; +} +.panel-title > a { + padding: 10px 15px; + display: block; + font-size: 13px; +} +.panel-collapse .panel-heading { + position: relative; +} +.panel-collapse .panel-heading .panel-title > a { + padding: 8px 5px 16px 30px; + color: #000; + position: relative; + border-bottom: 2px solid #eee; +} +.panel-collapse .panel-heading:before { + font-family: 'Material-Design-Iconic-Font'; + font-size: 17px; + position: absolute; + left: 0; + top: 4px; + content: "\f278"; +} +.panel-collapse .panel-heading.active:before { + content: "\f273"; +} +.panel-collapse .panel-body { + border-top: 0 !important; + padding-left: 5px; + padding-right: 5px; +} +.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #2196F3; +} +.panel-group[data-collapse-color="red"] .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #F44336; +} +.panel-group[data-collapse-color="green"] .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #4CAF50; +} +.panel-group[data-collapse-color="amber"] .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #FFC107; +} +.panel-group[data-collapse-color="teal"] .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #009688; +} +.panel-group[data-collapse-color="black"] .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #000000; +} +.panel-group[data-collapse-color="cyan"] .panel-collapse .panel-heading.active .panel-title > a { + border-bottom-color: #00BCD4; +} +.tooltip-inner { + border-radius: 1px; + padding: 5px 10px; + font-size: 12px; +} +.popover { + box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); +} +.popover-title { + border-bottom: 0; + padding: 15px; + font-size: 12px; + text-transform: uppercase; +} +.popover-title + .popover-content { + padding-top: 0; +} +.popover-content { + padding: 15px; +} +.popover-content p { + margin-bottom: 0; +} +.breadcrumb { + border-bottom: 1px solid #E5E5E5; + border-radius: 0; + padding-top: 10px; + padding-right: 33px; + padding-bottom: 11px; +} +@media (min-width: 1280px) { + .breadcrumb { + padding-left: 270px; + } +} +@media (min-width: 768px) and (max-width: 1279px) { + .breadcrumb { + padding-left: 94px; + } +} +@media (max-width: 768px) { + .breadcrumb { + padding-left: 15px; + } +} +.breadcrumb > li > a { + color: #A9A9A9; +} +.breadcrumb > li > a:hover { + color: #7c7c7c; +} +.jumbotron { + padding-left: 60px; + padding-right: 60px; +} +#profile-main { + min-height: 500px; + position: relative; +} +.pm-overview { + overflow: hidden !important; +} +@media (min-width: 1200px) { + .pm-overview { + width: 300px; + } +} +@media (min-width: 768px) and (max-width: 1200px) { + .pm-overview { + width: 250px; + } +} +@media (min-width: 768px) { + .pm-overview { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f8f8f8; + border-right: 1px solid #eee; + } +} +@media (max-width: 767px) { + .pm-overview { + width: 100%; + background: #333; + text-align: center; + } +} +.pm-overview:hover .pmop-edit { + opacity: 1; + filter: alpha(opacity=100); + color: #fff; +} +@media (min-width: 1200px) { + .pm-body { + padding-left: 300px; + } +} +@media (min-width: 768px) and (max-width: 1200px) { + .pm-body { + padding-left: 250px; + } +} +@media (max-width: 767px) { + .pm-body { + padding-left: 0; + } +} +.pmo-pic { + position: relative; + margin: 20px; +} +@media (min-width: 768px) { + .pmo-pic img { + width: 100%; + border-radius: 2px 2px 0 0; + } +} +@media (max-width: 767px) { + .pmo-pic img { + width: 180px; + display: inline-block; + height: 180px; + border-radius: 50%; + border: 4px solid #fff; + } +} +.pmo-stat { + border-radius: 0 0 2px 2px; + color: #fff; + text-align: center; + padding: 30px 5px 0; +} +@media (min-width: 768px) { + .pmo-stat { + background: #FFC107; + padding-bottom: 15px; + } +} +.pmop-edit { + position: absolute; + top: 0; + left: 0; + color: #fff; + background: rgba(0, 0, 0, 0.38); + text-align: center; + padding: 10px 10px 11px; +} +.pmop-edit:hover { + background: rgba(0, 0, 0, 0.8); +} +.pmop-edit i { + font-size: 18px; + vertical-align: middle; + margin-top: -3px; +} +@media (min-width: 768px) { + .pmop-edit { + width: 100%; + opacity: 0; + filter: alpha(opacity=0); + } + .pmop-edit i { + margin-right: 4px; + } +} +.pmop-message { + position: absolute; + bottom: 27px; + left: 50%; + margin-left: -25px; +} +.pmop-message .dropdown-menu { + padding: 5px 0 55px; + left: -90px; + width: 228px; + height: 150px; + top: -74px; +} +.pmop-message .dropdown-menu textarea { + width: 100%; + height: 95px; + border: 0; + resize: none; + padding: 10px 19px; +} +.pmop-message .dropdown-menu button { + position: absolute; + bottom: 5px; + left: 93px; +} +.pmb-block { + margin-bottom: 20px; +} +@media (min-width: 1200px) { + .pmb-block { + padding: 40px 42px 0; + } +} +@media (max-width: 1199px) { + .pmb-block { + padding: 30px 20px 0; + } +} +.pmb-block:last-child { + margin-bottom: 50px; +} +.pmb-block.toggled .pmbb-edit { + display: block; +} +.pmb-block.toggled .pmbb-view { + display: none; +} +.pmbb-header { + margin-bottom: 25px; + position: relative; +} +.pmbb-header .actions { + position: absolute; + top: -2px; + right: 0; +} +.pmbb-header h2 { + margin: 0; + font-weight: 100; + font-size: 20px; +} +.pmbb-edit { + position: relative; + z-index: 1; + display: none; +} +.pmo-block { + padding: 25px; +} +.pmo-block > h2 { + font-size: 16px; + margin: 0 0 15px; +} +.pmo-items .pmob-body { + padding: 0 10px; +} +.pmo-items a { + display: block; + padding: 4px; +} +.pmo-items a img { + width: 100%; +} +.pmopm-send { + background-color: #fff; + width: 50px; + height: 50px; + font-size: 24px; + line-height: 53px; + border-radius: 50%; + position: absolute; + color: #333; + bottom: -50px; + box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); + text-align: center; +} +.pmopm-send:hover { + color: #000; +} +.pmo-contact ul { + list-style: none; + margin: 0; + padding: 0; +} +.pmo-contact ul li { + position: relative; + padding: 8px 0 8px 35px; +} +.pmo-contact ul li i { + font-size: 18px; + vertical-align: top; + line-height: 100%; + position: absolute; + left: 0; + width: 18px; + text-align: center; + color: #333; +} +.pmo-map { + margin: 20px -21px -18px; + display: block; +} +.pmo-map img { + width: 100%; +} +.p-header { + position: relative; + margin: 0 -7px; +} +.p-header .actions { + position: absolute; + top: -18px; + right: 0; +} +.p-menu { + list-style: none; + padding: 0 8px; + margin: 0 0 30px; +} +.p-menu > li { + display: inline-block; + vertical-align: top; +} +.p-menu > li > a { + display: block; + padding: 5px 20px 5px 0; + font-weight: 500; + text-transform: uppercase; + font-size: 15px; +} +.p-menu > li > a > i { + margin-right: 4px; + font-size: 20px; + vertical-align: middle; + margin-top: -5px; +} +.p-menu > li:not(.active) > a { + color: #4285F4; +} +.p-menu > li:not(.active) > a:hover { + color: #333; +} +.p-menu > li.active > a { + color: #000; +} +@media (max-width: 991px) { + .p-menu .pm-search { + margin: 20px 2px 30px; + display: block; + } + .p-menu .pm-search input[type="text"] { + width: 100%; + border: 1px solid #ccc; + } +} +.p-menu .pms-inner { + margin: -2px 0 0; + position: relative; + top: -2px; + overflow: hidden; + white-space: nowrap; +} +.p-menu .pms-inner i { + vertical-align: top; + font-size: 20px; + line-height: 100%; + position: absolute; + left: 9px; + top: 8px; + color: #333; +} +.p-menu .pms-inner input[type="text"] { + height: 35px; + border-radius: 2px; + padding: 0 10px 0 40px; +} +@media (min-width: 768px) { + .p-menu .pms-inner input[type="text"] { + border: 1px solid #fff; + width: 50px; + background: transparent; + position: relative; + z-index: 1; + -webkit-transition: all; + -o-transition: all; + transition: all; + -webkit-transition-duration: 300ms; + transition-duration: 300ms; + } + .p-menu .pms-inner input[type="text"]:focus { + border-color: #DFDFDF; + width: 200px; + } +} +.four-zero { + background: #ffffff; + box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); + border-radius: 2px; + position: absolute; + top: 50%; + margin-top: -150px; + text-align: center; + padding: 15px; + height: 300px; + width: 500px; + left: 50%; + color: #333; + margin-left: -250px; +} +.four-zero h2 { + font-size: 130px; +} +@media (max-width: 767px) { + .four-zero { + width: calc(100% - 40px); + left: 20px; + margin-left: 0; + height: 260px; + margin-top: -130px; + } + .four-zero h2 { + font-size: 90px; + } +} +.four-zero h2 { + line-height: 100%; + font-weight: 100; +} +.four-zero small { + display: block; + font-size: 26px; + margin-top: -10px; +} +.four-zero footer { + background: #f8f8f8; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + padding: 10px; +} +.four-zero footer > a { + font-size: 21px; + display: inline-block; + color: #333; + margin: 0 1px; + line-height: 40px; + width: 40px; + height: 40px; + background: rgba(0, 0, 0, 0.09); + border-radius: 50%; + text-align: center; +} +.four-zero footer > a:hover { + background: rgba(0, 0, 0, 0.2); +} +#footer { + position: absolute; + bottom: 0; + text-align: center; + width: 100%; + height: 95px; + color: #a2a2a2; + padding-top: 10px; + padding-bottom: 15px; +} +#footer .f-menu { + display: block; + width: 100%; + padding-left: 0; + list-style: none; + margin-left: -5px; + margin-top: 8px; +} +#footer .f-menu > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +#footer .f-menu > li > a { + color: #a2a2a2; +} +#footer .f-menu > li > a:hover { + color: #777; +} +@media (min-width: 1280px) { + #footer { + /* padding-left: 270px; */ + } +} +@media (min-width: 768px) and (max-width: 1279px) { + #footer { + padding-left: 94px; + } +} +@media (max-width: 768px) { + #footer { + padding-left: 15px; + } +} +.ie-warning { + position: fixed; + top: 0; + left: 0; + z-index: 9999; + background: #000000; + width: 100%; + height: 100%; + text-align: center; + color: #fff; + font-family: "Courier New", Courier, monospace; + padding: 50px 0; +} +.ie-warning p { + font-size: 17px; +} +.ie-warning .iew-container { + min-width: 1024px; + width: 100%; + height: 200px; + background: #fff; + margin: 50px 0; +} +.ie-warning .iew-download { + list-style: none; + padding: 30px 0; + margin: 0 auto; + width: 720px; +} +.ie-warning .iew-download > li { + float: left; + vertical-align: top; +} +.ie-warning .iew-download > li > a { + display: block; + color: #000; + width: 140px; + font-size: 15px; + padding: 15px 0; +} +.ie-warning .iew-download > li > a > div { + margin-top: 10px; +} +.ie-warning .iew-download > li > a:hover { + background-color: #eee; +} +/** VENDOR **/ +.btn-file { + overflow: hidden; + position: relative; + vertical-align: middle; +} +.btn-file > input { + position: absolute; + top: 0; + right: 0; + margin: 0; + opacity: 0; + filter: alpha(opacity=0); + font-size: 23px; + height: 100%; + width: 100%; + direction: ltr; + cursor: pointer; +} +.fileinput { + margin-bottom: 9px; + display: inline-block; +} +.fileinput .form-control { + padding-top: 7px; + padding-bottom: 5px; + display: inline-block; + margin-bottom: 0px; + vertical-align: middle; + cursor: text; +} +.fileinput .thumbnail { + overflow: hidden; + display: inline-block; + margin-bottom: 5px; + vertical-align: middle; + text-align: center; +} +.fileinput .thumbnail > img { + max-height: 100%; +} +.fileinput .btn { + vertical-align: middle; +} +.fileinput-exists .fileinput-new, +.fileinput-new .fileinput-exists { + display: none; +} +.fileinput-inline .fileinput-controls { + display: inline; +} +.fileinput-filename { + vertical-align: middle; + display: inline-block; + overflow: hidden; +} +.form-control .fileinput-filename { + vertical-align: bottom; +} +.fileinput.input-group { + display: table; +} +.fileinput.input-group > * { + position: relative; + z-index: 2; +} +.fileinput.input-group > .btn-file { + z-index: 1; +} +.fileinput-new.input-group .btn-file, +.fileinput-new .input-group .btn-file { + border-radius: 0 2px 2px 0; +} +.fileinput-new.input-group .btn-file.btn-xs, +.fileinput-new .input-group .btn-file.btn-xs, +.fileinput-new.input-group .btn-file.btn-sm, +.fileinput-new .input-group .btn-file.btn-sm { + border-radius: 0 2px 2px 0; +} +.fileinput-new.input-group .btn-file.btn-lg, +.fileinput-new .input-group .btn-file.btn-lg { + border-radius: 0 2px 2px 0; +} +.form-group.has-warning .fileinput .fileinput-preview { + color: #FF9800; +} +.form-group.has-warning .fileinput .thumbnail { + border-color: #faebcc; +} +.form-group.has-error .fileinput .fileinput-preview { + color: #f55a4e; +} +.form-group.has-error .fileinput .thumbnail { + border-color: #ebccd1; +} +.form-group.has-success .fileinput .fileinput-preview { + color: #4CAF50; +} +.form-group.has-success .fileinput .thumbnail { + border-color: #d6e9c6; +} +.input-group-addon:not(:first-child) { + border-left: 0; +} +/** VENDOR OVERRIDES **/ +.bootstrap-select .bs-searchbox { + padding: 0 18px; + margin: 5px 0 10px; + position: relative; +} +.bootstrap-select .bs-searchbox:before { + position: absolute; + left: 14px; + top: 2px; + width: 30px; + height: 100%; + content: "\f1c3"; + font-family: 'Material-Design-Iconic-Font'; + font-size: 25px; +} +.bootstrap-select .bs-searchbox input { + padding-left: 25px; + border: 0; +} +.bootstrap-select.btn-group .dropdown-menu li a.opt { + padding-left: 17px; +} +.bootstrap-select .check-mark { + margin-top: -5px !important; + font-size: 19px; + display: none; + position: absolute; + top: 11px; + right: 15px; +} +.bootstrap-select .check-mark:before { + content: "\f26b"; + font-family: 'Material-Design-Iconic-Font'; +} +.bootstrap-select .selected .check-mark { + display: block !important; +} +.bootstrap-select .notify { + bottom: 0 !important; + margin: 0 !important; + width: 100% !important; + border: 0 !important; + background: #F44336 !important; + color: #fff !important; + text-align: center; +} +.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { + width: 100%; +} +.bootstrap-select .btn-default { + background-color: #fff; + border-radius: 0; + border: 1px solid #e8e8e8; +} +.bootstrap-datetimepicker-widget { + padding: 0 !important; + margin: 0 !important; + width: auto !important; +} +.bootstrap-datetimepicker-widget:after, +.bootstrap-datetimepicker-widget:before { + display: none !important; +} +.bootstrap-datetimepicker-widget table td { + text-shadow: none; +} +.bootstrap-datetimepicker-widget table td span { + margin: 0; +} +.bootstrap-datetimepicker-widget table td span:hover { + background: transparent; +} +.bootstrap-datetimepicker-widget .glyphicon { + font-family: 'Material-Design-Iconic-Font'; + font-size: 18px; +} +.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before { + content: "\f2ff"; +} +.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before { + content: "\f301"; +} +.bootstrap-datetimepicker-widget .glyphicon-time:before { + content: "\f337"; +} +.bootstrap-datetimepicker-widget .glyphicon-calendar:before { + content: "\f32e"; +} +.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before { + content: "\f1e5"; +} +.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before { + content: "\f1e4"; +} +.bootstrap-datetimepicker-widget [data-action="togglePicker"] span { + font-size: 25px; + color: #ccc; +} +.bootstrap-datetimepicker-widget [data-action="togglePicker"] span:hover { + color: #333; +} +.bootstrap-datetimepicker-widget a[data-action] { + color: #2196F3; +} +.timepicker-picker .btn { + box-shadow: none !important; +} +.timepicker-picker table tbody tr + tr:not(:last-child) { + background: #2196F3; + color: #fff; +} +.timepicker-picker table tbody tr + tr:not(:last-child) td { + border-radius: 0; +} +.timepicker-picker .btn { + background: #fff; + color: #333; +} +.datepicker.top { + -webkit-transform-origin: 0 100% !important; + -moz-transform-origin: 0 100% !important; + -ms-transform-origin: 0 100% !important; + transform-origin: 0 100% !important; +} +.datepicker table thead tr th { + border-radius: 0; + color: #fff; +} +.datepicker table thead tr th .glyphicon { + width: 30px; + height: 30px; + border-radius: 50%; + line-height: 29px; +} +.datepicker table thead tr th:hover .glyphicon { + background: rgba(0, 0, 0, 0.2); +} +.datepicker table thead tr:first-child th { + background: #2196F3; + padding: 20px 0; +} +.datepicker table thead tr:first-child th:hover { + background: #2196F3; +} +.datepicker table thead tr:first-child th.picker-switch { + font-size: 16px; + font-weight: 400; + text-transform: uppercase; +} +.datepicker table thead tr:last-child th { + text-transform: uppercase; + font-weight: normal; + font-size: 11px; +} +.datepicker table thead tr:last-child th:first-child { + padding-left: 20px; +} +.datepicker table thead tr:last-child th:last-child { + padding-right: 20px; +} +.datepicker table thead tr:last-child:not(:only-child) { + background: #128ff2; +} +.datepicker table tbody tr:last-child td { + padding-bottom: 25px; +} +.datepicker table tbody tr td:first-child { + padding-left: 13px; +} +.datepicker table tbody tr td:last-child { + padding-right: 13px; +} +.datepicker table td.day { + width: 35px; + height: 35px; + line-height: 20px; + color: #333; + position: relative; + padding: 0; + background: transparent; +} +.datepicker table td.day:hover { + background: none; +} +.datepicker table td.day:before { + content: ""; + width: 35px; + height: 35px; + border-radius: 50%; + margin-bottom: -33px; + display: inline-block; + background: transparent; + position: static; + text-shadow: none; +} +.datepicker table td.day.old, +.datepicker table td.day.new { + color: #CDCDCD; +} +.datepicker table td:not(.today):not(.active):hover:before { + background: #F0F0F0; +} +.datepicker table td.today { + color: #333; +} +.datepicker table td.today:before { + background-color: #E2E2E2; +} +.datepicker table td.active { + color: #fff; +} +.datepicker table td.active:before { + background-color: #2196F3; +} +.datepicker-months .month, +.datepicker-years .year, +.timepicker-minutes .minute, +.timepicker-hours .hour { + border-radius: 50%; +} +.datepicker-months .month:not(.active):hover, +.datepicker-years .year:not(.active):hover, +.timepicker-minutes .minute:not(.active):hover, +.timepicker-hours .hour:not(.active):hover { + background: #F0F0F0; +} +.datepicker-months .month.active, +.datepicker-years .year.active, +.timepicker-minutes .minute.active, +.timepicker-hours .hour.active { + background: #2196F3; +} +.timepicker-minutes .minute, +.timepicker-hours .hour { + padding: 0; +} +.twitter-typeahead { + width: 100%; +} +.twitter-typeahead .tt-menu { + min-width: 200px; + background: #fff; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); +} +.twitter-typeahead .tt-suggestion:hover, +.twitter-typeahead .tt-cursor { + background-color: rgba(0, 0, 0, 0.075); +} +.twitter-typeahead .tt-suggestion { + padding: 8px 17px; + color: #333; + cursor: pointer; +} +.twitter-typeahead .tt-hint { + color: #818181 !important; +} +.fileinput { + position: relative; + padding-right: 35px; +} +.fileinput .close { + position: absolute; + top: 5px; + font-size: 12px; + float: none; + opacity: 1; + font-weight: 500; + border: 1px solid #ccc; + width: 19px; + text-align: center; + height: 19px; + line-height: 15px; + border-radius: 50%; + right: 0; +} +.fileinput .close:hover { + background: #eee; +} +.fileinput .input-group-addon { + padding: 0 10px; + vertical-align: middle; +} +.fileinput .fileinput-preview { + width: 200px; + height: 150px; + position: relative; +} +.fileinput .fileinput-preview img { + display: inline-block; + vertical-align: middle; + margin-top: -13px; +} +.fileinput .fileinput-preview:after { + content: ""; + display: inline-block; + vertical-align: middle; +} +.sweet-alert { + border-radius: 2px; + padding: 10px 30px; +} +.sweet-alert h2 { + font-size: 16px; + font-weight: 400; + position: relative; + z-index: 1; +} +.sweet-alert .lead { + font-size: 13px; +} +.sweet-alert .btn { + padding: 6px 12px; + font-size: 13px; + margin: 20px 2px 0; +} diff --git a/rd_ui/app/vendor_scripts.html b/rd_ui/app/vendor_scripts.html index 43ac7afc4..a4e623dc6 100644 --- a/rd_ui/app/vendor_scripts.html +++ b/rd_ui/app/vendor_scripts.html @@ -2,6 +2,7 @@ + diff --git a/rd_ui/app/views/admin_status.html b/rd_ui/app/views/admin_status.html index 58a3eaa5d..d16eb46b6 100644 --- a/rd_ui/app/views/admin_status.html +++ b/rd_ui/app/views/admin_status.html @@ -1,38 +1,45 @@ + + +
-
-
-

Status

-
-
-
    -
  • - {{value}} - {{name | toHuman}} -
    • -
-
    -
  • Manager
    • -
  • - - Last Refresh -
    • -
  • - - Started -
    • -
  • - {{manager.outdated_queries_count}} - Outdated Queries Count -
    • -
-
    -
  • Queues
    • -
  • - {{value.size}} - {{name}} ({{value.data_sources}}) -
    • -
-
-
Next refresh:
+
+ + +
+ +
    +
  • General
    • +
  • + {{value}} + {{name | toHuman}} +
    • +
+ +
    +
  • Manager
    • +
  • + + Last Refresh +
    • +
  • + + Started +
    • +
  • + {{manager.outdated_queries_count}} + Outdated Queries Count +
    • +
+ +
    +
  • Queues
    • +
  • + {{value.size}} + {{name}} ({{value.data_sources}}) +
    • +
-
\ No newline at end of file +
+
diff --git a/rd_ui/app/views/alerts/edit.html b/rd_ui/app/views/alerts/edit.html index d71d7e4df..73c61a306 100644 --- a/rd_ui/app/views/alerts/edit.html +++ b/rd_ui/app/views/alerts/edit.html @@ -1,65 +1,68 @@ -
- -
    -
  1. Alerts
    2. -
  2. {{alert.name || getDefaultName() || "New"}}
    3. -
-
-
-
-
- - - {{$select.selected.name}} - -
- - -
+ + -
- - -
+
+ +
+
+
+ +
+ + + {{$select.selected.name}} + +
+ + +
-
-
- -
- -
- -
-

{{queryResult.getData()[0][alert.options.column]}}

-
-
-
- -
- -
- -
- -
-
-
- -
- -
-
-
+
+ + +
-
- -
- -
-
- -
+
+
+ +
+ +
+ +
+

{{queryResult.getData()[0][alert.options.column]}}

+
+
+
+ +
+ +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+ +
+
+ +
+
diff --git a/rd_ui/app/views/alerts/list.html b/rd_ui/app/views/alerts/list.html index 8e1b19722..348246dc6 100644 --- a/rd_ui/app/views/alerts/list.html +++ b/rd_ui/app/views/alerts/list.html @@ -1,16 +1,11 @@ -
-
    -
  1. Alerts
    2. -
-
-
-

- New Alert -

+ + New Alert + - -
-
-
\ No newline at end of file +
+
+ +
+
diff --git a/rd_ui/app/views/app_header.html b/rd_ui/app/views/app_header.html index 6e70a598b..7648dd5b4 100644 --- a/rd_ui/app/views/app_header.html +++ b/rd_ui/app/views/app_header.html @@ -1,8 +1,7 @@