From 124482d4bc226a223b4a8b6346fe1da47464c21c Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Mon, 25 Nov 2024 16:21:10 +0100 Subject: [PATCH 01/19] pagination --- .../html/pages/search/resultsByCountry.html | 3 +- .../html/pages/search/resultsByType.html | 3 +- .../html/pages/search/searchResults.html | 3 +- .../html/parts/org_results_page.html | 33 +++++---- .../html/parts/select_org.modal.html | 5 +- .../static/resources/js/organizations.js | 67 +++++++++++-------- 6 files changed, 63 insertions(+), 51 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByCountry.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByCountry.html index 12373cd9..34fb4848 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByCountry.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByCountry.html @@ -1,6 +1,5 @@ diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html index cd80bf1e..740ec66d 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html @@ -1,6 +1,5 @@ diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/searchResults.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/searchResults.html index 9f62420f..c3d50f0c 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/searchResults.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/searchResults.html @@ -1,6 +1,5 @@ diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html index 1d98f884..7e604abe 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html @@ -1,16 +1,13 @@

- Page: {{orgs.number + 1}} / {{orgs.totalPages}}
Total elements: {{orgs.totalElements}}
{{searchMessage}} - Page: -
Total elements: 0
{{searchMessage}} - Page:
Total elements:
{{searchMessage}} @@ -25,16 +22,26 @@

- +
+
+ + +
+ +
+ Page {{i + 1}} +
+
+ + + + + +
+

Click the organization name to add the organization (multiple selection is allowed)

diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html index 57b78402..2c1db405 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html @@ -10,14 +10,13 @@
- +
diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js index b7fb83a7..cd77907d 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js @@ -38,7 +38,7 @@ orgsModule.controller('menuCtrl', function ($scope, suggestionInfo) { suggestionInfo.updateInfo(null); }); -orgsModule.directive('selectOrgModal', function($http, $timeout) { +orgsModule.directive('selectOrgModal', function($http) { return { restrict: 'E', scope: { @@ -52,15 +52,19 @@ orgsModule.directive('selectOrgModal', function($http, $timeout) { scope.searchOrgs = {}; scope.searchText = ''; scope.searchValue = ''; - - scope.search = function(text, page, size) { + + scope.search = function(text) { scope.searchOrgs = {}; - - call_http_get($http, 'api/organizations/search/' + page + '/' + size + '?status='+ scope.filterStatus + '&q=' + text, function(res) { + + call_http_get($http, 'api/organizations/search/0/25?status='+ scope.filterStatus + '&q=' + text, function(res) { scope.searchValue = text; scope.searchOrgs = res.data; }); } + + scope.searchPage = function() { + return 'api/organizations/search/__PAGE__/__SIZE__?status='+ scope.filterStatus + '&q=' + scope.searchValue; + } scope.selectOrg = function() { if (scope.onSelect) { @@ -207,8 +211,7 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route) { scope: { 'searchMessage' : '@', 'orgs' : '=', - 'nextFunction' : '&', - 'prevFunction' : '&', + 'pageFunction' : '&', 'onSelect' : '&', 'selectedOrg' : '=', 'mode' : '@', @@ -234,7 +237,27 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route) { } } + + scope.availablePages = function() { + var input = []; + for (var i = 0; i < scope.orgs.totalPages; i++) input.push(i); + return input; + } + + scope.gotoPage = function(page, pageSize) { + var url = scope.pageFunction().replace(/__PAGE__/, page).replace(/__SIZE__/, pageSize); + + if (scope.mode == 'select-modal') { + scope.orgs = {}; + call_http_get($http, url, function(res) { + scope.orgs = res.data; + }); + } else { + $location.url(url); + } + } } + } }); @@ -448,21 +471,14 @@ orgsModule.controller('searchResultsCtrl', function ($scope, $http, $routeParams call_http_get($http, 'api/organizations/search/' + $routeParams.page + '/' + $routeParams.size + '?q=' + $scope.searchText, function(res) { $scope.orgs = res.data; }); - $scope.prev = function() { + $scope.pageSearch = function() { if ($scope.searchText) { - $location.url('/searchResults/' + ($scope.orgs.number - 1) + '/' + $scope.orgs.size + '/' + encodeURIComponent($scope.searchText)); + return '/searchResults/__PAGE__/__SIZE__/' + encodeURIComponent($scope.searchText); } else { - $location.url('/searchResults/' + ($scope.orgs.number - 1) + '/' + $scope.orgs.size + '/_'); + return '/searchResults/__PAGE__/__SIZE__/_'; } } - $scope.next = function() { - if ($scope.searchText) { - $location.url('/searchResults/' + ($scope.orgs.number + 1) + '/' + $scope.orgs.size + '/' + encodeURIComponent($scope.searchText)); - } else { - $location.url('/searchResults/' + ($scope.orgs.number + 1) + '/' + $scope.orgs.size + '/_'); - } - } }); orgsModule.controller('countriesCtrl', function ($scope, $http, $routeParams) { @@ -483,12 +499,8 @@ orgsModule.controller('byCountryCtrl', function ($scope, $http, $routeParams, $l call_http_get($http, 'api/organizations/byCountry/' + $routeParams.status + '/' + $routeParams.code + '/' + $routeParams.page + '/' + $routeParams.size, function(res) { $scope.orgs = res.data; }); - $scope.prev = function() { - $location.url('/byCountry/' + ($scope.orgs.number - 1) + '/' + $scope.orgs.size + '/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue)); - } - - $scope.next = function() { - $location.url('/byCountry/' + ($scope.orgs.number + 1) + '/' + $scope.orgs.size + '/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue)); + $scope.pageByCountry = function() { + return '/byCountry/__PAGE__/__SIZE__/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue); } }); @@ -511,13 +523,10 @@ orgsModule.controller('byTypeCtrl', function ($scope, $http, $routeParams, $loca call_http_get($http, 'api/organizations/byType/' + $routeParams.status + '/' + $routeParams.type + '/' + $routeParams.page + '/' + $routeParams.size, function(res) { $scope.orgs = res.data; }); - $scope.prev = function() { - $location.url('/byType/' + ($scope.orgs.number - 1) + '/' + $scope.orgs.size + '/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue)); - } - - $scope.next = function() { - $location.url('/byType/' + ($scope.orgs.number + 1) + '/' + $scope.orgs.size + '/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue)); + $scope.pageByType = function() { + return '/byType/__PAGE__/__SIZE__/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue); } + }); -- 2.17.1 From c8ad02503157dc0386c1c16b3a845886f4ec062a Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Tue, 26 Nov 2024 11:47:20 +0100 Subject: [PATCH 02/19] page size --- .../html/parts/org_results_page.html | 23 +++++++++++-------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html index 7e604abe..d97188d2 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html @@ -24,22 +24,25 @@
- - +
Page {{i + 1}}
- - - - - +
+ +
+ Size 10 + Size 25 + Size 50 + Size 100 + Size 200 + Size 500 +
+
+
-- 2.17.1 From c75d8b0e3975b454a523ed28042beef09259375c Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Tue, 26 Nov 2024 12:48:58 +0100 Subject: [PATCH 03/19] single and multi select modal --- .../html/pages/advanced/conflicts.html | 2 +- .../resources/html/parts/org_conflicts.html | 2 +- .../resources/html/parts/org_duplicates.html | 2 +- .../html/parts/org_metadata.form.html | 2 +- .../html/parts/org_results_page.html | 22 ++++++++++++------- .../html/parts/select_org.modal.html | 3 +-- .../static/resources/js/organizations.js | 11 ++++++++-- 7 files changed, 28 insertions(+), 16 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/advanced/conflicts.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/advanced/conflicts.html index 531b27b1..057d6ed0 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/advanced/conflicts.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/advanced/conflicts.html @@ -44,5 +44,5 @@ - + diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_conflicts.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_conflicts.html index f825aa73..4384c8ff 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_conflicts.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_conflicts.html @@ -32,4 +32,4 @@ - + diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_duplicates.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_duplicates.html index 23c22e88..9df14a67 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_duplicates.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_duplicates.html @@ -69,4 +69,4 @@
- + diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html index 5e7d45a4..efd8e632 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html @@ -282,7 +282,7 @@ +

Total elements: {{orgs.totalElements}}
{{searchMessage}} @@ -13,8 +13,8 @@

-

- Page: {{orgs.number + 1}} / {{orgs.totalPages}} - Total elements: {{orgs.totalElements}} +

+ Total elements: {{orgs.totalElements}} Total elements: 0

@@ -46,7 +46,8 @@
-

Click the organization name to add the organization (multiple selection is allowed)

+

Click the organization name to select the organization

+

Click the organization name to add the organization (multiple selection is allowed)

@@ -61,11 +62,16 @@ diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html index 2c1db405..9094e387 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/select_org.modal.html @@ -19,8 +19,7 @@ page-function="searchPage()" on-select="selectOrg()" selected-org="selectedOrg" - mode="select-modal"> - + mode="{{resultsPageMode}}">
diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js index cd77907d..c313bd7a 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js @@ -45,7 +45,8 @@ orgsModule.directive('selectOrgModal', function($http) { 'modalId' : '@', 'filterStatus' : '@', 'selectedOrg' : '=', - 'onSelect' : '&' + 'onSelect' : '&', + 'multiple' : '@' }, templateUrl: 'resources/html/parts/select_org.modal.html', link: function(scope, element, attrs, ctrl) { @@ -53,6 +54,12 @@ orgsModule.directive('selectOrgModal', function($http) { scope.searchText = ''; scope.searchValue = ''; + if (scope.multiple == 'true') { + scope.resultsPageMode = 'multi-select-modal'; + } else { + scope.resultsPageMode = 'select-modal'; + } + scope.search = function(text) { scope.searchOrgs = {}; @@ -247,7 +254,7 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route) { scope.gotoPage = function(page, pageSize) { var url = scope.pageFunction().replace(/__PAGE__/, page).replace(/__SIZE__/, pageSize); - if (scope.mode == 'select-modal') { + if (scope.mode == 'select-modal' || scope.mode == 'multi-select-modal') { scope.orgs = {}; call_http_get($http, url, function(res) { scope.orgs = res.data; -- 2.17.1 From 1171eb70ba802df6872df2f4b650d70a1b1a8a59 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Tue, 26 Nov 2024 14:17:49 +0100 Subject: [PATCH 04/19] openorgs css --- .../resources/css/bootstrap.openorgs.css | 10531 ++++++++++++++++ .../templates/alreadyRegistered.html | 2 +- .../templates/authorizationRequest.html | 2 +- .../src/main/resources/templates/home.html | 2 +- .../src/main/resources/templates/login.html | 2 +- .../src/main/resources/templates/main.html | 2 +- 6 files changed, 10536 insertions(+), 5 deletions(-) create mode 100644 apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css b/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css new file mode 100644 index 00000000..845d2bb7 --- /dev/null +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css @@ -0,0 +1,10531 @@ +/*! + * Bootswatch v4.6.0 + * Homepage: https://bootswatch.com + * Copyright 2012-2021 Thomas Park + * Licensed under MIT + * Based on Bootstrap +*/ +/*! + * Bootstrap v4.6.0 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +:root { + --blue: #033c73; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #c71c22; + --orange: #fd7e14; + --yellow: #dd5600; + --green: #73a839; + --teal: #20c997; + --cyan: #2fa4e7; + --white: #fff; + --gray: #868e96; + --gray-dark: #343a40; + --primary: #2fa4e7; + --secondary: #e9ecef; + --success: #73a839; + --info: #033c73; + --warning: #dd5600; + --danger: #c71c22; + --light: #f8f9fa; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace +} + +*, ::after, ::before { + box-sizing:border-box +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color:transparent +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display:block +} + +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: left; + background-color: #fff +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline:0 !important +} + +hr { + box-sizing: content-box; + height: 0; + overflow:visible +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom:.5rem +} + +p { + margin-top: 0; + margin-bottom:1rem +} + +abbr[data-original-title], abbr[title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink:none +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height:inherit +} + +dl, ol, ul { + margin-top: 0; + margin-bottom:1rem +} + +ol ol, ol ul, ul ol, ul ul { + margin-bottom:0 +} + +dt { + font-weight:700 +} + +dd { + margin-bottom: .5rem; + margin-left:0 +} + +blockquote { + margin:0 0 1rem +} + +b, strong { + font-weight:bolder +} + +small { + font-size:80% +} + +sub, sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align:baseline +} + +sub { + bottom:-.25em +} + +sup { + top:-.5em +} + +a { + color: #2fa4e7; + text-decoration: none; + background-color:transparent +} + +a:hover { + color: #157ab5; + text-decoration:underline +} + +a:not([href]):not([class]) { + color: inherit; + text-decoration:none +} + +a:not([href]):not([class]):hover { + color: inherit; + text-decoration:none +} + +code, kbd, pre, samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size:1em +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style:scrollbar +} + +figure { + margin:0 0 1rem +} + +img { + vertical-align: middle; + border-style:none +} + +svg { + overflow: hidden; + vertical-align:middle +} + +table { + border-collapse:collapse +} + +caption { + padding-top: .75rem; + padding-bottom: .75rem; + color: #868e96; + text-align: left; + caption-side:bottom +} + +th { + text-align: inherit; + text-align:-webkit-match-parent +} + +label { + display: inline-block; + margin-bottom:.5rem +} + +button { + border-radius:0 +} + +button:focus:not(:focus-visible) { + outline:0 +} + +button, input, optgroup, select, textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height:inherit +} + +button, input { + overflow:visible +} + +button, select { + text-transform:none +} + +[role=button] { + cursor:pointer +} + +select { + word-wrap:normal +} + +[type=button], [type=reset], [type=submit], button { + -webkit-appearance:button +} + +[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { + cursor:pointer +} + +[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { + padding: 0; + border-style:none +} + +input[type=checkbox], input[type=radio] { + box-sizing: border-box; + padding:0 +} + +textarea { + overflow: auto; + resize:vertical +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border:0 +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space:normal +} + +progress { + vertical-align:baseline +} + +[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { + height:auto +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance:none +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance:none +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance:button +} + +output { + display:inline-block +} + +summary { + display: list-item; + cursor:pointer +} + +template { + display:none +} + +[hidden] { + display:none !important +} + +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + margin-bottom: .5rem; + font-weight: 500; + line-height: 1.2; + color:#2fa4e7 +} + +.h1, h1 { + font-size:2.5rem +} + +.h2, h2 { + font-size:2rem +} + +.h3, h3 { + font-size:1.75rem +} + +.h4, h4 { + font-size:1.5rem +} + +.h5, h5 { + font-size:1.25rem +} + +.h6, h6 { + font-size:1rem +} + +.lead { + font-size: 1.25rem; + font-weight:300 +} + +.display-1 { + font-size: 6rem; + font-weight: 300; + line-height:1.2 +} + +.display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height:1.2 +} + +.display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height:1.2 +} + +.display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height:1.2 +} + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top:1px solid rgba(0, 0, 0, .1) +} + +.small, small { + font-size: 80%; + font-weight:400 +} + +.mark, mark { + padding: .2em; + background-color:#fcf8e3 +} + +.list-unstyled { + padding-left: 0; + list-style:none +} + +.list-inline { + padding-left: 0; + list-style:none +} + +.list-inline-item { + display:inline-block +} + +.list-inline-item:not(:last-child) { + margin-right:.5rem +} + +.initialism { + font-size: 90%; + text-transform:uppercase +} + +.blockquote { + margin-bottom: 1rem; + font-size:1.25rem +} + +.blockquote-footer { + display: block; + font-size: 80%; + color:#868e96 +} + +.blockquote-footer::before { + content: "\2014\00A0" +} + +.img-fluid { + max-width: 100%; + height:auto +} + +.img-thumbnail { + padding: .25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: .25rem; + max-width: 100%; + height:auto +} + +.figure { + display:inline-block +} + +.figure-img { + margin-bottom: .5rem; + line-height:1 +} + +.figure-caption { + font-size: 90%; + color:#868e96 +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap:break-word +} + +a > code { + color:inherit +} + +kbd { + padding: .2rem .4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius:.2rem +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight:700 +} + +pre { + display: block; + font-size: 87.5%; + color:#212529 +} + +pre code { + font-size: inherit; + color: inherit; + word-break:normal +} + +.pre-scrollable { + max-height: 340px; + overflow-y:scroll +} + +.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left:auto +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width:540px + } +} + +@media (min-width: 768px) { + .container, .container-md, .container-sm { + max-width:720px + } +} + +@media (min-width: 992px) { + .container, .container-lg, .container-md, .container-sm { + max-width:960px + } +} + +@media (min-width: 1200px) { + .container, .container-lg, .container-md, .container-sm, .container-xl { + max-width:1140px + } +} + +.row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left:-15px +} + +.no-gutters { + margin-right: 0; + margin-left:0 +} + +.no-gutters > .col, .no-gutters > [class * =col-] { + padding-right: 0; + padding-left:0 +} + +.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { + position: relative; + width: 100%; + padding-right: 15px; + padding-left:15px +} + +.col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width:100% +} + +.row-cols-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% +} + +.row-cols-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% +} + +.row-cols-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% +} + +.row-cols-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% +} + +.row-cols-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width:20% +} + +.row-cols-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% +} + +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width:100% +} + +.col-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width:8.333333% +} + +.col-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% +} + +.col-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% +} + +.col-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% +} + +.col-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width:41.666667% +} + +.col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% +} + +.col-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width:58.333333% +} + +.col-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width:66.666667% +} + +.col-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width:75% +} + +.col-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width:83.333333% +} + +.col-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width:91.666667% +} + +.col-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% +} + +.order-first { + -ms-flex-order: -1; + order:-1 +} + +.order-last { + -ms-flex-order: 13; + order:13 +} + +.order-0 { + -ms-flex-order: 0; + order:0 +} + +.order-1 { + -ms-flex-order: 1; + order:1 +} + +.order-2 { + -ms-flex-order: 2; + order:2 +} + +.order-3 { + -ms-flex-order: 3; + order:3 +} + +.order-4 { + -ms-flex-order: 4; + order:4 +} + +.order-5 { + -ms-flex-order: 5; + order:5 +} + +.order-6 { + -ms-flex-order: 6; + order:6 +} + +.order-7 { + -ms-flex-order: 7; + order:7 +} + +.order-8 { + -ms-flex-order: 8; + order:8 +} + +.order-9 { + -ms-flex-order: 9; + order:9 +} + +.order-10 { + -ms-flex-order: 10; + order:10 +} + +.order-11 { + -ms-flex-order: 11; + order:11 +} + +.order-12 { + -ms-flex-order: 12; + order:12 +} + +.offset-1 { + margin-left:8.333333% +} + +.offset-2 { + margin-left:16.666667% +} + +.offset-3 { + margin-left:25% +} + +.offset-4 { + margin-left:33.333333% +} + +.offset-5 { + margin-left:41.666667% +} + +.offset-6 { + margin-left:50% +} + +.offset-7 { + margin-left:58.333333% +} + +.offset-8 { + margin-left:66.666667% +} + +.offset-9 { + margin-left:75% +} + +.offset-10 { + margin-left:83.333333% +} + +.offset-11 { + margin-left:91.666667% +} + +@media (min-width: 576px) { + .col-sm { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width:100% + } + + .row-cols-sm-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .row-cols-sm-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .row-cols-sm-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .row-cols-sm-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .row-cols-sm-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width:20% + } + + .row-cols-sm-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width:100% + } + + .col-sm-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width:8.333333% + } + + .col-sm-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-sm-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .col-sm-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .col-sm-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width:41.666667% + } + + .col-sm-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .col-sm-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width:58.333333% + } + + .col-sm-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width:66.666667% + } + + .col-sm-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width:75% + } + + .col-sm-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width:83.333333% + } + + .col-sm-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width:91.666667% + } + + .col-sm-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .order-sm-first { + -ms-flex-order: -1; + order:-1 + } + + .order-sm-last { + -ms-flex-order: 13; + order:13 + } + + .order-sm-0 { + -ms-flex-order: 0; + order:0 + } + + .order-sm-1 { + -ms-flex-order: 1; + order:1 + } + + .order-sm-2 { + -ms-flex-order: 2; + order:2 + } + + .order-sm-3 { + -ms-flex-order: 3; + order:3 + } + + .order-sm-4 { + -ms-flex-order: 4; + order:4 + } + + .order-sm-5 { + -ms-flex-order: 5; + order:5 + } + + .order-sm-6 { + -ms-flex-order: 6; + order:6 + } + + .order-sm-7 { + -ms-flex-order: 7; + order:7 + } + + .order-sm-8 { + -ms-flex-order: 8; + order:8 + } + + .order-sm-9 { + -ms-flex-order: 9; + order:9 + } + + .order-sm-10 { + -ms-flex-order: 10; + order:10 + } + + .order-sm-11 { + -ms-flex-order: 11; + order:11 + } + + .order-sm-12 { + -ms-flex-order: 12; + order:12 + } + + .offset-sm-0 { + margin-left:0 + } + + .offset-sm-1 { + margin-left:8.333333% + } + + .offset-sm-2 { + margin-left:16.666667% + } + + .offset-sm-3 { + margin-left:25% + } + + .offset-sm-4 { + margin-left:33.333333% + } + + .offset-sm-5 { + margin-left:41.666667% + } + + .offset-sm-6 { + margin-left:50% + } + + .offset-sm-7 { + margin-left:58.333333% + } + + .offset-sm-8 { + margin-left:66.666667% + } + + .offset-sm-9 { + margin-left:75% + } + + .offset-sm-10 { + margin-left:83.333333% + } + + .offset-sm-11 { + margin-left:91.666667% + } +} + +@media (min-width: 768px) { + .col-md { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width:100% + } + + .row-cols-md-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .row-cols-md-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .row-cols-md-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .row-cols-md-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .row-cols-md-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width:20% + } + + .row-cols-md-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width:100% + } + + .col-md-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width:8.333333% + } + + .col-md-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-md-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .col-md-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .col-md-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width:41.666667% + } + + .col-md-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .col-md-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width:58.333333% + } + + .col-md-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width:66.666667% + } + + .col-md-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width:75% + } + + .col-md-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width:83.333333% + } + + .col-md-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width:91.666667% + } + + .col-md-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .order-md-first { + -ms-flex-order: -1; + order:-1 + } + + .order-md-last { + -ms-flex-order: 13; + order:13 + } + + .order-md-0 { + -ms-flex-order: 0; + order:0 + } + + .order-md-1 { + -ms-flex-order: 1; + order:1 + } + + .order-md-2 { + -ms-flex-order: 2; + order:2 + } + + .order-md-3 { + -ms-flex-order: 3; + order:3 + } + + .order-md-4 { + -ms-flex-order: 4; + order:4 + } + + .order-md-5 { + -ms-flex-order: 5; + order:5 + } + + .order-md-6 { + -ms-flex-order: 6; + order:6 + } + + .order-md-7 { + -ms-flex-order: 7; + order:7 + } + + .order-md-8 { + -ms-flex-order: 8; + order:8 + } + + .order-md-9 { + -ms-flex-order: 9; + order:9 + } + + .order-md-10 { + -ms-flex-order: 10; + order:10 + } + + .order-md-11 { + -ms-flex-order: 11; + order:11 + } + + .order-md-12 { + -ms-flex-order: 12; + order:12 + } + + .offset-md-0 { + margin-left:0 + } + + .offset-md-1 { + margin-left:8.333333% + } + + .offset-md-2 { + margin-left:16.666667% + } + + .offset-md-3 { + margin-left:25% + } + + .offset-md-4 { + margin-left:33.333333% + } + + .offset-md-5 { + margin-left:41.666667% + } + + .offset-md-6 { + margin-left:50% + } + + .offset-md-7 { + margin-left:58.333333% + } + + .offset-md-8 { + margin-left:66.666667% + } + + .offset-md-9 { + margin-left:75% + } + + .offset-md-10 { + margin-left:83.333333% + } + + .offset-md-11 { + margin-left:91.666667% + } +} + +@media (min-width: 992px) { + .col-lg { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width:100% + } + + .row-cols-lg-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .row-cols-lg-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .row-cols-lg-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .row-cols-lg-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .row-cols-lg-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width:20% + } + + .row-cols-lg-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width:100% + } + + .col-lg-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width:8.333333% + } + + .col-lg-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-lg-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .col-lg-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .col-lg-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width:41.666667% + } + + .col-lg-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .col-lg-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width:58.333333% + } + + .col-lg-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width:66.666667% + } + + .col-lg-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width:75% + } + + .col-lg-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width:83.333333% + } + + .col-lg-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width:91.666667% + } + + .col-lg-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .order-lg-first { + -ms-flex-order: -1; + order:-1 + } + + .order-lg-last { + -ms-flex-order: 13; + order:13 + } + + .order-lg-0 { + -ms-flex-order: 0; + order:0 + } + + .order-lg-1 { + -ms-flex-order: 1; + order:1 + } + + .order-lg-2 { + -ms-flex-order: 2; + order:2 + } + + .order-lg-3 { + -ms-flex-order: 3; + order:3 + } + + .order-lg-4 { + -ms-flex-order: 4; + order:4 + } + + .order-lg-5 { + -ms-flex-order: 5; + order:5 + } + + .order-lg-6 { + -ms-flex-order: 6; + order:6 + } + + .order-lg-7 { + -ms-flex-order: 7; + order:7 + } + + .order-lg-8 { + -ms-flex-order: 8; + order:8 + } + + .order-lg-9 { + -ms-flex-order: 9; + order:9 + } + + .order-lg-10 { + -ms-flex-order: 10; + order:10 + } + + .order-lg-11 { + -ms-flex-order: 11; + order:11 + } + + .order-lg-12 { + -ms-flex-order: 12; + order:12 + } + + .offset-lg-0 { + margin-left:0 + } + + .offset-lg-1 { + margin-left:8.333333% + } + + .offset-lg-2 { + margin-left:16.666667% + } + + .offset-lg-3 { + margin-left:25% + } + + .offset-lg-4 { + margin-left:33.333333% + } + + .offset-lg-5 { + margin-left:41.666667% + } + + .offset-lg-6 { + margin-left:50% + } + + .offset-lg-7 { + margin-left:58.333333% + } + + .offset-lg-8 { + margin-left:66.666667% + } + + .offset-lg-9 { + margin-left:75% + } + + .offset-lg-10 { + margin-left:83.333333% + } + + .offset-lg-11 { + margin-left:91.666667% + } +} + +@media (min-width: 1200px) { + .col-xl { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width:100% + } + + .row-cols-xl-1 > * { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .row-cols-xl-2 > * { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .row-cols-xl-3 > * { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .row-cols-xl-4 > * { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .row-cols-xl-5 > * { + -ms-flex: 0 0 20%; + flex: 0 0 20%; + max-width:20% + } + + .row-cols-xl-6 > * { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width:100% + } + + .col-xl-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width:8.333333% + } + + .col-xl-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width:16.666667% + } + + .col-xl-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width:25% + } + + .col-xl-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width:33.333333% + } + + .col-xl-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width:41.666667% + } + + .col-xl-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width:50% + } + + .col-xl-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width:58.333333% + } + + .col-xl-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width:66.666667% + } + + .col-xl-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width:75% + } + + .col-xl-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width:83.333333% + } + + .col-xl-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width:91.666667% + } + + .col-xl-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width:100% + } + + .order-xl-first { + -ms-flex-order: -1; + order:-1 + } + + .order-xl-last { + -ms-flex-order: 13; + order:13 + } + + .order-xl-0 { + -ms-flex-order: 0; + order:0 + } + + .order-xl-1 { + -ms-flex-order: 1; + order:1 + } + + .order-xl-2 { + -ms-flex-order: 2; + order:2 + } + + .order-xl-3 { + -ms-flex-order: 3; + order:3 + } + + .order-xl-4 { + -ms-flex-order: 4; + order:4 + } + + .order-xl-5 { + -ms-flex-order: 5; + order:5 + } + + .order-xl-6 { + -ms-flex-order: 6; + order:6 + } + + .order-xl-7 { + -ms-flex-order: 7; + order:7 + } + + .order-xl-8 { + -ms-flex-order: 8; + order:8 + } + + .order-xl-9 { + -ms-flex-order: 9; + order:9 + } + + .order-xl-10 { + -ms-flex-order: 10; + order:10 + } + + .order-xl-11 { + -ms-flex-order: 11; + order:11 + } + + .order-xl-12 { + -ms-flex-order: 12; + order:12 + } + + .offset-xl-0 { + margin-left:0 + } + + .offset-xl-1 { + margin-left:8.333333% + } + + .offset-xl-2 { + margin-left:16.666667% + } + + .offset-xl-3 { + margin-left:25% + } + + .offset-xl-4 { + margin-left:33.333333% + } + + .offset-xl-5 { + margin-left:41.666667% + } + + .offset-xl-6 { + margin-left:50% + } + + .offset-xl-7 { + margin-left:58.333333% + } + + .offset-xl-8 { + margin-left:66.666667% + } + + .offset-xl-9 { + margin-left:75% + } + + .offset-xl-10 { + margin-left:83.333333% + } + + .offset-xl-11 { + margin-left:91.666667% + } +} + +.table { + width: 100%; + margin-bottom: 1rem; + color:#495057 +} + +.table td, .table th { + padding: .75rem; + vertical-align: top; + border-top:1px solid #dee2e6 +} + +.table thead th { + vertical-align: bottom; + border-bottom:2px solid #dee2e6 +} + +.table tbody + tbody { + border-top:2px solid #dee2e6 +} + +.table-sm td, .table-sm th { + padding:.3rem +} + +.table-bordered { + border:1px solid #dee2e6 +} + +.table-bordered td, .table-bordered th { + border:1px solid #dee2e6 +} + +.table-bordered thead td, .table-bordered thead th { + border-bottom-width:2px +} + +.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { + border:0 +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color:rgba(0, 0, 0, .05) +} + +.table-hover tbody tr:hover { + color: #495057; + background-color:rgba(0, 0, 0, .075) +} + +.table-primary, .table-primary > td, .table-primary > th { + background-color:#c5e6f8 +} + +.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { + border-color:#93d0f3 +} + +.table-hover .table-primary:hover { + background-color:#aedcf5 +} + +.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { + background-color:#aedcf5 +} + +.table-secondary, .table-secondary > td, .table-secondary > th { + background-color:#f9fafb +} + +.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { + border-color:#f4f5f7 +} + +.table-hover .table-secondary:hover { + background-color:#eaedf1 +} + +.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { + background-color:#eaedf1 +} + +.table-success, .table-success > td, .table-success > th { + background-color:#d8e7c8 +} + +.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { + border-color:#b6d298 +} + +.table-hover .table-success:hover { + background-color:#cbdfb6 +} + +.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { + background-color:#cbdfb6 +} + +.table-info, .table-info > td, .table-info > th { + background-color:#b8c8d8 +} + +.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { + border-color:#7c9ab6 +} + +.table-hover .table-info:hover { + background-color:#a8bbcf +} + +.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { + background-color:#a8bbcf +} + +.table-warning, .table-warning > td, .table-warning > th { + background-color:#f5d0b8 +} + +.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { + border-color:#eda77a +} + +.table-hover .table-warning:hover { + background-color:#f2c1a2 +} + +.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { + background-color:#f2c1a2 +} + +.table-danger, .table-danger > td, .table-danger > th { + background-color:#efbfc1 +} + +.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { + border-color:#e2898c +} + +.table-hover .table-danger:hover { + background-color:#eaabad +} + +.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { + background-color:#eaabad +} + +.table-light, .table-light > td, .table-light > th { + background-color:#fdfdfe +} + +.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { + border-color:#fbfcfc +} + +.table-hover .table-light:hover { + background-color:#ececf6 +} + +.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { + background-color:#ececf6 +} + +.table-dark, .table-dark > td, .table-dark > th { + background-color:#c6c8ca +} + +.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { + border-color:#95999c +} + +.table-hover .table-dark:hover { + background-color:#b9bbbe +} + +.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { + background-color:#b9bbbe +} + +.table-active, .table-active > td, .table-active > th { + background-color:rgba(0, 0, 0, .075) +} + +.table-hover .table-active:hover { + background-color:rgba(0, 0, 0, .075) +} + +.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { + background-color:rgba(0, 0, 0, .075) +} + +.table .thead-dark th { + color: #fff; + background-color: #343a40; + border-color:#454d55 +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color:#dee2e6 +} + +.table-dark { + color: #fff; + background-color:#343a40 +} + +.table-dark td, .table-dark th, .table-dark thead th { + border-color:#454d55 +} + +.table-dark.table-bordered { + border:0 +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color:rgba(255, 255, 255, .05) +} + +.table-dark.table-hover tbody tr:hover { + color: #fff; + background-color:rgba(255, 255, 255, .075) +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling:touch + } + + .table-responsive-sm > .table-bordered { + border:0 + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling:touch + } + + .table-responsive-md > .table-bordered { + border:0 + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling:touch + } + + .table-responsive-lg > .table-bordered { + border:0 + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling:touch + } + + .table-responsive-xl > .table-bordered { + border:0 + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling:touch +} + +.table-responsive > .table-bordered { + border:0 +} + +.form-control { + display: block; + width: 100%; + height: calc(1.5em + .75rem + 2px); + padding: .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: .25rem; + transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition:none + } +} + +.form-control::-ms-expand { + background-color: transparent; + border:0 +} + +.form-control:-moz-focusring { + color: transparent; + text-shadow:0 0 0 #495057 +} + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #a1d6f4; + outline: 0; + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.form-control::-webkit-input-placeholder { + color: #868e96; + opacity:1 +} + +.form-control::-moz-placeholder { + color: #868e96; + opacity:1 +} + +.form-control:-ms-input-placeholder { + color: #868e96; + opacity:1 +} + +.form-control::-ms-input-placeholder { + color: #868e96; + opacity:1 +} + +.form-control::placeholder { + color: #868e96; + opacity:1 +} + +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity:1 +} + +input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { + -webkit-appearance: none; + -moz-appearance: none; + appearance:none +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color:#fff +} + +.form-control-file, .form-control-range { + display: block; + width:100% +} + +.col-form-label { + padding-top: calc(.375rem + 1px); + padding-bottom: calc(.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height:1.5 +} + +.col-form-label-lg { + padding-top: calc(.5rem + 1px); + padding-bottom: calc(.5rem + 1px); + font-size: 1.25rem; + line-height:1.5 +} + +.col-form-label-sm { + padding-top: calc(.25rem + 1px); + padding-bottom: calc(.25rem + 1px); + font-size: .875rem; + line-height:1.5 +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: .375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: transparent; + border: solid transparent; + border-width:1px 0 +} + +.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { + padding-right: 0; + padding-left:0 +} + +.form-control-sm { + height: calc(1.5em + .5rem + 2px); + padding: .25rem .5rem; + font-size: .875rem; + line-height: 1.5; + border-radius:.2rem +} + +.form-control-lg { + height: calc(1.5em + 1rem + 2px); + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius:.3rem +} + +select.form-control[multiple], select.form-control[size] { + height:auto +} + +textarea.form-control { + height:auto +} + +.form-group { + margin-bottom:1rem +} + +.form-text { + display: block; + margin-top:.25rem +} + +.form-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -5px; + margin-left:-5px +} + +.form-row > .col, .form-row > [class * =col-] { + padding-right: 5px; + padding-left:5px +} + +.form-check { + position: relative; + display: block; + padding-left:1.25rem +} + +.form-check-input { + position: absolute; + margin-top: .3rem; + margin-left:-1.25rem +} + +.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { + color:#868e96 +} + +.form-check-label { + margin-bottom:0 +} + +.form-check-inline { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + padding-left: 0; + margin-right:.75rem +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: .3125rem; + margin-left:0 +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: 80%; + color:#73a839 +} + +.valid-tooltip { + position: absolute; + top: 100%; + left: 0; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(115, 168, 57, .9); + border-radius:.25rem +} + +.form-row > .col > .valid-tooltip, .form-row > [class * =col-] > .valid-tooltip { + left:5px +} + +.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { + display:block +} + +.form-control.is-valid, .was-validated .form-control:valid { + border-color: #73a839; + padding-right: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2373a839' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size:calc(.75em + .375rem) calc(.75em + .375rem) +} + +.form-control.is-valid:focus, .was-validated .form-control:valid:focus { + border-color: #73a839; + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .25) +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + .75rem); + background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) +} + +.custom-select.is-valid, .was-validated .custom-select:valid { + border-color: #73a839; + padding-right: calc(.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2373a839' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat +} + +.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { + border-color: #73a839; + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .25) +} + +.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { + color:#73a839 +} + +.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { + display:block +} + +.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { + color:#73a839 +} + +.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { + border-color:#73a839 +} + +.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { + border-color: #8dc450; + background-color:#8dc450 +} + +.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .25) +} + +.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { + border-color:#73a839 +} + +.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { + border-color:#73a839 +} + +.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { + border-color: #73a839; + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .25) +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: .25rem; + font-size: 80%; + color:#c71c22 +} + +.invalid-tooltip { + position: absolute; + top: 100%; + left: 0; + z-index: 5; + display: none; + max-width: 100%; + padding: .25rem .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(199, 28, 34, .9); + border-radius:.25rem +} + +.form-row > .col > .invalid-tooltip, .form-row > [class * =col-] > .invalid-tooltip { + left:5px +} + +.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { + display:block +} + +.form-control.is-invalid, .was-validated .form-control:invalid { + border-color: #c71c22; + padding-right: calc(1.5em + .75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c71c22' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c71c22' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(.375em + .1875rem) center; + background-size:calc(.75em + .375rem) calc(.75em + .375rem) +} + +.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { + border-color: #c71c22; + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .25) +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + .75rem); + background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) +} + +.custom-select.is-invalid, .was-validated .custom-select:invalid { + border-color: #c71c22; + padding-right: calc(.75em + 2.3125rem); + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c71c22' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c71c22' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat +} + +.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { + border-color: #c71c22; + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .25) +} + +.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { + color:#c71c22 +} + +.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { + display:block +} + +.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { + color:#c71c22 +} + +.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { + border-color:#c71c22 +} + +.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { + border-color: #e2343a; + background-color:#e2343a +} + +.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .25) +} + +.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color:#c71c22 +} + +.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { + border-color:#c71c22 +} + +.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { + border-color: #c71c22; + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .25) +} + +.form-inline { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items:center +} + +.form-inline .form-check { + width:100% +} + +@media (min-width: 576px) { + .form-inline label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom:0 + } + + .form-inline .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; + margin-bottom:0 + } + + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align:middle + } + + .form-inline .form-control-plaintext { + display:inline-block + } + + .form-inline .custom-select, .form-inline .input-group { + width:auto + } + + .form-inline .form-check { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + padding-left:0 + } + + .form-inline .form-check-input { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-top: 0; + margin-right: .25rem; + margin-left:0 + } + + .form-inline .custom-control { + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content:center + } + + .form-inline .custom-control-label { + margin-bottom:0 + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #495057; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: .25rem; + transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition:none + } +} + +.btn:hover { + color: #495057; + text-decoration:none +} + +.btn.focus, .btn:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.btn.disabled, .btn:disabled { + opacity:.65 +} + +.btn:not(:disabled):not(.disabled) { + cursor:pointer +} + +a.btn.disabled, fieldset:disabled a.btn { + pointer-events:none +} + +.btn-primary { + color: #fff; + background-color: #2fa4e7; + border-color:#2fa4e7 +} + +.btn-primary:hover { + color: #fff; + background-color: #1992d7; + border-color:#178acc +} + +.btn-primary.focus, .btn-primary:focus { + color: #fff; + background-color: #1992d7; + border-color: #178acc; + box-shadow:0 0 0 .2rem rgba(78, 178, 235, .5) +} + +.btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #2fa4e7; + border-color:#2fa4e7 +} + +.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #178acc; + border-color:#1682c0 +} + +.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(78, 178, 235, .5) +} + +.btn-secondary { + color: #212529; + background-color: #e9ecef; + border-color:#e9ecef +} + +.btn-secondary:hover { + color: #212529; + background-color: #d3d9df; + border-color:#cbd3da +} + +.btn-secondary.focus, .btn-secondary:focus { + color: #212529; + background-color: #d3d9df; + border-color: #cbd3da; + box-shadow:0 0 0 .2rem rgba(203, 206, 209, .5) +} + +.btn-secondary.disabled, .btn-secondary:disabled { + color: #212529; + background-color: #e9ecef; + border-color:#e9ecef +} + +.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { + color: #212529; + background-color: #cbd3da; + border-color:#c4ccd4 +} + +.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(203, 206, 209, .5) +} + +.btn-success { + color: #fff; + background-color: #73a839; + border-color:#73a839 +} + +.btn-success:hover { + color: #fff; + background-color: #5f8b2f; + border-color:#59822c +} + +.btn-success.focus, .btn-success:focus { + color: #fff; + background-color: #5f8b2f; + border-color: #59822c; + box-shadow:0 0 0 .2rem rgba(136, 181, 87, .5) +} + +.btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #73a839; + border-color:#73a839 +} + +.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #59822c; + border-color:#527829 +} + +.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(136, 181, 87, .5) +} + +.btn-info { + color: #fff; + background-color: #033c73; + border-color:#033c73 +} + +.btn-info:hover { + color: #fff; + background-color: #02294e; + border-color:#022241 +} + +.btn-info.focus, .btn-info:focus { + color: #fff; + background-color: #02294e; + border-color: #022241; + box-shadow:0 0 0 .2rem rgba(41, 89, 136, .5) +} + +.btn-info.disabled, .btn-info:disabled { + color: #fff; + background-color: #033c73; + border-color:#033c73 +} + +.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #022241; + border-color:#011c35 +} + +.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(41, 89, 136, .5) +} + +.btn-warning { + color: #fff; + background-color: #dd5600; + border-color:#dd5600 +} + +.btn-warning:hover { + color: #fff; + background-color: #b74700; + border-color:#aa4200 +} + +.btn-warning.focus, .btn-warning:focus { + color: #fff; + background-color: #b74700; + border-color: #aa4200; + box-shadow:0 0 0 .2rem rgba(226, 111, 38, .5) +} + +.btn-warning.disabled, .btn-warning:disabled { + color: #fff; + background-color: #dd5600; + border-color:#dd5600 +} + +.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #aa4200; + border-color:#9d3d00 +} + +.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(226, 111, 38, .5) +} + +.btn-danger { + color: #fff; + background-color: #c71c22; + border-color:#c71c22 +} + +.btn-danger:hover { + color: #fff; + background-color: #a5171c; + border-color:#9a161a +} + +.btn-danger.focus, .btn-danger:focus { + color: #fff; + background-color: #a5171c; + border-color: #9a161a; + box-shadow:0 0 0 .2rem rgba(207, 62, 67, .5) +} + +.btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #c71c22; + border-color:#c71c22 +} + +.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #9a161a; + border-color:#8f1418 +} + +.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(207, 62, 67, .5) +} + +.btn-light { + color: #212529; + background-color: #f8f9fa; + border-color:#f8f9fa +} + +.btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color:#dae0e5 +} + +.btn-light.focus, .btn-light:focus { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow:0 0 0 .2rem rgba(216, 217, 219, .5) +} + +.btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color:#f8f9fa +} + +.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color:#d3d9df +} + +.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(216, 217, 219, .5) +} + +.btn-dark { + color: #fff; + background-color: #343a40; + border-color:#343a40 +} + +.btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color:#1d2124 +} + +.btn-dark.focus, .btn-dark:focus { + color: #fff; + background-color: #23272b; + border-color: #1d2124; + box-shadow:0 0 0 .2rem rgba(82, 88, 93, .5) +} + +.btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color:#343a40 +} + +.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color:#171a1d +} + +.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(82, 88, 93, .5) +} + +.btn-outline-primary { + color: #2fa4e7; + border-color:#2fa4e7 +} + +.btn-outline-primary:hover { + color: #fff; + background-color: #2fa4e7; + border-color:#2fa4e7 +} + +.btn-outline-primary.focus, .btn-outline-primary:focus { + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .5) +} + +.btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #2fa4e7; + background-color:transparent +} + +.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #2fa4e7; + border-color:#2fa4e7 +} + +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .5) +} + +.btn-outline-secondary { + color: #e9ecef; + border-color:#e9ecef +} + +.btn-outline-secondary:hover { + color: #212529; + background-color: #e9ecef; + border-color:#e9ecef +} + +.btn-outline-secondary.focus, .btn-outline-secondary:focus { + box-shadow:0 0 0 .2rem rgba(233, 236, 239, .5) +} + +.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #e9ecef; + background-color:transparent +} + +.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { + color: #212529; + background-color: #e9ecef; + border-color:#e9ecef +} + +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(233, 236, 239, .5) +} + +.btn-outline-success { + color: #73a839; + border-color:#73a839 +} + +.btn-outline-success:hover { + color: #fff; + background-color: #73a839; + border-color:#73a839 +} + +.btn-outline-success.focus, .btn-outline-success:focus { + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .5) +} + +.btn-outline-success.disabled, .btn-outline-success:disabled { + color: #73a839; + background-color:transparent +} + +.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #73a839; + border-color:#73a839 +} + +.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .5) +} + +.btn-outline-info { + color: #033c73; + border-color:#033c73 +} + +.btn-outline-info:hover { + color: #fff; + background-color: #033c73; + border-color:#033c73 +} + +.btn-outline-info.focus, .btn-outline-info:focus { + box-shadow:0 0 0 .2rem rgba(3, 60, 115, .5) +} + +.btn-outline-info.disabled, .btn-outline-info:disabled { + color: #033c73; + background-color:transparent +} + +.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #033c73; + border-color:#033c73 +} + +.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(3, 60, 115, .5) +} + +.btn-outline-warning { + color: #dd5600; + border-color:#dd5600 +} + +.btn-outline-warning:hover { + color: #fff; + background-color: #dd5600; + border-color:#dd5600 +} + +.btn-outline-warning.focus, .btn-outline-warning:focus { + box-shadow:0 0 0 .2rem rgba(221, 86, 0, .5) +} + +.btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #dd5600; + background-color:transparent +} + +.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { + color: #fff; + background-color: #dd5600; + border-color:#dd5600 +} + +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(221, 86, 0, .5) +} + +.btn-outline-danger { + color: #c71c22; + border-color:#c71c22 +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #c71c22; + border-color:#c71c22 +} + +.btn-outline-danger.focus, .btn-outline-danger:focus { + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .5) +} + +.btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #c71c22; + background-color:transparent +} + +.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #c71c22; + border-color:#c71c22 +} + +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .5) +} + +.btn-outline-light { + color: #f8f9fa; + border-color:#f8f9fa +} + +.btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color:#f8f9fa +} + +.btn-outline-light.focus, .btn-outline-light:focus { + box-shadow:0 0 0 .2rem rgba(248, 249, 250, .5) +} + +.btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color:transparent +} + +.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color:#f8f9fa +} + +.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(248, 249, 250, .5) +} + +.btn-outline-dark { + color: #343a40; + border-color:#343a40 +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color:#343a40 +} + +.btn-outline-dark.focus, .btn-outline-dark:focus { + box-shadow:0 0 0 .2rem rgba(52, 58, 64, .5) +} + +.btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + background-color:transparent +} + +.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color:#343a40 +} + +.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow:0 0 0 .2rem rgba(52, 58, 64, .5) +} + +.btn-link { + font-weight: 400; + color: #2fa4e7; + text-decoration:none +} + +.btn-link:hover { + color: #157ab5; + text-decoration:underline +} + +.btn-link.focus, .btn-link:focus { + text-decoration:underline +} + +.btn-link.disabled, .btn-link:disabled { + color: #868e96; + pointer-events:none +} + +.btn-group-lg > .btn, .btn-lg { + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius:.3rem +} + +.btn-group-sm > .btn, .btn-sm { + padding: .25rem .5rem; + font-size: .875rem; + line-height: 1.5; + border-radius:.2rem +} + +.btn-block { + display: block; + width:100% +} + +.btn-block + .btn-block { + margin-top:.5rem +} + +input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { + width:100% +} + +.fade { + transition:opacity .15s linear +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition:none + } +} + +.fade:not(.show) { + opacity:0 +} + +.collapse:not(.show) { + display:none +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition:height .35s ease +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition:none + } +} + +.dropdown, .dropleft, .dropright, .dropup { + position:relative +} + +.dropdown-toggle { + white-space:nowrap +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-right: .3em solid transparent; + border-bottom: 0; + border-left:.3em solid transparent +} + +.dropdown-toggle:empty::after { + margin-left:0 +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: .5rem 0; + margin: .125rem 0 0; + font-size: 1rem; + color: #495057; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .15); + border-radius:.25rem +} + +.dropdown-menu-left { + right: auto; + left:0 +} + +.dropdown-menu-right { + right: 0; + left:auto +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left:0 + } + + .dropdown-menu-sm-right { + right: 0; + left:auto + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left:0 + } + + .dropdown-menu-md-right { + right: 0; + left:auto + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left:0 + } + + .dropdown-menu-lg-right { + right: 0; + left:auto + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left:0 + } + + .dropdown-menu-xl-right { + right: 0; + left:auto + } +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom:.125rem +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: 0; + border-right: .3em solid transparent; + border-bottom: .3em solid; + border-left:.3em solid transparent +} + +.dropup .dropdown-toggle:empty::after { + margin-left:0 +} + +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left:.125rem +} + +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid transparent; + border-right: 0; + border-bottom: .3em solid transparent; + border-left:.3em solid +} + +.dropright .dropdown-toggle:empty::after { + margin-left:0 +} + +.dropright .dropdown-toggle::after { + vertical-align:0 +} + +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right:.125rem +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: "" +} + +.dropleft .dropdown-toggle::after { + display:none +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid transparent; + border-right: .3em solid; + border-bottom:.3em solid transparent +} + +.dropleft .dropdown-toggle:empty::after { + margin-left:0 +} + +.dropleft .dropdown-toggle::before { + vertical-align:0 +} + +.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { + right: auto; + bottom:auto +} + +.dropdown-divider { + height: 0; + margin: .5rem 0; + overflow: hidden; + border-top:1px solid #e9ecef +} + +.dropdown-item { + display: block; + width: 100%; + padding: .25rem 1.5rem; + clear: both; + font-weight: 400; + color: #495057; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border:0 +} + +.dropdown-item:focus, .dropdown-item:hover { + color: #fff; + text-decoration: none; + background-color:#2fa4e7 +} + +.dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color:#2fa4e7 +} + +.dropdown-item.disabled, .dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color:transparent +} + +.dropdown-menu.show { + display:block +} + +.dropdown-header { + display: block; + padding: .5rem 1.5rem; + margin-bottom: 0; + font-size: .875rem; + color: #868e96; + white-space:nowrap +} + +.dropdown-item-text { + display: block; + padding: .25rem 1.5rem; + color:#495057 +} + +.btn-group, .btn-group-vertical { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align:middle +} + +.btn-group-vertical > .btn, .btn-group > .btn { + position: relative; + -ms-flex: 1 1 auto; + flex:1 1 auto +} + +.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { + z-index:1 +} + +.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { + z-index:1 +} + +.btn-toolbar { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content:flex-start +} + +.btn-toolbar .input-group { + width:auto +} + +.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { + margin-left:-1px +} + +.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius:0 +} + +.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius:0 +} + +.dropdown-toggle-split { + padding-right: .5625rem; + padding-left:.5625rem +} + +.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { + margin-left:0 +} + +.dropleft .dropdown-toggle-split::before { + margin-right:0 +} + +.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { + padding-right: .375rem; + padding-left:.375rem +} + +.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { + padding-right: .75rem; + padding-left:.75rem +} + +.btn-group-vertical { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: center; + justify-content:center +} + +.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { + width:100% +} + +.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { + margin-top:-1px +} + +.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-bottom-left-radius:0 +} + +.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius:0 +} + +.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { + margin-bottom:0 +} + +.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events:none +} + +.input-group { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: stretch; + align-items: stretch; + width:100% +} + +.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + min-width: 0; + margin-bottom:0 +} + +.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { + margin-left:-1px +} + +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { + z-index:3 +} + +.input-group > .custom-file .custom-file-input:focus { + z-index:4 +} + +.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius:0 +} + +.input-group > .custom-file { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items:center +} + +.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius:0 +} + +.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius:0 +} + +.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after, .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .form-control:nth-last-child(n + 3) { + border-top-right-radius: 0; + border-bottom-right-radius:0 +} + +.input-group-append, .input-group-prepend { + display: -ms-flexbox; + display:flex +} + +.input-group-append .btn, .input-group-prepend .btn { + position: relative; + z-index:2 +} + +.input-group-append .btn:focus, .input-group-prepend .btn:focus { + z-index:3 +} + +.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { + margin-left:-1px +} + +.input-group-prepend { + margin-right:-1px +} + +.input-group-append { + margin-left:-1px +} + +.input-group-text { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: .375rem .75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius:.25rem +} + +.input-group-text input[type=checkbox], .input-group-text input[type=radio] { + margin-top:0 +} + +.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { + height:calc(1.5em + 1rem + 2px) +} + +.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius:.3rem +} + +.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { + height:calc(1.5em + .5rem + 2px) +} + +.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { + padding: .25rem .5rem; + font-size: .875rem; + line-height: 1.5; + border-radius:.2rem +} + +.input-group-lg > .custom-select, .input-group-sm > .custom-select { + padding-right:1.75rem +} + +.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { + border-top-right-radius: 0; + border-bottom-right-radius:0 +} + +.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { + border-top-left-radius: 0; + border-bottom-left-radius:0 +} + +.custom-control { + position: relative; + z-index: 1; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; + -webkit-print-color-adjust: exact; + color-adjust:exact +} + +.custom-control-inline { + display: -ms-inline-flexbox; + display: inline-flex; + margin-right:1rem +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity:0 +} + +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + border-color: #2fa4e7; + background-color:#2fa4e7 +} + +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color:#a1d6f4 +} + +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #fff; + background-color: #cfeaf9; + border-color:#cfeaf9 +} + +.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label { + color:#868e96 +} + +.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before { + background-color:#e9ecef +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align:top +} + +.custom-control-label::before { + position: absolute; + top: .25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #fff; + border:#adb5bd solid 1px +} + +.custom-control-label::after { + position: absolute; + top: .25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background:50%/50% 50% no-repeat +} + +.custom-checkbox .custom-control-label::before { + border-radius:.25rem +} + +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: #2fa4e7; + background-color:#2fa4e7 +} + +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") +} + +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color:rgba(47, 164, 231, .5) +} + +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color:rgba(47, 164, 231, .5) +} + +.custom-radio .custom-control-label::before { + border-radius:50% +} + +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") +} + +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color:rgba(47, 164, 231, .5) +} + +.custom-switch { + padding-left:2.25rem +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius:.5rem +} + +.custom-switch .custom-control-label::after { + top: calc(.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #adb5bd; + border-radius: .5rem; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; + transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition:transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition:none + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + -webkit-transform: translateX(.75rem); + transform:translateX(.75rem) +} + +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color:rgba(47, 164, 231, .5) +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + .75rem + 2px); + padding: .375rem 1.75rem .375rem .75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat; + border: 1px solid #ced4da; + border-radius: .25rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance:none +} + +.custom-select:focus { + border-color: #a1d6f4; + outline: 0; + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: #fff +} + +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: .75rem; + background-image:none +} + +.custom-select:disabled { + color: #868e96; + background-color:#e9ecef +} + +.custom-select::-ms-expand { + display:none +} + +.custom-select:-moz-focusring { + color: transparent; + text-shadow:0 0 0 #495057 +} + +.custom-select-sm { + height: calc(1.5em + .5rem + 2px); + padding-top: .25rem; + padding-bottom: .25rem; + padding-left: .5rem; + font-size:.875rem +} + +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: .5rem; + padding-bottom: .5rem; + padding-left: 1rem; + font-size:1.25rem +} + +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + .75rem + 2px); + margin-bottom:0 +} + +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + .75rem + 2px); + margin: 0; + overflow: hidden; + opacity:0 +} + +.custom-file-input:focus ~ .custom-file-label { + border-color: #a1d6f4; + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { + background-color:#e9ecef +} + +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse" +} + +.custom-file-input ~ .custom-file-label[data-browse]::after { + content:attr(data-browse) +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + .75rem + 2px); + padding: .375rem .75rem; + overflow: hidden; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; + border-radius:.25rem +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(1.5em + .75rem); + padding: .375rem .75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: inherit; + border-radius:0 .25rem .25rem 0 +} + +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance:none +} + +.custom-range:focus { + outline:0 +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.custom-range:focus::-moz-range-thumb { + box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.custom-range:focus::-ms-thumb { + box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.custom-range::-moz-focus-outer { + border:0 +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -.25rem; + background-color: #2fa4e7; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -webkit-appearance: none; + appearance:none +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + -webkit-transition: none; + transition:none + } +} + +.custom-range::-webkit-slider-thumb:active { + background-color:#cfeaf9 +} + +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius:1rem +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2fa4e7; + border: 0; + border-radius: 1rem; + -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + -moz-appearance: none; + appearance:none +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + -moz-transition: none; + transition:none + } +} + +.custom-range::-moz-range-thumb:active { + background-color:#cfeaf9 +} + +.custom-range::-moz-range-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius:1rem +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: .2rem; + margin-left: .2rem; + background-color: #2fa4e7; + border: 0; + border-radius: 1rem; + -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + appearance:none +} + +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + -ms-transition: none; + transition:none + } +} + +.custom-range::-ms-thumb:active { + background-color:#cfeaf9 +} + +.custom-range::-ms-track { + width: 100%; + height: .5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width:.5rem +} + +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius:1rem +} + +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius:1rem +} + +.custom-range:disabled::-webkit-slider-thumb { + background-color:#adb5bd +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor:default +} + +.custom-range:disabled::-moz-range-thumb { + background-color:#adb5bd +} + +.custom-range:disabled::-moz-range-track { + cursor:default +} + +.custom-range:disabled::-ms-thumb { + background-color:#adb5bd +} + +.custom-control-label::before, .custom-file-label, .custom-select { + transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .custom-control-label::before, .custom-file-label, .custom-select { + transition:none + } +} + +.nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style:none +} + +.nav-link { + display: block; + padding:.5rem 1rem +} + +.nav-link:focus, .nav-link:hover { + text-decoration:none +} + +.nav-link.disabled { + color: #868e96; + pointer-events: none; + cursor:default +} + +.nav-tabs { + border-bottom:1px solid #dee2e6 +} + +.nav-tabs .nav-link { + margin-bottom: -1px; + border: 1px solid transparent; + border-top-left-radius: .25rem; + border-top-right-radius:.25rem +} + +.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { + border-color:#e9ecef #e9ecef #dee2e6 +} + +.nav-tabs .nav-link.disabled { + color: #868e96; + background-color: transparent; + border-color:transparent +} + +.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { + color: #495057; + background-color: #fff; + border-color:#dee2e6 #dee2e6 #fff +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius:0 +} + +.nav-pills .nav-link { + border-radius:.25rem +} + +.nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #fff; + background-color:#2fa4e7 +} + +.nav-fill .nav-item, .nav-fill > .nav-link { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align:center +} + +.nav-justified .nav-item, .nav-justified > .nav-link { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align:center +} + +.tab-content > .tab-pane { + display:none +} + +.tab-content > .active { + display:block +} + +.navbar { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding:.5rem 1rem +} + +.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content:space-between +} + +.navbar-brand { + display: inline-block; + padding-top: .3125rem; + padding-bottom: .3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space:nowrap +} + +.navbar-brand:focus, .navbar-brand:hover { + text-decoration:none +} + +.navbar-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style:none +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left:0 +} + +.navbar-nav .dropdown-menu { + position: static; + float:none +} + +.navbar-text { + display: inline-block; + padding-top: .5rem; + padding-bottom:.5rem +} + +.navbar-collapse { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-align: center; + align-items:center +} + +.navbar-toggler { + padding: .25rem .75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius:.25rem +} + +.navbar-toggler:focus, .navbar-toggler:hover { + text-decoration:none +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background:50%/100% 100% no-repeat +} + +.navbar-nav-scroll { + max-height: 75vh; + overflow-y:auto +} + +@media (max-width: 575.98px) { + .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left:0 + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content:flex-start + } + + .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction:row + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position:absolute + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: .5rem; + padding-left:.5rem + } + + .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap:nowrap + } + + .navbar-expand-sm .navbar-nav-scroll { + overflow:visible + } + + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis:auto + } + + .navbar-expand-sm .navbar-toggler { + display:none + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { + padding-right: 0; + padding-left:0 + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content:flex-start + } + + .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction:row + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position:absolute + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: .5rem; + padding-left:.5rem + } + + .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap:nowrap + } + + .navbar-expand-md .navbar-nav-scroll { + overflow:visible + } + + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis:auto + } + + .navbar-expand-md .navbar-toggler { + display:none + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left:0 + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content:flex-start + } + + .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction:row + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position:absolute + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: .5rem; + padding-left:.5rem + } + + .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap:nowrap + } + + .navbar-expand-lg .navbar-nav-scroll { + overflow:visible + } + + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis:auto + } + + .navbar-expand-lg .navbar-toggler { + display:none + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left:0 + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content:flex-start + } + + .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction:row + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position:absolute + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: .5rem; + padding-left:.5rem + } + + .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap:nowrap + } + + .navbar-expand-xl .navbar-nav-scroll { + overflow:visible + } + + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis:auto + } + + .navbar-expand-xl .navbar-toggler { + display:none + } +} + +.navbar-expand { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content:flex-start +} + +.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { + padding-right: 0; + padding-left:0 +} + +.navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction:row +} + +.navbar-expand .navbar-nav .dropdown-menu { + position:absolute +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: .5rem; + padding-left:.5rem +} + +.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { + -ms-flex-wrap: nowrap; + flex-wrap:nowrap +} + +.navbar-expand .navbar-nav-scroll { + overflow:visible +} + +.navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis:auto +} + +.navbar-expand .navbar-toggler { + display:none +} + +.navbar-light .navbar-brand { + color:rgba(0, 0, 0, .9) +} + +.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { + color:rgba(0, 0, 0, .9) +} + +.navbar-light .navbar-nav .nav-link { + color:rgba(0, 0, 0, .5) +} + +.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { + color:rgba(0, 0, 0, .7) +} + +.navbar-light .navbar-nav .nav-link.disabled { + color:rgba(0, 0, 0, .3) +} + +.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { + color:rgba(0, 0, 0, .9) +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, .5); + border-color:rgba(0, 0, 0, .1) +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") +} + +.navbar-light .navbar-text { + color:rgba(0, 0, 0, .5) +} + +.navbar-light .navbar-text a { + color:rgba(0, 0, 0, .9) +} + +.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { + color:rgba(0, 0, 0, .9) +} + +.navbar-dark .navbar-brand { + color:#fff +} + +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { + color:#fff +} + +.navbar-dark .navbar-nav .nav-link { + color:rgba(255, 255, 255, .8) +} + +.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { + color:#fff +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color:rgba(255, 255, 255, .25) +} + +.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { + color:#fff +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, .8); + border-color:rgba(255, 255, 255, .1) +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") +} + +.navbar-dark .navbar-text { + color:rgba(255, 255, 255, .8) +} + +.navbar-dark .navbar-text a { + color:#fff +} + +.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { + color:#fff +} + +.card { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, .125); + border-radius:.25rem +} + +.card > hr { + margin-right: 0; + margin-left:0 +} + +.card > .list-group { + border-top: inherit; + border-bottom:inherit +} + +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius:calc(.25rem - 1px) +} + +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius:calc(.25rem - 1px) +} + +.card > .card-header + .list-group, .card > .list-group + .card-footer { + border-top:0 +} + +.card-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-height: 1px; + padding:1.25rem +} + +.card-title { + margin-bottom:.75rem +} + +.card-subtitle { + margin-top: -.375rem; + margin-bottom:0 +} + +.card-text:last-child { + margin-bottom:0 +} + +.card-link:hover { + text-decoration:none +} + +.card-link + .card-link { + margin-left:1.25rem +} + +.card-header { + padding: .75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, .03); + border-bottom:1px solid rgba(0, 0, 0, .125) +} + +.card-header:first-child { + border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0 +} + +.card-footer { + padding: .75rem 1.25rem; + background-color: rgba(0, 0, 0, .03); + border-top:1px solid rgba(0, 0, 0, .125) +} + +.card-footer:last-child { + border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px) +} + +.card-header-tabs { + margin-right: -.625rem; + margin-bottom: -.75rem; + margin-left: -.625rem; + border-bottom:0 +} + +.card-header-pills { + margin-right: -.625rem; + margin-left:-.625rem +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; + border-radius:calc(.25rem - 1px) +} + +.card-img, .card-img-bottom, .card-img-top { + -ms-flex-negative: 0; + flex-shrink: 0; + width:100% +} + +.card-img, .card-img-top { + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius:calc(.25rem - 1px) +} + +.card-img, .card-img-bottom { + border-bottom-right-radius: calc(.25rem - 1px); + border-bottom-left-radius:calc(.25rem - 1px) +} + +.card-deck .card { + margin-bottom:15px +} + +@media (min-width: 576px) { + .card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left:-15px + } + + .card-deck .card { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left:15px + } +} + +.card-group > .card { + margin-bottom:15px +} + +@media (min-width: 576px) { + .card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow:row wrap + } + + .card-group > .card { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom:0 + } + + .card-group > .card + .card { + margin-left: 0; + border-left:0 + } + + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius:0 + } + + .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { + border-top-right-radius:0 + } + + .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { + border-bottom-right-radius:0 + } + + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius:0 + } + + .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { + border-top-left-radius:0 + } + + .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { + border-bottom-left-radius:0 + } +} + +.card-columns .card { + margin-bottom:.75rem +} + +@media (min-width: 576px) { + .card-columns { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + -webkit-column-gap: 1.25rem; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + orphans: 1; + widows:1 + } + + .card-columns .card { + display: inline-block; + width:100% + } +} + +.accordion { + overflow-anchor:none +} + +.accordion > .card { + overflow:hidden +} + +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius:0 +} + +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius:0 +} + +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom:-1px +} + +.breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: .75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius:.25rem +} + +.breadcrumb-item + .breadcrumb-item { + padding-left:.5rem +} + +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: .5rem; + color: #868e96; + content: "/" +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration:underline +} + +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration:none +} + +.breadcrumb-item.active { + color:#868e96 +} + +.pagination { + display: -ms-flexbox; + display: flex; + padding-left: 0; + list-style: none; + border-radius:.25rem +} + +.page-link { + position: relative; + display: block; + padding: .5rem .75rem; + margin-left: -1px; + line-height: 1.25; + color: #2fa4e7; + background-color: #fff; + border:1px solid #dee2e6 +} + +.page-link:hover { + z-index: 2; + color: #157ab5; + text-decoration: none; + background-color: #e9ecef; + border-color:#dee2e6 +} + +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .25) +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: .25rem; + border-bottom-left-radius:.25rem +} + +.page-item:last-child .page-link { + border-top-right-radius: .25rem; + border-bottom-right-radius:.25rem +} + +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #2fa4e7; + border-color:#2fa4e7 +} + +.page-item.disabled .page-link { + color: #868e96; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color:#dee2e6 +} + +.pagination-lg .page-link { + padding: .75rem 1.5rem; + font-size: 1.25rem; + line-height:1.5 +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: .3rem; + border-bottom-left-radius:.3rem +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: .3rem; + border-bottom-right-radius:.3rem +} + +.pagination-sm .page-link { + padding: .25rem .5rem; + font-size: .875rem; + line-height:1.5 +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: .2rem; + border-bottom-left-radius:.2rem +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: .2rem; + border-bottom-right-radius:.2rem +} + +.badge { + display: inline-block; + padding: .25em .4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25rem; + transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition:none + } +} + +a.badge:focus, a.badge:hover { + text-decoration:none +} + +.badge:empty { + display:none +} + +.btn .badge { + position: relative; + top:-1px +} + +.badge-pill { + padding-right: .6em; + padding-left: .6em; + border-radius:10rem +} + +.badge-primary { + color: #fff; + background-color:#2fa4e7 +} + +a.badge-primary:focus, a.badge-primary:hover { + color: #fff; + background-color:#178acc +} + +a.badge-primary.focus, a.badge-primary:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(47, 164, 231, .5) +} + +.badge-secondary { + color: #212529; + background-color:#e9ecef +} + +a.badge-secondary:focus, a.badge-secondary:hover { + color: #212529; + background-color:#cbd3da +} + +a.badge-secondary.focus, a.badge-secondary:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(233, 236, 239, .5) +} + +.badge-success { + color: #fff; + background-color:#73a839 +} + +a.badge-success:focus, a.badge-success:hover { + color: #fff; + background-color:#59822c +} + +a.badge-success.focus, a.badge-success:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(115, 168, 57, .5) +} + +.badge-info { + color: #fff; + background-color:#033c73 +} + +a.badge-info:focus, a.badge-info:hover { + color: #fff; + background-color:#022241 +} + +a.badge-info.focus, a.badge-info:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(3, 60, 115, .5) +} + +.badge-warning { + color: #fff; + background-color:#dd5600 +} + +a.badge-warning:focus, a.badge-warning:hover { + color: #fff; + background-color:#aa4200 +} + +a.badge-warning.focus, a.badge-warning:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(221, 86, 0, .5) +} + +.badge-danger { + color: #fff; + background-color:#c71c22 +} + +a.badge-danger:focus, a.badge-danger:hover { + color: #fff; + background-color:#9a161a +} + +a.badge-danger.focus, a.badge-danger:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(199, 28, 34, .5) +} + +.badge-light { + color: #212529; + background-color:#f8f9fa +} + +a.badge-light:focus, a.badge-light:hover { + color: #212529; + background-color:#dae0e5 +} + +a.badge-light.focus, a.badge-light:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(248, 249, 250, .5) +} + +.badge-dark { + color: #fff; + background-color:#343a40 +} + +a.badge-dark:focus, a.badge-dark:hover { + color: #fff; + background-color:#1d2124 +} + +a.badge-dark.focus, a.badge-dark:focus { + outline: 0; + box-shadow:0 0 0 .2rem rgba(52, 58, 64, .5) +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius:.3rem +} + +@media (min-width: 576px) { + .jumbotron { + padding:4rem 2rem + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius:0 +} + +.alert { + position: relative; + padding: .75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius:.25rem +} + +.alert-heading { + color:inherit +} + +.alert-link { + font-weight:700 +} + +.alert-dismissible { + padding-right:4rem +} + +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: .75rem 1.25rem; + color:inherit +} + +.alert-primary { + color: #185578; + background-color: #d5edfa; + border-color:#c5e6f8 +} + +.alert-primary hr { + border-top-color:#aedcf5 +} + +.alert-primary .alert-link { + color:#10374e +} + +.alert-secondary { + color: #797b7c; + background-color: #fbfbfc; + border-color:#f9fafb +} + +.alert-secondary hr { + border-top-color:#eaedf1 +} + +.alert-secondary .alert-link { + color:#606162 +} + +.alert-success { + color: #3c571e; + background-color: #e3eed7; + border-color:#d8e7c8 +} + +.alert-success hr { + border-top-color:#cbdfb6 +} + +.alert-success .alert-link { + color:#223111 +} + +.alert-info { + color: #021f3c; + background-color: #cdd8e3; + border-color:#b8c8d8 +} + +.alert-info hr { + border-top-color:#a8bbcf +} + +.alert-info .alert-link { + color:#00060b +} + +.alert-warning { + color: #732d00; + background-color: #f8ddcc; + border-color:#f5d0b8 +} + +.alert-warning hr { + border-top-color:#f2c1a2 +} + +.alert-warning .alert-link { + color:#401900 +} + +.alert-danger { + color: #670f12; + background-color: #f4d2d3; + border-color:#efbfc1 +} + +.alert-danger hr { + border-top-color:#eaabad +} + +.alert-danger .alert-link { + color:#3a090a +} + +.alert-light { + color: #818182; + background-color: #fefefe; + border-color:#fdfdfe +} + +.alert-light hr { + border-top-color:#ececf6 +} + +.alert-light .alert-link { + color:#686868 +} + +.alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color:#c6c8ca +} + +.alert-dark hr { + border-top-color:#b9bbbe +} + +.alert-dark .alert-link { + color:#040505 +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position:1rem 0 + } + + to { + background-position:0 0 + } +} + +@keyframes progress-bar-stripes { + from { + background-position:1rem 0 + } + + to { + background-position:0 0 + } +} + +.progress { + display: -ms-flexbox; + display: flex; + height: 1rem; + overflow: hidden; + line-height: 0; + font-size: .75rem; + background-color: #e9ecef; + border-radius:.25rem +} + +.progress-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #2fa4e7; + transition:width .6s ease +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition:none + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size:1rem 1rem +} + +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation:1s linear infinite progress-bar-stripes +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation:none + } +} + +.media { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items:flex-start +} + +.media-body { + -ms-flex: 1; + flex:1 +} + +.list-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius:.25rem +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align:inherit +} + +.list-group-item-action:focus, .list-group-item-action:hover { + z-index: 1; + color: #495057; + text-decoration: none; + background-color:#f8f9fa +} + +.list-group-item-action:active { + color: #495057; + background-color:#e9ecef +} + +.list-group-item { + position: relative; + display: block; + padding: .75rem 1.25rem; + background-color: #fff; + border:1px solid rgba(0, 0, 0, .125) +} + +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius:inherit +} + +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius:inherit +} + +.list-group-item.disabled, .list-group-item:disabled { + color: #868e96; + pointer-events: none; + background-color:#fff +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #2fa4e7; + border-color:#2fa4e7 +} + +.list-group-item + .list-group-item { + border-top-width:0 +} + +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width:1px +} + +.list-group-horizontal { + -ms-flex-direction: row; + flex-direction:row +} + +.list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius:0 +} + +.list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius:0 +} + +.list-group-horizontal > .list-group-item.active { + margin-top:0 +} + +.list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width:0 +} + +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width:1px +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + -ms-flex-direction: row; + flex-direction:row + } + + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius:0 + } + + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius:0 + } + + .list-group-horizontal-sm > .list-group-item.active { + margin-top:0 + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width:0 + } + + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width:1px + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + -ms-flex-direction: row; + flex-direction:row + } + + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius:0 + } + + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius:0 + } + + .list-group-horizontal-md > .list-group-item.active { + margin-top:0 + } + + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width:0 + } + + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width:1px + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + -ms-flex-direction: row; + flex-direction:row + } + + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius:0 + } + + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius:0 + } + + .list-group-horizontal-lg > .list-group-item.active { + margin-top:0 + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width:0 + } + + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width:1px + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + -ms-flex-direction: row; + flex-direction:row + } + + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: .25rem; + border-top-right-radius:0 + } + + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: .25rem; + border-bottom-left-radius:0 + } + + .list-group-horizontal-xl > .list-group-item.active { + margin-top:0 + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width:0 + } + + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width:1px + } +} + +.list-group-flush { + border-radius:0 +} + +.list-group-flush > .list-group-item { + border-width:0 0 1px +} + +.list-group-flush > .list-group-item:last-child { + border-bottom-width:0 +} + +.list-group-item-primary { + color: #185578; + background-color:#c5e6f8 +} + +.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { + color: #185578; + background-color:#aedcf5 +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #185578; + border-color:#185578 +} + +.list-group-item-secondary { + color: #797b7c; + background-color:#f9fafb +} + +.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { + color: #797b7c; + background-color:#eaedf1 +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #797b7c; + border-color:#797b7c +} + +.list-group-item-success { + color: #3c571e; + background-color:#d8e7c8 +} + +.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { + color: #3c571e; + background-color:#cbdfb6 +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #3c571e; + border-color:#3c571e +} + +.list-group-item-info { + color: #021f3c; + background-color:#b8c8d8 +} + +.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { + color: #021f3c; + background-color:#a8bbcf +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #021f3c; + border-color:#021f3c +} + +.list-group-item-warning { + color: #732d00; + background-color:#f5d0b8 +} + +.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { + color: #732d00; + background-color:#f2c1a2 +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #732d00; + border-color:#732d00 +} + +.list-group-item-danger { + color: #670f12; + background-color:#efbfc1 +} + +.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { + color: #670f12; + background-color:#eaabad +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #670f12; + border-color:#670f12 +} + +.list-group-item-light { + color: #818182; + background-color:#fdfdfe +} + +.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { + color: #818182; + background-color:#ececf6 +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color:#818182 +} + +.list-group-item-dark { + color: #1b1e21; + background-color:#c6c8ca +} + +.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { + color: #1b1e21; + background-color:#b9bbbe +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color:#1b1e21 +} + +.close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity:.5 +} + +.close:hover { + color: #000; + text-decoration:none +} + +.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { + opacity:.75 +} + +button.close { + padding: 0; + background-color: transparent; + border:0 +} + +a.close.disabled { + pointer-events:none +} + +.toast { + -ms-flex-preferred-size: 350px; + flex-basis: 350px; + max-width: 350px; + font-size: .875rem; + background-color: rgba(255, 255, 255, .85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .1); + box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); + opacity: 0; + border-radius:.25rem +} + +.toast:not(:last-child) { + margin-bottom:.75rem +} + +.toast.showing { + opacity:1 +} + +.toast.show { + display: block; + opacity:1 +} + +.toast.hide { + display:none +} + +.toast-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: .25rem .75rem; + color: #868e96; + background-color: rgba(255, 255, 255, .85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, .05); + border-top-left-radius: calc(.25rem - 1px); + border-top-right-radius:calc(.25rem - 1px) +} + +.toast-body { + padding:.75rem +} + +.modal-open { + overflow:hidden +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y:auto +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline:0 +} + +.modal-dialog { + position: relative; + width: auto; + margin: .5rem; + pointer-events:none +} + +.modal.fade .modal-dialog { + transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out; + -webkit-transform: translate(0, -50px); + transform:translate(0, -50px) +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition:none + } +} + +.modal.show .modal-dialog { + -webkit-transform: none; + transform:none +} + +.modal.modal-static .modal-dialog { + -webkit-transform: scale(1.02); + transform:scale(1.02) +} + +.modal-dialog-scrollable { + display: -ms-flexbox; + display: flex; + max-height:calc(100% - 1rem) +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow:hidden +} + +.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { + -ms-flex-negative: 0; + flex-shrink:0 +} + +.modal-dialog-scrollable .modal-body { + overflow-y:auto +} + +.modal-dialog-centered { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + min-height:calc(100% - 1rem) +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + height: -webkit-min-content; + height: -moz-min-content; + height: min-content; + content: "" +} + +.modal-dialog-centered.modal-dialog-scrollable { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + height:100% +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height:none +} + +.modal-dialog-centered.modal-dialog-scrollable::before { + content:none +} + +.modal-content { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: .3rem; + outline:0 +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color:#000 +} + +.modal-backdrop.fade { + opacity:0 +} + +.modal-backdrop.show { + opacity:.5 +} + +.modal-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(.3rem - 1px); + border-top-right-radius:calc(.3rem - 1px) +} + +.modal-header .close { + padding: 1rem 1rem; + margin:-1rem -1rem -1rem auto +} + +.modal-title { + margin-bottom: 0; + line-height:1.5 +} + +.modal-body { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding:1rem +} + +.modal-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + padding: .75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(.3rem - 1px); + border-bottom-left-radius:calc(.3rem - 1px) +} + +.modal-footer > * { + margin:.25rem +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow:scroll +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin:1.75rem auto + } + + .modal-dialog-scrollable { + max-height:calc(100% - 3.5rem) + } + + .modal-dialog-scrollable .modal-content { + max-height:calc(100vh - 3.5rem) + } + + .modal-dialog-centered { + min-height:calc(100% - 3.5rem) + } + + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + height: -webkit-min-content; + height: -moz-min-content; + height:min-content + } + + .modal-sm { + max-width:300px + } +} + +@media (min-width: 992px) { + .modal-lg, .modal-xl { + max-width:800px + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width:1140px + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: .875rem; + word-wrap: break-word; + opacity:0 +} + +.tooltip.show { + opacity:.9 +} + +.tooltip .arrow { + position: absolute; + display: block; + width: .8rem; + height:.4rem +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style:solid +} + +.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { + padding:.4rem 0 +} + +.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { + bottom:0 +} + +.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { + top: 0; + border-width: .4rem .4rem 0; + border-top-color:#000 +} + +.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { + padding:0 .4rem +} + +.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { + left: 0; + width: .4rem; + height:.8rem +} + +.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { + right: 0; + border-width: .4rem .4rem .4rem 0; + border-right-color:#000 +} + +.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { + padding:.4rem 0 +} + +.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { + top:0 +} + +.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { + bottom: 0; + border-width: 0 .4rem .4rem; + border-bottom-color:#000 +} + +.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { + padding:0 .4rem +} + +.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { + right: 0; + width: .4rem; + height:.8rem +} + +.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { + left: 0; + border-width: .4rem 0 .4rem .4rem; + border-left-color:#000 +} + +.tooltip-inner { + max-width: 200px; + padding: .25rem .5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius:.25rem +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: .875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, .2); + border-radius:.3rem +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: .5rem; + margin:0 .3rem +} + +.popover .arrow::after, .popover .arrow::before { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style:solid +} + +.bs-popover-auto[x-placement^=top], .bs-popover-top { + margin-bottom:.5rem +} + +.bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow { + bottom:calc(-.5rem - 1px) +} + +.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before { + bottom: 0; + border-width: .5rem .5rem 0; + border-top-color:rgba(0, 0, 0, .25) +} + +.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after { + bottom: 1px; + border-width: .5rem .5rem 0; + border-top-color:#fff +} + +.bs-popover-auto[x-placement^=right], .bs-popover-right { + margin-left:.5rem +} + +.bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow { + left: calc(-.5rem - 1px); + width: .5rem; + height: 1rem; + margin:.3rem 0 +} + +.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before { + left: 0; + border-width: .5rem .5rem .5rem 0; + border-right-color:rgba(0, 0, 0, .25) +} + +.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after { + left: 1px; + border-width: .5rem .5rem .5rem 0; + border-right-color:#fff +} + +.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { + margin-top:.5rem +} + +.bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow { + top:calc(-.5rem - 1px) +} + +.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before { + top: 0; + border-width: 0 .5rem .5rem .5rem; + border-bottom-color:rgba(0, 0, 0, .25) +} + +.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after { + top: 1px; + border-width: 0 .5rem .5rem .5rem; + border-bottom-color:#fff +} + +.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -.5rem; + content: ""; + border-bottom:1px solid #f7f7f7 +} + +.bs-popover-auto[x-placement^=left], .bs-popover-left { + margin-right:.5rem +} + +.bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow { + right: calc(-.5rem - 1px); + width: .5rem; + height: 1rem; + margin:.3rem 0 +} + +.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before { + right: 0; + border-width: .5rem 0 .5rem .5rem; + border-left-color:rgba(0, 0, 0, .25) +} + +.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after { + right: 1px; + border-width: .5rem 0 .5rem .5rem; + border-left-color:#fff +} + +.popover-header { + padding: .5rem .75rem; + margin-bottom: 0; + font-size: 1rem; + color: #2fa4e7; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(.3rem - 1px); + border-top-right-radius:calc(.3rem - 1px) +} + +.popover-header:empty { + display:none +} + +.popover-body { + padding: .5rem .75rem; + color:#495057 +} + +.carousel { + position:relative +} + +.carousel.pointer-event { + -ms-touch-action: pan-y; + touch-action:pan-y +} + +.carousel-inner { + position: relative; + width: 100%; + overflow:hidden +} + +.carousel-inner::after { + display: block; + clear: both; + content: "" +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: -webkit-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition:none + } +} + +.carousel-item-next, .carousel-item-prev, .carousel-item.active { + display:block +} + +.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { + -webkit-transform: translateX(100%); + transform:translateX(100%) +} + +.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { + -webkit-transform: translateX(-100%); + transform:translateX(-100%) +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + -webkit-transform: none; + transform:none +} + +.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { + z-index: 1; + opacity:1 +} + +.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition:opacity 0s .6s +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { + transition:none + } +} + +.carousel-control-next, .carousel-control-prev { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: .5; + transition:opacity .15s ease +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-next, .carousel-control-prev { + transition:none + } +} + +.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity:.9 +} + +.carousel-control-prev { + left:0 +} + +.carousel-control-next { + right:0 +} + +.carousel-control-next-icon, .carousel-control-prev-icon { + display: inline-block; + width: 20px; + height: 20px; + background:50%/100% 100% no-repeat +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style:none +} + +.carousel-indicators li { + box-sizing: content-box; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + transition:opacity .6s ease +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition:none + } +} + +.carousel-indicators .active { + opacity:1 +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align:center +} + +@-webkit-keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform:rotate(360deg) + } +} + +@keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform:rotate(360deg) + } +} + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: .25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: .75s linear infinite spinner-border; + animation:.75s linear infinite spinner-border +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width:.2em +} + +@-webkit-keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform:scale(0) + } + + 50% { + opacity: 1; + -webkit-transform: none; + transform:none + } +} + +@keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform:scale(0) + } + + 50% { + opacity: 1; + -webkit-transform: none; + transform:none + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + -webkit-animation: .75s linear infinite spinner-grow; + animation:.75s linear infinite spinner-grow +} + +.spinner-grow-sm { + width: 1rem; + height:1rem +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration:1.5s + } +} + +.align-baseline { + vertical-align:baseline !important +} + +.align-top { + vertical-align:top !important +} + +.align-middle { + vertical-align:middle !important +} + +.align-bottom { + vertical-align:bottom !important +} + +.align-text-bottom { + vertical-align:text-bottom !important +} + +.align-text-top { + vertical-align:text-top !important +} + +.bg-primary { + background-color:#2fa4e7 !important +} + +a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { + background-color:#178acc !important +} + +.bg-secondary { + background-color:#e9ecef !important +} + +a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { + background-color:#cbd3da !important +} + +.bg-success { + background-color:#73a839 !important +} + +a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { + background-color:#59822c !important +} + +.bg-info { + background-color:#033c73 !important +} + +a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { + background-color:#022241 !important +} + +.bg-warning { + background-color:#dd5600 !important +} + +a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { + background-color:#aa4200 !important +} + +.bg-danger { + background-color:#c71c22 !important +} + +a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { + background-color:#9a161a !important +} + +.bg-light { + background-color:#f8f9fa !important +} + +a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { + background-color:#dae0e5 !important +} + +.bg-dark { + background-color:#343a40 !important +} + +a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { + background-color:#1d2124 !important +} + +.bg-white { + background-color:#fff !important +} + +.bg-transparent { + background-color:transparent !important +} + +.border { + border:1px solid #dee2e6 !important +} + +.border-top { + border-top:1px solid #dee2e6 !important +} + +.border-right { + border-right:1px solid #dee2e6 !important +} + +.border-bottom { + border-bottom:1px solid #dee2e6 !important +} + +.border-left { + border-left:1px solid #dee2e6 !important +} + +.border-0 { + border:0 !important +} + +.border-top-0 { + border-top:0 !important +} + +.border-right-0 { + border-right:0 !important +} + +.border-bottom-0 { + border-bottom:0 !important +} + +.border-left-0 { + border-left:0 !important +} + +.border-primary { + border-color:#2fa4e7 !important +} + +.border-secondary { + border-color:#e9ecef !important +} + +.border-success { + border-color:#73a839 !important +} + +.border-info { + border-color:#033c73 !important +} + +.border-warning { + border-color:#dd5600 !important +} + +.border-danger { + border-color:#c71c22 !important +} + +.border-light { + border-color:#f8f9fa !important +} + +.border-dark { + border-color:#343a40 !important +} + +.border-white { + border-color:#fff !important +} + +.rounded-sm { + border-radius:.2rem !important +} + +.rounded { + border-radius:.25rem !important +} + +.rounded-top { + border-top-left-radius: .25rem !important; + border-top-right-radius:.25rem !important +} + +.rounded-right { + border-top-right-radius: .25rem !important; + border-bottom-right-radius:.25rem !important +} + +.rounded-bottom { + border-bottom-right-radius: .25rem !important; + border-bottom-left-radius:.25rem !important +} + +.rounded-left { + border-top-left-radius: .25rem !important; + border-bottom-left-radius:.25rem !important +} + +.rounded-lg { + border-radius:.3rem !important +} + +.rounded-circle { + border-radius:50% !important +} + +.rounded-pill { + border-radius:50rem !important +} + +.rounded-0 { + border-radius:0 !important +} + +.clearfix::after { + display: block; + clear: both; + content: "" +} + +.d-none { + display:none !important +} + +.d-inline { + display:inline !important +} + +.d-inline-block { + display:inline-block !important +} + +.d-block { + display:block !important +} + +.d-table { + display:table !important +} + +.d-table-row { + display:table-row !important +} + +.d-table-cell { + display:table-cell !important +} + +.d-flex { + display: -ms-flexbox !important; + display:flex !important +} + +.d-inline-flex { + display: -ms-inline-flexbox !important; + display:inline-flex !important +} + +@media (min-width: 576px) { + .d-sm-none { + display:none !important + } + + .d-sm-inline { + display:inline !important + } + + .d-sm-inline-block { + display:inline-block !important + } + + .d-sm-block { + display:block !important + } + + .d-sm-table { + display:table !important + } + + .d-sm-table-row { + display:table-row !important + } + + .d-sm-table-cell { + display:table-cell !important + } + + .d-sm-flex { + display: -ms-flexbox !important; + display:flex !important + } + + .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display:inline-flex !important + } +} + +@media (min-width: 768px) { + .d-md-none { + display:none !important + } + + .d-md-inline { + display:inline !important + } + + .d-md-inline-block { + display:inline-block !important + } + + .d-md-block { + display:block !important + } + + .d-md-table { + display:table !important + } + + .d-md-table-row { + display:table-row !important + } + + .d-md-table-cell { + display:table-cell !important + } + + .d-md-flex { + display: -ms-flexbox !important; + display:flex !important + } + + .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display:inline-flex !important + } +} + +@media (min-width: 992px) { + .d-lg-none { + display:none !important + } + + .d-lg-inline { + display:inline !important + } + + .d-lg-inline-block { + display:inline-block !important + } + + .d-lg-block { + display:block !important + } + + .d-lg-table { + display:table !important + } + + .d-lg-table-row { + display:table-row !important + } + + .d-lg-table-cell { + display:table-cell !important + } + + .d-lg-flex { + display: -ms-flexbox !important; + display:flex !important + } + + .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display:inline-flex !important + } +} + +@media (min-width: 1200px) { + .d-xl-none { + display:none !important + } + + .d-xl-inline { + display:inline !important + } + + .d-xl-inline-block { + display:inline-block !important + } + + .d-xl-block { + display:block !important + } + + .d-xl-table { + display:table !important + } + + .d-xl-table-row { + display:table-row !important + } + + .d-xl-table-cell { + display:table-cell !important + } + + .d-xl-flex { + display: -ms-flexbox !important; + display:flex !important + } + + .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display:inline-flex !important + } +} + +@media print { + .d-print-none { + display:none !important + } + + .d-print-inline { + display:inline !important + } + + .d-print-inline-block { + display:inline-block !important + } + + .d-print-block { + display:block !important + } + + .d-print-table { + display:table !important + } + + .d-print-table-row { + display:table-row !important + } + + .d-print-table-cell { + display:table-cell !important + } + + .d-print-flex { + display: -ms-flexbox !important; + display:flex !important + } + + .d-print-inline-flex { + display: -ms-inline-flexbox !important; + display:inline-flex !important + } +} + +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow:hidden +} + +.embed-responsive::before { + display: block; + content: "" +} + +.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border:0 +} + +.embed-responsive-21by9::before { + padding-top:42.857143% +} + +.embed-responsive-16by9::before { + padding-top:56.25% +} + +.embed-responsive-4by3::before { + padding-top:75% +} + +.embed-responsive-1by1::before { + padding-top:100% +} + +.flex-row { + -ms-flex-direction: row !important; + flex-direction:row !important +} + +.flex-column { + -ms-flex-direction: column !important; + flex-direction:column !important +} + +.flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction:row-reverse !important +} + +.flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction:column-reverse !important +} + +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap:wrap !important +} + +.flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap:nowrap !important +} + +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap:wrap-reverse !important +} + +.flex-fill { + -ms-flex: 1 1 auto !important; + flex:1 1 auto !important +} + +.flex-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow:0 !important +} + +.flex-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow:1 !important +} + +.flex-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink:0 !important +} + +.flex-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink:1 !important +} + +.justify-content-start { + -ms-flex-pack: start !important; + justify-content:flex-start !important +} + +.justify-content-end { + -ms-flex-pack: end !important; + justify-content:flex-end !important +} + +.justify-content-center { + -ms-flex-pack: center !important; + justify-content:center !important +} + +.justify-content-between { + -ms-flex-pack: justify !important; + justify-content:space-between !important +} + +.justify-content-around { + -ms-flex-pack: distribute !important; + justify-content:space-around !important +} + +.align-items-start { + -ms-flex-align: start !important; + align-items:flex-start !important +} + +.align-items-end { + -ms-flex-align: end !important; + align-items:flex-end !important +} + +.align-items-center { + -ms-flex-align: center !important; + align-items:center !important +} + +.align-items-baseline { + -ms-flex-align: baseline !important; + align-items:baseline !important +} + +.align-items-stretch { + -ms-flex-align: stretch !important; + align-items:stretch !important +} + +.align-content-start { + -ms-flex-line-pack: start !important; + align-content:flex-start !important +} + +.align-content-end { + -ms-flex-line-pack: end !important; + align-content:flex-end !important +} + +.align-content-center { + -ms-flex-line-pack: center !important; + align-content:center !important +} + +.align-content-between { + -ms-flex-line-pack: justify !important; + align-content:space-between !important +} + +.align-content-around { + -ms-flex-line-pack: distribute !important; + align-content:space-around !important +} + +.align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content:stretch !important +} + +.align-self-auto { + -ms-flex-item-align: auto !important; + align-self:auto !important +} + +.align-self-start { + -ms-flex-item-align: start !important; + align-self:flex-start !important +} + +.align-self-end { + -ms-flex-item-align: end !important; + align-self:flex-end !important +} + +.align-self-center { + -ms-flex-item-align: center !important; + align-self:center !important +} + +.align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self:baseline !important +} + +.align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self:stretch !important +} + +@media (min-width: 576px) { + .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction:row !important + } + + .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction:column !important + } + + .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction:row-reverse !important + } + + .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction:column-reverse !important + } + + .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap:wrap !important + } + + .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap:nowrap !important + } + + .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap:wrap-reverse !important + } + + .flex-sm-fill { + -ms-flex: 1 1 auto !important; + flex:1 1 auto !important + } + + .flex-sm-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow:0 !important + } + + .flex-sm-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow:1 !important + } + + .flex-sm-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink:0 !important + } + + .flex-sm-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink:1 !important + } + + .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content:flex-start !important + } + + .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content:flex-end !important + } + + .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content:center !important + } + + .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content:space-between !important + } + + .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content:space-around !important + } + + .align-items-sm-start { + -ms-flex-align: start !important; + align-items:flex-start !important + } + + .align-items-sm-end { + -ms-flex-align: end !important; + align-items:flex-end !important + } + + .align-items-sm-center { + -ms-flex-align: center !important; + align-items:center !important + } + + .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items:baseline !important + } + + .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items:stretch !important + } + + .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content:flex-start !important + } + + .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content:flex-end !important + } + + .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content:center !important + } + + .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content:space-between !important + } + + .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content:space-around !important + } + + .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content:stretch !important + } + + .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self:auto !important + } + + .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self:flex-start !important + } + + .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self:flex-end !important + } + + .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self:center !important + } + + .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self:baseline !important + } + + .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self:stretch !important + } +} + +@media (min-width: 768px) { + .flex-md-row { + -ms-flex-direction: row !important; + flex-direction:row !important + } + + .flex-md-column { + -ms-flex-direction: column !important; + flex-direction:column !important + } + + .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction:row-reverse !important + } + + .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction:column-reverse !important + } + + .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap:wrap !important + } + + .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap:nowrap !important + } + + .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap:wrap-reverse !important + } + + .flex-md-fill { + -ms-flex: 1 1 auto !important; + flex:1 1 auto !important + } + + .flex-md-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow:0 !important + } + + .flex-md-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow:1 !important + } + + .flex-md-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink:0 !important + } + + .flex-md-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink:1 !important + } + + .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content:flex-start !important + } + + .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content:flex-end !important + } + + .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content:center !important + } + + .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content:space-between !important + } + + .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content:space-around !important + } + + .align-items-md-start { + -ms-flex-align: start !important; + align-items:flex-start !important + } + + .align-items-md-end { + -ms-flex-align: end !important; + align-items:flex-end !important + } + + .align-items-md-center { + -ms-flex-align: center !important; + align-items:center !important + } + + .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items:baseline !important + } + + .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items:stretch !important + } + + .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content:flex-start !important + } + + .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content:flex-end !important + } + + .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content:center !important + } + + .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content:space-between !important + } + + .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content:space-around !important + } + + .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content:stretch !important + } + + .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self:auto !important + } + + .align-self-md-start { + -ms-flex-item-align: start !important; + align-self:flex-start !important + } + + .align-self-md-end { + -ms-flex-item-align: end !important; + align-self:flex-end !important + } + + .align-self-md-center { + -ms-flex-item-align: center !important; + align-self:center !important + } + + .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self:baseline !important + } + + .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self:stretch !important + } +} + +@media (min-width: 992px) { + .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction:row !important + } + + .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction:column !important + } + + .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction:row-reverse !important + } + + .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction:column-reverse !important + } + + .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap:wrap !important + } + + .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap:nowrap !important + } + + .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap:wrap-reverse !important + } + + .flex-lg-fill { + -ms-flex: 1 1 auto !important; + flex:1 1 auto !important + } + + .flex-lg-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow:0 !important + } + + .flex-lg-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow:1 !important + } + + .flex-lg-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink:0 !important + } + + .flex-lg-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink:1 !important + } + + .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content:flex-start !important + } + + .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content:flex-end !important + } + + .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content:center !important + } + + .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content:space-between !important + } + + .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content:space-around !important + } + + .align-items-lg-start { + -ms-flex-align: start !important; + align-items:flex-start !important + } + + .align-items-lg-end { + -ms-flex-align: end !important; + align-items:flex-end !important + } + + .align-items-lg-center { + -ms-flex-align: center !important; + align-items:center !important + } + + .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items:baseline !important + } + + .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items:stretch !important + } + + .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content:flex-start !important + } + + .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content:flex-end !important + } + + .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content:center !important + } + + .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content:space-between !important + } + + .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content:space-around !important + } + + .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content:stretch !important + } + + .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self:auto !important + } + + .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self:flex-start !important + } + + .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self:flex-end !important + } + + .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self:center !important + } + + .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self:baseline !important + } + + .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self:stretch !important + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction:row !important + } + + .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction:column !important + } + + .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction:row-reverse !important + } + + .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction:column-reverse !important + } + + .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap:wrap !important + } + + .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap:nowrap !important + } + + .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap:wrap-reverse !important + } + + .flex-xl-fill { + -ms-flex: 1 1 auto !important; + flex:1 1 auto !important + } + + .flex-xl-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow:0 !important + } + + .flex-xl-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow:1 !important + } + + .flex-xl-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink:0 !important + } + + .flex-xl-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink:1 !important + } + + .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content:flex-start !important + } + + .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content:flex-end !important + } + + .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content:center !important + } + + .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content:space-between !important + } + + .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content:space-around !important + } + + .align-items-xl-start { + -ms-flex-align: start !important; + align-items:flex-start !important + } + + .align-items-xl-end { + -ms-flex-align: end !important; + align-items:flex-end !important + } + + .align-items-xl-center { + -ms-flex-align: center !important; + align-items:center !important + } + + .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items:baseline !important + } + + .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items:stretch !important + } + + .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content:flex-start !important + } + + .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content:flex-end !important + } + + .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content:center !important + } + + .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content:space-between !important + } + + .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content:space-around !important + } + + .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content:stretch !important + } + + .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self:auto !important + } + + .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self:flex-start !important + } + + .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self:flex-end !important + } + + .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self:center !important + } + + .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self:baseline !important + } + + .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self:stretch !important + } +} + +.float-left { + float:left !important +} + +.float-right { + float:right !important +} + +.float-none { + float:none !important +} + +@media (min-width: 576px) { + .float-sm-left { + float:left !important + } + + .float-sm-right { + float:right !important + } + + .float-sm-none { + float:none !important + } +} + +@media (min-width: 768px) { + .float-md-left { + float:left !important + } + + .float-md-right { + float:right !important + } + + .float-md-none { + float:none !important + } +} + +@media (min-width: 992px) { + .float-lg-left { + float:left !important + } + + .float-lg-right { + float:right !important + } + + .float-lg-none { + float:none !important + } +} + +@media (min-width: 1200px) { + .float-xl-left { + float:left !important + } + + .float-xl-right { + float:right !important + } + + .float-xl-none { + float:none !important + } +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select:all !important +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select:auto !important +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select:none !important +} + +.overflow-auto { + overflow:auto !important +} + +.overflow-hidden { + overflow:hidden !important +} + +.position-static { + position:static !important +} + +.position-relative { + position:relative !important +} + +.position-absolute { + position:absolute !important +} + +.position-fixed { + position:fixed !important +} + +.position-sticky { + position: -webkit-sticky !important; + position:sticky !important +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index:1030 +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index:1030 +} + +@supports ((position: -webkit-sticky) or(position: sticky)) { + .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index:1020 + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border:0 +} + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space:normal +} + +.shadow-sm { + box-shadow:0 .125rem .25rem rgba(0, 0, 0, .075) !important +} + +.shadow { + box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important +} + +.shadow-lg { + box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important +} + +.shadow-none { + box-shadow:none !important +} + +.w-25 { + width:25% !important +} + +.w-50 { + width:50% !important +} + +.w-75 { + width:75% !important +} + +.w-100 { + width:100% !important +} + +.w-auto { + width:auto !important +} + +.h-25 { + height:25% !important +} + +.h-50 { + height:50% !important +} + +.h-75 { + height:75% !important +} + +.h-100 { + height:100% !important +} + +.h-auto { + height:auto !important +} + +.mw-100 { + max-width:100% !important +} + +.mh-100 { + max-height:100% !important +} + +.min-vw-100 { + min-width:100vw !important +} + +.min-vh-100 { + min-height:100vh !important +} + +.vw-100 { + width:100vw !important +} + +.vh-100 { + height:100vh !important +} + +.m-0 { + margin:0 !important +} + +.mt-0, .my-0 { + margin-top:0 !important +} + +.mr-0, .mx-0 { + margin-right:0 !important +} + +.mb-0, .my-0 { + margin-bottom:0 !important +} + +.ml-0, .mx-0 { + margin-left:0 !important +} + +.m-1 { + margin:.25rem !important +} + +.mt-1, .my-1 { + margin-top:.25rem !important +} + +.mr-1, .mx-1 { + margin-right:.25rem !important +} + +.mb-1, .my-1 { + margin-bottom:.25rem !important +} + +.ml-1, .mx-1 { + margin-left:.25rem !important +} + +.m-2 { + margin:.5rem !important +} + +.mt-2, .my-2 { + margin-top:.5rem !important +} + +.mr-2, .mx-2 { + margin-right:.5rem !important +} + +.mb-2, .my-2 { + margin-bottom:.5rem !important +} + +.ml-2, .mx-2 { + margin-left:.5rem !important +} + +.m-3 { + margin:1rem !important +} + +.mt-3, .my-3 { + margin-top:1rem !important +} + +.mr-3, .mx-3 { + margin-right:1rem !important +} + +.mb-3, .my-3 { + margin-bottom:1rem !important +} + +.ml-3, .mx-3 { + margin-left:1rem !important +} + +.m-4 { + margin:1.5rem !important +} + +.mt-4, .my-4 { + margin-top:1.5rem !important +} + +.mr-4, .mx-4 { + margin-right:1.5rem !important +} + +.mb-4, .my-4 { + margin-bottom:1.5rem !important +} + +.ml-4, .mx-4 { + margin-left:1.5rem !important +} + +.m-5 { + margin:3rem !important +} + +.mt-5, .my-5 { + margin-top:3rem !important +} + +.mr-5, .mx-5 { + margin-right:3rem !important +} + +.mb-5, .my-5 { + margin-bottom:3rem !important +} + +.ml-5, .mx-5 { + margin-left:3rem !important +} + +.p-0 { + padding:0 !important +} + +.pt-0, .py-0 { + padding-top:0 !important +} + +.pr-0, .px-0 { + padding-right:0 !important +} + +.pb-0, .py-0 { + padding-bottom:0 !important +} + +.pl-0, .px-0 { + padding-left:0 !important +} + +.p-1 { + padding:.25rem !important +} + +.pt-1, .py-1 { + padding-top:.25rem !important +} + +.pr-1, .px-1 { + padding-right:.25rem !important +} + +.pb-1, .py-1 { + padding-bottom:.25rem !important +} + +.pl-1, .px-1 { + padding-left:.25rem !important +} + +.p-2 { + padding:.5rem !important +} + +.pt-2, .py-2 { + padding-top:.5rem !important +} + +.pr-2, .px-2 { + padding-right:.5rem !important +} + +.pb-2, .py-2 { + padding-bottom:.5rem !important +} + +.pl-2, .px-2 { + padding-left:.5rem !important +} + +.p-3 { + padding:1rem !important +} + +.pt-3, .py-3 { + padding-top:1rem !important +} + +.pr-3, .px-3 { + padding-right:1rem !important +} + +.pb-3, .py-3 { + padding-bottom:1rem !important +} + +.pl-3, .px-3 { + padding-left:1rem !important +} + +.p-4 { + padding:1.5rem !important +} + +.pt-4, .py-4 { + padding-top:1.5rem !important +} + +.pr-4, .px-4 { + padding-right:1.5rem !important +} + +.pb-4, .py-4 { + padding-bottom:1.5rem !important +} + +.pl-4, .px-4 { + padding-left:1.5rem !important +} + +.p-5 { + padding:3rem !important +} + +.pt-5, .py-5 { + padding-top:3rem !important +} + +.pr-5, .px-5 { + padding-right:3rem !important +} + +.pb-5, .py-5 { + padding-bottom:3rem !important +} + +.pl-5, .px-5 { + padding-left:3rem !important +} + +.m-n1 { + margin:-.25rem !important +} + +.mt-n1, .my-n1 { + margin-top:-.25rem !important +} + +.mr-n1, .mx-n1 { + margin-right:-.25rem !important +} + +.mb-n1, .my-n1 { + margin-bottom:-.25rem !important +} + +.ml-n1, .mx-n1 { + margin-left:-.25rem !important +} + +.m-n2 { + margin:-.5rem !important +} + +.mt-n2, .my-n2 { + margin-top:-.5rem !important +} + +.mr-n2, .mx-n2 { + margin-right:-.5rem !important +} + +.mb-n2, .my-n2 { + margin-bottom:-.5rem !important +} + +.ml-n2, .mx-n2 { + margin-left:-.5rem !important +} + +.m-n3 { + margin:-1rem !important +} + +.mt-n3, .my-n3 { + margin-top:-1rem !important +} + +.mr-n3, .mx-n3 { + margin-right:-1rem !important +} + +.mb-n3, .my-n3 { + margin-bottom:-1rem !important +} + +.ml-n3, .mx-n3 { + margin-left:-1rem !important +} + +.m-n4 { + margin:-1.5rem !important +} + +.mt-n4, .my-n4 { + margin-top:-1.5rem !important +} + +.mr-n4, .mx-n4 { + margin-right:-1.5rem !important +} + +.mb-n4, .my-n4 { + margin-bottom:-1.5rem !important +} + +.ml-n4, .mx-n4 { + margin-left:-1.5rem !important +} + +.m-n5 { + margin:-3rem !important +} + +.mt-n5, .my-n5 { + margin-top:-3rem !important +} + +.mr-n5, .mx-n5 { + margin-right:-3rem !important +} + +.mb-n5, .my-n5 { + margin-bottom:-3rem !important +} + +.ml-n5, .mx-n5 { + margin-left:-3rem !important +} + +.m-auto { + margin:auto !important +} + +.mt-auto, .my-auto { + margin-top:auto !important +} + +.mr-auto, .mx-auto { + margin-right:auto !important +} + +.mb-auto, .my-auto { + margin-bottom:auto !important +} + +.ml-auto, .mx-auto { + margin-left:auto !important +} + +@media (min-width: 576px) { + .m-sm-0 { + margin:0 !important + } + + .mt-sm-0, .my-sm-0 { + margin-top:0 !important + } + + .mr-sm-0, .mx-sm-0 { + margin-right:0 !important + } + + .mb-sm-0, .my-sm-0 { + margin-bottom:0 !important + } + + .ml-sm-0, .mx-sm-0 { + margin-left:0 !important + } + + .m-sm-1 { + margin:.25rem !important + } + + .mt-sm-1, .my-sm-1 { + margin-top:.25rem !important + } + + .mr-sm-1, .mx-sm-1 { + margin-right:.25rem !important + } + + .mb-sm-1, .my-sm-1 { + margin-bottom:.25rem !important + } + + .ml-sm-1, .mx-sm-1 { + margin-left:.25rem !important + } + + .m-sm-2 { + margin:.5rem !important + } + + .mt-sm-2, .my-sm-2 { + margin-top:.5rem !important + } + + .mr-sm-2, .mx-sm-2 { + margin-right:.5rem !important + } + + .mb-sm-2, .my-sm-2 { + margin-bottom:.5rem !important + } + + .ml-sm-2, .mx-sm-2 { + margin-left:.5rem !important + } + + .m-sm-3 { + margin:1rem !important + } + + .mt-sm-3, .my-sm-3 { + margin-top:1rem !important + } + + .mr-sm-3, .mx-sm-3 { + margin-right:1rem !important + } + + .mb-sm-3, .my-sm-3 { + margin-bottom:1rem !important + } + + .ml-sm-3, .mx-sm-3 { + margin-left:1rem !important + } + + .m-sm-4 { + margin:1.5rem !important + } + + .mt-sm-4, .my-sm-4 { + margin-top:1.5rem !important + } + + .mr-sm-4, .mx-sm-4 { + margin-right:1.5rem !important + } + + .mb-sm-4, .my-sm-4 { + margin-bottom:1.5rem !important + } + + .ml-sm-4, .mx-sm-4 { + margin-left:1.5rem !important + } + + .m-sm-5 { + margin:3rem !important + } + + .mt-sm-5, .my-sm-5 { + margin-top:3rem !important + } + + .mr-sm-5, .mx-sm-5 { + margin-right:3rem !important + } + + .mb-sm-5, .my-sm-5 { + margin-bottom:3rem !important + } + + .ml-sm-5, .mx-sm-5 { + margin-left:3rem !important + } + + .p-sm-0 { + padding:0 !important + } + + .pt-sm-0, .py-sm-0 { + padding-top:0 !important + } + + .pr-sm-0, .px-sm-0 { + padding-right:0 !important + } + + .pb-sm-0, .py-sm-0 { + padding-bottom:0 !important + } + + .pl-sm-0, .px-sm-0 { + padding-left:0 !important + } + + .p-sm-1 { + padding:.25rem !important + } + + .pt-sm-1, .py-sm-1 { + padding-top:.25rem !important + } + + .pr-sm-1, .px-sm-1 { + padding-right:.25rem !important + } + + .pb-sm-1, .py-sm-1 { + padding-bottom:.25rem !important + } + + .pl-sm-1, .px-sm-1 { + padding-left:.25rem !important + } + + .p-sm-2 { + padding:.5rem !important + } + + .pt-sm-2, .py-sm-2 { + padding-top:.5rem !important + } + + .pr-sm-2, .px-sm-2 { + padding-right:.5rem !important + } + + .pb-sm-2, .py-sm-2 { + padding-bottom:.5rem !important + } + + .pl-sm-2, .px-sm-2 { + padding-left:.5rem !important + } + + .p-sm-3 { + padding:1rem !important + } + + .pt-sm-3, .py-sm-3 { + padding-top:1rem !important + } + + .pr-sm-3, .px-sm-3 { + padding-right:1rem !important + } + + .pb-sm-3, .py-sm-3 { + padding-bottom:1rem !important + } + + .pl-sm-3, .px-sm-3 { + padding-left:1rem !important + } + + .p-sm-4 { + padding:1.5rem !important + } + + .pt-sm-4, .py-sm-4 { + padding-top:1.5rem !important + } + + .pr-sm-4, .px-sm-4 { + padding-right:1.5rem !important + } + + .pb-sm-4, .py-sm-4 { + padding-bottom:1.5rem !important + } + + .pl-sm-4, .px-sm-4 { + padding-left:1.5rem !important + } + + .p-sm-5 { + padding:3rem !important + } + + .pt-sm-5, .py-sm-5 { + padding-top:3rem !important + } + + .pr-sm-5, .px-sm-5 { + padding-right:3rem !important + } + + .pb-sm-5, .py-sm-5 { + padding-bottom:3rem !important + } + + .pl-sm-5, .px-sm-5 { + padding-left:3rem !important + } + + .m-sm-n1 { + margin:-.25rem !important + } + + .mt-sm-n1, .my-sm-n1 { + margin-top:-.25rem !important + } + + .mr-sm-n1, .mx-sm-n1 { + margin-right:-.25rem !important + } + + .mb-sm-n1, .my-sm-n1 { + margin-bottom:-.25rem !important + } + + .ml-sm-n1, .mx-sm-n1 { + margin-left:-.25rem !important + } + + .m-sm-n2 { + margin:-.5rem !important + } + + .mt-sm-n2, .my-sm-n2 { + margin-top:-.5rem !important + } + + .mr-sm-n2, .mx-sm-n2 { + margin-right:-.5rem !important + } + + .mb-sm-n2, .my-sm-n2 { + margin-bottom:-.5rem !important + } + + .ml-sm-n2, .mx-sm-n2 { + margin-left:-.5rem !important + } + + .m-sm-n3 { + margin:-1rem !important + } + + .mt-sm-n3, .my-sm-n3 { + margin-top:-1rem !important + } + + .mr-sm-n3, .mx-sm-n3 { + margin-right:-1rem !important + } + + .mb-sm-n3, .my-sm-n3 { + margin-bottom:-1rem !important + } + + .ml-sm-n3, .mx-sm-n3 { + margin-left:-1rem !important + } + + .m-sm-n4 { + margin:-1.5rem !important + } + + .mt-sm-n4, .my-sm-n4 { + margin-top:-1.5rem !important + } + + .mr-sm-n4, .mx-sm-n4 { + margin-right:-1.5rem !important + } + + .mb-sm-n4, .my-sm-n4 { + margin-bottom:-1.5rem !important + } + + .ml-sm-n4, .mx-sm-n4 { + margin-left:-1.5rem !important + } + + .m-sm-n5 { + margin:-3rem !important + } + + .mt-sm-n5, .my-sm-n5 { + margin-top:-3rem !important + } + + .mr-sm-n5, .mx-sm-n5 { + margin-right:-3rem !important + } + + .mb-sm-n5, .my-sm-n5 { + margin-bottom:-3rem !important + } + + .ml-sm-n5, .mx-sm-n5 { + margin-left:-3rem !important + } + + .m-sm-auto { + margin:auto !important + } + + .mt-sm-auto, .my-sm-auto { + margin-top:auto !important + } + + .mr-sm-auto, .mx-sm-auto { + margin-right:auto !important + } + + .mb-sm-auto, .my-sm-auto { + margin-bottom:auto !important + } + + .ml-sm-auto, .mx-sm-auto { + margin-left:auto !important + } +} + +@media (min-width: 768px) { + .m-md-0 { + margin:0 !important + } + + .mt-md-0, .my-md-0 { + margin-top:0 !important + } + + .mr-md-0, .mx-md-0 { + margin-right:0 !important + } + + .mb-md-0, .my-md-0 { + margin-bottom:0 !important + } + + .ml-md-0, .mx-md-0 { + margin-left:0 !important + } + + .m-md-1 { + margin:.25rem !important + } + + .mt-md-1, .my-md-1 { + margin-top:.25rem !important + } + + .mr-md-1, .mx-md-1 { + margin-right:.25rem !important + } + + .mb-md-1, .my-md-1 { + margin-bottom:.25rem !important + } + + .ml-md-1, .mx-md-1 { + margin-left:.25rem !important + } + + .m-md-2 { + margin:.5rem !important + } + + .mt-md-2, .my-md-2 { + margin-top:.5rem !important + } + + .mr-md-2, .mx-md-2 { + margin-right:.5rem !important + } + + .mb-md-2, .my-md-2 { + margin-bottom:.5rem !important + } + + .ml-md-2, .mx-md-2 { + margin-left:.5rem !important + } + + .m-md-3 { + margin:1rem !important + } + + .mt-md-3, .my-md-3 { + margin-top:1rem !important + } + + .mr-md-3, .mx-md-3 { + margin-right:1rem !important + } + + .mb-md-3, .my-md-3 { + margin-bottom:1rem !important + } + + .ml-md-3, .mx-md-3 { + margin-left:1rem !important + } + + .m-md-4 { + margin:1.5rem !important + } + + .mt-md-4, .my-md-4 { + margin-top:1.5rem !important + } + + .mr-md-4, .mx-md-4 { + margin-right:1.5rem !important + } + + .mb-md-4, .my-md-4 { + margin-bottom:1.5rem !important + } + + .ml-md-4, .mx-md-4 { + margin-left:1.5rem !important + } + + .m-md-5 { + margin:3rem !important + } + + .mt-md-5, .my-md-5 { + margin-top:3rem !important + } + + .mr-md-5, .mx-md-5 { + margin-right:3rem !important + } + + .mb-md-5, .my-md-5 { + margin-bottom:3rem !important + } + + .ml-md-5, .mx-md-5 { + margin-left:3rem !important + } + + .p-md-0 { + padding:0 !important + } + + .pt-md-0, .py-md-0 { + padding-top:0 !important + } + + .pr-md-0, .px-md-0 { + padding-right:0 !important + } + + .pb-md-0, .py-md-0 { + padding-bottom:0 !important + } + + .pl-md-0, .px-md-0 { + padding-left:0 !important + } + + .p-md-1 { + padding:.25rem !important + } + + .pt-md-1, .py-md-1 { + padding-top:.25rem !important + } + + .pr-md-1, .px-md-1 { + padding-right:.25rem !important + } + + .pb-md-1, .py-md-1 { + padding-bottom:.25rem !important + } + + .pl-md-1, .px-md-1 { + padding-left:.25rem !important + } + + .p-md-2 { + padding:.5rem !important + } + + .pt-md-2, .py-md-2 { + padding-top:.5rem !important + } + + .pr-md-2, .px-md-2 { + padding-right:.5rem !important + } + + .pb-md-2, .py-md-2 { + padding-bottom:.5rem !important + } + + .pl-md-2, .px-md-2 { + padding-left:.5rem !important + } + + .p-md-3 { + padding:1rem !important + } + + .pt-md-3, .py-md-3 { + padding-top:1rem !important + } + + .pr-md-3, .px-md-3 { + padding-right:1rem !important + } + + .pb-md-3, .py-md-3 { + padding-bottom:1rem !important + } + + .pl-md-3, .px-md-3 { + padding-left:1rem !important + } + + .p-md-4 { + padding:1.5rem !important + } + + .pt-md-4, .py-md-4 { + padding-top:1.5rem !important + } + + .pr-md-4, .px-md-4 { + padding-right:1.5rem !important + } + + .pb-md-4, .py-md-4 { + padding-bottom:1.5rem !important + } + + .pl-md-4, .px-md-4 { + padding-left:1.5rem !important + } + + .p-md-5 { + padding:3rem !important + } + + .pt-md-5, .py-md-5 { + padding-top:3rem !important + } + + .pr-md-5, .px-md-5 { + padding-right:3rem !important + } + + .pb-md-5, .py-md-5 { + padding-bottom:3rem !important + } + + .pl-md-5, .px-md-5 { + padding-left:3rem !important + } + + .m-md-n1 { + margin:-.25rem !important + } + + .mt-md-n1, .my-md-n1 { + margin-top:-.25rem !important + } + + .mr-md-n1, .mx-md-n1 { + margin-right:-.25rem !important + } + + .mb-md-n1, .my-md-n1 { + margin-bottom:-.25rem !important + } + + .ml-md-n1, .mx-md-n1 { + margin-left:-.25rem !important + } + + .m-md-n2 { + margin:-.5rem !important + } + + .mt-md-n2, .my-md-n2 { + margin-top:-.5rem !important + } + + .mr-md-n2, .mx-md-n2 { + margin-right:-.5rem !important + } + + .mb-md-n2, .my-md-n2 { + margin-bottom:-.5rem !important + } + + .ml-md-n2, .mx-md-n2 { + margin-left:-.5rem !important + } + + .m-md-n3 { + margin:-1rem !important + } + + .mt-md-n3, .my-md-n3 { + margin-top:-1rem !important + } + + .mr-md-n3, .mx-md-n3 { + margin-right:-1rem !important + } + + .mb-md-n3, .my-md-n3 { + margin-bottom:-1rem !important + } + + .ml-md-n3, .mx-md-n3 { + margin-left:-1rem !important + } + + .m-md-n4 { + margin:-1.5rem !important + } + + .mt-md-n4, .my-md-n4 { + margin-top:-1.5rem !important + } + + .mr-md-n4, .mx-md-n4 { + margin-right:-1.5rem !important + } + + .mb-md-n4, .my-md-n4 { + margin-bottom:-1.5rem !important + } + + .ml-md-n4, .mx-md-n4 { + margin-left:-1.5rem !important + } + + .m-md-n5 { + margin:-3rem !important + } + + .mt-md-n5, .my-md-n5 { + margin-top:-3rem !important + } + + .mr-md-n5, .mx-md-n5 { + margin-right:-3rem !important + } + + .mb-md-n5, .my-md-n5 { + margin-bottom:-3rem !important + } + + .ml-md-n5, .mx-md-n5 { + margin-left:-3rem !important + } + + .m-md-auto { + margin:auto !important + } + + .mt-md-auto, .my-md-auto { + margin-top:auto !important + } + + .mr-md-auto, .mx-md-auto { + margin-right:auto !important + } + + .mb-md-auto, .my-md-auto { + margin-bottom:auto !important + } + + .ml-md-auto, .mx-md-auto { + margin-left:auto !important + } +} + +@media (min-width: 992px) { + .m-lg-0 { + margin:0 !important + } + + .mt-lg-0, .my-lg-0 { + margin-top:0 !important + } + + .mr-lg-0, .mx-lg-0 { + margin-right:0 !important + } + + .mb-lg-0, .my-lg-0 { + margin-bottom:0 !important + } + + .ml-lg-0, .mx-lg-0 { + margin-left:0 !important + } + + .m-lg-1 { + margin:.25rem !important + } + + .mt-lg-1, .my-lg-1 { + margin-top:.25rem !important + } + + .mr-lg-1, .mx-lg-1 { + margin-right:.25rem !important + } + + .mb-lg-1, .my-lg-1 { + margin-bottom:.25rem !important + } + + .ml-lg-1, .mx-lg-1 { + margin-left:.25rem !important + } + + .m-lg-2 { + margin:.5rem !important + } + + .mt-lg-2, .my-lg-2 { + margin-top:.5rem !important + } + + .mr-lg-2, .mx-lg-2 { + margin-right:.5rem !important + } + + .mb-lg-2, .my-lg-2 { + margin-bottom:.5rem !important + } + + .ml-lg-2, .mx-lg-2 { + margin-left:.5rem !important + } + + .m-lg-3 { + margin:1rem !important + } + + .mt-lg-3, .my-lg-3 { + margin-top:1rem !important + } + + .mr-lg-3, .mx-lg-3 { + margin-right:1rem !important + } + + .mb-lg-3, .my-lg-3 { + margin-bottom:1rem !important + } + + .ml-lg-3, .mx-lg-3 { + margin-left:1rem !important + } + + .m-lg-4 { + margin:1.5rem !important + } + + .mt-lg-4, .my-lg-4 { + margin-top:1.5rem !important + } + + .mr-lg-4, .mx-lg-4 { + margin-right:1.5rem !important + } + + .mb-lg-4, .my-lg-4 { + margin-bottom:1.5rem !important + } + + .ml-lg-4, .mx-lg-4 { + margin-left:1.5rem !important + } + + .m-lg-5 { + margin:3rem !important + } + + .mt-lg-5, .my-lg-5 { + margin-top:3rem !important + } + + .mr-lg-5, .mx-lg-5 { + margin-right:3rem !important + } + + .mb-lg-5, .my-lg-5 { + margin-bottom:3rem !important + } + + .ml-lg-5, .mx-lg-5 { + margin-left:3rem !important + } + + .p-lg-0 { + padding:0 !important + } + + .pt-lg-0, .py-lg-0 { + padding-top:0 !important + } + + .pr-lg-0, .px-lg-0 { + padding-right:0 !important + } + + .pb-lg-0, .py-lg-0 { + padding-bottom:0 !important + } + + .pl-lg-0, .px-lg-0 { + padding-left:0 !important + } + + .p-lg-1 { + padding:.25rem !important + } + + .pt-lg-1, .py-lg-1 { + padding-top:.25rem !important + } + + .pr-lg-1, .px-lg-1 { + padding-right:.25rem !important + } + + .pb-lg-1, .py-lg-1 { + padding-bottom:.25rem !important + } + + .pl-lg-1, .px-lg-1 { + padding-left:.25rem !important + } + + .p-lg-2 { + padding:.5rem !important + } + + .pt-lg-2, .py-lg-2 { + padding-top:.5rem !important + } + + .pr-lg-2, .px-lg-2 { + padding-right:.5rem !important + } + + .pb-lg-2, .py-lg-2 { + padding-bottom:.5rem !important + } + + .pl-lg-2, .px-lg-2 { + padding-left:.5rem !important + } + + .p-lg-3 { + padding:1rem !important + } + + .pt-lg-3, .py-lg-3 { + padding-top:1rem !important + } + + .pr-lg-3, .px-lg-3 { + padding-right:1rem !important + } + + .pb-lg-3, .py-lg-3 { + padding-bottom:1rem !important + } + + .pl-lg-3, .px-lg-3 { + padding-left:1rem !important + } + + .p-lg-4 { + padding:1.5rem !important + } + + .pt-lg-4, .py-lg-4 { + padding-top:1.5rem !important + } + + .pr-lg-4, .px-lg-4 { + padding-right:1.5rem !important + } + + .pb-lg-4, .py-lg-4 { + padding-bottom:1.5rem !important + } + + .pl-lg-4, .px-lg-4 { + padding-left:1.5rem !important + } + + .p-lg-5 { + padding:3rem !important + } + + .pt-lg-5, .py-lg-5 { + padding-top:3rem !important + } + + .pr-lg-5, .px-lg-5 { + padding-right:3rem !important + } + + .pb-lg-5, .py-lg-5 { + padding-bottom:3rem !important + } + + .pl-lg-5, .px-lg-5 { + padding-left:3rem !important + } + + .m-lg-n1 { + margin:-.25rem !important + } + + .mt-lg-n1, .my-lg-n1 { + margin-top:-.25rem !important + } + + .mr-lg-n1, .mx-lg-n1 { + margin-right:-.25rem !important + } + + .mb-lg-n1, .my-lg-n1 { + margin-bottom:-.25rem !important + } + + .ml-lg-n1, .mx-lg-n1 { + margin-left:-.25rem !important + } + + .m-lg-n2 { + margin:-.5rem !important + } + + .mt-lg-n2, .my-lg-n2 { + margin-top:-.5rem !important + } + + .mr-lg-n2, .mx-lg-n2 { + margin-right:-.5rem !important + } + + .mb-lg-n2, .my-lg-n2 { + margin-bottom:-.5rem !important + } + + .ml-lg-n2, .mx-lg-n2 { + margin-left:-.5rem !important + } + + .m-lg-n3 { + margin:-1rem !important + } + + .mt-lg-n3, .my-lg-n3 { + margin-top:-1rem !important + } + + .mr-lg-n3, .mx-lg-n3 { + margin-right:-1rem !important + } + + .mb-lg-n3, .my-lg-n3 { + margin-bottom:-1rem !important + } + + .ml-lg-n3, .mx-lg-n3 { + margin-left:-1rem !important + } + + .m-lg-n4 { + margin:-1.5rem !important + } + + .mt-lg-n4, .my-lg-n4 { + margin-top:-1.5rem !important + } + + .mr-lg-n4, .mx-lg-n4 { + margin-right:-1.5rem !important + } + + .mb-lg-n4, .my-lg-n4 { + margin-bottom:-1.5rem !important + } + + .ml-lg-n4, .mx-lg-n4 { + margin-left:-1.5rem !important + } + + .m-lg-n5 { + margin:-3rem !important + } + + .mt-lg-n5, .my-lg-n5 { + margin-top:-3rem !important + } + + .mr-lg-n5, .mx-lg-n5 { + margin-right:-3rem !important + } + + .mb-lg-n5, .my-lg-n5 { + margin-bottom:-3rem !important + } + + .ml-lg-n5, .mx-lg-n5 { + margin-left:-3rem !important + } + + .m-lg-auto { + margin:auto !important + } + + .mt-lg-auto, .my-lg-auto { + margin-top:auto !important + } + + .mr-lg-auto, .mx-lg-auto { + margin-right:auto !important + } + + .mb-lg-auto, .my-lg-auto { + margin-bottom:auto !important + } + + .ml-lg-auto, .mx-lg-auto { + margin-left:auto !important + } +} + +@media (min-width: 1200px) { + .m-xl-0 { + margin:0 !important + } + + .mt-xl-0, .my-xl-0 { + margin-top:0 !important + } + + .mr-xl-0, .mx-xl-0 { + margin-right:0 !important + } + + .mb-xl-0, .my-xl-0 { + margin-bottom:0 !important + } + + .ml-xl-0, .mx-xl-0 { + margin-left:0 !important + } + + .m-xl-1 { + margin:.25rem !important + } + + .mt-xl-1, .my-xl-1 { + margin-top:.25rem !important + } + + .mr-xl-1, .mx-xl-1 { + margin-right:.25rem !important + } + + .mb-xl-1, .my-xl-1 { + margin-bottom:.25rem !important + } + + .ml-xl-1, .mx-xl-1 { + margin-left:.25rem !important + } + + .m-xl-2 { + margin:.5rem !important + } + + .mt-xl-2, .my-xl-2 { + margin-top:.5rem !important + } + + .mr-xl-2, .mx-xl-2 { + margin-right:.5rem !important + } + + .mb-xl-2, .my-xl-2 { + margin-bottom:.5rem !important + } + + .ml-xl-2, .mx-xl-2 { + margin-left:.5rem !important + } + + .m-xl-3 { + margin:1rem !important + } + + .mt-xl-3, .my-xl-3 { + margin-top:1rem !important + } + + .mr-xl-3, .mx-xl-3 { + margin-right:1rem !important + } + + .mb-xl-3, .my-xl-3 { + margin-bottom:1rem !important + } + + .ml-xl-3, .mx-xl-3 { + margin-left:1rem !important + } + + .m-xl-4 { + margin:1.5rem !important + } + + .mt-xl-4, .my-xl-4 { + margin-top:1.5rem !important + } + + .mr-xl-4, .mx-xl-4 { + margin-right:1.5rem !important + } + + .mb-xl-4, .my-xl-4 { + margin-bottom:1.5rem !important + } + + .ml-xl-4, .mx-xl-4 { + margin-left:1.5rem !important + } + + .m-xl-5 { + margin:3rem !important + } + + .mt-xl-5, .my-xl-5 { + margin-top:3rem !important + } + + .mr-xl-5, .mx-xl-5 { + margin-right:3rem !important + } + + .mb-xl-5, .my-xl-5 { + margin-bottom:3rem !important + } + + .ml-xl-5, .mx-xl-5 { + margin-left:3rem !important + } + + .p-xl-0 { + padding:0 !important + } + + .pt-xl-0, .py-xl-0 { + padding-top:0 !important + } + + .pr-xl-0, .px-xl-0 { + padding-right:0 !important + } + + .pb-xl-0, .py-xl-0 { + padding-bottom:0 !important + } + + .pl-xl-0, .px-xl-0 { + padding-left:0 !important + } + + .p-xl-1 { + padding:.25rem !important + } + + .pt-xl-1, .py-xl-1 { + padding-top:.25rem !important + } + + .pr-xl-1, .px-xl-1 { + padding-right:.25rem !important + } + + .pb-xl-1, .py-xl-1 { + padding-bottom:.25rem !important + } + + .pl-xl-1, .px-xl-1 { + padding-left:.25rem !important + } + + .p-xl-2 { + padding:.5rem !important + } + + .pt-xl-2, .py-xl-2 { + padding-top:.5rem !important + } + + .pr-xl-2, .px-xl-2 { + padding-right:.5rem !important + } + + .pb-xl-2, .py-xl-2 { + padding-bottom:.5rem !important + } + + .pl-xl-2, .px-xl-2 { + padding-left:.5rem !important + } + + .p-xl-3 { + padding:1rem !important + } + + .pt-xl-3, .py-xl-3 { + padding-top:1rem !important + } + + .pr-xl-3, .px-xl-3 { + padding-right:1rem !important + } + + .pb-xl-3, .py-xl-3 { + padding-bottom:1rem !important + } + + .pl-xl-3, .px-xl-3 { + padding-left:1rem !important + } + + .p-xl-4 { + padding:1.5rem !important + } + + .pt-xl-4, .py-xl-4 { + padding-top:1.5rem !important + } + + .pr-xl-4, .px-xl-4 { + padding-right:1.5rem !important + } + + .pb-xl-4, .py-xl-4 { + padding-bottom:1.5rem !important + } + + .pl-xl-4, .px-xl-4 { + padding-left:1.5rem !important + } + + .p-xl-5 { + padding:3rem !important + } + + .pt-xl-5, .py-xl-5 { + padding-top:3rem !important + } + + .pr-xl-5, .px-xl-5 { + padding-right:3rem !important + } + + .pb-xl-5, .py-xl-5 { + padding-bottom:3rem !important + } + + .pl-xl-5, .px-xl-5 { + padding-left:3rem !important + } + + .m-xl-n1 { + margin:-.25rem !important + } + + .mt-xl-n1, .my-xl-n1 { + margin-top:-.25rem !important + } + + .mr-xl-n1, .mx-xl-n1 { + margin-right:-.25rem !important + } + + .mb-xl-n1, .my-xl-n1 { + margin-bottom:-.25rem !important + } + + .ml-xl-n1, .mx-xl-n1 { + margin-left:-.25rem !important + } + + .m-xl-n2 { + margin:-.5rem !important + } + + .mt-xl-n2, .my-xl-n2 { + margin-top:-.5rem !important + } + + .mr-xl-n2, .mx-xl-n2 { + margin-right:-.5rem !important + } + + .mb-xl-n2, .my-xl-n2 { + margin-bottom:-.5rem !important + } + + .ml-xl-n2, .mx-xl-n2 { + margin-left:-.5rem !important + } + + .m-xl-n3 { + margin:-1rem !important + } + + .mt-xl-n3, .my-xl-n3 { + margin-top:-1rem !important + } + + .mr-xl-n3, .mx-xl-n3 { + margin-right:-1rem !important + } + + .mb-xl-n3, .my-xl-n3 { + margin-bottom:-1rem !important + } + + .ml-xl-n3, .mx-xl-n3 { + margin-left:-1rem !important + } + + .m-xl-n4 { + margin:-1.5rem !important + } + + .mt-xl-n4, .my-xl-n4 { + margin-top:-1.5rem !important + } + + .mr-xl-n4, .mx-xl-n4 { + margin-right:-1.5rem !important + } + + .mb-xl-n4, .my-xl-n4 { + margin-bottom:-1.5rem !important + } + + .ml-xl-n4, .mx-xl-n4 { + margin-left:-1.5rem !important + } + + .m-xl-n5 { + margin:-3rem !important + } + + .mt-xl-n5, .my-xl-n5 { + margin-top:-3rem !important + } + + .mr-xl-n5, .mx-xl-n5 { + margin-right:-3rem !important + } + + .mb-xl-n5, .my-xl-n5 { + margin-bottom:-3rem !important + } + + .ml-xl-n5, .mx-xl-n5 { + margin-left:-3rem !important + } + + .m-xl-auto { + margin:auto !important + } + + .mt-xl-auto, .my-xl-auto { + margin-top:auto !important + } + + .mr-xl-auto, .mx-xl-auto { + margin-right:auto !important + } + + .mb-xl-auto, .my-xl-auto { + margin-bottom:auto !important + } + + .ml-xl-auto, .mx-xl-auto { + margin-left:auto !important + } +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color:rgba(0, 0, 0, 0) +} + +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important +} + +.text-justify { + text-align:justify !important +} + +.text-wrap { + white-space:normal !important +} + +.text-nowrap { + white-space:nowrap !important +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space:nowrap +} + +.text-left { + text-align:left !important +} + +.text-right { + text-align:right !important +} + +.text-center { + text-align:center !important +} + +@media (min-width: 576px) { + .text-sm-left { + text-align:left !important + } + + .text-sm-right { + text-align:right !important + } + + .text-sm-center { + text-align:center !important + } +} + +@media (min-width: 768px) { + .text-md-left { + text-align:left !important + } + + .text-md-right { + text-align:right !important + } + + .text-md-center { + text-align:center !important + } +} + +@media (min-width: 992px) { + .text-lg-left { + text-align:left !important + } + + .text-lg-right { + text-align:right !important + } + + .text-lg-center { + text-align:center !important + } +} + +@media (min-width: 1200px) { + .text-xl-left { + text-align:left !important + } + + .text-xl-right { + text-align:right !important + } + + .text-xl-center { + text-align:center !important + } +} + +.text-lowercase { + text-transform:lowercase !important +} + +.text-uppercase { + text-transform:uppercase !important +} + +.text-capitalize { + text-transform:capitalize !important +} + +.font-weight-light { + font-weight:300 !important +} + +.font-weight-lighter { + font-weight:lighter !important +} + +.font-weight-normal { + font-weight:400 !important +} + +.font-weight-bold { + font-weight:700 !important +} + +.font-weight-bolder { + font-weight:bolder !important +} + +.font-italic { + font-style:italic !important +} + +.text-white { + color:#fff !important +} + +.text-primary { + color:#2fa4e7 !important +} + +a.text-primary:focus, a.text-primary:hover { + color:#157ab5 !important +} + +.text-secondary { + color:#e9ecef !important +} + +a.text-secondary:focus, a.text-secondary:hover { + color:#bdc6cf !important +} + +.text-success { + color:#73a839 !important +} + +a.text-success:focus, a.text-success:hover { + color:#4c6f26 !important +} + +.text-info { + color:#033c73 !important +} + +a.text-info:focus, a.text-info:hover { + color:#011528 !important +} + +.text-warning { + color:#dd5600 !important +} + +a.text-warning:focus, a.text-warning:hover { + color:#913800 !important +} + +.text-danger { + color:#c71c22 !important +} + +a.text-danger:focus, a.text-danger:hover { + color:#841317 !important +} + +.text-light { + color:#f8f9fa !important +} + +a.text-light:focus, a.text-light:hover { + color:#cbd3da !important +} + +.text-dark { + color:#343a40 !important +} + +a.text-dark:focus, a.text-dark:hover { + color:#121416 !important +} + +.text-body { + color:#495057 !important +} + +.text-muted { + color:#868e96 !important +} + +.text-black-50 { + color:rgba(0, 0, 0, .5) !important +} + +.text-white-50 { + color:rgba(255, 255, 255, .5) !important +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border:0 +} + +.text-decoration-none { + text-decoration:none !important +} + +.text-break { + word-break: break-word !important; + word-wrap:break-word !important +} + +.text-reset { + color:inherit !important +} + +.visible { + visibility:visible !important +} + +.invisible { + visibility:hidden !important +} + +@media print { + *, ::after, ::before { + text-shadow: none !important; + box-shadow:none !important + } + + a:not(.btn) { + text-decoration:underline + } + + abbr[title]::after { + content: " (" attr(title) ")" + } + + pre { + white-space:pre-wrap !important + } + + blockquote, pre { + border: 1px solid #adb5bd; + page-break-inside:avoid + } + + thead { + display:table-header-group + } + + img, tr { + page-break-inside:avoid + } + + h2, h3, p { + orphans: 3; + widows:3 + } + + h2, h3 { + page-break-after:avoid + } + + @page { + size:a3 + } + + body { + min-width:992px !important + } + + .container { + min-width:992px !important + } + + .navbar { + display:none + } + + .badge { + border:1px solid #000 + } + + .table { + border-collapse:collapse !important + } + + .table td, .table th { + background-color:#fff !important + } + + .table-bordered td, .table-bordered th { + border:1px solid #dee2e6 !important + } + + .table-dark { + color:inherit + } + + .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { + border-color:#dee2e6 + } + + .table .thead-dark th { + color: inherit; + border-color:#dee2e6 + } +} + +.bg-primary { + background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); + background-repeat:no-repeat +} + +.bg-dark { + background-image: linear-gradient(#04519b, #033c73 60%, #02325f); + background-repeat:no-repeat +} + +.bg-light { + background-image: linear-gradient(white, #e9ecef 60%, #e3e7eb); + background-repeat:no-repeat +} + +.nav-link, .navbar-brand { + text-shadow:0 1px 0 rgba(0, 0, 0, .05) +} + +.btn { + text-shadow:0 1px 0 rgba(0, 0, 0, .05) +} + +.btn-primary { + background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); + background-repeat:no-repeat +} + +.btn-secondary { + background-image: linear-gradient(white, #e9ecef 60%, #dde2e6); + background-repeat: no-repeat; + color:#495057 +} + +.btn-success { + background-image: linear-gradient(#88c149, #73a839 60%, #699934); + background-repeat:no-repeat +} + +.btn-info { + background-image: linear-gradient(#04519b, #033c73 60%, #02325f); + background-repeat:no-repeat +} + +.btn-warning { + background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00); + background-repeat:no-repeat +} + +.btn-danger { + background-image: linear-gradient(#e12b31, #c71c22 60%, #b5191f); + background-repeat:no-repeat +} + +.btn-light { + background-image: linear-gradient(white, #f8f9fa 60%, #eceff2); + background-repeat:no-repeat +} + +.btn-dark { + background-image: linear-gradient(#464e57, #343a40 60%, #2b3035); + background-repeat:no-repeat +} + +.text-secondary { + color:#adb5bd !important +} + +.bg-danger h1, .bg-danger h2, .bg-danger h3, .bg-danger h4, .bg-danger h5, .bg-danger h6, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-info h1, .bg-info h2, .bg-info h3, .bg-info h4, .bg-info h5, .bg-info h6, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-success h1, .bg-success h2, .bg-success h3, .bg-success h4, .bg-success h5, .bg-success h6, .bg-warning h1, .bg-warning h2, .bg-warning h3, .bg-warning h4, .bg-warning h5, .bg-warning h6 { + color:#fff +} + +.dropdown-menu .dropdown-header { + color: #868e96 +} diff --git a/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html b/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html index 03fc0c54..1c2465d0 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html +++ b/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html @@ -9,7 +9,7 @@ - + diff --git a/apps/dnet-orgs-database-application/src/main/resources/templates/authorizationRequest.html b/apps/dnet-orgs-database-application/src/main/resources/templates/authorizationRequest.html index 9e611693..494817b8 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/templates/authorizationRequest.html +++ b/apps/dnet-orgs-database-application/src/main/resources/templates/authorizationRequest.html @@ -9,7 +9,7 @@ - + diff --git a/apps/dnet-orgs-database-application/src/main/resources/templates/home.html b/apps/dnet-orgs-database-application/src/main/resources/templates/home.html index ecd6777a..4ab36609 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/templates/home.html +++ b/apps/dnet-orgs-database-application/src/main/resources/templates/home.html @@ -13,7 +13,7 @@ - + diff --git a/apps/dnet-orgs-database-application/src/main/resources/templates/login.html b/apps/dnet-orgs-database-application/src/main/resources/templates/login.html index 8d4308d7..84014b09 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/templates/login.html +++ b/apps/dnet-orgs-database-application/src/main/resources/templates/login.html @@ -13,7 +13,7 @@ - + diff --git a/apps/dnet-orgs-database-application/src/main/resources/templates/main.html b/apps/dnet-orgs-database-application/src/main/resources/templates/main.html index c97eadf6..2086d931 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/templates/main.html +++ b/apps/dnet-orgs-database-application/src/main/resources/templates/main.html @@ -10,7 +10,7 @@ - + -- 2.17.1 From a5b4ccea037e2cd0b2f80536de187e46e74451b9 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Wed, 27 Nov 2024 11:13:09 +0100 Subject: [PATCH 05/19] navbar colors --- .../resources/css/bootstrap.openorgs.css | 24 +++++++++++++----- .../static/resources/images/openorgs_logo.png | Bin 0 -> 4446 bytes .../templates/alreadyRegistered.html | 7 +++-- .../templates/authorizationRequest.html | 7 +++-- .../src/main/resources/templates/home.html | 7 +++-- .../src/main/resources/templates/login.html | 7 +++-- .../src/main/resources/templates/main.html | 9 ++++--- 7 files changed, 43 insertions(+), 18 deletions(-) create mode 100644 apps/dnet-orgs-database-application/src/main/resources/static/resources/images/openorgs_logo.png diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css b/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css index 845d2bb7..7553288b 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css @@ -150,13 +150,13 @@ sup { } a { - color: #2fa4e7; + color: #292e3d; text-decoration: none; background-color:transparent } a:hover { - color: #157ab5; + color: #ada792; text-decoration:underline } @@ -4294,7 +4294,8 @@ input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].bt align-items: center; -ms-flex-pack: justify; justify-content: space-between; - padding:.5rem 1rem + padding:.5rem 1rem; + border-bottom: 1px solid #e63a46; } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { @@ -4309,19 +4310,27 @@ input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].bt } .navbar-brand { + position: relative; display: inline-block; - padding-top: .3125rem; - padding-bottom: .3125rem; margin-right: 1rem; - font-size: 1.25rem; + font-size: 0.8rem; + text-align: right; + vertical-align: bottom; line-height: inherit; - white-space:nowrap + white-space:nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration:none } +.navbar-brand span { + position: absolute; + bottom: 0px; + right: 0px; +} + + .navbar-nav { display: -ms-flexbox; display: flex; @@ -10529,3 +10538,4 @@ a.text-dark:focus, a.text-dark:hover { .dropdown-menu .dropdown-header { color: #868e96 } + diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/images/openorgs_logo.png b/apps/dnet-orgs-database-application/src/main/resources/static/resources/images/openorgs_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..348882d9bf0718ce8caa75f2deedf22613c0a9a7 GIT binary patch literal 4446 zcmY*dcQo8v*ZvWri!wo!=p}kY7Ys&bhUkI}3DJ9r=!OY%6C_s)(W8wBqK*-+wAc3bD1wb$C~?ERb*ZKw~Wqh_ZD0Duk-gBTO_G!ZhCH;Gc2 zx=WU*sJvlMeF1>J^Iwo8i_voc03!n&qG1|1z5OgCka@h;I>b>1u9fYQ@f&PV%6W^A z;*z1hFQEi{&jOKCkVG0mt)>CqC$W+w<>sRn5$)50NRkr65~Kw@i!|htg{<{f;_HPL zN`{HD8~nQicDn@VsB8f|L%uZF{<^t5Tp(=Q>~VB|e%M7AY^i(Ms zEz=Xn+tW?FaU3u4)Iyw)Exl}-ojA^hp3()E+D{ISRcLjp@ z5-`uzLP%SW+tSP#`#}%x-}iFWJt&_Kl&qZk;N5f#aii9~33S98t-uPbid7m@#0d<&rDcACPbW`+T^Bb5kyRmm6i48+? zEN^T4M^&i2r6g0F^jx+*9abL&Gxl2Ymr5ynj&pv@oic&2JhvmP^7(ZZ%S(waTkuh0 z?ISn1yN#HG=g)jE&c`G2hPRpH6Qy=~Q=Zt(tl{A|3kYh$DQ0YZ}S49~zcn2kIihJF45TshuRtuPGv}(oOv?`FwCG zHS5gX2@ue(aKs*8?O3Q2tRG>e;^hODWP5OU{;T2K1OkEryj-jOdQjPpimw4t{m1kS zd9GEYb`-HqD8(Hno-u(I`+AjHmA>~I%XdAK-Jz$0(77?)cugPWJ??<{^1+#k!RNMN z=RwWnQxi>sB0JxZOvXiO)bnN?+#(=}d}&_MCGS77w8NhcOQw7~@zBaSBT_a6xH_7w z(b#LXc@QHu+FN}aqK*!@x;D96<8$miXFDsGd z6nk^D?sX}_Gevf`c5gQ6L7xbddZqPUU7#dAP1~52T=Xe03Ma;1}t;-}NUO zXP`e@d!Ofpo{~wTy|3P#-sfvJQ`||HyA39XJ2CX?6|QXZt8_~z7jG4Ml)qdrEw1Y) zdEK(Z*_8}$aCBR=76=&79L0NlgJ1^&qgk7AfsFR`g_CM)_`pG!2fUfrrdf97UQOus zxjtW%9lJT3{QWC>51;-_iNK*_^rHr|V;URIjc4T7dI8?%_2oR(u5`~Q#KG7A^IqO}&ZNt4XysTO^yRr$61^+1M>G83F#-4Dc4 zu{#KqVVlQ3xe2j&mT8Dv?xYapu(^aY^E+yZyua;j^RN*Kv;a@oc80NZq8uATMRq6c zJF#c_vZS3;a&#ZihPO(s>)-HJWiE46i`p8sPtbYj7;HC3=wJ+GzjJ7CvYMr6Yq%N@ z{n+py;hM4>fIwBrXib*Q!LVe#acg$0kl(J==ji22(HyrLL6x#;leOgdj!_T}J zed<@27w$*!FNOO}AzTNUm)0cGs~U-ks!l_$d7sFAqm*9U?0uP@VxJoQPBla;`<(E7 z)gS^R!x6m*r`{K40V6I;?WPy#2xT2L6e~*jjDprAc6X9^YhO(CEI8p zdrvb(Z7u*sJnjy75qoc8cStPvQ^`|od(dSYEi)iM0`$t&AW$D64`K(#ZAwb(Qe
d;$SpkyPb2|4y#g(zV+W9AGh9$$ z8ODPazB?SB6J{o*=EA1jfFkJjRioqPStFPRQxhh+RsP_>iC#1ci|`b&N?yN#w=rQz zr!D&JW&lWQd8#k0a}{Y;=f*i%Y~)_EYjnI|IOQ%LT?L<6GH%oJ-A}gL3Xjf{K%`u7SNG(g`J(i zAMc%;Pj~du9Ii^@b~d(oPIWvq9h8ud91bqMyBLklD8ci5!gD&d>b{dqS;tjXFz1jT zanyN@PO={?DFdl@;+>C6CZw~ptGa(D1U?+?x-L0m0n{!e-U){;s1(mGT+{*RJ)VB5 z&y7X*rt{*&w3N){({_&u7I%)1OgXz_#Celnl85iA>LL`)9v_AA{5Dp>Ztni+V@a1YW(W8{* zfz07eCJpE5nmj{y&+Rk3_F={TtA7qL^TE`VFQP<_8C!5k^Z+5UchIA%D43C*q7(Dt8(v^FCD5hh%KIy5=Z}Os^=zL;bWHy>D=pfU)Xn6S-9||P{&^7 zFmXL%Q8jX7S*Bv#>?T^)U3K{zHm2po-8VeHta_c+SVZllG)jNcRTs7GMi;bkqSJZk zhD5%^%}dkvBOKGNNVzdFX|8O_u93vsY^#Ns`0)A9_Z#gdUIz=8FNe1@-tnIEcM*z( z)xt`wJT?qwcl@EMm_;*Yqs_~ZS5;@H=5Qiy75WvtMb&C?gUyYYg)5uPCY#8&CSdOd zPv>j#1@goT$^=Z9p4rk6cDi$l#B59QwaaY&JqQD$Ww*dE)vs%22AK^Dzy!wm*q43B zsT(ottEZvQrmEV;xb5q2F|;!m`ev0$r^b3Gnq8;NbVYWx z{DR>_IMM(L_+2>UetwZbuTEgIR!nDVngUAk*@IBrbM~>}T*tDXX_ghVMfnDdanco2 zY@gr^N!xZzj5 zyKiG9`6J?Y3d7VU!u@R!;Eg~m*c@RxB;>rK@z9!#lDwQprZ+mN@5yXw-9v^b`)8GT zckcFmZ}W$`SPEM%mPHeXAo@gPNQWqnTllI$hYfB$2_g zLf6_uZv&5||IV7FnVfm~dJ#v$tSSv7B{hG&tY5kBqaBT_O`WlLvWbc>XJ2u!cE&eIx*Mb_9tLE$Na+rf}RU(dnc&XrrS)w*Q&?iFG|l$ z9B%d=@WiixY^Gp5cv@P5`r}uoK8i?JL|f7t0K080db&x!s|wmn&CpXeHoRcTky^{m z$${km2mdwx4gA+xf0@VYYD66)Da_s`!EGgwbuG~&WrK?8&m9h0D?ViX;!&&ko2n4F$glT9*KhoHTwq4)o XXBh#jL_(^FA0_}?TOU%UX%q237dT-E literal 0 HcmV?d00001 diff --git a/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html b/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html index 1c2465d0..48213443 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html +++ b/apps/dnet-orgs-database-application/src/main/resources/templates/alreadyRegistered.html @@ -19,8 +19,11 @@
-
- + -- 2.17.1 From 02655e504ab8d4a155d347393325682d8fb27513 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Wed, 27 Nov 2024 15:46:45 +0100 Subject: [PATCH 13/19] method for sorting --- .../controller/OrganizationController.java | 52 ++++++++++++++----- .../OrganizationSimpleViewRepository.java | 42 +++++++-------- 2 files changed, 59 insertions(+), 35 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java index 821594f8..a9331c1c 100644 --- a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java +++ b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java @@ -19,6 +19,8 @@ import org.apache.commons.lang3.StringUtils; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.domain.Page; import org.springframework.data.domain.PageRequest; +import org.springframework.data.domain.Sort; +import org.springframework.data.domain.Sort.Order; import org.springframework.security.core.Authentication; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; @@ -228,6 +230,8 @@ public class OrganizationController extends AbstractDnetController { @PathVariable final int size, @RequestParam final String q, @RequestParam(required = false, defaultValue = "") final String status, + @RequestParam(required = false, defaultValue = "name") final String orderBy, + @RequestParam(required = false, defaultValue = "false") final boolean reverse, final Authentication authentication) { if (SPECIAL_STATUS_FOR_CANDIDATE_DUP.equals(status)) { @@ -244,9 +248,11 @@ public class OrganizationController extends AbstractDnetController { statuses = Arrays.asList(OrganizationStatus.approved.toString(), OrganizationStatus.suggested.toString()); } + final PageRequest pageRequest = PageRequest.of(page, size, Sort.by(reverse ? Order.desc(orderBy) : Order.asc(orderBy))); + return UserInfo.isSuperAdmin(authentication) - ? organizationSimpleViewRepository.search(q, statuses, PageRequest.of(page, size)) - : organizationSimpleViewRepository.searchForUser(q, UserInfo.getEmail(authentication), statuses, PageRequest.of(page, size)); + ? organizationSimpleViewRepository.search(q, statuses, pageRequest) + : organizationSimpleViewRepository.searchForUser(q, UserInfo.getEmail(authentication), statuses, pageRequest); } @GetMapping("/byCountry/{status}/{code}/{page}/{size}") @@ -254,12 +260,18 @@ public class OrganizationController extends AbstractDnetController { @PathVariable final String code, @PathVariable final int page, @PathVariable final int size, + @RequestParam(required = false, defaultValue = "name") final String orderBy, + @RequestParam(required = false, defaultValue = "false") final boolean reverse, final Authentication authentication) { if (!UserInfo.isSuperAdmin(authentication) && !userCountryRepository.verifyAuthorizationForCountry(code, UserInfo.getEmail(authentication))) { throw new RuntimeException("User not authorized"); } - if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByCountryOrderByName(code, PageRequest.of(page, size)); } - return organizationSimpleViewRepository.findByCountryAndStatusOrderByName(code, status, PageRequest.of(page, size)); + + final PageRequest pageRequest = PageRequest.of(page, size, Sort.by(reverse ? Order.desc(orderBy) : Order.asc(orderBy))); + + if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByCountry(code, pageRequest); } + + return organizationSimpleViewRepository.findByCountryAndStatus(code, status, pageRequest); } @GetMapping("/byCountry/{status}/{code}") @@ -267,20 +279,30 @@ public class OrganizationController extends AbstractDnetController { @PathVariable final String code, @RequestParam(required = false, defaultValue = "0") final int page, @RequestParam(required = false, defaultValue = "${openorgs.findOrgsByStatusAndCountry.limit.default}") final int size, + @RequestParam(required = false, defaultValue = "name") final String orderBy, + @RequestParam(required = false, defaultValue = "false") final boolean reverse, final Authentication authentication) { if (!UserInfo.isSuperAdmin(authentication) && !userCountryRepository.verifyAuthorizationForCountry(code, UserInfo.getEmail(authentication))) { throw new RuntimeException("User not authorized"); } - if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByCountryOrderByName(code, PageRequest.of(page, size)).getContent(); } - return organizationSimpleViewRepository.findByCountryAndStatusOrderByName(code, status, PageRequest.of(page, size)).getContent(); + + final PageRequest pageRequest = PageRequest.of(page, size, Sort.by(reverse ? Order.desc(orderBy) : Order.asc(orderBy))); + + if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByCountry(code, pageRequest).getContent(); } + + return organizationSimpleViewRepository.findByCountryAndStatus(code, status, pageRequest).getContent(); } @GetMapping(value = "/byCountry/{status}/{code}/csv", produces = "text/csv") public void findOrgsByStatusAndCountryCSV(@PathVariable final String status, @PathVariable final String code, + @RequestParam(required = false, defaultValue = "name") final String orderBy, + @RequestParam(required = false, defaultValue = "false") final boolean reverse, final HttpServletResponse res, final Authentication authentication) throws IOException { - final Iterable list = findOrgsByStatusAndCountry(status, code, 0, Integer.MAX_VALUE, authentication); + + final Iterable list = findOrgsByStatusAndCountry(status, code, 0, Integer.MAX_VALUE, orderBy, reverse, authentication); + CSVConverter.writeCSV(res .getOutputStream(), list, OrganizationSimpleView.class, "id", "name", "type", "city", "country", "acronyms", "urls", "status", "nSimilarDups", "nSuggestedDups", "nDifferentDups"); } @@ -290,17 +312,21 @@ public class OrganizationController extends AbstractDnetController { @PathVariable final String type, @PathVariable final int page, @PathVariable final int size, + @RequestParam(required = false, defaultValue = "name") final String orderBy, + @RequestParam(required = false, defaultValue = "false") final boolean reverse, final Authentication authentication) { + final PageRequest pageRequest = PageRequest.of(page, size, Sort.by(reverse ? Order.desc(orderBy) : Order.asc(orderBy))); + if (UserInfo.isSuperAdmin(authentication)) { - if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByTypeOrderByName(type, PageRequest.of(page, size)); } - return organizationSimpleViewRepository.findByTypeAndStatusOrderByName(type, status, PageRequest.of(page, size)); - } - if ("all".equalsIgnoreCase(status)) { - return organizationSimpleViewRepository.findByTypeForUser(type, UserInfo.getEmail(authentication), PageRequest.of(page, size)); + if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByType(type, pageRequest); } + + return organizationSimpleViewRepository.findByTypeAndStatus(type, status, pageRequest); } + + if ("all".equalsIgnoreCase(status)) { return organizationSimpleViewRepository.findByTypeForUser(type, UserInfo.getEmail(authentication), pageRequest); } return organizationSimpleViewRepository - .findByTypeAndStatusForUser(type, status, UserInfo.getEmail(authentication), PageRequest.of(page, size)); + .findByTypeAndStatusForUser(type, status, UserInfo.getEmail(authentication), pageRequest); } diff --git a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java index 7fed09e6..9da4534e 100644 --- a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java +++ b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java @@ -15,12 +15,12 @@ public interface OrganizationSimpleViewRepository extends ReadOnlyRepository search(@Param("text") String text, @Param("statuses") List statuses, Pageable pageable); // SEARCH FOR USER @Query(value = "SELECT\n" - + " org.id,\n" - + " org.name,\n" - + " org.type,\n" - + " org.city,\n" - + " org.country,\n" - + " org.status,\n" + + " org.id AS id,\n" + + " org.name AS name,\n" + + " org.type AS type,\n" + + " org.city AS city,\n" + + " org.country AS country,\n" + + " org.status AS status,\n" + " array_remove(array_agg(DISTINCT a.acronym), NULL) AS acronyms,\n" + " array_remove(array_agg(DISTINCT u.url), NULL) AS urls,\n" + " count(DISTINCT d1.oa_original_id) FILTER (WHERE d1.reltype = 'is_similar' ) AS n_similar_dups,\n" @@ -56,25 +55,24 @@ public interface OrganizationSimpleViewRepository extends ReadOnlyRepository searchForUser(@Param("text") String text, @Param("email") String email, @Param("statuses") List statuses, Pageable pageable); - Page findByCountryOrderByName(String country, Pageable pageable); + Page findByCountry(String country, Pageable pageable); - Page findByCountryAndStatusOrderByName(String code, String status, Pageable pageable); + Page findByCountryAndStatus(String code, String status, Pageable pageable); - Page findByTypeOrderByName(String type, Pageable pageable); + Page findByType(String type, Pageable pageable); - Page findByTypeAndStatusOrderByName(String type, String status, Pageable pageable); + Page findByTypeAndStatus(String type, String status, Pageable pageable); - @Query(value = "select o.* from organizations_simple_view o left outer join user_countries uc on (uc.country = o.country) where uc.email = ?2 and o.type = ?1 order by o.name", nativeQuery = true) + @Query(value = "select o.* from organizations_simple_view o left outer join user_countries uc on (uc.country = o.country) where uc.email = ?2 and o.type = ?1", nativeQuery = true) Page findByTypeForUser(String type, String name, Pageable pageable); - @Query(value = "select o.* from organizations_simple_view o left outer join user_countries uc on (uc.country = o.country) where o.type = ?1 and o.status = ?2 and uc.email = ?3 order by o.name", nativeQuery = true) + @Query(value = "select o.* from organizations_simple_view o left outer join user_countries uc on (uc.country = o.country) where o.type = ?1 and o.status = ?2 and uc.email = ?3", nativeQuery = true) Page findByTypeAndStatusForUser(String type, String status, String name, Pageable pageable); // SEARCH FOR VALID DUPLICATE CANDIDATES -- 2.17.1 From f25d89bc4a1486b39a565b0cd4d770d5c9d38322 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Thu, 28 Nov 2024 12:05:01 +0100 Subject: [PATCH 14/19] support of sorting in route paths --- .../resources/html/pages/search/browse.html | 8 +- .../static/resources/js/organizations.js | 126 +++++++++++++----- 2 files changed, 97 insertions(+), 37 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/browse.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/browse.html index 25677167..0fb35d65 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/browse.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/browse.html @@ -23,19 +23,19 @@ diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js index c313bd7a..5a29603e 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js @@ -212,7 +212,7 @@ orgsModule.directive('orgDetails', function($http, $location, $route) { } }); -orgsModule.directive('orgResultsPage', function($http, $location, $route) { +orgsModule.directive('orgResultsPage', function($http, $location, $route, $routeParams) { return { restrict: 'E', scope: { @@ -250,9 +250,13 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route) { for (var i = 0; i < scope.orgs.totalPages; i++) input.push(i); return input; } - - scope.gotoPage = function(page, pageSize) { - var url = scope.pageFunction().replace(/__PAGE__/, page).replace(/__SIZE__/, pageSize); + + scope.gotoPageAndSort = function(page, pageSize, orderBy, orderType) { + var url = scope.pageFunction() + .replace(/__PAGE__/, page) + .replace(/__SIZE__/, pageSize) + .replace(/__ORDER_BY__/, orderBy) + .replace(/__ORDER_TYPE__/, orderType); if (scope.mode == 'select-modal' || scope.mode == 'multi-select-modal') { scope.orgs = {}; @@ -263,6 +267,11 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route) { $location.url(url); } } + + scope.gotoPage = function(page, pageSize) { + scope.gotoPageAndSort(page, pageSize, $routeParams.orderBy, $routeParams.orderType); + } + } } @@ -402,25 +411,24 @@ orgsModule.directive('orgJournal', function($http) { } }); - orgsModule.config(function($routeProvider) { $routeProvider - .when('/search', { templateUrl: 'resources/html/pages/search/search.html', controller: 'searchCtrl' }) - .when('/searchResults/:page/:size/:text*', { templateUrl: 'resources/html/pages/search/searchResults.html', controller: 'searchResultsCtrl' }) - .when('/countries/:mode', { templateUrl: 'resources/html/pages/search/browse.html', controller: 'countriesCtrl' }) - .when('/byCountry/:page/:size/:status/:code*', { templateUrl: 'resources/html/pages/search/resultsByCountry.html', controller: 'byCountryCtrl' }) - .when('/types/:mode', { templateUrl: 'resources/html/pages/search/browse.html', controller: 'typesCtrl' }) - .when('/byType/:page/:size/:status/:type*', { templateUrl: 'resources/html/pages/search/resultsByType.html', controller: 'byTypeCtrl' }) - .when('/edit/:msg/:id*', { templateUrl: 'resources/html/pages/edit/edit.html', controller: 'showEditCtrl' }) - .when('/new', { templateUrl: 'resources/html/pages/advanced/new.html', controller: 'newOrgCtrl' }) - .when('/pendings/:country', { templateUrl: 'resources/html/pages/advanced/pendingOrgs.html', controller: 'pendingOrgsCtrl' }) - .when('/duplicates/:country', { templateUrl: 'resources/html/pages/advanced/duplicates.html', controller: 'duplicatesCtrl' }) - .when('/conflicts/:country', { templateUrl: 'resources/html/pages/advanced/conflicts.html', controller: 'conflictsCtrl' }) - .when('/users', { templateUrl: 'resources/html/pages/admin/users.html', controller: 'usersCtrl' }) - .when('/sysconf', { templateUrl: 'resources/html/pages/admin/sysConf.html', controller: 'sysConfCtrl' }) - .when('/utils', { templateUrl: 'resources/html/pages/admin/utils.html', controller: 'utilsCtrl' }) - .when('/lastImport', { templateUrl: 'resources/html/pages/admin/lastImport.html', controller: 'lastImportCtrl' }) - .when('/persistentOrgs', { templateUrl: 'resources/html/pages/admin/persistentOrgs.html', controller: 'persistentOrgsCtrl' }) + .when('/search', { templateUrl: 'resources/html/pages/search/search.html', controller: 'searchCtrl' }) + .when('/page/:page/:size/sortBy/:orderBy/:orderType/search/:text*', { templateUrl: 'resources/html/pages/search/searchResults.html', controller: 'searchResultsCtrl' }) + .when('/countries/:mode', { templateUrl: 'resources/html/pages/search/browse.html', controller: 'countriesCtrl' }) + .when('/page/:page/:size/sortBy/:orderBy/:orderType/byCountry/:status/:code*', { templateUrl: 'resources/html/pages/search/resultsByCountry.html', controller: 'byCountryCtrl' }) + .when('/types/:mode', { templateUrl: 'resources/html/pages/search/browse.html', controller: 'typesCtrl' }) + .when('/page/:page/:size/sortBy/:orderBy/:orderType/byType/:status/:type*', { templateUrl: 'resources/html/pages/search/resultsByType.html', controller: 'byTypeCtrl' }) + .when('/edit/:msg/:id*', { templateUrl: 'resources/html/pages/edit/edit.html', controller: 'showEditCtrl' }) + .when('/new', { templateUrl: 'resources/html/pages/advanced/new.html', controller: 'newOrgCtrl' }) + .when('/pendings/:country', { templateUrl: 'resources/html/pages/advanced/pendingOrgs.html', controller: 'pendingOrgsCtrl' }) + .when('/duplicates/:country', { templateUrl: 'resources/html/pages/advanced/duplicates.html', controller: 'duplicatesCtrl' }) + .when('/conflicts/:country', { templateUrl: 'resources/html/pages/advanced/conflicts.html', controller: 'conflictsCtrl' }) + .when('/users', { templateUrl: 'resources/html/pages/admin/users.html', controller: 'usersCtrl' }) + .when('/sysconf', { templateUrl: 'resources/html/pages/admin/sysConf.html', controller: 'sysConfCtrl' }) + .when('/utils', { templateUrl: 'resources/html/pages/admin/utils.html', controller: 'utilsCtrl' }) + .when('/lastImport', { templateUrl: 'resources/html/pages/admin/lastImport.html', controller: 'lastImportCtrl' }) + .when('/persistentOrgs', { templateUrl: 'resources/html/pages/admin/persistentOrgs.html', controller: 'persistentOrgsCtrl' }) .otherwise({ redirectTo: '/search' }); }); @@ -462,9 +470,9 @@ orgsModule.controller('searchCtrl', function ($scope, $location) { $scope.searchText = ''; $scope.search = function() { if ($scope.searchText) { - $location.url('/searchResults/0/50/' + encodeURIComponent(encodeURIComponent($scope.searchText))); + $location.url('/page/0/50/sortBy/name/asc/search/' + encodeURIComponent(encodeURIComponent($scope.searchText))); } else { - $location.url('/searchResults/0/50/_'); + $location.url('/page/0/50/sortBy/name/asc/search/_'); } } }); @@ -476,13 +484,27 @@ orgsModule.controller('searchResultsCtrl', function ($scope, $http, $routeParams } $scope.orgs = {}; - call_http_get($http, 'api/organizations/search/' + $routeParams.page + '/' + $routeParams.size + '?q=' + $scope.searchText, function(res) { $scope.orgs = res.data; }); + + var url = 'api/organizations/search/' + + $routeParams.page + + '/' + + $routeParams.size + + '?q=' + + $scope.searchText + + '&orderBy=' + + encodeURIComponent($routeParams.orderBy); + + if ($routeParams.orderType == 'desc') { + url += "&reverse=true"; + } + + call_http_get($http, url, function(res) { $scope.orgs = res.data; }); $scope.pageSearch = function() { if ($scope.searchText) { - return '/searchResults/__PAGE__/__SIZE__/' + encodeURIComponent($scope.searchText); + return '/page/__PAGE__/__SIZE__/sortBy/__ORDER_BY__/__ORDER_TYPE__/search/' + encodeURIComponent($scope.searchText); } else { - return '/searchResults/__PAGE__/__SIZE__/_'; + return '/page/__PAGE__/__SIZE__/sortBy/__ORDER_BY__/__ORDER_TYPE__/search/_'; } } @@ -492,7 +514,7 @@ orgsModule.controller('countriesCtrl', function ($scope, $http, $routeParams) { $scope.title = 'Countries'; $scope.field = 'Country'; - $scope.resultsBasePath = '/byCountry' + $scope.resultsBasePath = '/page/0/50/sortBy/name/asc/byCountry'; $scope.entries = []; $scope.mode = $routeParams.mode; @@ -504,18 +526,37 @@ orgsModule.controller('byCountryCtrl', function ($scope, $http, $routeParams, $l $scope.fieldValue = decodeURIComponent($routeParams.code); $scope.orgs = {}; - call_http_get($http, 'api/organizations/byCountry/' + $routeParams.status + '/' + $routeParams.code + '/' + $routeParams.page + '/' + $routeParams.size, function(res) { $scope.orgs = res.data; }); + var url = 'api/organizations/byCountry/' + + $routeParams.status + + '/' + + $routeParams.code + + '/' + + $routeParams.page + + '/' + + $routeParams.size + + '?orderBy=' + + encodeURIComponent($routeParams.orderBy) + + if ($routeParams.orderType == 'desc') { + url += "&reverse=true"; + } + + + call_http_get($http, url, function(res) { $scope.orgs = res.data; }); $scope.pageByCountry = function() { - return '/byCountry/__PAGE__/__SIZE__/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue); + return '/page/__PAGE__/__SIZE__/sortBy/__ORDER_BY__/__ORDER_TYPE__/byCountry/' + + $routeParams.status + + '/' + + encodeURIComponent($scope.fieldValue); } - + }); orgsModule.controller('typesCtrl', function ($scope, $http, $routeParams) { $scope.title = 'Organization types'; $scope.field = 'Organization type'; - $scope.resultsBasePath = '/byType' + $scope.resultsBasePath = '/page/0/50/sortBy/name/asc/byType'; $scope.entries = []; $scope.mode = $routeParams.mode; @@ -528,10 +569,29 @@ orgsModule.controller('byTypeCtrl', function ($scope, $http, $routeParams, $loca $scope.orgs = {}; - call_http_get($http, 'api/organizations/byType/' + $routeParams.status + '/' + $routeParams.type + '/' + $routeParams.page + '/' + $routeParams.size, function(res) { $scope.orgs = res.data; }); + var url = 'api/organizations/byType/' + + $routeParams.status + + '/' + + $routeParams.type + + '/' + + $routeParams.page + + '/' + + $routeParams.size + + '?orderBy=' + + encodeURIComponent($routeParams.orderBy) + + if ($routeParams.orderType == 'desc') { + url += "&reverse=true"; + } + + + call_http_get($http, url, function(res) { $scope.orgs = res.data; }); $scope.pageByType = function() { - return '/byType/__PAGE__/__SIZE__/' + $routeParams.status + '/' + encodeURIComponent($scope.fieldValue); + return '/page/__PAGE__/__SIZE__/sortBy/__ORDER_BY__/__ORDER_TYPE__/byType/' + + $routeParams.status + + '/' + + encodeURIComponent($scope.fieldValue); } }); -- 2.17.1 From 6d491345fe143edee5b5ae3947bdd7a6be87e39b Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Thu, 28 Nov 2024 14:20:52 +0100 Subject: [PATCH 15/19] sorting and filtering --- .../html/parts/org_results_page.html | 68 +++++++++++++------ .../static/resources/js/organizations.js | 4 ++ 2 files changed, 50 insertions(+), 22 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html index 6a41abb5..f9c7f9ec 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html @@ -21,29 +21,53 @@

No results

- -
-
- -
- -
- Page {{i + 1}} -
+
+
+ +
+ +
Ascending
+ name + country + type + status +
Descending
+ name + country + type + status + # accepted dups + # suggested dups + # rejected dups +
-
- -
- Size 10 - Size 25 - Size 50 - Size 100 - Size 200 - Size 500 -
-
-
+ +
+
+ +
+ +
+ Page {{i + 1}} +
+
+
+ +
+ Size 10 + Size 25 + Size 50 + Size 100 + Size 200 + Size 500 +
+
+ +
+
+ +

Click the organization name to select the organization

@@ -60,7 +84,7 @@
- + diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js index 37c84725..f134a6ec 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js @@ -62,8 +62,10 @@ orgsModule.directive('selectOrgModal', function($http) { scope.search = function(text) { scope.searchOrgs = {}; - - call_http_get($http, 'api/organizations/search/0/25?status='+ scope.filterStatus + '&q=' + text, function(res) { + + var url = 'api/organizations/search/0/50?orderBy=name&status='+ scope.filterStatus + '&q=' + text; + + call_http_get($http, url, function(res) { scope.searchValue = text; scope.searchOrgs = res.data; }); @@ -227,6 +229,11 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route, $route }, templateUrl: 'resources/html/parts/org_results_page.html', link: function(scope, element, attrs, ctrl) { + + scope.orderBy = $routeParams.orderBy ? $routeParams.orderBy : 'name'; + scope.orderType = $routeParams.orderType ? $routeParams.orderType : 'asc'; + scope.size = $routeParams.size ? $routeParams.size : 50; + scope.selectOrg = function(o) { o.selected = true; @@ -251,29 +258,38 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route, $route return input; } - scope.gotoPageAndSort = function(page, pageSize, orderBy, orderType) { + scope.gotoPage = function(page, pageSize) { var url = scope.pageFunction() .replace(/__PAGE__/, page) .replace(/__SIZE__/, pageSize) - .replace(/__ORDER_BY__/, orderBy) - .replace(/__ORDER_TYPE__/, orderType); + .replace(/__ORDER_BY__/, scope.orderBy) + .replace(/__ORDER_TYPE__/, scope.orderType); if (scope.mode == 'select-modal' || scope.mode == 'multi-select-modal') { + url += '&orderBy=' + scope.orderBy; + if (scope.orderType == 'desc') { + url += '&reverse=true'; + } + scope.orgs = {}; call_http_get($http, url, function(res) { scope.orgs = res.data; + scope.size = res.data.size; }); } else { $location.url(url); } } - scope.changeSort = function(orderBy, orderType) { - scope.gotoPageAndSort(0, $routeParams.size, orderBy, orderType); + scope.changeSortField = function(orderBy) { + scope.orderBy = orderBy; + scope.gotoPage(0, scope.size); } - scope.gotoPage = function(page, pageSize) { - scope.gotoPageAndSort(page, pageSize, $routeParams.orderBy, $routeParams.orderType); + scope.changeSortOrder = function() { + if (scope.orderType == 'desc') { scope.orderType = 'asc'; } + else { scope.orderType = 'desc'; } + scope.gotoPage(0, scope.size); } } -- 2.17.1 From d40d9adc9c03aa94031ae180287b732d2afcfb89 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Fri, 29 Nov 2024 13:38:15 +0100 Subject: [PATCH 17/19] minor fix --- .../static/resources/html/parts/org_results_page.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html index 84e331b4..18cb7ac2 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html @@ -40,10 +40,10 @@ name country type - status - # accepted dups - # suggested dups - # rejected dups + status + # accepted dups + # suggested dups + # rejected dups -- 2.17.1 From b5f9fed5da72e28000198cb787cb23f3916dae65 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Fri, 29 Nov 2024 14:14:20 +0100 Subject: [PATCH 18/19] add multiple parent/child relations --- .../html/parts/org_metadata.form.html | 37 +++++++++---------- .../static/resources/js/organizations.js | 22 +++++++---- 2 files changed, 31 insertions(+), 28 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html index efd8e632..6b97444a 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html @@ -271,25 +271,22 @@ - - - - @@ -340,5 +337,5 @@ + - diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js index f134a6ec..fa858f24 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js @@ -172,21 +172,27 @@ orgsModule.directive('orgFormMetadata', function($http, $location, $route, $rout }, templateUrl: 'resources/html/parts/org_metadata.form.html', link: function(scope, element, attrs, ctrl) { - scope.newRelation = {}; scope.newRelType = ''; - - scope.resetSelectedRelation = function() { - scope.newRelation = {}; - } + scope.newRelation = {}; - scope.addNewRelation = function() { + scope.addRelation = function() { + + for (var i = 0; i < scope.org.relations.length; i++) { + if (scope.org.relations[i].relatedOrgId == scope.newRelation.id) { + alert("The selected organization has been already added !!!"); + return; + } + } + scope.org.relations.push({ 'relatedOrgId' : scope.newRelation.id, 'relatedOrgName' : scope.newRelation.name, 'type' : scope.newRelType }); - scope.newRelation = {}; - scope.newRelType = ''; + } + + scope.setRelationType = function(relType) { + scope.newRelType = relType; } scope.save = function() { -- 2.17.1 From a0c5818181e8a8f6c211f58f170308e806b41790 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Mon, 2 Dec 2024 10:12:49 +0100 Subject: [PATCH 19/19] css --- .../resources/css/bootstrap.openorgs.css | 34 +++++++++---------- .../html/parts/org_metadata.form.html | 4 +-- .../html/parts/org_results_page.html | 6 ++-- 3 files changed, 22 insertions(+), 22 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css b/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css index 9c35e23a..8a8d3668 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/css/bootstrap.openorgs.css @@ -29,7 +29,7 @@ --secondary: #e9ecef; --success: #73a839; --info: #033c73; - --warning: #dd5600; + --warning: #ff9933; --danger: #c71c22; --light: #f8f9fa; --dark: #343a40; @@ -2773,8 +2773,8 @@ a.btn.disabled, fieldset:disabled a.btn { .btn-warning { color: #fff; - background-color: #dd5600; - border-color:#dd5600 + background-color: #ff9933; + border-color:#ff9933 } .btn-warning:hover { @@ -2792,8 +2792,8 @@ a.btn.disabled, fieldset:disabled a.btn { .btn-warning.disabled, .btn-warning:disabled { color: #fff; - background-color: #dd5600; - border-color:#dd5600 + background-color: #ff9933; + border-color:#ff9933 } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { @@ -3032,14 +3032,14 @@ a.btn.disabled, fieldset:disabled a.btn { } .btn-outline-warning { - color: #dd5600; - border-color:#dd5600 + color: #ff9933; + border-color:#ff9933 } .btn-outline-warning:hover { color: #fff; - background-color: #dd5600; - border-color:#dd5600 + background-color: #ff9933; + border-color:#ff9933 } .btn-outline-warning.focus, .btn-outline-warning:focus { @@ -3047,14 +3047,14 @@ a.btn.disabled, fieldset:disabled a.btn { } .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #dd5600; + color: #ff9933; background-color:transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; - background-color: #dd5600; - border-color:#dd5600 + background-color: #ff9933; + border-color:#ff9933 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { @@ -5197,7 +5197,7 @@ a.badge-info.focus, a.badge-info:focus { .badge-warning { color: #fff; - background-color:#dd5600 + background-color:#ff9933 } a.badge-warning:focus, a.badge-warning:hover { @@ -6771,7 +6771,7 @@ a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { } .bg-warning { - background-color:#dd5600 !important + background-color:#ff9933 !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { @@ -6867,7 +6867,7 @@ a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { } .border-warning { - border-color:#dd5600 !important + border-color:#ff9933 !important } .border-danger { @@ -10297,7 +10297,7 @@ a.text-info:focus, a.text-info:hover { } .text-warning { - color:#dd5600 !important + color:#ff9933 !important } a.text-warning:focus, a.text-warning:hover { @@ -10502,7 +10502,7 @@ a.text-dark:focus, a.text-dark:hover { } .btn-warning { - background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00); + background-image: linear-gradient(#ffaa66, #ff9933 60%, #ff6707); background-repeat:no-repeat } diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html index 6b97444a..195d4489 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_metadata.form.html @@ -36,7 +36,7 @@
- EC flags + EC flags
@@ -303,7 +303,7 @@
- +
diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html index 18cb7ac2..8b6a3a1b 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html @@ -49,7 +49,7 @@
- reverse + descending
@@ -57,7 +57,7 @@
- +
@@ -75,7 +75,7 @@ Size 500
- +
-- 2.17.1
- {{o.name}} - {{o.name}} (SELECTED) - {{o.name}} + {{o.name}} + {{o.name}} (SELECTED) + + {{o.name}} + + {{o.name}} + {{o.status}} -
URL: {{ourl}} + +
URL: {{ourl}} 		{{o.city || '-'}}, {{o.country}} {{o.acronyms.join()}}
+ {{o.status}} + {{o.name}} {{o.name}} (SELECTED) @@ -69,7 +71,6 @@ {{o.name}} - {{o.status}}
URL: {{ourl}}
{{e.name}} ({{e.code}}) - {{e.values.approved}} + {{e.values.approved}} - - {{e.values.suggested}} + {{e.values.suggested}} - - {{e.values.raw}} + {{e.values.raw}} - - {{e.values.hidden}} + {{e.values.hidden}} -
{{o.status}} diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js index 5a29603e..37c84725 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/js/organizations.js @@ -268,6 +268,10 @@ orgsModule.directive('orgResultsPage', function($http, $location, $route, $route } } + scope.changeSort = function(orderBy, orderType) { + scope.gotoPageAndSort(0, $routeParams.size, orderBy, orderType); + } + scope.gotoPage = function(page, pageSize) { scope.gotoPageAndSort(page, pageSize, $routeParams.orderBy, $routeParams.orderType); } -- 2.17.1 From d36c9b7a5e0b543a36023d38ee63d56a44aed3a3 Mon Sep 17 00:00:00 2001 From: "michele.artini" Date: Fri, 29 Nov 2024 12:43:50 +0100 Subject: [PATCH 16/19] page and sorting --- .../controller/OrganizationController.java | 8 +-- .../OrganizationSimpleViewRepository.java | 30 +++++----- .../html/pages/search/resultsByType.html | 2 +- .../html/parts/org_results_page.html | 59 +++++++++++-------- .../static/resources/js/organizations.js | 34 ++++++++--- 5 files changed, 80 insertions(+), 53 deletions(-) diff --git a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java index a9331c1c..82037224 100644 --- a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java +++ b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/controller/OrganizationController.java @@ -234,10 +234,12 @@ public class OrganizationController extends AbstractDnetController { @RequestParam(required = false, defaultValue = "false") final boolean reverse, final Authentication authentication) { + final PageRequest pageRequest = PageRequest.of(page, size, Sort.by(reverse ? Order.desc(orderBy) : Order.asc(orderBy))); + if (SPECIAL_STATUS_FOR_CANDIDATE_DUP.equals(status)) { return UserInfo.isSuperAdmin(authentication) - ? organizationSimpleViewRepository.searchCandidateDuplicates(q, PageRequest.of(page, size)) - : organizationSimpleViewRepository.searchCandidateDuplicatesForUser(q, UserInfo.getEmail(authentication), PageRequest.of(page, size)); + ? organizationSimpleViewRepository.searchCandidateDuplicates(q, pageRequest) + : organizationSimpleViewRepository.searchCandidateDuplicatesForUser(q, UserInfo.getEmail(authentication), pageRequest); } final List statuses; if (StringUtils.isNotBlank(status)) { @@ -248,8 +250,6 @@ public class OrganizationController extends AbstractDnetController { statuses = Arrays.asList(OrganizationStatus.approved.toString(), OrganizationStatus.suggested.toString()); } - final PageRequest pageRequest = PageRequest.of(page, size, Sort.by(reverse ? Order.desc(orderBy) : Order.asc(orderBy))); - return UserInfo.isSuperAdmin(authentication) ? organizationSimpleViewRepository.search(q, statuses, pageRequest) : organizationSimpleViewRepository.searchForUser(q, UserInfo.getEmail(authentication), statuses, pageRequest); diff --git a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java index 9da4534e..9e95f100 100644 --- a/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java +++ b/apps/dnet-orgs-database-application/src/main/java/eu/dnetlib/organizations/repository/readonly/OrganizationSimpleViewRepository.java @@ -77,12 +77,12 @@ public interface OrganizationSimpleViewRepository extends ReadOnlyRepository searchCandidateDuplicates(@Param("text") String text, Pageable pageable); // SEARCH FOR VALID DUPLICATE CANDIDATES FOR USER @Query(value = "SELECT\n" - + " org.id,\n" - + " org.name,\n" - + " org.type,\n" - + " org.city,\n" - + " org.country,\n" - + " org.status,\n" + + " org.id AS id,\n" + + " org.name AS name,\n" + + " org.type AS type,\n" + + " org.city AS city,\n" + + " org.country AS country,\n" + + " org.status AS status,\n" + " array_remove(array_agg(DISTINCT a.acronym), NULL) AS acronyms,\n" + " array_remove(array_agg(DISTINCT u.url), NULL) AS urls,\n" + " NULL AS n_similar_dups,\n" @@ -120,8 +119,7 @@ public interface OrganizationSimpleViewRepository extends ReadOnlyRepository searchCandidateDuplicatesForUser(@Param("text") String text, @Param("email") String email, Pageable pageable); } diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html index 740ec66d..ac569edf 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/pages/search/resultsByType.html @@ -1,5 +1,5 @@ diff --git a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html index f9c7f9ec..84e331b4 100644 --- a/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html +++ b/apps/dnet-orgs-database-application/src/main/resources/static/resources/html/parts/org_results_page.html @@ -8,7 +8,7 @@ {{searchMessage}} - Total elements:
+ Total elements:
fr {{searchMessage}}

@@ -21,29 +21,41 @@

No results

-
-
- -
- -
Ascending
- name - country - type - status -
Descending
- name - country - type - status - # accepted dups - # suggested dups - # rejected dups - +
+
+
+
+ +
+ + name + country + type + status + # accepted dups + # suggested dups + # rejected dups + +
+
+
+
+ reverse +
+
-
+
@@ -67,7 +79,9 @@
- +
+ +

Click the organization name to select the organization

@@ -95,7 +109,6 @@ {{o.name}} -
URL: {{ourl}}
{{o.city || '-'}}, {{o.country}}
This organization - - - - - - + + + +