diff --git a/bower.json b/bower.json index 11c05c563..727da03fa 100644 --- a/bower.json +++ b/bower.json @@ -27,6 +27,7 @@ "angular-translate": "^2.18.1", "angular-translate-loader-static-files": "^2.18.1", "angular-translate-interpolation-messageformat": "^2.18.1", - "bottleneck": "^2.19.5" + "bottleneck": "^2.19.5", + "jquery-xml2json": "^0.0.8" } } diff --git a/www/i18n/en.json b/www/i18n/en.json index cab0845a5..a1f3dc499 100644 --- a/www/i18n/en.json +++ b/www/i18n/en.json @@ -52,6 +52,7 @@ "control":{ "profile": "Profile", + "edit-demographics": "Edit Demographics", "tracking": "Tracking", "app-status": "App Status", "medium-accuracy": "Medium accuracy", @@ -155,6 +156,7 @@ "time": "Time", "mode": "Mode", "purpose": "Purpose", + "survey": "Details", "unlabeled": "All Unlabeled", "invalid-ebike": "Invalid", "to-label": "To Label", @@ -167,6 +169,7 @@ "choose-mode": "Mode 📝 ", "choose-replaced-mode": "Replaces 📝", "choose-purpose": "Purpose 📝", + "choose-survey": "Add Trip Details 📝 ", "select-mode-scroll": "Mode (👇 for more)", "select-replaced-mode-scroll": "Replaces (👇 for more)", "select-purpose-scroll": "Purpose (👇 for more)", @@ -396,5 +399,11 @@ "sensor_explanation":{ "button-accept": "OK", "button-decline": "Stop" + }, + "survey": { + "prev-survey-found": "Found previous survey response", + "use-prior-response": "Use prior response", + "edit-response": "Edit response", + "move-on": "Move on" } } diff --git a/www/index.html b/www/index.html index b186aa323..8667b8a22 100644 --- a/www/index.html +++ b/www/index.html @@ -21,6 +21,13 @@ + + + + + + + + @@ -58,6 +66,7 @@ + @@ -81,6 +90,7 @@ + @@ -103,6 +113,13 @@ + + + + + + + diff --git a/www/js/control/general-settings.js b/www/js/control/general-settings.js index 636bc0358..3d6578ab1 100644 --- a/www/js/control/general-settings.js +++ b/www/js/control/general-settings.js @@ -12,6 +12,7 @@ angular.module('emission.main.control',['emission.services', 'emission.main.metrics.factory', 'emission.stats.clientstats', 'emission.plugin.kvstore', + 'emission.survey.enketo.demographics', 'emission.plugin.logger']) .controller('ControlCtrl', function($scope, $window, $ionicScrollDelegate, diff --git a/www/js/diary/services.js b/www/js/diary/services.js index 9f4d8033b..ab070f537 100644 --- a/www/js/diary/services.js +++ b/www/js/diary/services.js @@ -2,7 +2,7 @@ angular.module('emission.main.diary.services', ['emission.plugin.logger', 'emission.services', 'emission.main.common.services', - 'emission.incident.posttrip.manual', 'emission.survey.multilabel.services']) + 'emission.incident.posttrip.manual']) .factory('DiaryHelper', function(CommonGraph, PostTripManualMarker, $translate){ var dh = {}; // dh.expandEarlierOrLater = function(id) { @@ -372,120 +372,10 @@ angular.module('emission.main.diary.services', ['emission.plugin.logger', return getColoredStyle(baseDict, dh.getColor(feature.properties.sensed_mode)); }; - var fmtTs = function(ts_in_secs, tz) { - return moment(ts_in_secs * 1000).tz(tz).format(); - } - - var printUserInput = function(ui) { - return fmtTs(ui.data.start_ts, ui.metadata.time_zone) + "("+ui.data.start_ts + ") -> "+ - fmtTs(ui.data.end_ts, ui.metadata.time_zone) + "("+ui.data.end_ts + ")"+ - " " + ui.data.label + " logged at "+ ui.metadata.write_ts; - } - - dh.getUserInputForTrip = function(trip, nextTrip, userInputList) { - if (userInputList.length < 20) { - console.log("Input list = "+userInputList.map(printUserInput)); - } - // undefined != true, so this covers the label view case as well - var isDraft = trip.isDraft == true; - var potentialCandidates = userInputList.filter(function(userInput) { - /* - console.log("startDelta "+userInput.data.label+ - "= user("+fmtTs(userInput.data.start_ts, userInput.metadata.time_zone)+ - ") - trip("+fmtTs(userInput.data.start_ts, userInput.metadata.time_zone)+") = "+ - (userInput.data.start_ts - trip.start_ts)+" should be positive"); - console.log("endDelta = "+userInput.data.label+ - "user("+fmtTs(userInput.data.end_ts, userInput.metadata.time_zone)+ - ") - trip("+fmtTs(trip.end_ts, userInput.metadata.time_zone)+") = "+ - (userInput.data.end_ts - trip.end_ts)+" should be negative"); - */ - // logic described in - // https://github.com/e-mission/e-mission-docs/issues/423 - if (isDraft) { - if (userInputList.length < 20) { - var logStr = "Draft trip: comparing user = "+fmtTs(userInput.data.start_ts, userInput.metadata.time_zone) - +" -> "+fmtTs(userInput.data.end_ts, userInput.metadata.time_zone) - +" trip = "+fmtTs(trip.start_ts, userInput.metadata.time_zone) - +" -> "+fmtTs(trip.end_ts, userInput.metadata.time_zone) - +" checks are ("+(userInput.data.start_ts >= trip.start_ts) - +" && "+(userInput.data.start_ts <= trip.end_ts) - +" || "+(-(userInput.data.start_ts - trip.start_ts) <= 15 * 60) - +") && "+(userInput.data.end_ts <= trip.end_ts); - console.log(logStr); - // Logger.log(logStr); - } - return (userInput.data.start_ts >= trip.start_ts - && userInput.data.start_ts <= trip.end_ts - || -(userInput.data.start_ts - trip.start_ts) <= 15 * 60) - && userInput.data.end_ts <= trip.end_ts; - } else { - // we know that the trip is cleaned so we can use the fmt_time - // but the confirm objects are not necessarily filled out - if (userInputList.length < 20) { - var logStr = "Cleaned trip: comparing user = " - +fmtTs(userInput.data.start_ts, userInput.metadata.time_zone) - +" -> "+fmtTs(userInput.data.end_ts, userInput.metadata.time_zone) - +" trip = "+trip.start_fmt_time - +" -> "+trip.end_fmt_time - +" start checks are "+(userInput.data.start_ts >= trip.start_ts) - +" && "+(userInput.data.start_ts <= trip.end_ts) - +" end checks are "+(userInput.data.end_ts <= trip.end_ts) - +" || "+((userInput.data.end_ts - trip.end_ts) <= 15 * 60)+")"; - Logger.log(logStr); - } - // https://github.com/e-mission/e-mission-docs/issues/476#issuecomment-747222181 - const startChecks = userInput.data.start_ts >= trip.start_ts && - userInput.data.start_ts <= trip.end_ts; - var endChecks = (userInput.data.end_ts <= trip.end_ts || - (userInput.data.end_ts - trip.end_ts) <= 15 * 60); - if (startChecks && !endChecks) { - if (angular.isDefined(nextTrip)) { - endChecks = userInput.data.end_ts <= nextTrip.start_ts; - Logger.log("Second level of end checks when the next trip is defined("+userInput.data.end_ts+" <= "+ nextTrip.start_ts+") = "+endChecks); - } else { - // next trip is not defined, last trip - endChecks = (userInput.data.end_local_dt.day == userInput.data.start_local_dt.day) - Logger.log("Second level of end checks for the last trip of the day"); - Logger.log("compare "+userInput.data.end_local_dt.day + " with " + userInput.data.start_local_dt.day + " = " + endChecks); - } - if (endChecks) { - // If we have flipped the values, check to see that there - // is sufficient overlap - const overlapDuration = Math.min(userInput.data.end_ts, trip.end_ts) - Math.max(userInput.data.start_ts, trip.start_ts) - Logger.log("Flipped endCheck, overlap("+overlapDuration+ - ")/trip("+trip.duration+") = "+ (overlapDuration / trip.duration)); - endChecks = (overlapDuration/trip.duration) > 0.5; - } - } - return startChecks && endChecks; - } - }); - if (potentialCandidates.length === 0) { - if (userInputList.length < 20) { - Logger.log("In getUserInputForTripStartEnd, no potential candidates, returning []"); - } - return undefined; - } - - if (potentialCandidates.length === 1) { - Logger.log("In getUserInputForTripStartEnd, one potential candidate, returning "+ printUserInput(potentialCandidates[0])); - return potentialCandidates[0]; - } - - Logger.log("potentialCandidates are "+potentialCandidates.map(printUserInput)); - var sortedPC = potentialCandidates.sort(function(pc1, pc2) { - return pc2.metadata.write_ts - pc1.metadata.write_ts; - }); - var mostRecentEntry = sortedPC[0]; - Logger.log("Returning mostRecentEntry "+printUserInput(mostRecentEntry)); - return mostRecentEntry; - } - - return dh; }) -.factory('Timeline', function(CommHelper, ConfirmHelper, $http, $ionicLoading, $window, - $rootScope, CommonGraph, UnifiedDataLoader, Logger, $translate) { +.factory('Timeline', function(CommHelper, SurveyOptions, $http, $ionicLoading, $window, + $rootScope, CommonGraph, UnifiedDataLoader, Logger, $injector, $translate) { var timeline = {}; // corresponds to the old $scope.data. Contains all state for the current // day, including the indication of the current day @@ -493,6 +383,9 @@ angular.module('emission.main.diary.services', ['emission.plugin.logger', timeline.data.unifiedConfirmsResults = null; timeline.UPDATE_DONE = "TIMELINE_UPDATE_DONE"; + const surveyOpt = SurveyOptions.MULTILABEL; + const manualInputFactory = $injector.get(surveyOpt.service); + // Internal function, not publicly exposed var getKeyForDate = function(date) { var dateString = date.startOf('day').format('YYYY-MM-DD'); @@ -509,15 +402,13 @@ angular.module('emission.main.diary.services', ['emission.plugin.logger', startTs: result.end_ts - 10, endTs: moment().unix() + 10 } - var manualPromises = ConfirmHelper.INPUTS.map(function(inp) { + var manualPromises = manualInputFactory.MANUAL_KEYS.map(function(inp_key) { return UnifiedDataLoader.getUnifiedMessagesForInterval( - ConfirmHelper.inputDetails[inp].key, pendingLabelQuery); + inp_key, pendingLabelQuery).then(manualInputFactory.extractResult); }); + const manualConfirmResults = {}; return Promise.all(manualPromises).then((manualResults) => { - const manualConfirmResults = {}; - manualResults.forEach(function(mr, index) { - manualConfirmResults[ConfirmHelper.INPUTS[index]] = mr; - }); + manualInputFactory.processManualInputs(manualResults, manualConfirmResults); return [result, manualConfirmResults]; }); }).catch((err) => { @@ -1097,18 +988,6 @@ angular.module('emission.main.diary.services', ['emission.plugin.logger', var localCacheReadFn = timeline.updateFromDatabase; - var processManualInputs = function(manualResults) { - var mrString = 'unprocessed manual inputs ' - + manualResults.map(function(item, index) { - return ` ${item.length} ${ConfirmHelper.INPUTS[index]}`; - }); - console.log(mrString); - timeline.data.unifiedConfirmsResults = {} - manualResults.forEach(function(mr, index) { - timeline.data.unifiedConfirmsResults[ConfirmHelper.INPUTS[index]] = mr; - }); - } - var addUnprocessedTrips = function(processedTripList, day, completeStatus) { var tripList = processedTripList; if (!completeStatus) { @@ -1126,13 +1005,15 @@ angular.module('emission.main.diary.services', ['emission.plugin.logger', } var readTripsAndUnprocessedInputs = function(day, tripReadFn, completeStatus, tq) { - var manualPromises = ConfirmHelper.INPUTS.map(function(inp) { + console.log("Reading values for list ", manualInputFactory.MANUAL_KEYS); + var manualPromises = manualInputFactory.MANUAL_KEYS.map(function(inp_key) { return UnifiedDataLoader.getUnifiedMessagesForInterval( - ConfirmHelper.inputDetails[inp].key, tq); + inp_key, tq).then(manualInputFactory.extractResult); }); let tripsReadPromise = tripReadFn(day); - // var surveyAnswersPromise = EnketoSurvey.getAllSurveyAnswers("manual/confirm_survey", { populateLabels: true }); - let allManualPromise = Promise.all(manualPromises).then(processManualInputs); + timeline.data.unifiedConfirmsResults = {}; + let allManualPromise = Promise.all(manualPromises).then((manualResults) => + manualInputFactory.processManualInputs(manualResults, timeline.data.unifiedConfirmsResults)); let allTripsPromise = tripsReadPromise.then((processedTripList) => { console.log("Reading trips from server finished successfully with length " diff --git a/www/js/intro.js b/www/js/intro.js index a8ba7a200..28eaec601 100644 --- a/www/js/intro.js +++ b/www/js/intro.js @@ -2,7 +2,7 @@ angular.module('emission.intro', ['emission.splash.startprefs', 'emission.splash.updatecheck', - 'emission.survey.external.launch', + 'emission.survey.enketo.demographics', 'emission.appstatus.permissioncheck', 'emission.i18n.utils', 'ionic-toast']) @@ -30,7 +30,8 @@ angular.module('emission.intro', ['emission.splash.startprefs', i18nUtils.geti18nFileName("templates/", "intro/summary", ".html"), i18nUtils.geti18nFileName("templates/", "intro/consent", ".html"), i18nUtils.geti18nFileName("templates/", "intro/sensor_explanation", ".html"), - i18nUtils.geti18nFileName("templates/", "intro/login", ".html") + i18nUtils.geti18nFileName("templates/", "intro/login", ".html"), + i18nUtils.geti18nFileName("templates/", "intro/survey", ".html") ]); allIntroFiles.then(function(allIntroFilePaths) { $scope.$apply(function() { @@ -39,6 +40,7 @@ angular.module('emission.intro', ['emission.splash.startprefs', $scope.consentFile = allIntroFilePaths[1]; $scope.explainFile = allIntroFilePaths[2]; $scope.loginFile = allIntroFilePaths[3]; + $scope.surveyFile = allIntroFilePaths[4]; }); }); @@ -117,7 +119,7 @@ angular.module('emission.intro', ['emission.splash.startprefs', client: retVal }); }); - $scope.finish(); + $scope.next(); }, function(errorResult) { $scope.alertError('User registration error', errorResult); }); @@ -149,6 +151,10 @@ angular.module('emission.intro', ['emission.splash.startprefs', StartPrefs.markIntroDone(); $scope.getIntroBox().slide(0); StartPrefs.loadPreferredScreen(); + // remove this view since the intro is done + // when we go back to the intro state, it will be recreated + $("[state='root.intro']").remove(); + $scope.$destroy(); } $ionicPlatform.ready().then(function() { diff --git a/www/js/survey/enketo/answer.js b/www/js/survey/enketo/answer.js new file mode 100644 index 000000000..3252947f3 --- /dev/null +++ b/www/js/survey/enketo/answer.js @@ -0,0 +1,119 @@ +angular.module('emission.survey.enketo.answer', [ + 'ionic' +]) +.factory('EnketoSurveyAnswer', function( + $http, +) { + /** + * @typedef EnketoAnswerData + * @type {object} + * @property {string} label - display label (this value is use for displaying on the button) + * @property {string} ts - the timestamp at which the survey was filled out (in seconds) + * @property {string} fmt_time - the formatted timestamp at which the survey was filled out + * @property {string} name - survey name + * @property {string} version - survey version + * @property {string} xmlResponse - survey answer XML string + * @property {string} jsonDocResponse - survey answer JSON object + */ + + /** + * @typedef EnketoAnswer + * @type {object} + * @property {EnketoAnswerData} data - answer data + * @property {{[labelField:string]: string}} [labels] - virtual labels (populated by populateLabels method) + */ + + /** + * @typedef EnketoSurveyConfig + * @type {{ + * [surveyName:string]: { + * formPath: string; + * labelFields: string[]; + * version: number; + * compatibleWith: number; + * } + * }} + */ + + const ENKETO_SURVEY_CONFIG_PATH = 'json/enketoSurveyConfig.json'; + const LABEL_FUNCTIONS = { + TripConfirmSurvey: (xmlDoc) => { + const modeStr = _getAnswerByTagName(xmlDoc, 'travel_mode'); + const purposeStr = _getAnswerByTagName(xmlDoc, 'destination_purpose'); + + if (modeStr.includes('trip_not_valid') || purposeStr.includes('trip_not_valid')) { + return 'Trip not valid'; + } + + const purposes = purposeStr.split(' ').length; + const modes = modeStr.split(' ').length; + return `${purposes} purpose${purposes > 1 ? 's': ''}, ${modes} mode${modes > 1 ? 's': ''}`; + }, + UserProfileSurvey: (xmlDoc) => { + return 'Answered'; + }, + }; + + /** @type {EnketoSurveyConfig} _config */ + let _config; + + /** + * _getAnswerByTagName lookup for the survey answer by tag name form the given XML document. + * @param {XMLDocument} xmlDoc survey answer object + * @param {string} tagName tag name + * @returns {string} answer string. If not found, return "\" + */ + function _getAnswerByTagName(xmlDoc, tagName) { + const vals = xmlDoc.getElementsByTagName(tagName); + const val = vals.length ? vals[0].innerHTML : null; + if (!val) return ''; + return val; + } + + /** + * _lazyLoadConfig load enketo survey config. If already loaded, return the cached config + * @returns {Promise} enketo survey config + */ + function _lazyLoadConfig() { + if (_config !== undefined) { + return Promise.resolve(_config); + } + return $http.get(ENKETO_SURVEY_CONFIG_PATH).then(configRes => { + _config = configRes.data; + return _config; + }); + } + + /** + * filterByNameAndVersion filter the survey answers by survey name and their version. + * The version for filtering is specified in enketo survey `compatibleWith` config. + * The stored survey answer version must be greater than or equal to `compatibleWith` to be included. + * @param {string} name survey name (defined in enketo survey config) + * @param {EnketoAnswer[]} answers survey answers + * (usually retrieved by calling UnifiedDataLoader.getUnifiedMessagesForInterval('manual/survey_response', tq)) method. + * @return {Promise} filtered survey answers + */ + function filterByNameAndVersion(name, answers) { + return _lazyLoadConfig().then(config => + answers.filter(answer => + answer.data.name === name && + answer.data.version >= config[name].compatibleWith + ) + ); + } + + /** + * resolve answer label for the survey + * @param {string} name survey name + * @param {XMLDocument} xmlDoc survey answer object + * @returns {string} label string + */ + function resolveLabel(name, xmlDoc) { + return LABEL_FUNCTIONS[name](xmlDoc); + } + + return { + filterByNameAndVersion, + resolveLabel, + }; +}); diff --git a/www/js/survey/enketo/enketo-demographics.js b/www/js/survey/enketo/enketo-demographics.js new file mode 100644 index 000000000..816e84da8 --- /dev/null +++ b/www/js/survey/enketo/enketo-demographics.js @@ -0,0 +1,156 @@ +/* + * Directive to display a survey for each trip + * Assumptions: + * - The directive is embedded within an ion-view + * - The controller for the ion-view has a function called + * 'recomputeDisplayTrips` which modifies the trip *list* as necessary. An + * example with the label view is removing the labeled trips from the + * "toLabel" filter. Function can be a no-op (for example, in + * the diary view) + * - The view is associated with a state which we can record in the client stats. + * - The directive implements a `verifyTrip` function that can be invoked by + * other components. + */ + +angular.module('emission.survey.enketo.demographics', + ['emission.stats.clientstats', + 'emission.services', + 'emission.survey.enketo.launch', + 'emission.survey.enketo.answer', + 'emission.survey.enketo.preview', + 'emission.survey.inputmatcher']) +.directive('enketoDemographicsButton', function() { + return { + scope: { + }, + controller: "EnketoDemographicsButtonCtrl", + templateUrl: 'templates/survey/enketo/demographics-button.html' + }; +}) +.directive('enketoDemographicsInline', function() { + return { + scope: { + ngDone: "=", + }, + controller: "EnketoDemographicsInlineCtrl", + templateUrl: 'templates/survey/enketo/inline.html' + }; +}) +.controller("EnketoDemographicsButtonCtrl", function($scope, $element, $attrs, + EnketoSurveyLaunch, $ionicPopover, ClientStats, + EnketoDemographicsService) { + console.log("Invoked enketo directive controller for demographics "); + + $scope.openPopover = function ($event) { + return EnketoDemographicsService.loadPriorDemographicSurvey().then((lastSurvey) => { + return EnketoSurveyLaunch + .launch($scope, 'UserProfileSurvey', { prev_demographic_survey: lastSurvey }) + .then(result => { + console.log("demographic survey result ", result); + }); + }); + }; + + $scope.init = function() { + console.log("During initialization of the button control", $scope.trip); + } + + $scope.init(); +}) +.controller("EnketoDemographicsInlineCtrl", function($scope, $window, $element, $attrs, + $http, EnketoSurveyLaunch, EnketoSurvey, $ionicPopover, ClientStats, + EnketoDemographicsService, $ionicPlatform, $timeout) { + console.log("Invoked enketo inline directive controller for demographics "); + + var validateAndSave = function() { + return EnketoSurvey.validateAndSave() + .then(result => { + if (!result) { + $ionicPopup.alert({template: 'Form contains errors. Please see fields marked in red.'}); + } else { + $scope.ngDone(); + } + }); + } + + $scope.enketoSurvey = { + disableDismiss: true, + validateAndSave + } + + $scope.setEditSurveyAnswer = function(newVal) { + $scope.editSurveyAnswer = newVal; + $timeout(() => { + if (newVal) { + /* + * if we had an existing survey, we want to wait until the user chooses + * to edit it to display the form. But then we also have to wait to + * initialize the form. + * https://github.com/e-mission/e-mission-docs/issues/727#issuecomment-1126720935 + */ + return EnketoSurveyLaunch + .initSurvey('UserProfileSurvey', { prev_demographic_survey: $scope.existingSurvey }) + .then(result => { + console.log("demographic survey result ", result); + }).catch(e => console.trace(e)); + } + }, 10); // wait for 10 ms to load to ensure that the form is in place + } + + $scope.initForm = function() { + return EnketoDemographicsService.loadPriorDemographicSurvey().then((lastSurvey) => { + $scope.$apply(() => $scope.existingSurvey = lastSurvey); + console.log("ENKETO: existing survey ", $scope.existingSurvey); + if (!$scope.existingSurvey) { + /* + * if we don't have an existing survey, we will display the form + * without any prompt and want to show it immediately. However, if + * we have an existing response, then we want to see if the user + * wants to edit it, which means that we won't have a form to + * initialize here. We will initialize the form in + * setEditSurveyAnswer instead + */ + return EnketoSurveyLaunch + .initSurvey('UserProfileSurvey', { prev_demographic_survey: $scope.existingSurvey }) + .then(result => { + console.log("demographic survey result ", result); + }).catch(e => console.trace(e)); + } + }); + }; + + $scope.init = function() { + console.log("During initialization of the button control", $scope.trip); + $scope.initForm().then(() => { + console.log("finished loading form"); + });; + } + + $ionicPlatform.ready(() => $scope.init()); +}) +.factory("EnketoDemographicsService", function(UnifiedDataLoader, $window) { + var eds = {}; + console.log("Creating EnketoDemographicsService"); + eds.key = "manual/demographic_survey"; + + var _getMostRecent = function(answers) { + answers.sort((a, b) => a.metadata.write_ts < b.metadata.write_ts); + console.log("first answer is ", answers[0], " last answer is ", answers[answers.length-1]); + return answers[0]; + } + + /* + * We retrieve all the records every time instead of caching because of the + * usage pattern. We assume that the demographic survey is edited fairly + * rarely, so loading it every time will likely do a bunch of unnecessary work. + * Loading it on demand seems like the way to go. If we choose to experiment + * with incremental updates, we may want to revisit this. + */ + eds.loadPriorDemographicSurvey = function() { + const tq = $window.cordova.plugins.BEMUserCache.getAllTimeQuery(); + return UnifiedDataLoader.getUnifiedMessagesForInterval(eds.key, tq) + .then(answers => _getMostRecent(answers)); + } + + return eds; +}); diff --git a/www/js/survey/enketo/enketo-preview.js b/www/js/survey/enketo/enketo-preview.js new file mode 100644 index 000000000..538954736 --- /dev/null +++ b/www/js/survey/enketo/enketo-preview.js @@ -0,0 +1,65 @@ +angular.module('emission.survey.enketo.preview', + ['emission.stats.clientstats']) +.directive('enketoSurveyPreview', function() { + return { + scope: { + surveyResult: "=" + }, + controller: "EnketoSurveyPreviewCtrl", + templateUrl: 'templates/survey/enketo/preview.html' + }; +}) +.controller("EnketoSurveyPreviewCtrl", function($scope, $element, $attrs, + ClientStats) { + console.log("Invoked enketo directive controller for showing survey preview with ", $scope.surveyResult); + $scope.appendNonZeroEntries = function(jsonNode) { + console.log("Appending non-zero entries from ", jsonNode); + /* + Consider a JSON object of type + + $: {xmlns:jr: "http://openrosa.org/javarosa", xmlns:odk: "http://www.opendatakit.org/xforms", xmlns:orx: "http://openrosa.org/xforms", id: "snapshot_xml"} + deviceid: "deviceid not found" + end: "2022-05-22T10:34:11.435-07:00" + group_lm5fq00: {$: {}, num_vehicles: "0", driver_licence: "no", drive: "", Vehicle_year: "", …} + group_my6jo52: {$: {}, hh_size: "1", num_workers: "0", num_adults: "0", num_kids: "1"} + group_uy6od86: {$: {}, age: "5_minus", gender: "others", home_location_001: "MiMi", employment: "not_currently_", …} + meta: {$: {}, instanceID: "uuid:314620a5-2dba-4db1-99d8-e73c47bc71bc"} + start: "2022-05-12T16:59:48.286-07:00" + today: "2022-05-11" + */ + Object.keys(jsonNode).forEach((key, index) => { + let currVal = jsonNode[key]; + console.log("Iterating over "+key+" at "+index+" type "+typeof(currVal)+" length "+currVal.length); + console.log("Checks are "+(currVal instanceof String)+" && "+(currVal.length > 0)); + + if (key === "$") { + /* if this is similar to + $: {xmlns:jr: "http://openrosa.org/javarosa", xmlns:odk: "http://www.opendatakit.org/xforms", xmlns:orx: "http://openrosa.org/xforms", id: "snapshot_xml"} + we ignore */ + console.log("Ignoring namespaces "+currVal); + } else { + // make sure to use typeof instead of instanceof since instanceof does not work + // properly with literal strings + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#using_instanceof_with_string + if ((typeof(currVal) == "string") && (currVal.length > 0)) { + // if this is similar to 'today: "2022-05-11"' + console.log("Found string value, appending ", key, " -> ", currVal); + $scope.nonZeroEntries.push({key: key, value: currVal}); + } + if (typeof(currVal) == "object") { + /* if this is similar to + group_uy6od86: {$: {}, age: "5_minus", gender: "others", + we recurse */ + console.log("Found object value, recursing on ", key, " -> ", currVal); + $scope.appendNonZeroEntries(currVal); + } + } + }); + } + $scope.setupNonZeroEntries = function(rootNode) { + $scope.nonZeroEntries = []; + $scope.appendNonZeroEntries(rootNode); + } + $scope.resultJSON = $.xml2json($scope.surveyResult.data.xmlResponse); + $scope.setupNonZeroEntries($scope.resultJSON); +}); diff --git a/www/js/survey/enketo/enketo-trip-button.js b/www/js/survey/enketo/enketo-trip-button.js new file mode 100644 index 000000000..3901c307c --- /dev/null +++ b/www/js/survey/enketo/enketo-trip-button.js @@ -0,0 +1,292 @@ +/* + * Directive to display a survey for each trip + * Assumptions: + * - The directive is embedded within an ion-view + * - The controller for the ion-view has a function called + * 'recomputeDisplayTrips` which modifies the trip *list* as necessary. An + * example with the label view is removing the labeled trips from the + * "toLabel" filter. Function can be a no-op (for example, in + * the diary view) + * - The view is associated with a state which we can record in the client stats. + * - The directive implements a `verifyTrip` function that can be invoked by + * other components. + */ + +angular.module('emission.survey.enketo.trip.button', + ['emission.stats.clientstats', + 'emission.survey.enketo.launch', + 'emission.survey.enketo.answer', + 'emission.survey.inputmatcher']) +.directive('enketoTripButton', function() { + return { + scope: { + trip: "=", + recomputedelay: "@", + }, + controller: "EnketoTripButtonCtrl", + templateUrl: 'templates/survey/enketo/summary-trip-button.html' + }; +}) +.controller("EnketoTripButtonCtrl", function($scope, $element, $attrs, + EnketoSurveyLaunch, $ionicPopover, $window, ClientStats, + EnketoTripButtonService) { + console.log("Invoked enketo directive controller for labels "+EnketoTripButtonService.SINGLE_KEY); + + var findViewElement = function() { + // console.log("$element is ", $element); + // console.log("parent row is", $element.parents("ion-item")); + let rowElement = $element.parents("ion-view") + // console.log("row Element is", rowElement); + return angular.element(rowElement); + } + + var findViewState = function() { + let viewState = findViewElement().attr("state") + // console.log("view state is ", viewState); + return viewState; + } + + var findViewScope = function() { + let viewScope = findViewElement().scope(); + // console.log("view scope is ", viewScope); + return viewScope; + } + + /** + * BEGIN: Required external interface for all label directives + * These methods will be invoked by the verifycheck directive + * For more details on cooperating directives in this situation, please see: + * e-mission/e-mission-docs#674 (comment) + * to + * e-mission/e-mission-docs#674 (comment) + * + * Input: none + * Side effect: verifies the trip (partially if needed) and updates the trip + * verifiability status. + */ + + /** + * verifyTrip turns all of a given trip's yellow labels green + */ + $scope.verifyTrip = function() { + console.log("About to verify trip "+$scope.trip.start_ts + +" -> "+$scope.trip.end_ts+" with current visibility" + + $scope.trip.verifiability); + // Return early since we don't want to support trip verification yet + return; + if ($scope.trip.verifiability != "can-verify") { + ClientStats.addReading(ClientStats.getStatKeys().VERIFY_TRIP, + {"verifiable": false, "currView": $scope.currentViewState}); + return; + } + ClientStats.addReading(ClientStats.getStatKeys().VERIFY_TRIP, + {"verifiable": true, + "currView": $scope.currentViewState, + "userInput": angular.toJson($scope.trip.userInput), + "finalInference": angular.toJson($scope.trip.finalInference)}); + + $scope.draftInput = { + "start_ts": $scope.trip.start_ts, + "end_ts": $scope.trip.end_ts + }; + $scope.editingTrip = $scope.trip; + + const inferred = $scope.trip.finalInference[EnketoTripButtonService.SINGLE_KEY]; + // TODO: figure out what to do with "other". For now, do not verify. + if (inferred && !$scope.trip.userInput[EnketoTripButtonService.SINGLE_KEY] && inferred != "other") $scope.store(inputType, inferred, false); + } + + /* + * END: Required external interface for all label directives + */ + + if ($scope.recomputedelay == "") { + let THIRTY_SECS = 30 * 1000; + $scope.recomputedelay = THIRTY_SECS; + } else { + $scope.recomputedelay = $scope.recomputedelay * 1000; + } + + EnketoTripButtonService.setRecomputeDelay($scope.recomputedelay); + + $scope.openPopover = function ($event, trip, inputType) { + return EnketoSurveyLaunch + .launch($scope, 'TripConfirmSurvey', { trip: trip }) + .then(result => { + if (!result) { + return; + } + $scope.$apply(() => trip.userInput[EnketoTripButtonService.SINGLE_KEY] = { + data: result, + write_ts: Date.now() + }); + // store is commented out since the enketo survey launch currently + // stores the value as well + // $scope.store(inputType, result, false); + }); + }; + + + $scope.store = function (inputType, input, isOther) { + // This used to be in `$scope.store` in the multi-label-ui + // but the enketo libraries store the values internally now, so we move + // this here + let viewScope = findViewScope(); + EnketoTripButtonService.updateTripProperties(tripToUpdate, viewScope); // Redo our inferences, filters, etc. based on this new information + }; + + $scope.init = function() { + console.log("During initialization, trip is ", $scope.trip); + $scope.currViewState = findViewState(); + } + + $scope.init(); +}) +.factory("EnketoTripButtonService", function(InputMatcher, EnketoSurveyAnswer, $timeout) { + var etbs = {}; + console.log("Creating EnketoTripButtonService"); + etbs.key = "manual/trip_user_input"; + etbs.SINGLE_KEY="SURVEY"; + etbs.MANUAL_KEYS = [etbs.key]; + + /** + * Embed 'inputType' to the trip. + */ + etbs.extractResult = (results) => EnketoSurveyAnswer.filterByNameAndVersion('TripConfirmSurvey', results); + + etbs.processManualInputs = function(manualResults, resultMap) { + if (manualResults.length > 1) { + Logger.displayError("Found "+manualResults.length+" results expected 1", manualResults); + } else { + console.log("ENKETO: processManualInputs with ", manualResults, " and ", resultMap); + const surveyResult = manualResults[0]; + resultMap[etbs.SINGLE_KEY] = surveyResult; + } + } + + etbs.populateInputsAndInferences = function(trip, manualResultMap) { + console.log("ENKETO: populating trip,", trip, " with result map", manualResultMap); + if (angular.isDefined(trip)) { + // console.log("Expectation: "+JSON.stringify(trip.expectation)); + // console.log("Inferred labels from server: "+JSON.stringify(trip.inferred_labels)); + trip.userInput = {}; + etbs.populateManualInputs(trip, trip.nextTrip, etbs.SINGLE_KEY, + manualResultMap[etbs.SINGLE_KEY]); + trip.finalInference = {}; + etbs.inferFinalLabels(trip); + etbs.updateVerifiability(trip); + } else { + console.log("Trip information not yet bound, skipping fill"); + } + } + + /** + * Embed 'inputType' to the trip + * This is the version that is called from the list, which focuses only on + * manual inputs. It also sets some additional values + */ + etbs.populateManualInputs = function (trip, nextTrip, inputType, inputList) { + // Check unprocessed labels first since they are more recent + const unprocessedLabelEntry = InputMatcher.getUserInputForTrip(trip, nextTrip, + inputList); + var userInputEntry = unprocessedLabelEntry; + if (!angular.isDefined(userInputEntry)) { + userInputEntry = trip.user_input[etbs.inputType2retKey(inputType)]; + } + etbs.populateInput(trip.userInput, inputType, userInputEntry); + // Logger.log("Set "+ inputType + " " + JSON.stringify(userInputEntry) + " for trip starting at " + JSON.stringify(trip.start_fmt_time)); + etbs.editingTrip = angular.undefined; + } + + /** + * Insert the given userInputLabel into the given inputType's slot in inputField + */ + etbs.populateInput = function(tripField, inputType, userInputEntry) { + if (angular.isDefined(userInputEntry)) { + tripField[inputType] = userInputEntry; + } + } + + /* + * This is a HACK to work around the issue that the label screen and diary + * screen are not unified. We should remove this, and the timestamp in the + * userInput field when we do. + */ + etbs.copyInputIfNewer = function(potentiallyModifiedTrip, originalTrip) { + let pmInput = potentiallyModifiedTrip.userInput; + let origInput = originalTrip.userInput; + if (((pmInput[etbs.SINGLE_KEY] || {}).write_ts || 0) > ((origInput[etbs.SINGLE_KEY] || {}).write_ts || 0)) { + origInput[etbs.SINGLE_KEY] = pmInput[etbs.SINGLE_KEY]; + } + } + + etbs.updateTripProperties = function(trip, viewScope) { + // currently a NOP since we don't have any other trip properties + return; + } + /** + * Given the list of possible label tuples we've been sent and what the user has already input for the trip, choose the best labels to actually present to the user. + * The algorithm below operationalizes these principles: + * - Never consider label tuples that contradict a green label + * - Obey "conservation of uncertainty": the sum of probabilities after filtering by green labels must equal the sum of probabilities before + * - After filtering, predict the most likely choices at the level of individual labels, not label tuples + * - Never show user yellow labels that have a lower probability of being correct than confidenceThreshold + */ + etbs.inferFinalLabels = function(trip) { + // currently a NOP since we don't have any other trip properties + return; + } + + /** + * MODE (becomes manual/mode_confirm) becomes mode_confirm + */ + etbs.inputType2retKey = function(inputType) { + return etbs.key.split("/")[1]; + } + + /** + * For a given trip, compute how the "verify" button should behave. + * If the trip has at least one yellow label, the button should be clickable. + * If the trip has all green labels, the button should be disabled because everything has already been verified. + * If the trip has all red labels or a mix of red and green, the button should be disabled because we need more detailed user input. + */ + + etbs.setRecomputeDelay = function(rd) { + etbs.recomputedelay = rd; + } + + etbs.updateVerifiability = function(trip) { + // currently a NOP since we don't have any other trip properties + trip.verifiability = "cannot-verify"; + return; + } + + /* + * Embody the logic for delayed update: + * the recompute logic already keeps trips that are waitingForModification + * even if they would be filtered otherwise. + * so here: + * - set the trip as waiting for potential modifications + * - create a one minute timeout that will remove the wait and recompute + * - clear the existing timeout (if any) + */ + etbs.updateVisibilityAfterDelay = function(trip, viewScope) { + // currently a NOP since we don't have any other trip properties + return; + // We have just edited this trip, and are now waiting to see if the user + // is going to modify it further + trip.waitingForMod = true; + let currTimeoutPromise = trip.timeoutPromise; + Logger.log("trip starting at "+trip.start_fmt_time+": creating new timeout of "+etbs.recomputedelay); + trip.timeoutPromise = $timeout(function() { + Logger.log("trip starting at "+trip.start_fmt_time+": executing recompute"); + trip.waitingForMod = false; + trip.timeoutPromise = undefined; + console.log("Recomputing display trips on ", viewScope); + viewScope.recomputeDisplayTrips(); + }, etbs.recomputedelay); + Logger.log("trip starting at "+trip.start_fmt_time+": cancelling existing timeout "+currTimeoutPromise); + $timeout.cancel(currTimeoutPromise); + } + return etbs; +}); diff --git a/www/js/survey/enketo/infinite_scroll_filters.js b/www/js/survey/enketo/infinite_scroll_filters.js new file mode 100644 index 000000000..65d6c9ddc --- /dev/null +++ b/www/js/survey/enketo/infinite_scroll_filters.js @@ -0,0 +1,40 @@ +'use strict'; + +/* + * The general structure of this code is that all the timeline information for + * a particular day is retrieved from the Timeline factory and put into the scope. + * For best performance, all data should be loaded into the in-memory timeline, + * and in addition to writing to storage, the data should be written to memory. + * All UI elements should only use $scope variables. + */ + +angular.module('emission.survey.enketo.trip.infscrollfilters',[ + 'emission.survey.enketo.trip.button', + 'emission.plugin.logger' + ]) +.factory('EnketoTripInfScrollFilters', function(Logger, EnketoTripButtonService, $translate){ + var sf = {}; + var unlabeledCheck = function(t) { + return !angular.isDefined(t.userInput[EnketoTripButtonService.SINGLE_KEY]); + } + + sf.UNLABELED = { + key: "unlabeled", + text: $translate.instant(".unlabeled"), + filter: unlabeledCheck, + width: "col-50" + } + + sf.TO_LABEL = { + key: "to_label", + text: $translate.instant(".to-label"), + filter: unlabeledCheck, + width: "col-50" + } + + sf.configuredFilters = [ + sf.TO_LABEL, + sf.UNLABELED, + ]; + return sf; +}); diff --git a/www/js/survey/enketo/launch.js b/www/js/survey/enketo/launch.js new file mode 100644 index 000000000..69ffb1f06 --- /dev/null +++ b/www/js/survey/enketo/launch.js @@ -0,0 +1,124 @@ +'use strict'; + +angular.module('emission.survey.enketo.launch', [ + 'emission.services', + 'emission.survey.enketo.service', + 'emission.plugin.logger', +]) +.factory('EnketoSurveyLaunch', function( + $ionicPopup, EnketoSurvey, $ionicModal, +) { + /** + * @typedef EnketoSurveyLaunchState + * @type {{ + * modal: object; + * name: string; + * opts: { + * trip: object; + * disableDismiss: boolean; + * onInit: Function; + * onNext: Function; + * }; + * scope: object; + * }} + */ + + /** @type {EnketoSurveyLaunchState} _state */ + let _state; + + /** + * _resetState reset state object to its initial value + */ + function _resetState() { + if (_state && _state.modal) { + _state.modal.remove(); // remove modal object inorder to reset everything and makes it ready for the next launch + } + _state = { + modal: null, + name: null, + opts: { + trip: null, + disableDismiss: false, + onInit: () => {}, + onNext: () => {}, + }, + scope: null, + }; + } + + /** + * initSurvey + * @param {string} name survey name + * @param {{ + * trip?: object; + * }} [opts] survey launch options + * @returns {Promise} + */ + function initSurvey(name, opts) { + return EnketoSurvey.load(name, opts).then(() => { + $('.enketo-plugin .form-header').after(EnketoSurvey.getState().loaded.form); + $(".enketo-plugin .previous-page").hide(); + $(".enketo-plugin .form-footer__jump-nav").hide(); + }).then(EnketoSurvey.showModal + ).then(loadErrors => { + // Ignore 'Different root nodes' error: START + const idx = loadErrors.findIndex((errTxt) => errTxt.includes('Different root nodes')); + if (idx !== -1) { + loadErrors.splice(idx, 1); + } + // Ignore 'Different root nodes' error: END + if (loadErrors.length > 0) { + $ionicPopup.alert({template: "loadErrors: " + loadErrors.join(",")}); + } + }); + } + + /** + * launch the survey as modal + * @param {object} scope $scope object + * @param {string} name survey name + * @param {{ + * trip?: object; + * disableDismiss?: boolean; + * onInit?: Function; + * onNext?: Function; + * }} [opts] survey launch options + * @returns + */ + function launch(scope, name, opts) { + _resetState(); + _state.scope = scope; + _state.name = name; + Object.assign(_state.opts, opts); + return new Promise(function(resolve, reject) { + $ionicModal.fromTemplateUrl('templates/survey/enketo/modal.html', { scope }) + .then(modal => { + _state.modal = modal; + _state.scope.enketoSurvey = { + // embed functions to make it available for the template to execute them + disableDismiss: _state.opts.disableDismiss, + validateAndSave, + onNext: _state.opts.onNext, + hide: (result = false) => { _state.modal.hide(); resolve(result); }, + } + initSurvey(name, opts).catch(e => console.trace(e)); + _state.modal.show(); + _state.opts.onInit(); + }); + }); + } + + function validateAndSave() { + return EnketoSurvey.validateAndSave() + .then(result => { + if (!result) { + $ionicPopup.alert({template: 'Form contains errors. Please see fields marked in red.'}); + } else { + _state.scope.enketoSurvey.hide(result); + return; + } + }); + } + + return { initSurvey, launch }; +}); diff --git a/www/js/survey/enketo/service.js b/www/js/survey/enketo/service.js new file mode 100644 index 000000000..f16554433 --- /dev/null +++ b/www/js/survey/enketo/service.js @@ -0,0 +1,213 @@ +angular.module('emission.survey.enketo.service', [ + 'ionic', + 'emission.services', + 'emission.survey.inputmatcher', + 'emission.survey.enketo.answer' +]) +.factory('EnketoSurvey', function( + $window, $http, UnifiedDataLoader, + InputMatcher, EnketoSurveyAnswer, +) { + /** + * @typedef EnketoSurveyConfig + * @type {{ + * [surveyName:string]: { + * formPath: string; + * labelFields: string[]; + * version: number; + * compatibleWith: number; + * } + * }} + */ + + /** + * @typedef EnketoSurveyState + * @type {{ + * config: EnketoSurveyConfig; + * name: string; + * form: object; + * formLocation: string; + * loaded: { + * form: string; + * model: string; + * }; + * opts: { + * trip: object; + * prev_demographic_survey: object; + * }; + * }} + */ + + const ENKETO_SURVEY_CONFIG_PATH = 'json/enketoSurveyConfig.json'; + /** @type {EnketoSurveyState} _state */ + let _state; + + /** + * _lazyLoadConfig load enketo survey config. If already loaded, return the cached config + * @returns {Promise} enketo survey config + */ + function _lazyLoadConfig() { + if (_state.config !== null) { + return Promise.resolve(_state.config); + } + return $http.get(ENKETO_SURVEY_CONFIG_PATH).then(configRes => { + _state.config = configRes.data; + return _state.config; + }); + } + + /** + * _loadForm load enketo form + * @param {{ + * instanceStr?: string; + * submitted?: boolean; + * external?: string[]; + * session?: object; + * }} opts enketo form options + * @returns {string[]} load errors + */ + function _loadForm(opts = {}) { + const formSelector = 'form.or:eq(0)'; + const data = { + // required string of the default instance defined in the XForm + modelStr: _state.loaded.model, + // optional string of an existing instance to be edited + instanceStr: opts.instanceStr || null, + submitted: opts.submitted || false, + external: opts.external || [], + session: opts.session || {} + }; + _state.form = new $window.FormModule(formSelector, data, {}); + return _state.form.init(); + } + + /** + * _resetState reset state object to its initial value + */ + function _resetState() { + _state = { + config: null, + name: null, + form: null, + formLocation: null, + loaded: { + form: null, + model: null, + }, + opts: { + trip: null, + prev_demographic_survey: null, + }, + }; + } + + /** + * _restoreAnswer restore the most recent answer for the survey + * @param {EnketoAnswer[]} answers survey answers + * @returns {string} answer string + */ + function _restoreAnswer() { + if (_state.opts.trip) { + const answer = _state.opts.trip.userInput["SURVEY"]; + return answer ? answer.data.xmlResponse : null; + } else if (_state.opts.prev_demographic_survey) { + const answer = _state.opts.prev_demographic_survey; + // TODO: Figure out how to retrieve and match the profile survey + return answer? answer.data.xmlResponse : null; + } else { + return null; + } + } + + /** + * _saveData save survey answer data + * @returns {Promise} answer data + */ + function _saveData() { + /** @type {DOMParser} xmlParser */ + const xmlParser = new $window.DOMParser(); + const xmlResponse = _state.form.getDataStr(); + const xmlDoc = xmlParser.parseFromString(xmlResponse, 'text/xml'); + const jsonDocResponse = $.xml2json(xmlResponse, {attrkey: 'attr'}); + + const data = { + label: EnketoSurveyAnswer.resolveLabel(_state.name, xmlDoc), + name: _state.name, + version: _state.config[_state.name].version, + xmlResponse, + jsonDocResponse, + }; + if (_state.opts.trip) { + // The trip structure is different between the diary and label screens + // one has the timestamps in properties and the other does not + // let's support both so we can label from either screen + let tsObj = _state.opts.trip.data? _state.opts.trip.data.properties : _state.opts.trip; + if (tsObj) { + data.start_ts = tsObj.start_ts; + data.end_ts = tsObj.end_ts; + } + } else { + const now = Date.now(); + data.ts = now/1000; // convert to seconds to be consistent with the server + data.fmt_time = new Date(now); + } + return $window.cordova.plugins.BEMUserCache + .putMessage(_state.config[_state.name].dataKey, data) + .then(() => data); + } + + /** + * getState return current state + * @returns {EnketoSurveyState} state + */ + function getState() { + return _state; + } + + /** + * load survey data and initialize state for display + * @param {string} name survey name + * @param {{ + * trip?: object; + * }} [opts] + * @returns {Promise} + */ + function load(name, opts) { + _resetState(); + + _state.name = name; + Object.assign(_state.opts, opts); + + return _lazyLoadConfig() + .then(config => _state.formLocation = config[name].formPath) + .then(() => $http.get(_state.formLocation)) + .then(formJson => { + _state.loaded.form = formJson.data.form; + _state.loaded.model = formJson.data.model; + }); + } + + /** + * showModal display enketo form modal with the most recent answer (if any) + * @returns {string[]} errors + */ + function showModal() { + const instanceStr = _restoreAnswer(); + return Promise.resolve(_loadForm({ instanceStr })); + } + + /** + * validateAndSave validate survey response (answer) and save it + * @returns {EnketoAnswerData|false} answer data or false if error + */ + function validateAndSave() { + return _state.form.validate().then(valid => valid ? _saveData() : false); + } + + return { + getState, + load, + showModal, + validateAndSave, + }; +}); diff --git a/www/js/survey/input-matcher.js b/www/js/survey/input-matcher.js new file mode 100644 index 000000000..b251cf8f7 --- /dev/null +++ b/www/js/survey/input-matcher.js @@ -0,0 +1,120 @@ +'use strict'; + +angular.module('emission.survey.inputmatcher', ['emission.plugin.logger']) +.factory('InputMatcher', function($translate){ + var im = {}; + var fmtTs = function(ts_in_secs, tz) { + return moment(ts_in_secs * 1000).tz(tz).format(); + } + + var printUserInput = function(ui) { + return fmtTs(ui.data.start_ts, ui.metadata.time_zone) + "("+ui.data.start_ts + ") -> "+ + fmtTs(ui.data.end_ts, ui.metadata.time_zone) + "("+ui.data.end_ts + ")"+ + " " + ui.data.label + " logged at "+ ui.metadata.write_ts; + } + + im.getUserInputForTrip = function(trip, nextTrip, userInputList) { + if (userInputList === undefined) { + Logger.log("In getUserInputForTrip, no user input, returning []"); + return undefined; + } + + if (userInputList.length < 20) { + console.log("Input list = "+userInputList.map(printUserInput)); + } + // undefined != true, so this covers the label view case as well + var isDraft = trip.isDraft == true; + var potentialCandidates = userInputList.filter(function(userInput) { + /* + console.log("startDelta "+userInput.data.label+ + "= user("+fmtTs(userInput.data.start_ts, userInput.metadata.time_zone)+ + ") - trip("+fmtTs(userInput.data.start_ts, userInput.metadata.time_zone)+") = "+ + (userInput.data.start_ts - trip.start_ts)+" should be positive"); + console.log("endDelta = "+userInput.data.label+ + "user("+fmtTs(userInput.data.end_ts, userInput.metadata.time_zone)+ + ") - trip("+fmtTs(trip.end_ts, userInput.metadata.time_zone)+") = "+ + (userInput.data.end_ts - trip.end_ts)+" should be negative"); + */ + // logic described in + // https://github.com/e-mission/e-mission-docs/issues/423 + if (isDraft) { + if (userInputList.length < 20) { + var logStr = "Draft trip: comparing user = "+fmtTs(userInput.data.start_ts, userInput.metadata.time_zone) + +" -> "+fmtTs(userInput.data.end_ts, userInput.metadata.time_zone) + +" trip = "+fmtTs(trip.start_ts, userInput.metadata.time_zone) + +" -> "+fmtTs(trip.end_ts, userInput.metadata.time_zone) + +" checks are ("+(userInput.data.start_ts >= trip.start_ts) + +" && "+(userInput.data.start_ts <= trip.end_ts) + +" || "+(-(userInput.data.start_ts - trip.start_ts) <= 15 * 60) + +") && "+(userInput.data.end_ts <= trip.end_ts); + console.log(logStr); + // Logger.log(logStr); + } + return (userInput.data.start_ts >= trip.start_ts + && userInput.data.start_ts <= trip.end_ts + || -(userInput.data.start_ts - trip.start_ts) <= 15 * 60) + && userInput.data.end_ts <= trip.end_ts; + } else { + // we know that the trip is cleaned so we can use the fmt_time + // but the confirm objects are not necessarily filled out + if (userInputList.length < 20) { + var logStr = "Cleaned trip: comparing user = " + +fmtTs(userInput.data.start_ts, userInput.metadata.time_zone) + +" -> "+fmtTs(userInput.data.end_ts, userInput.metadata.time_zone) + +" trip = "+trip.start_fmt_time + +" -> "+trip.end_fmt_time + +" start checks are "+(userInput.data.start_ts >= trip.start_ts) + +" && "+(userInput.data.start_ts <= trip.end_ts) + +" end checks are "+(userInput.data.end_ts <= trip.end_ts) + +" || "+((userInput.data.end_ts - trip.end_ts) <= 15 * 60)+")"; + Logger.log(logStr); + } + // https://github.com/e-mission/e-mission-docs/issues/476#issuecomment-747222181 + const startChecks = userInput.data.start_ts >= trip.start_ts && + userInput.data.start_ts <= trip.end_ts; + var endChecks = (userInput.data.end_ts <= trip.end_ts || + (userInput.data.end_ts - trip.end_ts) <= 15 * 60); + if (startChecks && !endChecks) { + if (angular.isDefined(nextTrip)) { + endChecks = userInput.data.end_ts <= nextTrip.start_ts; + Logger.log("Second level of end checks when the next trip is defined("+userInput.data.end_ts+" <= "+ nextTrip.start_ts+") = "+endChecks); + } else { + // next trip is not defined, last trip + endChecks = (userInput.data.end_local_dt.day == userInput.data.start_local_dt.day) + Logger.log("Second level of end checks for the last trip of the day"); + Logger.log("compare "+userInput.data.end_local_dt.day + " with " + userInput.data.start_local_dt.day + " = " + endChecks); + } + if (endChecks) { + // If we have flipped the values, check to see that there + // is sufficient overlap + const overlapDuration = Math.min(userInput.data.end_ts, trip.end_ts) - Math.max(userInput.data.start_ts, trip.start_ts) + Logger.log("Flipped endCheck, overlap("+overlapDuration+ + ")/trip("+trip.duration+") = "+ (overlapDuration / trip.duration)); + endChecks = (overlapDuration/trip.duration) > 0.5; + } + } + return startChecks && endChecks; + } + }); + if (potentialCandidates.length === 0) { + if (userInputList.length < 20) { + Logger.log("In getUserInputForTripStartEnd, no potential candidates, returning []"); + } + return undefined; + } + + if (potentialCandidates.length === 1) { + Logger.log("In getUserInputForTripStartEnd, one potential candidate, returning "+ printUserInput(potentialCandidates[0])); + return potentialCandidates[0]; + } + + Logger.log("potentialCandidates are "+potentialCandidates.map(printUserInput)); + var sortedPC = potentialCandidates.sort(function(pc1, pc2) { + return pc2.metadata.write_ts - pc1.metadata.write_ts; + }); + var mostRecentEntry = sortedPC[0]; + Logger.log("Returning mostRecentEntry "+printUserInput(mostRecentEntry)); + return mostRecentEntry; + } + return im; +}); diff --git a/www/js/survey/multilabel/infinite_scroll_filters.js b/www/js/survey/multilabel/infinite_scroll_filters.js index ea9de3ed1..6e4901dd5 100644 --- a/www/js/survey/multilabel/infinite_scroll_filters.js +++ b/www/js/survey/multilabel/infinite_scroll_filters.js @@ -12,7 +12,7 @@ angular.module('emission.survey.multilabel.infscrollfilters',[ 'emission.survey.multilabel.services', 'emission.plugin.logger' ]) -.factory('InfScrollFilters', function(Logger, ConfirmHelper, $translate){ +.factory('MultiLabelInfScrollFilters', function(Logger, ConfirmHelper, $translate){ var sf = {}; var unlabeledCheck = function(t) { return ConfirmHelper.INPUTS diff --git a/www/js/survey/multilabel/multi-label-ui.js b/www/js/survey/multilabel/multi-label-ui.js index 68f5e2385..6fab203e6 100644 --- a/www/js/survey/multilabel/multi-label-ui.js +++ b/www/js/survey/multilabel/multi-label-ui.js @@ -15,7 +15,7 @@ angular.module('emission.survey.multilabel.buttons', ['emission.survey.multilabel.services', 'emission.stats.clientstats', - 'emission.main.diary.services']) + 'emission.survey.inputmatcher']) .directive('multilabel', function() { return { scope: { @@ -248,15 +248,29 @@ angular.module('emission.survey.multilabel.buttons', $scope.init(); }) -.factory("MultiLabelService", function(ConfirmHelper, DiaryHelper, $timeout) { +.factory("MultiLabelService", function(ConfirmHelper, InputMatcher, $timeout) { var mls = {}; console.log("Creating MultiLabelService"); ConfirmHelper.inputParamsPromise.then((inputParams) => mls.inputParams = inputParams); + mls.MANUAL_KEYS = ConfirmHelper.INPUTS.map((inp) => ConfirmHelper.inputDetails[inp].key); /** * Embed 'inputType' to the trip. */ + mls.extractResult = (results) => results; + + mls.processManualInputs = function(manualResults, resultMap) { + var mrString = 'unprocessed manual inputs ' + + manualResults.map(function(item, index) { + return ` ${item.length} ${ConfirmHelper.INPUTS[index]}`; + }); + console.log(mrString); + manualResults.forEach(function(mr, index) { + resultMap[ConfirmHelper.INPUTS[index]] = mr; + }); + } + mls.populateInputsAndInferences = function(trip, manualResultMap) { if (angular.isDefined(trip)) { // console.log("Expectation: "+JSON.stringify(trip.expectation)); @@ -281,7 +295,7 @@ angular.module('emission.survey.multilabel.buttons', */ mls.populateManualInputs = function (trip, nextTrip, inputType, inputList) { // Check unprocessed labels first since they are more recent - const unprocessedLabelEntry = DiaryHelper.getUserInputForTrip(trip, nextTrip, + const unprocessedLabelEntry = InputMatcher.getUserInputForTrip(trip, nextTrip, inputList); var userInputLabel = unprocessedLabelEntry? unprocessedLabelEntry.data.label : undefined; if (!angular.isDefined(userInputLabel)) { diff --git a/www/js/survey/survey.js b/www/js/survey/survey.js index 3c9b40291..33db6c082 100644 --- a/www/js/survey/survey.js +++ b/www/js/survey/survey.js @@ -5,16 +5,23 @@ angular.module('emission.survey', [ "emission.survey.external.launch", "emission.survey.multilabel.buttons", "emission.survey.multilabel.infscrollfilters", + "emission.survey.enketo.trip.button", + "emission.survey.enketo.trip.infscrollfilters", ]) .factory("SurveyOptions", function() { var surveyoptions = {}; console.log("This is currently a NOP; we load the individual components dynamically"); surveyoptions.MULTILABEL = { - filter: "InfScrollFilters", + filter: "MultiLabelInfScrollFilters", service: "MultiLabelService", elementTag: "multilabel" } + surveyoptions.ENKETO = { + filter: "EnketoTripInfScrollFilters", + service: "EnketoTripButtonService", + elementTag: "enketo-trip-button" + } return surveyoptions; }) diff --git a/www/json/enketoSurveyConfig.json.sample b/www/json/enketoSurveyConfig.json.sample new file mode 100644 index 000000000..b45e74fef --- /dev/null +++ b/www/json/enketoSurveyConfig.json.sample @@ -0,0 +1,14 @@ +{ + "TripConfirmSurvey": { + "formPath": "json/trip-end-survey-multiple-select.json", + "version": 1.2, + "compatibleWith": 1, + "dataKey": "manual/trip_user_input" + }, + "UserProfileSurvey": { + "formPath": "json/user-profile.json", + "version": 1, + "compatibleWith": 1, + "dataKey": "manual/demographic_survey" + } +} diff --git a/www/json/trip-end-survey-multiple-select.json b/www/json/trip-end-survey-multiple-select.json new file mode 100644 index 000000000..4ad256db5 --- /dev/null +++ b/www/json/trip-end-survey-multiple-select.json @@ -0,0 +1 @@ +{"languageMap":{},"form":"
\n

Trip-end survey

\n \n \n
What were the purposes of this trip?*More than one purpose can be selected.\n
A trip can either be valid or not valid, it cannot be both.This field is required
\n
What were the modes of transport used in this trip?*More than one transport mode can be selected.\n
This field is required
\n
Total people in trip party*Including yourself\n
This field is required
\n
Non-household member(s) on trip*\n
This field is required
\n
Vehicle trip: Parking location*\n
This field is required
\n \n \n \n \n \n
","model":"\n \n \n \n \n \n 1\n 0\n 1\n 0\n 0\n \n \n \n \n \n \n ","transformerVersion":"1.31.0"} \ No newline at end of file diff --git a/www/json/trip-end-survey.json b/www/json/trip-end-survey.json new file mode 100644 index 000000000..dfe661fa6 --- /dev/null +++ b/www/json/trip-end-survey.json @@ -0,0 +1 @@ +{"languageMap":{},"form":"
\n

Trip-end Survey

\n \n \n
What is the purpose of this trip?*\n
This field is required
\n
What is your main mode of travel for this trip?*Choose one that covers the longest distance\n
This field is required
\n
Total people in trip party*Including yourself\n
This field is required
\n
Non-household member(s) on trip*\n
This field is required
\n
Vehicle trip: Parking location*\n
This field is required
\n \n \n \n \n \n
","model":"\n \n \n \n go_home\n vehicle_driver\n 1\n 0\n 1\n 0\n 0\n \n \n \n \n \n \n ","transformerVersion":"1.31.0"} \ No newline at end of file diff --git a/www/manual_lib/enketo/css/formhub-print.css b/www/manual_lib/enketo/css/formhub-print.css new file mode 100644 index 000000000..cfae26e84 --- /dev/null +++ b/www/manual_lib/enketo/css/formhub-print.css @@ -0,0 +1,447 @@ +/** The next styles are meant to easily customize the background and border of radiobuttons and checkboxes, not their size! */ +/** end radiobuttons and checkboxes */ +/** CORE **/ + +/* * */ +.enketo-plugin, +.enketo-plugin * { + float: none; +} + +/* body */ +.enketo-plugin { + display: block; + overflow: visible; + background: none; +} +.enketo-plugin .main { + overflow: visible; + display: block; + margin: 0; + padding: 0; +} +.enketo-plugin .main .paper { + padding: 3px; + display: block; +} +.enketo-plugin .paper { + overflow: visible; + border: none; + margin: 0; +} + +.enketo-plugin .side-slider, +.enketo-plugin .side-slider__toggle, +.enketo-plugin #feedback-bar, +.enketo-plugin #dialog-alert, +.enketo-plugin #dialog-confirm, +.enketo-plugin #dialog-save, +.enketo-plugin #form-languages, +.enketo-plugin .form-header, +.enketo-plugin .form-logo, +.enketo-plugin .form-footer, +.enketo-plugin .or-appearance-no-print, +.enketo-plugin .notification, +.enketo-plugin .paper #submit-form, +.enketo-plugin h4::before { + display: none !important; +} + +.enketo-plugin .or .hint, +.enketo-plugin .or .or-appearance-no-print, +.enketo-plugin .or .geopoint .search-bar, +.enketo-plugin .or .or-constraint-msg, +.enketo-plugin .or .add-on, +.enketo-plugin .or .file-feedback, +.enketo-plugin .or video, +.enketo-plugin .or audio, +.enketo-plugin .or button, +.enketo-plugin .or .invalid-required .or-required-msg.active, +.enketo-plugin .or .invalid-constraint .or-constraint-msg.active { + display: none; +} + +.enketo-plugin .or:not(.print-relevant-only) .or-branch.disabled { + display: block; +} + +.enketo-plugin .or input[type="file"] { + visibility: hidden; +} + +.enketo-plugin .or input[type="number"] { + appearance: textfield !important; + -moz-appearance: textfield !important; + -webkit-appearance: textfield !important; + -ms-appearance: textfield !important; +} + +.enketo-plugin h3 { + font-size: 19.2px; +} + + .enketo-plugin h4 { + font-size: 15.6px; +} + +.enketo-plugin label, +.enketo-plugin legend, +.enketo-plugin .trigger, +.enketo-plugin .readonly { + font-size: 12px; +} + +.enketo-plugin .question-label, +.enketo-plugin .option-label, +.enketo-plugin label.geo { + font-size: 12px; +} + +.enketo-plugin .question input:not([type=radio]):not([type=checkbox]) { + font-size: 12px; +} + +.enketo-plugin .or h2, +.enketo-plugin .or h3, +.enketo-plugin .or h4, +.enketo-plugin .or .required { + color: black; +} + +.enketo-plugin .or h3, +.enketo-plugin .or h4 { + margin: 0; +} + +.enketo-plugin .or .question { + margin-bottom: 0; +} + +.enketo-plugin .or legend { + margin-bottom: 5px; +} +.enketo-plugin .or legend ~ label { + padding: 0; +} + +.enketo-plugin .or legend span:not(.or-output) { + display: block; +} + +.enketo-plugin .or .readonly, +.enketo-plugin .or .trigger { + font-weight: normal; + background: none; + color: black; + padding: 5px 5px 12px 5px; +} + +.enketo-plugin .or .required { + float: right; +} + +.enketo-plugin .or .or-repeat { + background: none; +} + +.enketo-plugin .or input[type=text], +.enketo-plugin .or input[type=tel], +.enketo-plugin .or input[type=password], +.enketo-plugin .or input[type=url], +.enketo-plugin .or input[type=email], +.enketo-plugin .or input[type=file], +.enketo-plugin .or input[type=date], +.enketo-plugin .or input[type=time], +.enketo-plugin .or input[type=datetime], +.enketo-plugin .or input[type=number], +.enketo-plugin .or select, +.enketo-plugin .or textarea { + border-radius: 0px; + box-shadow: none; + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + border: none; + background: none; + border-bottom: 1px solid black; +} + +.enketo-plugin .or input[type="file"] { + display: none !important; +} + +.enketo-plugin .or .or-hint.active, +.enketo-plugin .or .or-hint.or-form-guidance.active { + color: black; + display: block; + padding-top: 5px; + margin-top: 0; + line-height: 1em; +} + +.enketo-plugin .or .or-hint.or-form-guidance.active { + border: 1px dotted black; + padding: 1px; + margin-top: 5px; + font-size: 10px; +} + +.enketo-plugin .invalid-constraint, +.enketo-plugin .invalid-required { + background: none; + border: 1px solid red; +} + +.enketo-plugin .geopicker.widget { + margin-top: 10px; +} +.enketo-plugin .geopicker.widget .geo-inputs { + width: 100%; +} +.enketo-plugin .geopicker.widget .geo-inputs label.geo { + display: inline-block; + width: 25%; + padding: 0 !important; + margin: 7px 0 0 0 !important; +} +.enketo-plugin .geopicker.widget .geo-inputs label.geo:nth-of-type(3), +.enketo-plugin .geopicker.widget .geo-inputs label.geo:nth-of-type(4) { + vertical-align: top; + margin-top: 0; + padding-top: 12px; + font-size: inherit; + border-top: none; + font-size: auto; +} +.enketo-plugin .geopicker.widget .geo-inputs label.geo.kml { + display: none; +} +.enketo-plugin .geopicker.widget .geo-inputs label.geo input { + width: 100% !important; + margin-top: 8px !important; + padding-top: 0px !important; +} +.enketo-plugin .geopicker.widget .points { + display: none; +} +.enketo-plugin .geopicker.widget .search-bar { + display: none; +} +.enketo-plugin .geopicker.widget .leaflet-popup-pane, +.enketo-plugin .geopicker.widget .leaflet-control { + display: none; +} + +.enketo-plugin .esri-geopicker.widget .esri-ui-top-left { + display: none; +} + +.enketo-plugin .esri-geopicker.widget .btn[name="geodetect"] { + display: none !important; +} + +.enketo-plugin .esri-geopicker.widget .interaction-blocker { + display: none !important; +} + +.enketo-plugin .esri-geopicker.widget .map-canvas-wrapper:not(.hide-map) { + display: block !important; +} + +.enketo-plugin .bootstrap-select:before, .bootstrap-select:after { + content: " "; + display: table; +} + +.enketo-plugin .bootstrap-select:after { + clear: both; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle { + display: none; +} +.enketo-plugin .bootstrap-select .dropdown-toggle ~ .dropdown-menu { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + display: block; + position: static; + border: none; + box-shadow: none; + list-style-type: circle; + max-height: none; +} +.enketo-plugin .bootstrap-select .dropdown-toggle ~ .dropdown-menu li, +.enketo-plugin .bootstrap-select .dropdown-toggle ~ .dropdown-menu li.active { + flex: 1; + min-width: 30%; + display: inline-block; + margin-right: 20px; +} +.enketo-plugin .bootstrap-select .dropdown-toggle ~ .dropdown-menu a { + background: none; + color: black; +} + +.enketo-plugin .datalist.widget { + display: none; +} + +.enketo-plugin .or-appearance-likert .option-wrapper > label .option-label { + border-top: 1px solid black; +} + +.enketo-plugin .question.or-appearance-compact input:checked ~ img, +.enketo-plugin .question.or-appearance-quickcompact input:checked ~ img { + border-color: black; +} + +.enketo-plugin .or-appearance-distress .slider-vertical .slider { + border: none; +} + +.enketo-plugin .or-appearance-distress .bulb { + display: none; +} + +.enketo-plugin .or-appearance-distress .slider-handle { + border: 1px solid black; +} + +.enketo-plugin .or-appearance-distress .slider-vertical .slider-track { + border: 1px solid black; +} + +.enketo-plugin .or-appearance-analog-scale:not(.or-appearance-horizontal) { + display: flex !important; + flex-wrap: wrap; +} + +.enketo-plugin .or-appearance-analog-scale .scale__ticks { + display: none; +} + +.enketo-plugin .or-appearance-analog-scale .slider-vertical .slider-track { + border-right: 1px solid black; + margin-left: -8.5px; +} + +.enketo-plugin .or-appearance-analog-scale .slider-horizontal .slider-track { + border-bottom: 1px solid black; + margin-top: -10px; +} + +.enketo-plugin .or-appearance-analog-scale .slider-handle { + border: 1px solid black; +} + +.enketo-plugin .or-appearance-analog-scale .slider-vertical .slider-handle { + margin-left: -1px; +} + +.enketo-plugin .or-appearance-analog-scale .slider-horizontal .slider-handle { + margin-top: -1px; +} + +.enketo-plugin .or-appearance-analog-scale .slider-vertical .min-label { + margin-top: 10px; +} + +.enketo-plugin .draw-widget__colorpicker { + display: none; +} + +.enketo-plugin .or-appearance-comment.hide { + display: block !important; +} + +.enketo-plugin .pages.or.print-relevant-only .disabled[role="page"] { + display: none; +} + +.enketo-plugin .pages.or [role="page"] { + display: inherit; +} + +.enketo-plugin .pages.or .or-group, +.enketo-plugin .pages.or .or-group-data, +.enketo-plugin .pages.or .or-repeat { + display: inherit; +} + +.enketo-plugin .question { + page-break-inside: avoid; +} + +.enketo-plugin h3, +.enketo-plugin h4 { + page-break-after: avoid; +} +.enketo-plugin h3 + .question, +.enketo-plugin h4 + .question { + page-break-before: avoid; +} + +/*.enketo-plugin .page-break { + display: block; + //border: 1px dashed blue; + width: 100%; + margin: 0; + color: transparent; + border-bottom: none; + page-break-after: always !important; +}*/ +.enketo-plugin [type=range]:not(.empty)::-webkit-slider-thumb { + border-color: black !important; +} + +.enketo-plugin [type=range]:not(.empty)::-moz-range-thumb { + border-color: black !important; +} + +.enketo-plugin [type=range]:not(.empty)::-ms-thumb { + border-color: black !important; +} + +.enketo-plugin .question input[type=radio], +.enketo-plugin .question input[type=checkbox] { + -webkit-print-color-adjust: exact; + color-adjust: exact; + border-color: black; + border-width: 1px; +} +.enketo-plugin .question input[type=radio]:checked, +.enketo-plugin .question input[type=checkbox]:checked { + border-color: black; +} + +.enketo-plugin .question input[type=checkbox]:checked { + border-color: black; + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20stroke%3D%27transparent%27%20fill%3D%27black%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M25.1%2012.5l-3.4-3.3-8%208-2.9-3-3.4%203.4%206.3%206.3z%27%2F%3E%3C%2Fsvg%3E"); + background-size: 20px 20px; + background-position: -3px; + background-position: -1px; +} + +.enketo-plugin .question input[type=radio]:checked { + border-color: black; + background-image: radial-gradient(4px, black 0%, black 99%, transparent 100%); +} + +.enketo-plugin .bootstrap-select .option-wrapper > label { + padding-left: 35px !important; +} + +.enketo-plugin [dir="rtl"] .bootstrap-select .option-wrapper > label { + padding-right: 35px !important; +} diff --git a/www/manual_lib/enketo/css/formhub.css b/www/manual_lib/enketo/css/formhub.css new file mode 100644 index 000000000..b4341b397 --- /dev/null +++ b/www/manual_lib/enketo/css/formhub.css @@ -0,0 +1,6666 @@ +/** The next styles are meant to easily customize the background and border of radiobuttons and checkboxes, not their size! */ +/** end radiobuttons and checkboxes */ + +/* * */ +.enketo-plugin, +.enketo-plugin * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* *:before, *:after */ +.enketo-plugin:before, +.enketo-plugin:after, +.enketo-plugin *:before, +.enketo-plugin *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* html */ +.enketo-plugin { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* body */ +.enketo-plugin { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 15px; + line-height: 1.25; + color: #333333; + background-color: white; +} + +.enketo-plugin input, +.enketo-plugin button, +.enketo-plugin select, +.enketo-plugin textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +.enketo-plugin a { + color: #ce4f07; +} + +.enketo-plugin a:hover, +.enketo-plugin a:focus { + color: #843304; +} + +.enketo-plugin a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.enketo-plugin figure { + margin: 0; +} + +.enketo-plugin img { + vertical-align: middle; +} + +.enketo-plugin hr { + margin-top: 18px; + margin-bottom: 18px; + border: 0; + border-top: 1px solid #eeeeee; +} + +.enketo-plugin strong { + font-weight: bold; +} + +.enketo-plugin h1 { + font-size: 41.25px; +} + +.enketo-plugin h2 { + font-size: 33.75px; +} + +.enketo-plugin h3 { + font-size: 26.25px; +} + +.enketo-plugin h4 { + font-size: 18.75px; +} + +.enketo-plugin h5, +.enketo-plugin .or-analog-scale-initialized .show-value__box { + font-size: 15px; +} + +.enketo-plugin h6 { + font-size: 12.75px; +} + +.enketo-plugin h2, +.enketo-plugin h3, +.enketo-plugin h4 { + font-weight: bold; +} + +.enketo-plugin input, +.enketo-plugin select, +.enketo-plugin textarea { + font-weight: normal; +} + +.enketo-plugin .clearfix:before, +.enketo-plugin .clearfix:after { + content: " "; + display: table; +} + +.enketo-plugin .clearfix:after { + clear: both; +} + +.enketo-plugin .center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.enketo-plugin .pull-right { + float: right !important; +} + +.enketo-plugin .pull-left { + float: left !important; +} + +.enketo-plugin .hide { + display: none !important; +} + +.enketo-plugin .show { + display: block !important; +} + +.enketo-plugin .invisible { + visibility: hidden; +} + +.enketo-plugin .text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.enketo-plugin .hidden { + display: none !important; + visibility: hidden !important; +} + +.enketo-plugin .affix { + position: fixed; +} + +.enketo-plugin .icon, +.enketo-plugin .enketo-geopoint-marker, +.enketo-plugin .glyphicon-chevron-up, +.enketo-plugin .glyphicon-chevron-down { + width: 15px; + height: 15px; + display: inline-block; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.enketo-plugin .icon-refresh { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5QkI5NkQ3MDY4NDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5QkI5NkQ2MDY4NDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsJbPswAAAFNSURBVHjavFaLEYIwDKUsIBvIBjICI7CBjMAIjsAIsAEj6AaOUDZgg5po8dKY1qLV3L07hTQvH/paZYzJUptSqoS4+vkASUIAawADABcZBm3fNcS/B1ydGG+CS4F9QN+O/C+DJDY78yW6NZ7iM4F+IsGRtXkGTBbUGou9MJoLxK5fZiJUsNCMAq2dPNUUTrtsRpygiiCoAi1rOYneShCYH64/OyRCFW0MQSykbHRKAkROvpLVhgQ7/gQwFnol2RGfcwJluZLf+xx1hjksCUicGHn2B8sdtXxYkSBuIVUyk2d1AhIaY1Y/Ok800bMxS70nmNybe1XkZWs/30WQiSGSoGLrNdeuziNyW4SSJ1hzktJDMkW2iBP04qEFA8OdehBmufXQGiFuK14kAi3bgl5UYc8B1H1wkai9Us+I0Pn06ZVIgnSRKAWp+cpuAgwAPkkCh0r98rYAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-crosshairs { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2REQ5QzVCMDZDRjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2REQ5QzVBMDZDRjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5Eh0MAAAFTSURBVHjarFZRtcMgDG2rAAergyEBCZNQCUiohEmohEngOZgEJHQKGGzJDs0SRvvgnPvRAveGhCR0IYROQhxjhI1wEYHBPeKa1hV5BHIFm8MOOEmME9AR604BRNo3FUXSAmHjAnMG/hn4XgSDJlZEOEFymSKGhErXThsRWOhL1kgi2f8LMXLFGOGCuUagJJIJbS5DLrLSiSMiME9dN3Lq+p8iihidRF835JNcJYJaUM4BjwPDdW1GznMe4Ori8I1Evnh+ZjJxxUxjVIFNfthGMTG5yECONjZy14ZngHKNwzQSyXn+uDwxDfIk57M44Rtm/PKV8UKJtwdrF+W50lLvaoQKVXhi+pCiIorpJ47GiMkbLbwBtNQZpdaLDwb7Ceb7+17TgqXb4Q72eM9V8e5HEP2OB8RMWzWiB0Jx9H1/geTSkMmniAe4Khlxixy3EsdTgAEAvBuj4rowYWwAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-search { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGNUM0QUMyMDY3NzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGNUM0QUMxMDY3NzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6B9iMAAAE1SURBVHjatFZREcIwDG1RMAmVMAk4AAdMChImoTiYBCRMwnAwFJQEOm48mjblRu7e8bEkL3lNU2wIwaTMWtvRz57g4NOV4CluMhpjgjXIjgQODgV4QoPxX/kguVckXmMmtDkCu0hEknDyEzR4IwwxEVtLOIDPnaWkPKMoUZQFK+uSLb/OZAD/MSsRaF5sW5BTKsh0GkcheF3YJBH4klOGAItz6LODOR9MnaE/3pknwdrmmuxUYdF/Z/5sSNDWBNPdUfmfSwelHVVpihwQDMrkLe6m3EXzGmdIPms6XwKaRMAU57yBxNJC9NltKlRVC19a10wybkmSWwFT5g3wcTiKcpUmxcVn8w3FVv0gMTXLrWJ1L+g3WRVEwpJeEp/cJh0InfCwNFb62/Kr0X7q49nxwzU/BBgAoWEIkbFXnzUAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-trash { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMkE3QzdBMDY3NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMkE3Qzc5MDY3NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm+MpIcAAACQSURBVHjaYvj//z8DNgwEDUD8HwduwKWPEaoZBTAyMgoAqfcMeABQHyM2cRYGAgBdI9Cy//jUM+Ew5AMDmQBkO0gzPwN1wEcmBioDrJFCEYAa+AFPEiEWf4AnG0IxR4LjGKkehtgMzIZicsSwJuzHFIgx0MXLowaOGjhqIM0NxFY4yFIgNkQLWLKrUBABEGAAN/VrGlKCq9UAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-globe { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGMDY0QjYwMDZDRDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMDY0QjVGMDZDRDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiF8RHEAAAF8SURBVHjarFYLbcQwDL1UA1AGC4PLEKxDsEIIgxVCIQxCx+DGIBA6BgehQ5Czb89SGuXX6Sw9RU0TP/fFsau896eSKaUMDQOBR43pK2ElONq/Fh0wQQpkFo58BbzGZv0kHHOUrsFxDN7TFwkgw/YP5wLea5IEiHwryGCwbsCcnAHP9YQlIOlTBGslMh1Hl5BXSNyOAAfaovFUIoAvOT8bEpSyZYYEuuY8kPouoVwBU4l8JFwQBEswNpCIVOz7HuHRbJkqBKOs64LbmbIfwhvhhfBF+CV8I8KSOYzmVLhUW053bLTBM0s4SXoGqeyeClHwIV0z75j8k+rUBonPhHcmoDlOiA9Z2CH/DxmIDXAOXtnQOSdGh+xI2StFMxEGVNQUyRBNP8cqtKSpDy9OIlNKMC0XTbBkcj1bxnldh0+ZG6TXlefY5l3DaegBLlF5l+raxnLt/2Jpkmd3f442HFOpvPmG86CWqas9+dFNXx34bdFSvOCUcan9ttwEGABhK6KZzv1HQAAAAABJRU5ErkJggg==) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-arrow-left { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyRTYzRjRFMDZBNDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRTYzRjREMDZBNDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgFCos8AAABzSURBVHjaYvj//z8DMRgICohSR4RBAkB8gAGslEIDgcAAiD+ADKPYQJAXYQZRZCDUiwvQDSPLQKgXL2AzjGQDgSAAObzIxB9ghk2g0CBkjNuL5GAmBmoDqnuZJpFCk2RDk4RNk6xHs8KBJsUXOQUsQIABABEJv77soFPFAAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-marker, +.enketo-plugin .enketo-geopoint-marker { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM0NDY2QkUyMDZBQzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM0NDY2QkUxMDZBQzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm/BtdAAAADxSURBVHjalFNRDYUwDBzkCZgEHICESZkEJCABCUh4UpAwCTjY25LyUtorsCb30/XaW3dzOWfHUSIUfAuyQM0FVS/IGyBKbLDBS7JqcpJjA/lE5A0SKFgKBsICzhNx3QQOZ7DcGdRN59Z58pBk1uQQtaF3OpKzQ52hBmPXdYNMUm5U1SRN3m0v8Ey6p9yljr8C8sBB+Q3c/e8Fbt9WHwTpxL2BvCMrx1YXos+UXpDT3W+MLdNRA29snL+M55xeeKIWrDdOXKnmaqSXKtR0peBBhZ6OFBgq4HSowFCBp1sKhApzesXHWnedWL7wyhTB+AkwAEan53kvrTn0AAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-plus { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNDNBQjg1MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNDNBQjg0MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCMOuYAAADqSURBVHjavFaLDYQgDKVMwAiMgJs5yo3iKIzACG7AFQMXjvApKm3SmCh9z9LyCnjvBcUAQONDF68dxjsSQCBqeQT+BMCwtOEurtFdrAaBisF+0kOMIhGhGXR7gyR5iDVdokhyPiBJfpZk5XbZF0jyzFSNiFITU2Q/rNkfUeyu4V9W6knJ7OpGGbt8F+ts/52jwTl5mpFLoqCpBb5JdG2frMhKsg3BIPeKqpTftwaWlh1psrPF6MVIwWPtjFCtzSxaJ8axNQNbe6etOxbW58gP7HIJ4hVV1jHBNvhYRznr5WTVdQu4LpBfAQYA48fhpdMtHxcAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-minus { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNDNBQjg5MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNDNBQjg4MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjBen84AAADMSURBVHjavJaNDYQgDIXFCRiBERjBERnNETqCG/RoUgwSwd6dvCYvJqbtF7E/OGZeLOacC/kRmteU48mUQEA9aeIkCcW1I1KfMMzVAXgN5i8lMd4Eyhaz9h8gRRIbhyCFHH9Aio4W1h7X/gKk/jJ/B0ovQs5/dgFpdfEkhRqUJoJSDaKJICpDYeaxnccnoG3gEEfdftMavTzbEGSFVLAuaF0wFtaHiR2tmR58CVcMsPJGNyxmBMGGKnRNwBYfdJVDLyezrlsOdYH8CDAAn5YfwrN58ucAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-chevron-right, +.enketo-plugin .icon-chevron-left, +.enketo-plugin .icon-chevron-down, +.enketo-plugin .glyphicon-chevron-down, +.enketo-plugin .icon-chevron-up, +.enketo-plugin .glyphicon-chevron-up { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAWCAYAAAAfD8YZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1OUQzQkZEMDZBODExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1OUQzQkZDMDZBODExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6G6sQAAAB/SURBVHjaYvj//z8DDANBARALIIvhw8gaFwAxiHGBWAPQNf4nxQBsGok2gAGq6D85BoCAALkGwEwgywBkJ5BsALofSDIAWyAQbQCuUCTKACYGSgDVnE12gJEdVWQnEoqSJyUZgwmqABu4CMQOQEUf8EYV2YUBxcUQuQUgQIABAENaIhLMSm8LAAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + -moz-transform: rotate(0); + transform: rotate(0); +} + +.enketo-plugin .icon-chevron-left { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); +} + +.enketo-plugin .icon-chevron-down, +.enketo-plugin .glyphicon-chevron-down { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -moz-transform: rotate(90deg); + transform: rotate(90deg); +} + +.enketo-plugin .icon-chevron-up, +.enketo-plugin .glyphicon-chevron-up { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -moz-transform: rotate(270deg); + transform: rotate(270deg); +} + +.enketo-plugin .icon-sticky-note, +.enketo-plugin .icon-sticky-note-o, +.enketo-plugin .btn-comment.empty .icon, +.enketo-plugin .btn-comment.empty .enketo-geopoint-marker, +.enketo-plugin .btn-comment.empty .glyphicon-chevron-up, +.enketo-plugin .btn-comment.empty .glyphicon-chevron-down, +.enketo-plugin .btn-comment .icon, +.enketo-plugin .btn-comment .enketo-geopoint-marker, +.enketo-plugin .btn-comment .glyphicon-chevron-up, +.enketo-plugin .btn-comment .glyphicon-chevron-down { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDQzNjRDMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDQzNjRCMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PloLmqsAAADnSURBVHjatJXhDYQgDIXhJrkRHOFGcARHYoSOwii6gRvUVovhemqgcE3eD2j5HiG2OkR0PUURSJE07Os/wFG0sklP+LQDD3AyiSk5kuYsUSIGveU8yB4ok5DgaIAPCo7KJEj+vDkYngVuLjBlNcdmRziounqDUrjJoAZebVALrzKwwIsNVIf+wNMnazKQPtEd+gXnXIvBetGhoPJoMpD5ctmhWQ22GEQ1Hj4XNTYDHmTnRMxav9bASwEvvFPhvedpObuHoJrb8xwv0iKFoJMF8HRmeaqzjGut8fYJG344KGfGpybdBBgAGVCuLGXPNnQAAAAASUVORK5CYII=); + background-size: contain; + background-repeat: no-repeat; + background-color: #555555; +} + +.enketo-plugin .icon-sticky-note-o, +.enketo-plugin .btn-comment.empty .icon, +.enketo-plugin .btn-comment.empty .enketo-geopoint-marker, +.enketo-plugin .btn-comment.empty .glyphicon-chevron-up, +.enketo-plugin .btn-comment.empty .glyphicon-chevron-down { + background-color: transparent; +} + +.enketo-plugin .icon-download { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAxMDNFRDY5MDZBMjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMDNFRDY4MDZBMjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vYmkAAAFJSURBVHjaxFYLjcMwDF1KYGWwQCiEQhiEQegxOAgbg0EohEEYhByDHIKcPXlSltqu0107S0+VWtuv/iYupbSziHPOw8MXrwPYB5MDJJJAjs/oEFUFBNLxqi+BoCXjVAm0aU1EIB3gvoDkCbTtSr8urxHUAUlugH2R4R/ASMjlSDgU738BPfi+T2pE6SojiYBByz3ZDqRbRtZOUsfUJHIpUMg6huz8QkTdpZIwTh56BjKfE5XRDMwfs8UX0jiJ6vkxn5MgpMZEJPlraOLzrhl370vu44AcDbNW/pvo0QPNzH6LgIRQdBIhKq50IpBTRRS98i00MwsXU3AxkHy9bAEpLGnIsi66KbttZPTLcfGm9qb1FIUjorW0d83A9gxRVzuw3rLnQL5nfkZfQTVLlWbkumipbnFMbH/wrX2Uf+5ystZ1y211gfwTYADx5i7OHxKEDQAAAABJRU5ErkJggg==) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +.enketo-plugin .icon-undo { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5MUFGOTFFMDZBNzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5MUFGOTFEMDZBNzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWjp3cAAADwSURBVHjatFVREYMwDG0wsDoYDoYEJEzCJEwCc4AEJCBhDoaESWAKupdbOHqsa0kH7+4dfKRJ30ubknPOrAURVYgfjALFysQWbPH7MFqwghiBCuRdu0+4Mxqmkl/AcUq+WQHAgp2fOLcALZvMjcSnB48/XL2JqgFr76oeANfQriMcRWkdtUgs6ZXJl2Q1ZcBuU4LPP5P7iiq/QGG2xYGVSB/nHmxk0VKJ/TqmGU2Osck6pohHCJXSu0k9rzmDJy/0hVgbu2i99qJJ0daLr3cZFaKI1zWUGtdiWTfJZ4tWTuA6qSA0m1SDDkpo7wfnLcAA4K8eYpcm41cAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; +} + +/* html */ +.enketo-plugin { + height: 100%; +} + +/* body */ +.enketo-plugin { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + /* position: relative; */ + position: absolute; /* fix scrolling problem */ + min-height: 100%; +} + +.enketo-plugin .paper { + border-radius: 7px; + border: 7px solid #ddd; + background-color: #fff; + position: relative; + min-height: 100%; +} + +.enketo-plugin .or { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin-bottom: 20px; +} + +.enketo-plugin .main { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + margin: 0 auto; + padding: 100px 0 70px 0; + position: relative; + width: 100%; + max-width: 720px; +} + +.enketo-plugin .paper { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + padding: 45px; + position: relative; + min-height: 100%; +} + +.enketo-plugin .form-header { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-end; + position: absolute; + left: 0; + top: -76px; + width: 100%; + min-height: 69px; + padding: 16px 0; +} + +.enketo-plugin .form-language-selector { + padding: 0; + margin-left: 10px; + font-size: 0.8em; +} + +.enketo-plugin #form-languages { + display: inline; + width: auto; + height: 36px; + background: none; + min-width: 11em; + border: 1px solid #ccc; + margin: 0 0 0 16px; + font-size: 0.9em; +} + +.enketo-plugin [dir="rtl"] #form-languages { + margin: 0 16px 0 0; +} + +.enketo-plugin .form-footer { + margin: 45px -45px -45px -45px; +} + +.enketo-plugin .enketo-power { + position: relative; + left: 50%; + margin: 30px 0 0 -100px; + width: 200px; + font-size: 16px; + line-height: 23px; + text-align: center; +} + +.enketo-plugin .enketo-power a { + font-style: italic; +} + +.enketo-plugin .enketo-power img { + float: none; + vertical-align: top; + width: 48px; +} + +.enketo-plugin button { + background: none; + border: none; +} + +.enketo-plugin .btn { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + font-weight: normal; + text-align: center; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 15px; + line-height: 1.25; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.enketo-plugin .btn:focus, +.enketo-plugin .btn:link, +.enketo-plugin .btn:active, +.enketo-plugin .btn:visited { + text-decoration: none; +} + +.enketo-plugin .btn-default { + color: #333333; + background-color: white; + border-color: #cccccc; +} + +.enketo-plugin .btn-default:hover, +.enketo-plugin .btn-default:focus, +.enketo-plugin .btn-default:active, +.enketo-plugin .btn-default.active { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} + +.enketo-plugin .open .btn-default.dropdown-toggle { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} + +.enketo-plugin .btn-default:active, +.enketo-plugin .btn-default.active { + background-image: none; +} + +.enketo-plugin .open .btn-default.dropdown-toggle { + background-image: none; +} + +.enketo-plugin .btn-default.disabled, +.enketo-plugin .btn-default.disabled:hover, +.enketo-plugin .btn-default.disabled:focus, +.enketo-plugin .btn-default.disabled:active, +.enketo-plugin .btn-default.disabled.active, +.enketo-plugin .btn-default[disabled], +.enketo-plugin .btn-default[disabled]:hover, +.enketo-plugin .btn-default[disabled]:focus, +.enketo-plugin .btn-default[disabled]:active, +.enketo-plugin .btn-default[disabled].active, +.enketo-plugin fieldset[disabled] .btn-default, +.enketo-plugin fieldset[disabled] .btn-default:hover, +.enketo-plugin fieldset[disabled] .btn-default:focus, +.enketo-plugin fieldset[disabled] .btn-default:active, +.enketo-plugin fieldset[disabled] .btn-default.active { + background-color: white; + border-color: #cccccc; +} + +.enketo-plugin .btn-default .badge { + color: white; + background-color: #333333; +} + +.enketo-plugin .btn-primary { + color: white; + background-color: #ce4f07; + border-color: #b54606; +} + +.enketo-plugin .btn-primary:hover, +.enketo-plugin .btn-primary:focus, +.enketo-plugin .btn-primary:active, +.enketo-plugin .btn-primary.active { + color: white; + background-color: #a74006; + border-color: #7a2f04; +} + +.enketo-plugin .open .btn-primary.dropdown-toggle { + color: white; + background-color: #a74006; + border-color: #7a2f04; +} + +.enketo-plugin .btn-primary:active, +.enketo-plugin .btn-primary.active { + background-image: none; +} + +.enketo-plugin .open .btn-primary.dropdown-toggle { + background-image: none; +} + +.enketo-plugin .btn-primary.disabled, +.enketo-plugin .btn-primary.disabled:hover, +.enketo-plugin .btn-primary.disabled:focus, +.enketo-plugin .btn-primary.disabled:active, +.enketo-plugin .btn-primary.disabled.active, +.enketo-plugin .btn-primary[disabled], +.enketo-plugin .btn-primary[disabled]:hover, +.enketo-plugin .btn-primary[disabled]:focus, +.enketo-plugin .btn-primary[disabled]:active, +.enketo-plugin .btn-primary[disabled].active, +.enketo-plugin fieldset[disabled] .btn-primary, +.enketo-plugin fieldset[disabled] .btn-primary:hover, +.enketo-plugin fieldset[disabled] .btn-primary:focus, +.enketo-plugin fieldset[disabled] .btn-primary:active, +.enketo-plugin fieldset[disabled] .btn-primary.active { + background-color: #ce4f07; + border-color: #b54606; +} + +.enketo-plugin .btn-primary .badge { + color: #ce4f07; + background-color: white; +} + +.enketo-plugin .btn-reset[disabled] { + display: none; +} + +.enketo-plugin .btn-icon-only { + margin: 0 10px 0 10px; + padding: 7px; + color: #333333; + background: none; + border: none; + width: 34px; + height: 34px; + box-shadow: none; + opacity: 0.7; +} + +.enketo-plugin .btn-icon-only:hover, +.enketo-plugin .btn-icon-only:focus, +.enketo-plugin .btn-icon-only:active, +.enketo-plugin .btn-icon-only.active, +.enketo-plugin .btn-icon-only:disabled, +.enketo-plugin .btn-icon-only.disabled { + background: none; + box-shadow: none; +} + +.enketo-plugin .btn-icon-only:hover, +.enketo-plugin .btn-icon-only:disabled, +.enketo-plugin .btn-icon-only.disabled { + color: #333333; + opacity: 0.5; +} + +/** hide stuff **/ +.enketo-plugin .or [lang]:not(.active), +.enketo-plugin .or-option-translations, +.enketo-plugin .or-appearance-page-break, +.enketo-plugin .or-constraint-msg, +.enketo-plugin .or-required-msg, +.enketo-plugin .or-relevant-msg, +.enketo-plugin .option-wrapper .itemset-template, +.enketo-plugin .itemset-labels, +.enketo-plugin .or-hint.or-form-guidance, +.enketo-plugin .or-hint.or-form-guidance.active { + display: none; +} + +.enketo-plugin .or>h3, +.enketo-plugin .or-group>h3 { + padding: 5px 0 15px 0; + word-wrap: break-word; + color: #ce4f07; + text-align: center; +} + +.enketo-plugin .or>h4, +.enketo-plugin .or-group>h4 { + text-align: inherit; + margin-top: 9px; + margin-bottom: 9px; + color: #ce4f07; +} + +.enketo-plugin .or>h4 strong, +.enketo-plugin .or-group>h4 strong { + font-size: inherit; +} + +.enketo-plugin .or.hide { + display: none; +} + +.enketo-plugin .or .question-label h1, +.enketo-plugin .or .question-label h2, +.enketo-plugin .or .question-label h3, +.enketo-plugin .or .question-label h4, +.enketo-plugin .or .question-label h5, +.enketo-plugin .or .question-label .or-analog-scale-initialized .show-value__box, +.enketo-plugin .or-analog-scale-initialized .or .question-label .show-value__box, +.enketo-plugin .or .question-label h6, +.enketo-plugin .or .or-hint h1, +.enketo-plugin .or .or-hint h2, +.enketo-plugin .or .or-hint h3, +.enketo-plugin .or .or-hint h4, +.enketo-plugin .or .or-hint h5, +.enketo-plugin .or .or-hint .or-analog-scale-initialized .show-value__box, +.enketo-plugin .or-analog-scale-initialized .or .or-hint .show-value__box, +.enketo-plugin .or .or-hint h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +.enketo-plugin .or .question-label h1:first-child, +.enketo-plugin .or .question-label h2:first-child, +.enketo-plugin .or .question-label h3:first-child, +.enketo-plugin .or .question-label h4:first-child, +.enketo-plugin .or .question-label h5:first-child, +.enketo-plugin .or .question-label .or-analog-scale-initialized .show-value__box:first-child, +.enketo-plugin .or-analog-scale-initialized .or .question-label .show-value__box:first-child, +.enketo-plugin .or .question-label h6:first-child, +.enketo-plugin .or .or-hint h1:first-child, +.enketo-plugin .or .or-hint h2:first-child, +.enketo-plugin .or .or-hint h3:first-child, +.enketo-plugin .or .or-hint h4:first-child, +.enketo-plugin .or .or-hint h5:first-child, +.enketo-plugin .or .or-hint .or-analog-scale-initialized .show-value__box:first-child, +.enketo-plugin .or-analog-scale-initialized .or .or-hint .show-value__box:first-child, +.enketo-plugin .or .or-hint h6:first-child { + margin-top: 0; +} + +.enketo-plugin .or .question-label h1:last-child, +.enketo-plugin .or .question-label h2:last-child, +.enketo-plugin .or .question-label h3:last-child, +.enketo-plugin .or .question-label h4:last-child, +.enketo-plugin .or .question-label h5:last-child, +.enketo-plugin .or .question-label .or-analog-scale-initialized .show-value__box:last-child, +.enketo-plugin .or-analog-scale-initialized .or .question-label .show-value__box:last-child, +.enketo-plugin .or .question-label h6:last-child, +.enketo-plugin .or .or-hint h1:last-child, +.enketo-plugin .or .or-hint h2:last-child, +.enketo-plugin .or .or-hint h3:last-child, +.enketo-plugin .or .or-hint h4:last-child, +.enketo-plugin .or .or-hint h5:last-child, +.enketo-plugin .or .or-hint .or-analog-scale-initialized .show-value__box:last-child, +.enketo-plugin .or-analog-scale-initialized .or .or-hint .show-value__box:last-child, +.enketo-plugin .or .or-hint h6:last-child { + margin-bottom: 0; +} + +.enketo-plugin .or .question-label { + word-break: break-word; + display: inline-block; +} + +/** hints **/ +.enketo-plugin .or-hint.active { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + color: #888888; + display: block; + line-height: 16px; + font-weight: normal; + font-size: 11px; + font-style: italic; + padding-top: 5px; +} + +.enketo-plugin .or-hint.active~br { + display: none; +} + +.enketo-plugin .or .form-logo { + display: block; + text-align: center; + width: 100%; +} + +.enketo-plugin .or .form-logo img { + float: none; + display: inline; + max-height: 200px; + max-width: 120px; +} + +.enketo-plugin .or-repeat { + background-color: #fef5ef; + margin: 0 0 3px 0; + padding: 20px 10px 10px 10px; + position: relative; +} + +.enketo-plugin .or-repeat.empty { + padding: 0; +} + +.enketo-plugin .or-repeat.empty .repeat-number { + display: none; +} + +.enketo-plugin .or-repeat .repeat-number { + display: block; + position: absolute; + top: 7px; + right: 10px; + color: #ce4f07; +} + +.enketo-plugin .or-repeat .repeat-number+.or-group { + border-top: none; +} + +.enketo-plugin .or-repeat .or-repeat { + background-color: white; +} + +.enketo-plugin .or-repeat .or-repeat .or-repeat { + background-color: #fef5ef; +} + +.enketo-plugin .or-repeat .or-repeat .or-repeat .or-repeat { + background-color: white; +} + +.enketo-plugin .or-group { + border-top: 3px solid #bbbbbb; + margin: 1.5em 0 0.4em 0; +} + +.enketo-plugin .or-group .or-group { + margin: 1.5em 0 0.5em 0; +} + +.enketo-plugin .or-group .or-group>h4 .active { + font-size: 80%; +} + +.enketo-plugin .or-group .or-group>h4 .active::before { + content: "\00BB "; +} + +.enketo-plugin .or-group .or-group .or-group>h4 .active::before { + content: "\00BB \00BB "; +} + +.enketo-plugin .or-group .or-group .or-group .or-group>h4 .active::before { + content: "\00BB \00BB \00BB "; +} + +.enketo-plugin .or-group .or-group .or-group .or-group .or-group>h4 .active::before { + content: "\00BB \00BB \00BB \00BB"; +} + +.enketo-plugin .or-group .or-group .or-group .or-group .or-group .or-group>h4 .active::before { + content: "\00BB \00BB \00BB \00BB \00BB"; +} + +.enketo-plugin .or-group .or-group .or-group .or-group .or-group .or-group .or-group>h4 .active::before { + content: "\00BB \00BB \00BB \00BB \00BB \00BB"; +} + +.enketo-plugin .or-group:not(.or-appearance-no-collapse)>h4 { + position: relative; + pointer-events: none; +} + +.enketo-plugin .or-group:not(.or-appearance-no-collapse)>h4::before { + width: 0; + height: 0; + border-left: 12px solid transparent; + border-right: 12px solid transparent; + border-top: 12px solid #ce4f07; + border-bottom: 0; + display: block; + position: absolute; + content: ''; + top: 5px; + left: -30px; + right: -30px; + pointer-events: all; +} + +.enketo-plugin .or-group:not(.or-appearance-no-collapse).or-appearance-compact>h4::before { + width: 0; + height: 0; + border-top: 12px solid transparent; + border-bottom: 12px solid transparent; + border-left: 12px solid #ce4f07; + border-right: 0; + left: -22px; + right: -22px; + top: 0; +} + +.enketo-plugin .or-group:not(.or-appearance-no-collapse).or-appearance-compact>h4~* { + display: none !important; +} + +.enketo-plugin [dir="rtl"] .or-group:not(.or-appearance-no-collapse).or-appearance-compact>h4::before { + border-left: 0; + border-right: 12px solid #ce4f07; +} + +.enketo-plugin #stats+.or-group, +.enketo-plugin #or-preload-items+.or-group, +.enketo-plugin #form-languages+.or-group { + border-top: none; +} + +.enketo-plugin .question:not(.readonly) { + font-weight: bold; +} + +.enketo-plugin .question { + display: block; + margin: 0 0 9px 0; + padding-top: 15px; + border: none; + position: relative; +} + +.enketo-plugin .question>fieldset { + padding: 0; + margin: 0; + border: none; +} + +.enketo-plugin .question-label strong { + font-size: 16px; +} + +.enketo-plugin .question>img, +.enketo-plugin .question>video, +.enketo-plugin .question>audio { + margin: 10px auto 10px; +} + +.enketo-plugin .question.readonly input[readonly].empty, +.enketo-plugin .question.readonly select[readonly].empty, +.enketo-plugin .question.readonly textarea[readonly].empty { + display: none; +} + +.enketo-plugin .question.readonly strong { + font-size: inherit; +} + +.enketo-plugin label, +.enketo-plugin legend { + font-size: 15px; +} + +.enketo-plugin .or img, +.enketo-plugin .or audio, +.enketo-plugin .or video { + display: block; + max-height: 300px; + max-width: 70%; +} + +.enketo-plugin .or video { + max-width: 100%; +} + +.enketo-plugin legend { + display: block; + position: relative; + border: none; + width: 100%; + padding: 0; + margin-bottom: 12px; +} + +.enketo-plugin .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; +} + +.enketo-plugin .option-wrapper>label { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: block; + margin: 0; + cursor: pointer; + padding: 4px; + margin: 0 10px 1px 10px; +} + +.enketo-plugin .option-wrapper>label:hover:not(.filler) { + background-color: #fee5d6; +} + +.enketo-plugin .option-wrapper>label:before, +.enketo-plugin .option-wrapper>label:after { + content: " "; + display: table; +} + +.enketo-plugin .option-wrapper>label:after { + clear: both; +} + +.enketo-plugin .option-wrapper .option-label { + margin-left: 30px; + display: block; +} + +.enketo-plugin .option-wrapper img, +.enketo-plugin .option-wrapper video, +.enketo-plugin .option-wrapper audio { + float: right; + margin: 10px 0 10px 10px; +} + +.enketo-plugin .or[dir="rtl"] .option-wrapper .option-label { + margin-right: 30px; +} + +.enketo-plugin .or[dir="rtl"] .option-wrapper img, +.enketo-plugin .or[dir="rtl"] .option-wrapper video, +.enketo-plugin .or[dir="rtl"] .option-wrapper audio { + float: left; + margin: 10px 10px 10px 0; +} + +.enketo-plugin .touch .question.simple-select .option-wrapper>label { + background-color: transparent; + border: 1px solid #ccc; + border-radius: 4px; + width: auto; + margin: 0 0 6.4px 0; + padding: 10px; +} + +.enketo-plugin .touch .question.simple-select .option-wrapper>label input[type="radio"], +.enketo-plugin .touch .question.simple-select .option-wrapper>label input[type="checkbox"] { + margin-left: 5px; +} + +.enketo-plugin .touch .question.simple-select .option-wrapper>label:focus, +.enketo-plugin .touch .question.simple-select .option-wrapper>label:hover, +.enketo-plugin .touch .question.simple-select .option-wrapper>label:active { + background-color: #fee5d6; +} + +.enketo-plugin .touch input[type=text], +.enketo-plugin .touch input[type=tel], +.enketo-plugin .touch input[type=password], +.enketo-plugin .touch input[type=url], +.enketo-plugin .touch input[type=email], +.enketo-plugin .touch input[type=file], +.enketo-plugin .touch input[type=date], +.enketo-plugin .touch input[type=month], +.enketo-plugin .touch input[type=time], +.enketo-plugin .touch input[type=datetime], +.enketo-plugin .touch input[type=number], +.enketo-plugin .touch textarea, +.enketo-plugin .touch select { + margin: 10px 0 10px 0; + color: #104b66; +} + +.enketo-plugin .touch input[type=text], +.enketo-plugin .touch input[type=tel], +.enketo-plugin .touch input[type=password], +.enketo-plugin .touch input[type=url], +.enketo-plugin .touch input[type=email], +.enketo-plugin .touch input[type=file], +.enketo-plugin .touch input[type=date], +.enketo-plugin .touch input[type=month], +.enketo-plugin .touch input[type=time], +.enketo-plugin .touch input[type=datetime], +.enketo-plugin .touch input[type=number], +.enketo-plugin .touch textarea { + border: 1px solid #ddd8ce; +} + +.enketo-plugin .touch select { + width: 100%; +} + +.enketo-plugin input[type=text], +.enketo-plugin input[type=tel], +.enketo-plugin input[type=password], +.enketo-plugin input[type=url], +.enketo-plugin input[type=email], +.enketo-plugin input[type=file], +.enketo-plugin input[type=date], +.enketo-plugin input[type=month], +.enketo-plugin input[type=time], +.enketo-plugin input[type=datetime], +.enketo-plugin input[type=number], +.enketo-plugin input[type=range], +.enketo-plugin textarea, +.enketo-plugin select, +.enketo-plugin .widget { + display: block; + margin: 8px 0 8px 0; +} + +.enketo-plugin input:not([type="radio"]):not([type="checkbox"]), +.enketo-plugin textarea { + height: 34px; +} + +.enketo-plugin select { + width: 80%; +} + +.enketo-plugin .question input[type=text], +.enketo-plugin .question input[type=tel], +.enketo-plugin .question input[type=password], +.enketo-plugin .question input[type=url], +.enketo-plugin .question input[type=email], +.enketo-plugin .question input[type=file] { + width: 80%; +} + +.enketo-plugin .question input[type=date], +.enketo-plugin .question input[type=month], +.enketo-plugin .question input[type=number], +.enketo-plugin .question input[type=time], +.enketo-plugin .question input[type=datetime], +.enketo-plugin .question input[type=text].mask-date { + width: 180px; +} + +.enketo-plugin .question input[type="radio"], +.enketo-plugin .question input[type=checkbox] { + float: left; + display: block; + margin-top: 2px; +} + +.enketo-plugin .or[dir="rtl"] .question input[type=radio], +.enketo-plugin .or[dir="rtl"] .question input[type=checkbox] { + float: right; +} + +.enketo-plugin .question textarea { + width: 80%; + resize: vertical; + min-height: 9em; +} + +.enketo-plugin .or-repeat .repeat-buttons { + margin-top: 30px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-end; +} + +.enketo-plugin .or-repeat .remove { + margin-bottom: 0; + margin-right: 0; +} + +.enketo-plugin .or-repeat-info:not(:empty) { + padding-top: 10px; +} + +.enketo-plugin .add-repeat-btn { + display: block; + margin: 0 auto 10px auto; + min-width: 150px; +} + +.enketo-plugin .or[dir="rtl"] .remove { + float: left; +} + +.enketo-plugin .alert { + margin-bottom: 4px; +} + +.enketo-plugin .required { + position: absolute; + top: 10px; + left: -10px; + color: #ce4f07; +} + +.enketo-plugin legend .required { + top: 0; +} + +.enketo-plugin .or[dir="rtl"] .required { + left: auto; + right: -10px; +} + +.enketo-plugin .disabled { + opacity: 0.5; +} + +.enketo-plugin .invalid-constraint, +.enketo-plugin .invalid-required, +.enketo-plugin .invalid-relevant { + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; + background-color: #f2dede; + border-color: #ebccd1; + border-radius: 3px; + margin-right: -10px; + margin-left: -10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; +} + +.enketo-plugin .invalid-constraint .or-constraint-msg.active, +.enketo-plugin .invalid-constraint .file-picker .file-feedback.error, +.enketo-plugin .file-picker .invalid-constraint .file-feedback.error, +.enketo-plugin .invalid-constraint .draw-widget__feedback, +.enketo-plugin .invalid-constraint .image-map__error, +.enketo-plugin .invalid-required .or-required-msg.active, +.enketo-plugin .invalid-required .file-picker .file-feedback.warning, +.enketo-plugin .file-picker .invalid-required .file-feedback.warning, +.enketo-plugin .question.invalid-relevant .or-relevant-msg.active { + display: block; +} + +.enketo-plugin .or-required-msg.active, +.enketo-plugin .file-picker .file-feedback.warning, +.enketo-plugin .or-constraint-msg.active, +.enketo-plugin .file-picker .file-feedback.error, +.enketo-plugin .draw-widget__feedback, +.enketo-plugin .image-map__error, +.enketo-plugin .or-relevant-msg.active { + font-weight: bold; + padding-top: 5px; + font-size: 0.85em; + color: #a94442; +} + +.enketo-plugin .or-branch.disabled, +.enketo-plugin .or-branch.or-branch.pre-init { + display: none; +} + +.enketo-plugin .pages.or .or-group, +.enketo-plugin .pages.or .or-group-data, +.enketo-plugin .pages.or .or-repeat { + display: none; +} + +.enketo-plugin .pages.or .or-group.contains-current, +.enketo-plugin .pages.or .or-group-data.contains-current, +.enketo-plugin .pages.or .or-repeat.contains-current { + display: block; +} + +.enketo-plugin .pages.or .or-repeat[role="page"].current+.or-repeat-info { + display: block; +} + +.enketo-plugin .pages.or [role="page"] { + display: none; +} + +.enketo-plugin .pages.or [role="page"].current { + display: block; +} + +.enketo-plugin .pages.or [role="page"].current .or-group:not(.disabled), +.enketo-plugin .pages.or [role="page"].current .or-group-data:not(.disabled), +.enketo-plugin .pages.or [role="page"].current .or-repeat:not(.disabled) { + display: block; +} + +.enketo-plugin .pages.or [role="page"].hidden { + opacity: 0; +} + +.enketo-plugin .pages.or [role="page"].fade-out { + opacity: 0; + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; +} + +.enketo-plugin .pages.or #form-title { + margin: 0; +} + +.enketo-plugin .pages~.form-footer { + margin-top: 0; +} + +.enketo-plugin .pages~.form-footer.end .btn { + display: inline-block; +} + +.enketo-plugin .pages~.form-footer.end .next-page { + display: none; +} + +.enketo-plugin .pages~.form-footer.end .logout, +.enketo-plugin .pages~.form-footer.end .draft { + display: block; +} + +.enketo-plugin .pages~.form-footer .logout { + margin-bottom: 50px; +} + +.enketo-plugin .pages~.form-footer .btn { + display: none; +} + +.enketo-plugin .pages~.form-footer .previous-page, +.enketo-plugin .pages~.form-footer .next-page { + display: inline-block; +} + +.enketo-plugin .pages~.form-footer .previous-page.disabled, +.enketo-plugin .pages~.form-footer .next-page.disabled { + display: none; +} + +.enketo-plugin .pages~.form-footer .first-page, +.enketo-plugin .pages~.form-footer .last-page { + display: inline-block; +} + +.enketo-plugin .pages~.form-footer .logout, +.enketo-plugin .pages~.form-footer .draft { + display: none; +} + +.enketo-plugin .pages-toc__list { + border: 1px solid black; + border-radius: 2px; + border: 2px solid #555555; + position: absolute; + right: 0; + left: 0; + top: 69px; + width: 320px; + height: 0; + max-height: calc(100vh - 100px); + max-width: 100vw; + margin: 0 auto; + list-style: none; + padding: 0; + background: white; + z-index: 1000; + overflow: scroll; + transition: height 1s ease-out; + opacity: 0; +} + +.enketo-plugin .pages-toc__list li { + border-bottom: 1px solid #555555; + padding: 0; + margin: 0; +} + +.enketo-plugin .pages-toc__list li:hover { + background: #fee5d6; +} + +.enketo-plugin .pages-toc__list a, +.enketo-plugin .pages-toc__list a:link, +.enketo-plugin .pages-toc__list a:visited { + text-decoration: none; + color: inherit; + display: block; + width: 100%; + height: 100%; + padding: 8px 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.enketo-plugin .pages-toc__overlay { + display: none; + position: fixed; + top: 0; + left: 0; + background: #555555; + width: 100%; + height: 100%; + z-index: 999; + opacity: 0.5; +} + +.enketo-plugin .pages-toc #toc-toggle { + display: none; +} + +.enketo-plugin .pages-toc #toc-toggle:checked+.pages-toc__list { + height: auto; + opacity: 1; +} + +.enketo-plugin .pages-toc #toc-toggle:checked~.pages-toc__overlay { + display: block; +} + +.enketo-plugin .pages-toc label[for="toc-toggle"] { + display: block; + width: 27px; + height: 27px; + margin: 5px 0 5px 20px; + background: repeating-linear-gradient(#555555 2px, #555555 5px, transparent 5px, transparent 12px); +} + +.enketo-plugin .pages-toc label[for="toc-toggle"]:hover { + opacity: 0.7; +} + +.enketo-plugin .bootstrap-select { + margin-top: 15px; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle { + width: 277.2454px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-align: left; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle .caret { + position: absolute; + top: 14px; + right: 12px; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle .selected { + width: calc(100% - 12px); + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle~.dropdown-menu { + max-height: 200px; + max-width: 100%; + overflow: auto; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle~.dropdown-menu .option-wrapper { + padding-left: 5px; + background-color: transparent; + color: black; + text-decoration: none; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle~.dropdown-menu .option-wrapper label { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + font-size: 15px; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle~.dropdown-menu .option-wrapper label:hover { + background: transparent; +} + +.enketo-plugin .bootstrap-select .dropdown-toggle~.dropdown-menu .option-wrapper label .option-label { + margin-top: 1px; +} + +.enketo-plugin .readonly .bootstrap-select .dropdown-toggle { + opacity: 0.7; +} + +.enketo-plugin .or[dir="rtl"] .bootstrap-select .dropdown-toggle { + text-align: right; +} + +.enketo-plugin .or[dir="rtl"] .bootstrap-select .dropdown-toggle .caret { + margin-left: 0; + margin-right: 10px; + left: 12px; + right: auto; +} + +.enketo-plugin .btn-group { + position: relative; + vertical-align: middle; +} + +.enketo-plugin .btn-group>.btn { + position: relative; +} + +.enketo-plugin .btn-group>.btn:hover, +.enketo-plugin .btn-group>.btn:focus, +.enketo-plugin .btn-group>.btn:active, +.enketo-plugin .btn-group>.btn.active { + z-index: 2; +} + +.enketo-plugin .btn-group .dropdown-toggle:active, +.enketo-plugin .btn-group.open .dropdown-toggle { + outline: 0; +} + +.enketo-plugin .btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.enketo-plugin .btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} + +.enketo-plugin .btn .caret { + margin-left: 0; +} + +.enketo-plugin .mobileselect { + margin-left: 10px; +} + +.enketo-plugin [type=range] { + padding: 2.5px; + width: 100%; + background: transparent; + font: 1em/1 arial, sans-serif; + z-index: 10; +} + +.enketo-plugin [type=range], +.enketo-plugin [type=range]::-webkit-slider-thumb { + -webkit-appearance: none; +} + +.enketo-plugin [type=range]::-webkit-slider-runnable-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; +} + +.enketo-plugin [type=range]::-moz-range-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; +} + +.enketo-plugin [type=range]::-ms-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; +} + +.enketo-plugin [type=range]::-webkit-slider-thumb { + margin-top: -9.5px; + box-sizing: border-box; + border: 1px solid #ce4f07; + width: 20px; + height: 20px; + border-radius: 50%; + background: #ce4f07; + cursor: pointer; +} + +.enketo-plugin [type=range]::-moz-range-thumb { + box-sizing: border-box; + border: 1px solid #ce4f07; + width: 20px; + height: 20px; + border-radius: 50%; + background: #ce4f07; + cursor: pointer; +} + +.enketo-plugin [type=range]::-ms-thumb { + margin-top: 0; + box-sizing: border-box; + border: 1px solid #ce4f07; + width: 20px; + height: 20px; + border-radius: 50%; + background: #ce4f07; + cursor: pointer; +} + +.enketo-plugin [type=range]::-ms-tooltip { + display: none; +} + +.enketo-plugin [type=range]:focus { + outline: 0; +} + +.enketo-plugin [type=range]:focus::-webkit-slider-thumb { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin [type=range]:focus::-moz-range-thumb { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin [type=range]:focus::-ms-thumb { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin [type=range].empty::-webkit-slider-thumb { + background: transparent; + border-color: transparent; +} + +.enketo-plugin [type=range].empty::-moz-range-thumb { + background: transparent; + border-color: transparent; +} + +.enketo-plugin [type=range].empty::-ms-thumb { + background: transparent; + border-color: transparent; +} + +.enketo-plugin [type=range][disabled]::-webkit-slider-thumb { + opacity: 0.7; +} + +.enketo-plugin [type=range][disabled]::-moz-range-thumb { + opacity: 0.7; +} + +.enketo-plugin [type=range][disabled]::-ms-thumb { + opacity: 0.7; +} + +.enketo-plugin .range-widget { + position: relative; +} + +.enketo-plugin .range-widget__wrap { + width: 100%; + height: 200px; + z-index: 0; + text-align: center; +} + +.enketo-plugin .range-widget__current { + padding-bottom: 10px; + vertical-align: middle; + line-height: 98.5px; + min-height: 108.5px; +} + +.enketo-plugin .range-widget__ticks { + height: 20px; + box-sizing: border-box; + margin-left: 12px; + margin-right: 12px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; +} + +.enketo-plugin .range-widget__ticks span { + flex: 1; + border-left: 1px solid #333333; +} + +.enketo-plugin .range-widget__ticks span:last-child { + border-right: 1px solid #333333; +} + +.enketo-plugin .range-widget__scale { + display: flex; + padding-top: 10px; + justify-content: space-between; +} + +.enketo-plugin .range-widget__scale__start, +.enketo-plugin .range-widget__scale__end, +.enketo-plugin .range-widget__scale__between { + width: 20px; + opacity: 0.7; + font-weight: normal; +} + +.enketo-plugin .range-widget [type=range] { + position: absolute; + top: 93.5px; + left: 0; +} + +.enketo-plugin .range-widget .btn-reset { + margin: 15px; +} + +.enketo-plugin .or-appearance-vertical input[type=range], +.enketo-plugin .or-appearance-distress input[type=range] { + transform: rotate(-90deg); + width: 350px; + margin: 0 10px; + top: 158px; + left: -85px; + right: -85px; +} + +.enketo-plugin .or-appearance-vertical .range-widget__wrap, +.enketo-plugin .or-appearance-distress .range-widget__wrap { + display: flex; + flex-wrap: nowrap; + flex-direction: row; + height: 350px; + width: 200px; + margin-top: 20px; +} + +.enketo-plugin .or-appearance-vertical .range-widget__current, +.enketo-plugin .or-appearance-distress .range-widget__current { + flex: 1; + padding-right: 10px; + padding-bottom: 0; + line-height: 350px; +} + +.enketo-plugin .or-appearance-vertical .range-widget__ticks, +.enketo-plugin .or-appearance-distress .range-widget__ticks { + width: 20px; + height: auto; + border-right: none; + margin-left: 0; + margin-right: 0; + margin-top: 12px; + margin-bottom: 12px; + flex-direction: column; +} + +.enketo-plugin .or-appearance-vertical .range-widget__ticks span, +.enketo-plugin .or-appearance-distress .range-widget__ticks span { + border-top: 1px solid #333333; + border-left: none; +} + +.enketo-plugin .or-appearance-vertical .range-widget__ticks span:last-child, +.enketo-plugin .or-appearance-distress .range-widget__ticks span:last-child { + border-bottom: 1px solid #333333; + border-right: none; +} + +.enketo-plugin .or-appearance-vertical .range-widget__scale, +.enketo-plugin .or-appearance-distress .range-widget__scale { + flex: 1; + padding-top: 0; + padding-left: 10px; + flex-direction: column-reverse; +} + +.enketo-plugin .or[dir=rtl] .or-appearance-vertical input[type=range], +.enketo-plugin .or[dir=rtl] .or-appearance-distress input[type=range] { + transform: rotate(90deg); +} + +/* distress flavor of vertical range widget*/ +.enketo-plugin .or-appearance-distress input[type=range] { + top: 173px; + left: -127.5px; + right: -127.5px; +} + +.enketo-plugin .or-appearance-distress input[type=range]::-webkit-slider-runnable-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; +} + +.enketo-plugin .or-appearance-distress input[type=range]::-moz-range-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; +} + +.enketo-plugin .or-appearance-distress input[type=range]::-ms-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; +} + +.enketo-plugin .or-appearance-distress input[type=range]:not(.empty)::-webkit-slider-thumb { + margin-top: -8px; + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; +} + +.enketo-plugin .or-appearance-distress input[type=range]:not(.empty)::-moz-range-thumb { + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; +} + +.enketo-plugin .or-appearance-distress input[type=range]:not(.empty)::-ms-thumb { + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; +} + +.enketo-plugin .or-appearance-distress .range-widget__wrap { + width: 115px; + flex-direction: row-reverse; + flex-wrap: wrap; + padding-top: 15px; + height: 410px; +} + +.enketo-plugin .or-appearance-distress .range-widget__current { + visibility: hidden; + padding: 0 8.5px; +} + +.enketo-plugin .or-appearance-distress .range-widget__ticks { + width: 6px; +} + +.enketo-plugin .or-appearance-distress .range-widget__bg { + width: 30px; + border-radius: 15px; + border: 1px solid #aaaaaa; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: none; + margin-top: -15px; + background-image: -webkit-linear-gradient(#e20418, #fdd303 50%, #3cb643); + background-image: linear-gradient(#e20418, #fdd303 50%, #3cb643); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE20418', endColorstr='#FF3CB643', GradientType=0); + z-index: 1; +} + +.enketo-plugin .or-appearance-distress .range-widget__scale { + position: relative; + text-align: end; + align-items: flex-end; + padding: 0 5.5px; +} + +.enketo-plugin .or-appearance-distress .range-widget__bulb { + width: 60px; + height: 60px; + border: 1px solid #aaaaaa; + border-radius: 30px; + margin: -7px auto 10px auto; + background: #3cb643; + position: relative; +} + +.enketo-plugin .or-appearance-distress .range-widget__bulb__inner { + width: 24px; + height: 24px; + border-radius: 12px; + background: #3a94a5; + margin: 17px; +} + +.enketo-plugin .or-appearance-distress .range-widget__bulb__mercury { + position: absolute; + left: calc(50% - 4px / 2); + right: calc(50% - 4px / 2); + bottom: 30px; + background: #3a94a5; + min-height: 25px; + width: 4px; + z-index: 100; +} + +.enketo-plugin .or-appearance-distress .range-widget .btn-reset { + position: absolute; + top: 140px; + left: 70px; + right: 70px; +} + +/* + CSS-Tricks Example + by Chris Coyier + http://css-tricks.com +*/ +.enketo-plugin .datalist { + list-style: none; + display: none; + background: white; + position: absolute; + left: 0; + top: 0; + max-height: 300px; + overflow-y: auto; + z-index: 10; + padding: 0; + border: 1px solid #555555; +} + +.enketo-plugin .datalist:empty { + display: none !important; +} + +.enketo-plugin .datalist li { + padding: 5px; +} + +.enketo-plugin .datalist li.active { + background: #3875d7; + color: white; +} + +.enketo-plugin input[type=text].autocomplete { + width: 277.2454px; +} + +.enketo-plugin input[type=text].autocomplete.notfound { + color: #999999; +} + +.enketo-plugin .touch input[type=text].autocomplete { + width: 100%; +} + +.enketo-plugin .enketo-geopoint-marker { + margin-top: -24px; + width: 24px; + height: 24px; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 1; + text-align: center; + color: #508ecd; +} + +.enketo-plugin .enketo-area-popup .leaflet-popup-content-wrapper { + border-radius: 2px; + color: black; + background: none; + box-shadow: none; +} + +.enketo-plugin .enketo-area-popup .leaflet-popup-content { + margin: 3px 20px; +} + +.enketo-plugin .enketo-area-popup .leaflet-popup-tip-container { + display: none; +} + +.enketo-plugin .leaflet-container .enketo-area-popup:hover a.leaflet-popup-close-button { + display: block; +} + +.enketo-plugin .leaflet-container .enketo-area-popup a.leaflet-popup-close-button { + z-index: 1; + display: none; + font-weight: normal; + color: black; +} + +.enketo-plugin .enketo-geopoint-circle-marker, +.enketo-plugin .geopicker .point { + width: 16px; + height: 16px; + margin-top: -8px; + border-radius: 8px; + border: 1px solid #4e4e4e; + background: #818181; +} + +.enketo-plugin .enketo-geopoint-circle-marker-active, +.enketo-plugin .geopicker .point.active { + width: 16px; + height: 16px; + margin-top: -8px; + border-radius: 8px; + border: 1px solid #508ecd; + background: #9fc1e4; +} + +.enketo-plugin .geopicker { + margin-top: 25px; +} + +.enketo-plugin .geopicker img { + margin: 0; + max-height: none; + max-width: none; +} + +.enketo-plugin .geopicker .geo-inputs { + position: relative; + min-width: 160px; + width: 27%; + margin: 0 4% 0 0; +} + +@media screen and (max-width: 720px) { + .enketo-plugin .geopicker .geo-inputs { + width: 100%; + } +} + +.enketo-plugin .geopicker .geo-inputs .paste-progress, +.enketo-plugin .geopicker .geo-inputs .disabled-msg { + position: absolute; + display: block; + top: 50%; + width: calc(100% - 20px); + text-align: center; + margin: 0px 10px; +} + +.enketo-plugin .geopicker .geo-inputs .disabled-msg { + display: none; + color: #a94442; +} + +.enketo-plugin .geopicker .map-canvas-wrapper { + position: relative; +} + +.enketo-plugin .geopicker .map-canvas-wrapper, +.enketo-plugin .geopicker .search-bar { + width: 65%; + float: right; + padding-left: 4%; + border-left: solid 1px #bbbbbb; +} + +@media screen and (max-width: 720px) { + + .enketo-plugin .geopicker .map-canvas-wrapper, + .enketo-plugin .geopicker .search-bar { + width: 100%; + float: none; + padding-left: 0; + border-left: none; + } +} + +.enketo-plugin .geopicker .search-bar { + margin-top: 0; + display: flex; + justify-content: space-between; +} + +.enketo-plugin .geopicker .search-bar .input-group { + display: flex; + width: 80%; + order: 2; +} + +.enketo-plugin .geopicker .search-bar [name="search"] { + margin: 0 !important; + width: calc(100% - 40px); + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.enketo-plugin .geopicker .search-bar .hide-map-btn { + display: none; +} + +.enketo-plugin .geopicker .search-bar .search-btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0; +} + +.enketo-plugin .geopicker .btn:not(.close-chain-btn):not(.toggle-input-type-btn) { + height: 34px; +} + +.enketo-plugin .geopicker .btn[name="geodetect"] { + font-size: 16px; + margin: 0 0 0 4%; + order: 3; +} + +.enketo-plugin .geopicker .close-chain-btn { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: inline-block; + padding: 0 5px; + margin-left: 15px; +} + +.enketo-plugin .geopicker .toggle-input-visibility-btn { + position: absolute; + top: calc(50% - 15px); + left: -16px; + background: none; + border-left: 3px solid #aaaaaa; + border-bottom: 2px solid #aaaaaa; + border-top: 2px solid #aaaaaa; + border-right: none; + height: 30px; + width: 7px; + padding: 0; + z-index: 10; +} + +.enketo-plugin .geopicker .toggle-input-visibility-btn.open { + left: -20px; + border-left: none; + border-right: 3px solid #aaaaaa; +} + +.enketo-plugin .geopicker .points { + width: 100%; + padding-bottom: 15px; +} + +.enketo-plugin .geopicker .point { + margin-right: 10px; + display: inline-block; + opacity: 0.9; +} + +.enketo-plugin .geopicker .point.has-error:not(.active) { + border: 1px solid #a94442; + background: #F2DEDE; + opacity: 1; +} + +.enketo-plugin .geopicker .addpoint { + border: none; + background: none; + height: 16px; + width: 16px; + font-weight: bold; + font-size: 16px; + padding: 0; + vertical-align: top; + line-height: 16px; + margin: 0; + display: inline-block; + margin-top: -1px; +} + +.enketo-plugin .geopicker .btn-remove[disabled], +.enketo-plugin .geopicker .close-chain-btn[disabled], +.enketo-plugin .geopicker button[name=geodetect][disabled], +.enketo-plugin .geopicker input[name=search][disabled], +.enketo-plugin .geopicker .search-btn[disabled] { + display: none; +} + +.enketo-plugin .geopicker .hide-search.no-map { + border-left: none; +} + +.enketo-plugin .geopicker .hide-search .input-group { + display: none; +} + +.enketo-plugin .geopicker .hide-search .btn[name="geodetect"] { + margin: 15px auto 15px auto; + width: 50%; +} + +.enketo-plugin .geopicker label.geo { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: block; + border: none; + padding: 0; + margin: 15px 0 0 0; +} + +.enketo-plugin .geopicker label.geo.lat, +.enketo-plugin .geopicker label.geo.kml { + padding-top: 5px; +} + +.enketo-plugin .geopicker label.geo.long { + margin-bottom: 20px; +} + +.enketo-plugin .geopicker label.geo.alt { + border-top: solid 1px #bbbbbb; + padding: 12px 0 0 0; + margin: 0 0 0 0; +} + +@media screen and (max-width: 720px) { + .enketo-plugin .geopicker label.geo.alt { + border-top: none; + } +} + +.enketo-plugin .geopicker label.geo.acc { + padding: 0; + margin: 5px 0 0 0; +} + +.enketo-plugin .geopicker label.geo.alt, +.enketo-plugin .geopicker label.geo.acc { + min-height: 70px; + line-height: 50px; + font-size: 11.25px; +} + +.enketo-plugin .geopicker input[name="lat"], +.enketo-plugin .geopicker input[name="long"], +.enketo-plugin .geopicker textarea[name="kml"] { + float: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + /*&:invalid { + //copied from bootstrap + color: $state-danger-text; + border-color: $state-danger-text; + @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); + // Redeclare so transitions work + &:focus { + border-color: darken($state-danger-text, 10%); + $shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px lighten($state-danger-text, 20%); + @include box-shadow($shadow); + } + }*/ +} + +.enketo-plugin .geopicker input[name="alt"], +.enketo-plugin .geopicker input[name="acc"] { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + float: right; + width: 40%; +} + +@media screen and (max-width: 720px) { + + .enketo-plugin .geopicker input[name="alt"], + .enketo-plugin .geopicker input[name="acc"] { + width: 50%; + } +} + +.enketo-plugin .geopicker textarea[name="kml"] { + min-height: 260px; + overflow: auto; +} + +.enketo-plugin .geopicker textarea[name="kml"]:disabled+.disabled-msg { + display: block; +} + +.enketo-plugin .geopicker .geo.kml { + display: none; + margin-bottom: 10px; +} + +.enketo-plugin .geopicker .toggle-input-type-btn { + border: none; + background: none; + color: #ccc; + position: absolute; + top: -10px; + right: 0; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 12px; +} + +.enketo-plugin .geopicker .toggle-input-type-btn .kml-input { + display: block; +} + +.enketo-plugin .geopicker .toggle-input-type-btn .points-input { + display: none; +} + +.enketo-plugin .geopicker .kml-input-mode .geo { + display: none; +} + +.enketo-plugin .geopicker .kml-input-mode .geo.kml { + display: block; +} + +.enketo-plugin .geopicker .kml-input-mode .toggle-input-type-btn .kml-input { + display: none; +} + +.enketo-plugin .geopicker .kml-input-mode .toggle-input-type-btn .points-input { + display: block; +} + +.enketo-plugin .geopicker .map-canvas { + width: 100%; + border: 1px solid #ccc; + border-radius: 3px; + margin-top: 10px; + height: 275px; + display: flex; + flex-direction: column; + justify-content: center; + cursor: crosshair; +} + +.enketo-plugin .geopicker .map-canvas img { + max-width: none; +} + +.enketo-plugin .geopicker .map-canvas .attribution { + position: absolute; + right: 0; + bottom: 0; + font-size: 10px; +} + +.enketo-plugin .geopicker .map-canvas.static { + cursor: not-allowed; +} + +.enketo-plugin .geopicker .map-canvas .show-map-btn { + width: 150px; + margin: 120px auto; + display: block; +} + +.enketo-plugin .geopicker.full-screen { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 10000; + background: white; + margin-top: 0; + padding-top: 25px; +} + +.enketo-plugin .geopicker.full-screen .geo-inputs { + margin-left: 25px; + margin-bottom: 15px; +} + +.enketo-plugin .geopicker.full-screen .geo-inputs .geo, +.enketo-plugin .geopicker.full-screen .geo-inputs .toggle-input-type-btn { + display: none; +} + +.enketo-plugin .geopicker.full-screen .geo-inputs .close-chain-btn { + margin-left: 20px; + margin-top: 0; +} + +.enketo-plugin .geopicker.full-screen .map-canvas-wrapper { + float: none; + width: 100%; + padding: 0 25px 15px 25px; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.enketo-plugin .geopicker.full-screen .map-canvas-wrapper .map-canvas { + height: 100%; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.enketo-plugin .geopicker.full-screen .map-canvas-wrapper .show-map-btn { + display: none; +} + +.enketo-plugin .geopicker.full-screen .search-bar { + width: 100%; + padding: 0 25px 15px 25px; +} + +.enketo-plugin .geopicker.full-screen .search-bar.hide-search { + display: block; +} + +.enketo-plugin .geopicker.full-screen .search-bar .hide-map-btn { + display: block; + width: 70px; + margin-right: 15px; + order: 1; +} + +.enketo-plugin .geopicker.full-screen .search-bar [name="geodetect"] { + width: 70px; + margin-left: 15px; +} + +.enketo-plugin .geopicker.full-screen .search-bar .input-group { + width: auto; + flex: 100%; +} + +.enketo-plugin .geopicker.full-screen .points { + display: none; +} + +.enketo-plugin .geopicker.full-screen .btn-remove { + margin-left: 0; +} + +.enketo-plugin .geopicker .leaflet-control-layers-toggle, +.enketo-plugin .geopicker .leaflet-retina .leaflet-control-layers-toggle { + background: none; + color: #888; + text-align: center; + font-size: 20px; + line-height: 44px; +} + +.enketo-plugin .geopicker .leaflet-control-layers-toggle .icon-globe, +.enketo-plugin .geopicker .leaflet-retina .leaflet-control-layers-toggle .icon-globe { + margin: -1px auto 0 auto; +} + +.enketo-plugin .geopicker .leaflet-control-layers-list label { + text-align: left; + padding: 5px; +} + +.enketo-plugin .geopicker .leaflet-control-layers-list label .option-label { + margin-left: 30px; + display: block; + line-height: 20px; +} + +.enketo-plugin .geopicker:not(.full-screen).hide-input.wide .map-canvas { + height: 375px; +} + +.enketo-plugin .geopicker:not(.full-screen).hide-input .geo-inputs .geo { + display: none; +} + +.enketo-plugin .geopicker:not(.full-screen).hide-input .toggle-input-type-btn { + display: none; +} + +.enketo-plugin .geopicker:not(.full-screen).hide-input .btn-remove { + margin: 10px 0 5px 0; +} + +.enketo-plugin .geopicker:not(.full-screen).hide-input .map-canvas-wrapper, +.enketo-plugin .geopicker:not(.full-screen).hide-input .search-bar { + width: 100%; + border-left: none; + padding-left: 0; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .geo-inputs { + margin: 0 0 0 4%; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .map-canvas-wrapper, +.enketo-plugin .or[dir="rtl"] .geopicker .search-bar { + float: left; + border-left: none; + border-right: solid 1px #bbbbbb; +} + +@media screen and (max-width: 720px) { + + .enketo-plugin .or[dir="rtl"] .geopicker .map-canvas-wrapper, + .enketo-plugin .or[dir="rtl"] .geopicker .search-bar { + border-right: none; + } +} + +.enketo-plugin .or[dir="rtl"] .geopicker .map-canvas-wrapper .input-group, +.enketo-plugin .or[dir="rtl"] .geopicker .search-bar .input-group { + flex-direction: row-reverse; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .toggle-input-visibility-btn { + right: -16px; + border-right: 3px solid #aaaaaa; + border-bottom: 2px solid #aaaaaa; + border-top: 2px solid #aaaaaa; + border-left: none; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .toggle-input-visibility-btn.open { + right: -20px; + border-right: none; + border-left: 3px solid #aaaaaa; +} + +.enketo-plugin .or[dir="rtl"] .geopicker input[name="alt"], +.enketo-plugin .or[dir="rtl"] .geopicker input[name="acc"] { + float: left; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .btn[name="geodetect"] { + font-size: 16px; + margin: 0 4% 0 0; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .hide-map-btn { + margin: 0 0 0 4%; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .hide-search .btn[name="geodetect"] { + margin: 15px auto; + width: 50%; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .close-chain-btn { + margin-left: 0; + margin-right: 15px; +} + +.enketo-plugin .or[dir="rtl"] .geopicker .toggle-input-type-btn { + left: 0; + right: auto; +} + +.enketo-plugin .or[dir="rtl"] .geopicker:not(.full-screen).hide-input .map-canvas-wrapper, +.enketo-plugin .or[dir="rtl"] .geopicker:not(.full-screen).hide-input .search-bar { + border-right: none; + padding-right: 4%; + padding-left: 0; +} + +@media screen and (max-width: 500px) { + .enketo-plugin .full-screen.geopicker .search-bar .search-btn { + display: none; + } + + .enketo-plugin .full-screen.geopicker .search-bar [name="search"] { + width: 100%; + } + + .enketo-plugin .full-screen.geopicker .search-bar [name="search"] { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} + +.enketo-plugin .question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) .geopicker label { + line-height: 16px; + font-weight: normal; +} + +.enketo-plugin .question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) .geopicker label input[type=radio]~.option-label::before { + font-size: 16px; + height: 16px; + margin-right: 2px; +} + +/* required styles for Leaflet (unchanged from https://github.com/Leaflet/Leaflet/blob/master/dist/leaflet.css) */ +.enketo-plugin .leaflet-pane, +.enketo-plugin .leaflet-tile, +.enketo-plugin .leaflet-marker-icon, +.enketo-plugin .leaflet-marker-shadow, +.enketo-plugin .leaflet-tile-container, +.enketo-plugin .leaflet-pane>svg, +.enketo-plugin .leaflet-pane>canvas, +.enketo-plugin .leaflet-zoom-box, +.enketo-plugin .leaflet-image-layer, +.enketo-plugin .leaflet-layer { + position: absolute; + left: 0; + top: 0; +} + +.enketo-plugin .leaflet-container { + overflow: hidden; +} + +.enketo-plugin .leaflet-tile, +.enketo-plugin .leaflet-marker-icon, +.enketo-plugin .leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; +} + +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.enketo-plugin .leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; +} + +/* hack that prevents hw layers "stretching" when loading new tiles */ +.enketo-plugin .leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; +} + +.enketo-plugin .leaflet-marker-icon, +.enketo-plugin .leaflet-marker-shadow { + display: block; +} + +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.enketo-plugin .leaflet-container .leaflet-overlay-pane svg, +.enketo-plugin .leaflet-container .leaflet-marker-pane img, +.enketo-plugin .leaflet-container .leaflet-shadow-pane img, +.enketo-plugin .leaflet-container .leaflet-tile-pane img, +.enketo-plugin .leaflet-container img.leaflet-image-layer { + max-width: none !important; + max-height: none !important; +} + +.enketo-plugin .leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; +} + +.enketo-plugin .leaflet-container.leaflet-touch-drag { + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; +} + +.enketo-plugin .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; +} + +.enketo-plugin .leaflet-container { + -webkit-tap-highlight-color: transparent; +} + +.enketo-plugin .leaflet-container a { + -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); +} + +.enketo-plugin .leaflet-tile { + filter: inherit; + visibility: hidden; +} + +.enketo-plugin .leaflet-tile-loaded { + visibility: inherit; +} + +.enketo-plugin .leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; +} + +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.enketo-plugin .leaflet-overlay-pane svg { + -moz-user-select: none; +} + +.enketo-plugin .leaflet-pane { + z-index: 400; +} + +.enketo-plugin .leaflet-tile-pane { + z-index: 200; +} + +.enketo-plugin .leaflet-overlay-pane { + z-index: 400; +} + +.enketo-plugin .leaflet-shadow-pane { + z-index: 500; +} + +.enketo-plugin .leaflet-marker-pane { + z-index: 600; +} + +.enketo-plugin .leaflet-tooltip-pane { + z-index: 650; +} + +.enketo-plugin .leaflet-popup-pane { + z-index: 700; +} + +.enketo-plugin .leaflet-map-pane canvas { + z-index: 100; +} + +.enketo-plugin .leaflet-map-pane svg { + z-index: 200; +} + +.enketo-plugin .leaflet-vml-shape { + width: 1px; + height: 1px; +} + +.enketo-plugin .lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; +} + +/* control positioning */ +.enketo-plugin .leaflet-control { + position: relative; + z-index: 800; + pointer-events: visiblePainted; + /* IE 9-10 doesn't have auto */ + pointer-events: auto; +} + +.enketo-plugin .leaflet-top, +.enketo-plugin .leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; +} + +.enketo-plugin .leaflet-top { + top: 0; +} + +.enketo-plugin .leaflet-right { + right: 0; +} + +.enketo-plugin .leaflet-bottom { + bottom: 0; +} + +.enketo-plugin .leaflet-left { + left: 0; +} + +.enketo-plugin .leaflet-control { + float: left; + clear: both; +} + +.enketo-plugin .leaflet-right .leaflet-control { + float: right; +} + +.enketo-plugin .leaflet-top .leaflet-control { + margin-top: 10px; +} + +.enketo-plugin .leaflet-bottom .leaflet-control { + margin-bottom: 10px; +} + +.enketo-plugin .leaflet-left .leaflet-control { + margin-left: 10px; +} + +.enketo-plugin .leaflet-right .leaflet-control { + margin-right: 10px; +} + +/* zoom and fade animations */ +.enketo-plugin .leaflet-fade-anim .leaflet-tile { + will-change: opacity; +} + +.enketo-plugin .leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} + +.enketo-plugin .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; +} + +.enketo-plugin .leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; +} + +.enketo-plugin .leaflet-zoom-anim .leaflet-zoom-animated { + will-change: transform; +} + +.enketo-plugin .leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); +} + +.enketo-plugin .leaflet-zoom-anim .leaflet-tile, +.enketo-plugin .leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.enketo-plugin .leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; +} + +/* cursors */ +.enketo-plugin .leaflet-interactive { + cursor: pointer; +} + +.enketo-plugin .leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; +} + +.enketo-plugin .leaflet-crosshair, +.enketo-plugin .leaflet-crosshair .leaflet-interactive { + cursor: crosshair; +} + +.enketo-plugin .leaflet-popup-pane, +.enketo-plugin .leaflet-control { + cursor: auto; +} + +.enketo-plugin .leaflet-dragging .leaflet-grab, +.enketo-plugin .leaflet-dragging .leaflet-grab .leaflet-interactive, +.enketo-plugin .leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; +} + +/* marker & overlays interactivity */ +.enketo-plugin .leaflet-marker-icon, +.enketo-plugin .leaflet-marker-shadow, +.enketo-plugin .leaflet-image-layer, +.enketo-plugin .leaflet-pane>svg path, +.enketo-plugin .leaflet-tile-container { + pointer-events: none; +} + +.enketo-plugin .leaflet-marker-icon.leaflet-interactive, +.enketo-plugin .leaflet-image-layer.leaflet-interactive, +.enketo-plugin .leaflet-pane>svg path.leaflet-interactive { + pointer-events: visiblePainted; + /* IE 9-10 doesn't have auto */ + pointer-events: auto; +} + +/* visual tweaks */ +.enketo-plugin .leaflet-container { + background: #ddd; + outline: 0; +} + +.enketo-plugin .leaflet-container a { + color: #0078A8; +} + +.enketo-plugin .leaflet-container a.leaflet-active { + outline: 2px solid orange; +} + +.enketo-plugin .leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255, 255, 255, 0.5); +} + +/* general typography */ +.enketo-plugin .leaflet-container { + font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; +} + +/* general toolbar styles */ +.enketo-plugin .leaflet-bar { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; +} + +.enketo-plugin .leaflet-bar a, +.enketo-plugin .leaflet-bar a:hover { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; +} + +.enketo-plugin .leaflet-bar a, +.enketo-plugin .leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; +} + +.enketo-plugin .leaflet-bar a:hover { + background-color: #f4f4f4; +} + +.enketo-plugin .leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +.enketo-plugin .leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; +} + +.enketo-plugin .leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; +} + +.enketo-plugin .leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; +} + +.enketo-plugin .leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.enketo-plugin .leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +/* zoom control */ +.enketo-plugin .leaflet-control-zoom-in, +.enketo-plugin .leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; +} + +.enketo-plugin .leaflet-touch .leaflet-control-zoom-in, +.enketo-plugin .leaflet-touch .leaflet-control-zoom-out { + font-size: 22px; +} + +/* layers control */ +.enketo-plugin .leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background: #fff; + border-radius: 5px; +} + +.enketo-plugin .leaflet-control-layers-toggle { + background-image: url(images/layers.png); + width: 36px; + height: 36px; +} + +.enketo-plugin .leaflet-retina .leaflet-control-layers-toggle { + background-image: url(images/layers-2x.png); + background-size: 26px 26px; +} + +.enketo-plugin .leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; +} + +.enketo-plugin .leaflet-control-layers .leaflet-control-layers-list, +.enketo-plugin .leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; +} + +.enketo-plugin .leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; +} + +.enketo-plugin .leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; +} + +.enketo-plugin .leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; +} + +.enketo-plugin .leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; +} + +.enketo-plugin .leaflet-control-layers label { + display: block; +} + +.enketo-plugin .leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; +} + +/* Default icon URLs */ +.enketo-plugin .leaflet-default-icon-path { + background-image: url(images/marker-icon.png); +} + +/* attribution and scale controls */ +.enketo-plugin .leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.7); + margin: 0; +} + +.enketo-plugin .leaflet-control-attribution, +.enketo-plugin .leaflet-control-scale-line { + padding: 0 5px; + color: #333; +} + +.enketo-plugin .leaflet-control-attribution a { + text-decoration: none; +} + +.enketo-plugin .leaflet-control-attribution a:hover { + text-decoration: underline; +} + +.enketo-plugin .leaflet-container .leaflet-control-attribution, +.enketo-plugin .leaflet-container .leaflet-control-scale { + font-size: 11px; +} + +.enketo-plugin .leaflet-left .leaflet-control-scale { + margin-left: 5px; +} + +.enketo-plugin .leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; +} + +.enketo-plugin .leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + background: rgba(255, 255, 255, 0.5); +} + +.enketo-plugin .leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; +} + +.enketo-plugin .leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; +} + +.enketo-plugin .leaflet-touch .leaflet-control-attribution, +.enketo-plugin .leaflet-touch .leaflet-control-layers, +.enketo-plugin .leaflet-touch .leaflet-bar { + box-shadow: none; +} + +.enketo-plugin .leaflet-touch .leaflet-control-layers, +.enketo-plugin .leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; +} + +/* popup */ +.enketo-plugin .leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: 20px; +} + +.enketo-plugin .leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; +} + +.enketo-plugin .leaflet-popup-content { + margin: 13px 19px; + line-height: 1.4; +} + +.enketo-plugin .leaflet-popup-content p { + margin: 18px 0; +} + +.enketo-plugin .leaflet-popup-tip-container { + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; +} + +.enketo-plugin .leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.enketo-plugin .leaflet-popup-content-wrapper, +.enketo-plugin .leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); +} + +.enketo-plugin .leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; +} + +.enketo-plugin .leaflet-container a.leaflet-popup-close-button:hover { + color: #999; +} + +.enketo-plugin .leaflet-popup-scrolled { + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; +} + +.enketo-plugin .leaflet-oldie .leaflet-popup-content-wrapper { + zoom: 1; +} + +.enketo-plugin .leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); +} + +.enketo-plugin .leaflet-oldie .leaflet-popup-tip-container { + margin-top: -1px; +} + +.enketo-plugin .leaflet-oldie .leaflet-control-zoom, +.enketo-plugin .leaflet-oldie .leaflet-control-layers, +.enketo-plugin .leaflet-oldie .leaflet-popup-content-wrapper, +.enketo-plugin .leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; +} + +/* div icon */ +.enketo-plugin .leaflet-div-icon { + background: #fff; + border: 1px solid #666; +} + +/* Tooltip */ +/* Base styles for the element that has a tooltip */ +.enketo-plugin .leaflet-tooltip { + position: absolute; + padding: 6px; + background-color: #fff; + border: 1px solid #fff; + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); +} + +.enketo-plugin .leaflet-tooltip.leaflet-clickable { + cursor: pointer; + pointer-events: auto; +} + +.enketo-plugin .leaflet-tooltip-top:before, +.enketo-plugin .leaflet-tooltip-bottom:before, +.enketo-plugin .leaflet-tooltip-left:before, +.enketo-plugin .leaflet-tooltip-right:before { + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; +} + +/* Directions */ +.enketo-plugin .leaflet-tooltip-bottom { + margin-top: 6px; +} + +.enketo-plugin .leaflet-tooltip-top { + margin-top: -6px; +} + +.enketo-plugin .leaflet-tooltip-bottom:before, +.enketo-plugin .leaflet-tooltip-top:before { + left: 50%; + margin-left: -6px; +} + +.enketo-plugin .leaflet-tooltip-top:before { + bottom: 0; + margin-bottom: -12px; + border-top-color: #fff; +} + +.enketo-plugin .leaflet-tooltip-bottom:before { + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: #fff; +} + +.enketo-plugin .leaflet-tooltip-left { + margin-left: -6px; +} + +.enketo-plugin .leaflet-tooltip-right { + margin-left: 6px; +} + +.enketo-plugin .leaflet-tooltip-left:before, +.enketo-plugin .leaflet-tooltip-right:before { + top: 50%; + margin-top: -6px; +} + +.enketo-plugin .leaflet-tooltip-left:before { + right: 0; + margin-right: -12px; + border-left-color: #fff; +} + +.enketo-plugin .leaflet-tooltip-right:before { + left: 0; + margin-left: -12px; + border-right-color: #fff; +} + +.enketo-plugin .question.or-appearance-list-nolabel, +.enketo-plugin .question.or-appearance-label { + margin: -0.9em 0 -0.7em 0; +} + +.enketo-plugin .question.or-appearance-list-nolabel legend, +.enketo-plugin .question.or-appearance-label legend { + float: left; + border: none; + line-height: 17px; + width: 35%; + min-height: 1px; +} + +.enketo-plugin .question.or-appearance-list-nolabel .option-wrapper, +.enketo-plugin .question.or-appearance-label .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +.enketo-plugin .question.or-appearance-list-nolabel .option-wrapper label, +.enketo-plugin .question.or-appearance-label .option-wrapper label { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 4px 0; + word-break: break-word; +} + +.enketo-plugin .question.or-appearance-list-nolabel .option-wrapper label .active, +.enketo-plugin .question.or-appearance-label .option-wrapper label .active { + margin: 0 auto; +} + +.enketo-plugin .question.or-appearance-list-nolabel .option-label.active, +.enketo-plugin .question.or-appearance-label .option-label.active { + text-align: center; +} + +.enketo-plugin .or[dir="rtl"] .question.or-appearance-list-nolabel, +.enketo-plugin .or[dir="rtl"] .question.or-appearance-label { + margin: -0.9em 0 -0.7em 0; +} + +.enketo-plugin .or[dir="rtl"] .question.or-appearance-list-nolabel legend, +.enketo-plugin .or[dir="rtl"] .question.or-appearance-label legend { + float: right; +} + +.enketo-plugin .or[dir="rtl"] .question.or-appearance-list-nolabel input[type=radio], +.enketo-plugin .or[dir="rtl"] .question.or-appearance-list-nolabel input[type=checkbox] { + float: none; + margin: 0; +} + +.enketo-plugin .question.or-appearance-list-nolabel label .active { + display: none; + float: none; +} + +.enketo-plugin .question.or-appearance-list-nolabel input[type=radio], +.enketo-plugin .question.or-appearance-list-nolabel input[type=checkbox] { + float: none; + text-align: center; + display: inline-block; + margin: 0; + vertical-align: middle; +} + +.enketo-plugin .question.or-appearance-label .option-wrapper>label { + margin-bottom: 6px; +} + +.enketo-plugin .question.or-appearance-label .option-wrapper>label:hover { + background-color: transparent; +} + +.enketo-plugin .question.or-appearance-label input[type=radio], +.enketo-plugin .question.or-appearance-label input[type=checkbox] { + display: none; +} + +.enketo-plugin .question.or-appearance-label img { + max-height: 30px; + max-width: 30px; + float: none; +} + +.enketo-plugin .or[dir="rtl"] .question.or-appearance-label .option-wrapper>label img { + float: none; +} + +/*! + * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) + * + * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) + */ +.enketo-plugin .datepicker { + padding: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; +} + +.enketo-plugin .datepicker-inline { + width: 220px; +} + +.enketo-plugin .datepicker-rtl { + direction: rtl; +} + +.enketo-plugin .datepicker-rtl.dropdown-menu { + left: auto; +} + +.enketo-plugin .datepicker-rtl table tr td span { + float: right; +} + +.enketo-plugin .datepicker-dropdown { + top: 0; + left: 0; +} + +.enketo-plugin .datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #999; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; +} + +.enketo-plugin .datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-top: 0; + position: absolute; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-left:before { + left: 6px; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-left:after { + left: 7px; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-right:before { + right: 6px; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-right:after { + right: 7px; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-bottom:before { + top: -7px; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-bottom:after { + top: -6px; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-top:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; +} + +.enketo-plugin .datepicker-dropdown.datepicker-orient-top:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #fff; +} + +.enketo-plugin .datepicker table { + margin: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.enketo-plugin .datepicker td, +.enketo-plugin .datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; +} + +.enketo-plugin .table-striped .datepicker table tr td, +.enketo-plugin .table-striped .datepicker table tr th { + background-color: transparent; +} + +.enketo-plugin .datepicker table tr td.day.focused, +.enketo-plugin .datepicker table tr td.day:hover { + background: #eee; + cursor: pointer; +} + +.enketo-plugin .datepicker table tr td.new, +.enketo-plugin .datepicker table tr td.old { + color: #999; +} + +.enketo-plugin .datepicker table tr td.disabled, +.enketo-plugin .datepicker table tr td.disabled:hover { + background: 0 0; + color: #999; + cursor: default; +} + +.enketo-plugin .datepicker table tr td.highlighted { + background: #d9edf7; + border-radius: 0; +} + +.enketo-plugin .datepicker table tr td.today, +.enketo-plugin .datepicker table tr td.today.disabled, +.enketo-plugin .datepicker table tr td.today.disabled:hover, +.enketo-plugin .datepicker table tr td.today:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #000; +} + +.enketo-plugin .datepicker table tr td.today.active, +.enketo-plugin .datepicker table tr td.today.disabled, +.enketo-plugin .datepicker table tr td.today.disabled.active, +.enketo-plugin .datepicker table tr td.today.disabled.disabled, +.enketo-plugin .datepicker table tr td.today.disabled:active, +.enketo-plugin .datepicker table tr td.today.disabled:hover, +.enketo-plugin .datepicker table tr td.today.disabled:hover.active, +.enketo-plugin .datepicker table tr td.today.disabled:hover.disabled, +.enketo-plugin .datepicker table tr td.today.disabled:hover:active, +.enketo-plugin .datepicker table tr td.today.disabled:hover:hover, +.enketo-plugin .datepicker table tr td.today.disabled:hover[disabled], +.enketo-plugin .datepicker table tr td.today.disabled[disabled], +.enketo-plugin .datepicker table tr td.today:active, +.enketo-plugin .datepicker table tr td.today:hover, +.enketo-plugin .datepicker table tr td.today:hover.active, +.enketo-plugin .datepicker table tr td.today:hover.disabled, +.enketo-plugin .datepicker table tr td.today:hover:active, +.enketo-plugin .datepicker table tr td.today:hover:hover, +.enketo-plugin .datepicker table tr td.today:hover[disabled], +.enketo-plugin .datepicker table tr td.today[disabled] { + background-color: #fdf59a; +} + +.enketo-plugin .datepicker table tr td.today.active, +.enketo-plugin .datepicker table tr td.today.disabled.active, +.enketo-plugin .datepicker table tr td.today.disabled:active, +.enketo-plugin .datepicker table tr td.today.disabled:hover.active, +.enketo-plugin .datepicker table tr td.today.disabled:hover:active, +.enketo-plugin .datepicker table tr td.today:active, +.enketo-plugin .datepicker table tr td.today:hover.active, +.enketo-plugin .datepicker table tr td.today:hover:active { + background-color: #fbf069\9; +} + +.enketo-plugin .datepicker table tr td.today:hover:hover { + color: #000; +} + +.enketo-plugin .datepicker table tr td.today.active:hover { + color: #fff; +} + +.enketo-plugin .datepicker table tr td.range, +.enketo-plugin .datepicker table tr td.range.disabled, +.enketo-plugin .datepicker table tr td.range.disabled:hover, +.enketo-plugin .datepicker table tr td.range:hover { + background: #eee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.enketo-plugin .datepicker table tr td.range.today, +.enketo-plugin .datepicker table tr td.range.today.disabled, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover, +.enketo-plugin .datepicker table tr td.range.today:hover { + background-color: #f3d17a; + background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); + background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); + border-color: #f3e97a #f3e97a #edde34; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.enketo-plugin .datepicker table tr td.range.today.active, +.enketo-plugin .datepicker table tr td.range.today.disabled, +.enketo-plugin .datepicker table tr td.range.today.disabled.active, +.enketo-plugin .datepicker table tr td.range.today.disabled.disabled, +.enketo-plugin .datepicker table tr td.range.today.disabled:active, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover.active, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover.disabled, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover:active, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover:hover, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover[disabled], +.enketo-plugin .datepicker table tr td.range.today.disabled[disabled], +.enketo-plugin .datepicker table tr td.range.today:active, +.enketo-plugin .datepicker table tr td.range.today:hover, +.enketo-plugin .datepicker table tr td.range.today:hover.active, +.enketo-plugin .datepicker table tr td.range.today:hover.disabled, +.enketo-plugin .datepicker table tr td.range.today:hover:active, +.enketo-plugin .datepicker table tr td.range.today:hover:hover, +.enketo-plugin .datepicker table tr td.range.today:hover[disabled], +.enketo-plugin .datepicker table tr td.range.today[disabled] { + background-color: #f3e97a; +} + +.enketo-plugin .datepicker table tr td.range.today.active, +.enketo-plugin .datepicker table tr td.range.today.disabled.active, +.enketo-plugin .datepicker table tr td.range.today.disabled:active, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover.active, +.enketo-plugin .datepicker table tr td.range.today.disabled:hover:active, +.enketo-plugin .datepicker table tr td.range.today:active, +.enketo-plugin .datepicker table tr td.range.today:hover.active, +.enketo-plugin .datepicker table tr td.range.today:hover:active { + background-color: #efe24b\9; +} + +.enketo-plugin .datepicker table tr td.selected, +.enketo-plugin .datepicker table tr td.selected.disabled, +.enketo-plugin .datepicker table tr td.selected.disabled:hover, +.enketo-plugin .datepicker table tr td.selected:hover { + background-color: #9e9e9e; + background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey)); + background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -o-linear-gradient(to bottom, #b3b3b3, grey); + background-image: linear-gradient(to bottom, #b3b3b3, grey); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); + border-color: grey grey #595959; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.enketo-plugin .datepicker table tr td.selected.active, +.enketo-plugin .datepicker table tr td.selected.disabled, +.enketo-plugin .datepicker table tr td.selected.disabled.active, +.enketo-plugin .datepicker table tr td.selected.disabled.disabled, +.enketo-plugin .datepicker table tr td.selected.disabled:active, +.enketo-plugin .datepicker table tr td.selected.disabled:hover, +.enketo-plugin .datepicker table tr td.selected.disabled:hover.active, +.enketo-plugin .datepicker table tr td.selected.disabled:hover.disabled, +.enketo-plugin .datepicker table tr td.selected.disabled:hover:active, +.enketo-plugin .datepicker table tr td.selected.disabled:hover:hover, +.enketo-plugin .datepicker table tr td.selected.disabled:hover[disabled], +.enketo-plugin .datepicker table tr td.selected.disabled[disabled], +.enketo-plugin .datepicker table tr td.selected:active, +.enketo-plugin .datepicker table tr td.selected:hover, +.enketo-plugin .datepicker table tr td.selected:hover.active, +.enketo-plugin .datepicker table tr td.selected:hover.disabled, +.enketo-plugin .datepicker table tr td.selected:hover:active, +.enketo-plugin .datepicker table tr td.selected:hover:hover, +.enketo-plugin .datepicker table tr td.selected:hover[disabled], +.enketo-plugin .datepicker table tr td.selected[disabled] { + background-color: grey; +} + +.enketo-plugin .datepicker table tr td.selected.active, +.enketo-plugin .datepicker table tr td.selected.disabled.active, +.enketo-plugin .datepicker table tr td.selected.disabled:active, +.enketo-plugin .datepicker table tr td.selected.disabled:hover.active, +.enketo-plugin .datepicker table tr td.selected.disabled:hover:active, +.enketo-plugin .datepicker table tr td.selected:active, +.enketo-plugin .datepicker table tr td.selected:hover.active, +.enketo-plugin .datepicker table tr td.selected:hover:active { + background-color: #666\9; +} + +.enketo-plugin .datepicker table tr td.active, +.enketo-plugin .datepicker table tr td.active.disabled, +.enketo-plugin .datepicker table tr td.active.disabled:hover, +.enketo-plugin .datepicker table tr td.active:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(to bottom, #08c, #04c); + background-image: -ms-linear-gradient(to bottom, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(to bottom, #08c, #04c); + background-image: -o-linear-gradient(to bottom, #08c, #04c); + background-image: linear-gradient(to bottom, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.enketo-plugin .datepicker table tr td.active.active, +.enketo-plugin .datepicker table tr td.active.disabled, +.enketo-plugin .datepicker table tr td.active.disabled.active, +.enketo-plugin .datepicker table tr td.active.disabled.disabled, +.enketo-plugin .datepicker table tr td.active.disabled:active, +.enketo-plugin .datepicker table tr td.active.disabled:hover, +.enketo-plugin .datepicker table tr td.active.disabled:hover.active, +.enketo-plugin .datepicker table tr td.active.disabled:hover.disabled, +.enketo-plugin .datepicker table tr td.active.disabled:hover:active, +.enketo-plugin .datepicker table tr td.active.disabled:hover:hover, +.enketo-plugin .datepicker table tr td.active.disabled:hover[disabled], +.enketo-plugin .datepicker table tr td.active.disabled[disabled], +.enketo-plugin .datepicker table tr td.active:active, +.enketo-plugin .datepicker table tr td.active:hover, +.enketo-plugin .datepicker table tr td.active:hover.active, +.enketo-plugin .datepicker table tr td.active:hover.disabled, +.enketo-plugin .datepicker table tr td.active:hover:active, +.enketo-plugin .datepicker table tr td.active:hover:hover, +.enketo-plugin .datepicker table tr td.active:hover[disabled], +.enketo-plugin .datepicker table tr td.active[disabled] { + background-color: #04c; +} + +.enketo-plugin .datepicker table tr td.active.active, +.enketo-plugin .datepicker table tr td.active.disabled.active, +.enketo-plugin .datepicker table tr td.active.disabled:active, +.enketo-plugin .datepicker table tr td.active.disabled:hover.active, +.enketo-plugin .datepicker table tr td.active.disabled:hover:active, +.enketo-plugin .datepicker table tr td.active:active, +.enketo-plugin .datepicker table tr td.active:hover.active, +.enketo-plugin .datepicker table tr td.active:hover:active { + background-color: #039\9; +} + +.enketo-plugin .datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.enketo-plugin .datepicker table tr td span.focused, +.enketo-plugin .datepicker table tr td span:hover { + background: #eee; +} + +.enketo-plugin .datepicker table tr td span.disabled, +.enketo-plugin .datepicker table tr td span.disabled:hover { + background: 0 0; + color: #999; + cursor: default; +} + +.enketo-plugin .datepicker table tr td span.active, +.enketo-plugin .datepicker table tr td span.active.disabled, +.enketo-plugin .datepicker table tr td span.active.disabled:hover, +.enketo-plugin .datepicker table tr td span.active:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(to bottom, #08c, #04c); + background-image: -ms-linear-gradient(to bottom, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(to bottom, #08c, #04c); + background-image: -o-linear-gradient(to bottom, #08c, #04c); + background-image: linear-gradient(to bottom, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.enketo-plugin .datepicker table tr td span.active.active, +.enketo-plugin .datepicker table tr td span.active.disabled, +.enketo-plugin .datepicker table tr td span.active.disabled.active, +.enketo-plugin .datepicker table tr td span.active.disabled.disabled, +.enketo-plugin .datepicker table tr td span.active.disabled:active, +.enketo-plugin .datepicker table tr td span.active.disabled:hover, +.enketo-plugin .datepicker table tr td span.active.disabled:hover.active, +.enketo-plugin .datepicker table tr td span.active.disabled:hover.disabled, +.enketo-plugin .datepicker table tr td span.active.disabled:hover:active, +.enketo-plugin .datepicker table tr td span.active.disabled:hover:hover, +.enketo-plugin .datepicker table tr td span.active.disabled:hover[disabled], +.enketo-plugin .datepicker table tr td span.active.disabled[disabled], +.enketo-plugin .datepicker table tr td span.active:active, +.enketo-plugin .datepicker table tr td span.active:hover, +.enketo-plugin .datepicker table tr td span.active:hover.active, +.enketo-plugin .datepicker table tr td span.active:hover.disabled, +.enketo-plugin .datepicker table tr td span.active:hover:active, +.enketo-plugin .datepicker table tr td span.active:hover:hover, +.enketo-plugin .datepicker table tr td span.active:hover[disabled], +.enketo-plugin .datepicker table tr td span.active[disabled] { + background-color: #04c; +} + +.enketo-plugin .datepicker table tr td span.active.active, +.enketo-plugin .datepicker table tr td span.active.disabled.active, +.enketo-plugin .datepicker table tr td span.active.disabled:active, +.enketo-plugin .datepicker table tr td span.active.disabled:hover.active, +.enketo-plugin .datepicker table tr td span.active.disabled:hover:active, +.enketo-plugin .datepicker table tr td span.active:active, +.enketo-plugin .datepicker table tr td span.active:hover.active, +.enketo-plugin .datepicker table tr td span.active:hover:active { + background-color: #039\9; +} + +.enketo-plugin .datepicker table tr td span.new, +.enketo-plugin .datepicker table tr td span.old { + color: #999; +} + +.enketo-plugin .datepicker .datepicker-switch { + width: 145px; +} + +.enketo-plugin .datepicker .datepicker-switch, +.enketo-plugin .datepicker .next, +.enketo-plugin .datepicker .prev, +.enketo-plugin .datepicker tfoot tr th { + cursor: pointer; +} + +.enketo-plugin .datepicker .datepicker-switch:hover, +.enketo-plugin .datepicker .next:hover, +.enketo-plugin .datepicker .prev:hover, +.enketo-plugin .datepicker tfoot tr th:hover { + background: #eee; +} + +.enketo-plugin .datepicker .next.disabled, +.enketo-plugin .datepicker .prev.disabled { + visibility: hidden; +} + +.enketo-plugin .datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} + +.enketo-plugin .input-append.date .add-on, +.enketo-plugin .input-prepend.date .add-on { + cursor: pointer; +} + +.enketo-plugin .input-append.date .add-on i, +.enketo-plugin .input-prepend.date .add-on i { + margin-top: 3px; +} + +.enketo-plugin .input-daterange input { + text-align: center; +} + +.enketo-plugin .input-daterange input:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +.enketo-plugin .input-daterange input:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} + +.enketo-plugin .input-daterange .add-on { + display: inline-block; + width: auto; + min-width: 16px; + height: 18px; + padding: 4px 5px; + font-weight: 400; + line-height: 18px; + text-align: center; + text-shadow: 0 1px 0 #fff; + vertical-align: middle; + background-color: #eee; + border: 1px solid #ccc; + margin-left: -5px; + margin-right: -5px; +} + +/** fixes by martijn **/ +.enketo-plugin .question .date input[type="text"] { + display: inline-block; + width: 180px; +} + +.enketo-plugin table { + max-width: 100%; + background-color: transparent; +} + +.enketo-plugin th { + text-align: left; +} + +.enketo-plugin .table-condensed>thead>tr>th, +.enketo-plugin .table-condensed>thead>tr>td, +.enketo-plugin .table-condensed>tbody>tr>th, +.enketo-plugin .table-condensed>tbody>tr>td, +.enketo-plugin .table-condensed>tfoot>tr>th, +.enketo-plugin .table-condensed>tfoot>tr>td { + padding: 5px; +} + +.enketo-plugin .table-hover>tbody>tr:hover>td, +.enketo-plugin .table-hover>tbody>tr:hover>th { + background-color: whitesmoke; +} + +.enketo-plugin table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} + +.enketo-plugin table td[class*="col-"], +.enketo-plugin table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} + +.enketo-plugin .table>thead>tr>td.active, +.enketo-plugin .table>thead>tr>th.active, +.enketo-plugin .table>thead>tr.active>td, +.enketo-plugin .table>thead>tr.active>th, +.enketo-plugin .table>tbody>tr>td.active, +.enketo-plugin .table>tbody>tr>th.active, +.enketo-plugin .table>tbody>tr.active>td, +.enketo-plugin .table>tbody>tr.active>th, +.enketo-plugin .table>tfoot>tr>td.active, +.enketo-plugin .table>tfoot>tr>th.active, +.enketo-plugin .table>tfoot>tr.active>td, +.enketo-plugin .table>tfoot>tr.active>th { + background-color: whitesmoke; +} + +.enketo-plugin .table-hover>tbody>tr>td.active:hover, +.enketo-plugin .table-hover>tbody>tr>th.active:hover, +.enketo-plugin .table-hover>tbody>tr.active:hover>td, +.enketo-plugin .table-hover>tbody>tr.active:hover>th { + background-color: #e8e8e8; +} + +/*! + * Timepicker + * + * Forked from https://github.com/jdewit/bootstrap-timepicker: + * + * Copyright 2013 Joris de Wit and timepicker contributors + * + * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors + * Contributors https://github.com/enketo/timepicker-basic/graphs/contributors + * + * For the full copyright and license information, please view the LICENSE + * file that was distributed with this source code. + */ +.enketo-plugin .timepicker { + position: relative; +} + +.enketo-plugin .timepicker.pull-right .timepicker-widget.dropdown-menu { + left: auto; + right: 0; +} + +.enketo-plugin .timepicker.pull-right .timepicker-widget.dropdown-menu:before { + left: auto; + right: 12px; +} + +.enketo-plugin .timepicker.pull-right .timepicker-widget.dropdown-menu:after { + left: auto; + right: 13px; +} + +.enketo-plugin .timepicker .input-group-addon { + cursor: pointer; +} + +.enketo-plugin .timepicker .input-group-addon i { + display: inline-block; + width: 16px; + height: 16px; +} + +.enketo-plugin .timepicker-widget.dropdown-menu { + padding: 4px; +} + +.enketo-plugin .timepicker-widget.dropdown-menu.open { + display: inline-block; +} + +.enketo-plugin .timepicker-widget.dropdown-menu:before { + border-bottom: 7px solid rgba(0, 0, 0, 0.2); + border-left: 7px solid transparent; + border-right: 7px solid transparent; + content: ""; + display: inline-block; + position: absolute; +} + +.enketo-plugin .timepicker-widget.dropdown-menu:after { + border-bottom: 6px solid #FFFFFF; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + content: ""; + display: inline-block; + position: absolute; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-left:before { + left: 6px; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-left:after { + left: 7px; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-right:before { + right: 6px; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-right:after { + right: 7px; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-top:before { + top: -7px; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-top:after { + top: -6px; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; +} + +.enketo-plugin .timepicker-widget.timepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #ffffff; +} + +.enketo-plugin .timepicker-widget a.btn, +.enketo-plugin .timepicker-widget input { + border-radius: 4px; +} + +.enketo-plugin .timepicker-widget table { + width: 100%; + margin: 0; +} + +.enketo-plugin .timepicker-widget table td { + text-align: center; + height: 30px; + margin: 0; + padding: 2px; +} + +.enketo-plugin .timepicker-widget table td:not(.separator) { + min-width: 30px; +} + +.enketo-plugin .timepicker-widget table td span { + width: 100%; +} + +.enketo-plugin .timepicker-widget table td a { + border: 1px transparent solid; + width: 100%; + display: inline-block; + margin: 0; + padding: 8px 0; + outline: 0; + color: #333; +} + +.enketo-plugin .timepicker-widget table td a:hover { + text-decoration: none; + background-color: #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border-color: #ddd; +} + +.enketo-plugin .timepicker-widget table td a i { + margin-top: 2px; + font-size: 18px; +} + +.enketo-plugin .timepicker-widget table td input { + width: 25px; + margin: 0; + text-align: center; +} + +/** Removed media query adjustment here to fix print issue (MvdR) */ +.enketo-plugin .timepicker input[type="text"] { + display: inline-block; + width: 180px; +} + +.enketo-plugin .timepicker-widget.dropdown-menu input { + width: 50px; + margin: 0 auto; +} + +.enketo-plugin .timepicker-widget table td span { + width: 12px; +} + +.enketo-plugin .timepicker-widget table td a i { + width: 11px; + height: 17px; + display: inline-block; +} + +.enketo-plugin .datetimepicker .date, +.enketo-plugin .datetimepicker .timepicker { + margin-right: 10px; + display: inline-block; +} + +.enketo-plugin .datetimepicker .date { + margin-right: 10px; +} + +.enketo-plugin .or[dir="rtl"] .datetimepicker .date { + margin-right: 0; +} + +.enketo-plugin .touch .timepicker-widget.dropdown-menu input { + width: 50px; + margin: 0 auto; +} + +.enketo-plugin .question.or-appearance-compact legend, +.enketo-plugin .question.or-appearance-quickcompact legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label:hover, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label .option-label, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label .active, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input[readonly]:checked~.active:hover, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input:checked~.active:hover, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact .option-wrapper>label input:focus~.active, +.enketo-plugin .question.or-appearance-quickcompact .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-1 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label { + width: 100%; +} + +.enketo-plugin .question.or-appearance-compact-1 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-2 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label { + width: 50%; +} + +.enketo-plugin .question.or-appearance-compact-2 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-3 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label { + width: 33.3333333333%; +} + +.enketo-plugin .question.or-appearance-compact-3 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-4 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label { + width: 25%; +} + +.enketo-plugin .question.or-appearance-compact-4 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-5 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label { + width: 20%; +} + +.enketo-plugin .question.or-appearance-compact-5 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-6 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label { + width: 16.6666666667%; +} + +.enketo-plugin .question.or-appearance-compact-6 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-7 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label { + width: 14.2857142857%; +} + +.enketo-plugin .question.or-appearance-compact-7 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-8 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label { + width: 12.5%; +} + +.enketo-plugin .question.or-appearance-compact-8 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-9 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label { + width: 11.1111111111%; +} + +.enketo-plugin .question.or-appearance-compact-9 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .question.or-appearance-compact-10 legend { + border: none; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label { + display: inline-block; + margin: 0; + padding: 10px !important; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label:hover { + background: none; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label .option-label { + padding: 2px; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input:not([disabled]):not([readonly])~.active:hover { + border-color: #faa474; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input[disabled]:checked~.active, +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input[disabled]:checked~.active:hover, +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input[readonly]:checked~.active, +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input[readonly]:checked~.active:hover { + border-color: #555555; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input:checked~.active, +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input:checked~.active:hover { + border-color: #ce4f07; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label input:focus~.active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label { + width: 10%; +} + +.enketo-plugin .question.or-appearance-compact-10 .option-wrapper>label img.active { + max-width: 100%; + max-height: 100%; +} + +.enketo-plugin .file-picker .fake-file-input { + display: block; + height: 34px; + padding: 6px 12px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 15px; + line-height: 1.25; + color: #555555; + background-color: white; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + display: inline-block; + width: 80%; + text-align: start; +} + +.enketo-plugin .file-picker .fake-file-input:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .file-picker .fake-file-input::-moz-placeholder { + color: #999999; + opacity: 1; +} + +.enketo-plugin .file-picker .fake-file-input:-ms-input-placeholder { + color: #999999; +} + +.enketo-plugin .file-picker .fake-file-input::-webkit-input-placeholder { + color: #999999; +} + +.enketo-plugin .file-picker .fake-file-input[disabled], +.enketo-plugin .file-picker .fake-file-input[readonly], +.enketo-plugin fieldset[disabled] .file-picker .fake-file-input { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} + +.enketo-plugin .file-picker .file-feedback, +.enketo-plugin .file-picker .file-preview { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; +} + +.enketo-plugin .file-picker .file-feedback.warning { + color: #8a6d3b; +} + +.enketo-plugin .file-picker .file-preview { + margin-top: 10px; +} + +.enketo-plugin .file-picker .btn-download { + margin-right: 0; +} + +.enketo-plugin .file-picker .btn-download[href=""] { + display: none; +} + +/* + * To save headaches with resizing canvases, it is important to maintain fixed aspect + * ratios at all times: + */ +.enketo-plugin .or-drawing-initialized input[type="text"], +.enketo-plugin .or-signature-initialized input[type="text"], +.enketo-plugin .or-annotate-initialized input[type="text"] { + display: none; +} + +.enketo-plugin .or-signature-initialized .draw-widget__body { + padding-top: 45%; +} + +.enketo-plugin .draw-widget { + width: 100%; +} + +.enketo-plugin .draw-widget__body { + position: relative; + width: 100%; + padding-top: 75%; +} + +.enketo-plugin .draw-widget__body__canvas { + background: white; + border: 1px solid #eeeeee; + display: block; + height: 34px; + padding: 6px 12px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 15px; + line-height: 1.25; + color: #555555; + background-color: white; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 0; + width: 100%; + height: 100%; +} + +.enketo-plugin .draw-widget__body__canvas:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .draw-widget__body__canvas::-moz-placeholder { + color: #999999; + opacity: 1; +} + +.enketo-plugin .draw-widget__body__canvas:-ms-input-placeholder { + color: #999999; +} + +.enketo-plugin .draw-widget__body__canvas::-webkit-input-placeholder { + color: #999999; +} + +.enketo-plugin .draw-widget__body__canvas[disabled], +.enketo-plugin .draw-widget__body__canvas[readonly], +.enketo-plugin fieldset[disabled] .draw-widget__body__canvas { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} + +.enketo-plugin .draw-widget__body__canvas.disabled { + cursor: not-allowed; + background: white; + opacity: 1; +} + +.enketo-plugin .draw-widget__body__canvas.disabled~.draw-widget__colorpicker, +.enketo-plugin .draw-widget__body__canvas.disabled~.draw-widget__undo { + display: none; +} + +.enketo-plugin .draw-widget__body input[type=file] { + display: none; +} + +.enketo-plugin .draw-widget__body .file-picker { + position: absolute; + top: -50px; + left: 0; + width: 100%; +} + +.enketo-plugin .draw-widget__body .show-canvas-btn { + position: absolute; + z-index: 10; + top: calc(50% - 16px); + left: 50%; + width: 200px; + margin-left: -100px; +} + +.enketo-plugin .draw-widget__body .hide-canvas-btn { + display: none; +} + +.enketo-plugin .draw-widget__footer { + margin-top: 10px; +} + +.enketo-plugin .draw-widget__footer .draw-widget__btn-reset:disabled { + display: none; +} + +.enketo-plugin .draw-widget__undo { + position: absolute; + top: 37px; + right: 7px; + width: 20px; + height: 20px; + margin: 2px; + padding: 0; + border: 2px solid grey; +} + +.enketo-plugin .draw-widget__colorpicker { + position: absolute; + display: flex; + flex-wrap: wrap; + max-width: calc(100% - (2 * 7px)); + top: 7px; + right: 7px; +} + +.enketo-plugin .draw-widget__colorpicker div { + display: none; +} + +.enketo-plugin .draw-widget__colorpicker div { + width: 20px; + height: 20px; + margin: 2px; + border: none; + padding: 0; +} + +.enketo-plugin .draw-widget__colorpicker.reveal div { + display: block; +} + +.enketo-plugin .draw-widget__colorpicker .current { + display: block; + border: 2px solid grey; +} + +.enketo-plugin .draw-widget.full-screen { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 20; + background: white; + margin: 0; + padding-left: 15px; + padding-right: 15px; +} + +.enketo-plugin .draw-widget.full-screen .draw-widget__body { + width: calc(100vmin - 2 * 15px); + padding-top: calc(0.75 * 100vmin); + margin: 50px auto; +} + +.enketo-plugin .draw-widget.full-screen .draw-widget__body input[type=file] { + left: 90px; +} + +.enketo-plugin .draw-widget.full-screen .draw-widget__body .file-picker { + left: 80px; + width: calc(100% - 18px); +} + +.enketo-plugin .draw-widget.full-screen .hide-canvas-btn { + display: block; + position: absolute; + z-index: 30; + top: -40px; + left: 0; + width: 70px; +} + +.enketo-plugin .draw-widget.full-screen .show-canvas-btn { + display: none; +} + +.enketo-plugin .draw-widget.full-screen .draw-widget__footer { + width: calc(100vmin - 2 * 15px); + margin: -40px auto 0 auto; +} + +.enketo-plugin .draw-widget .btn-download { + margin-right: 0; +} + +.enketo-plugin .draw-widget .btn-download[href=""] { + display: none; +} + +.enketo-plugin .or-signature-initialized .draw-widget.full-screen .draw-widget__body { + width: calc(100% - 2 * 15px); + padding-top: calc(0.45 * (100% - 2 * 15px)); +} + +.enketo-plugin .or-signature-initialized .draw-widget.full-screen .draw-widget__footer { + width: calc(100% - 2 * 15px); +} + +.enketo-plugin .or-annotate-initialized .draw-widget__body { + margin-top: 50px; +} + +.enketo-plugin .or-appearance-likert .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + margin: 0; + float: none; + padding-left: 0 !important; + padding-right: 0; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label input[type=radio], +.enketo-plugin .or-appearance-likert .option-wrapper>label input[type=checkbox] { + position: relative; + left: 50%; + padding: 0; + margin-left: -10px; + background-color: white; + z-index: 10; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label .active { + margin: 0; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label .option-label { + position: relative; + text-align: center; + margin-top: -8.5px; + padding-top: 15px; + border-top: 3px solid #cccccc; + font-size: 12px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label:first-of-type .option-label::after { + content: ''; + display: block; + position: absolute; + top: -3px; + width: 50%; + background-color: white; + height: 10px; + left: 0; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label:last-of-type .option-label::after { + content: ''; + display: block; + position: absolute; + top: -3px; + width: 50%; + background-color: white; + height: 10px; + right: 0; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label:hover { + background-color: transparent; +} + +.enketo-plugin .or-appearance-likert:hover .option-wrapper>label:first-of-type .option-label::after, +.enketo-plugin .or-appearance-likert:hover .option-wrapper>label:last-of-type .option-label::after { + background-color: white; +} + +.enketo-plugin .or-appearance-likert.focus .option-wrapper>label:first-of-type .option-label::after, +.enketo-plugin .or-appearance-likert.focus .option-wrapper>label:last-of-type .option-label::after { + background-color: white; +} + +.enketo-plugin .or[dir="rtl"] .or-appearance-likert .option-wrapper>label { + margin-right: 0; +} + +.enketo-plugin .or[dir="rtl"] .or-appearance-likert .option-wrapper>label:first-of-type .option-label::after { + left: auto; + right: 0; +} + +.enketo-plugin .or[dir="rtl"] .or-appearance-likert .option-wrapper>label:last-of-type .option-label::after { + right: auto; + left: 0; +} + +.enketo-plugin .or[dir="rtl"] .or-appearance-likert .option-wrapper>label input[type=radio], +.enketo-plugin .or[dir="rtl"] .or-appearance-likert .option-wrapper>label input[type=checkbox] { + right: 50%; + margin-right: -10px; +} + +.enketo-plugin .or[dir="rtl"] .or-appearance-likert .option-wrapper .option-label { + margin-right: 0; +} + +.enketo-plugin .or-repeat .or-appearance-likert .option-wrapper>label:first-of-type .option-label::after, +.enketo-plugin .or-repeat .or-appearance-likert .option-wrapper>label:last-of-type .option-label::after, +.enketo-plugin .or-repeat .or-appearance-likert .option-wrapper>label input[type=radio], +.enketo-plugin .or-repeat .or-appearance-likert .option-wrapper>label input[type=checkbox] { + background-color: #fef5ef; +} + +.enketo-plugin .or-horizontal-initialized .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; +} + +.enketo-plugin .or-horizontal-initialized label, +.enketo-plugin .or-horizontal-initialized .filler { + -webkit-flex: 1 0 30%; + -ms-flex: 1 0 30%; + flex: 1 0 30%; +} + +.enketo-plugin .or-horizontal-initialized .filler, +.enketo-plugin .or-horizontal-initialized .filler:hover, +.enketo-plugin .or-horizontal-initialized .filler:focus { + border: none !important; + background: transparent !important; +} + +.enketo-plugin .or-appearance-horizontal-compact .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; +} + +.enketo-plugin .or-appearance-horizontal-compact label { + display: inline-block; +} + +.enketo-plugin .touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-horizontal-initialized .option-wrapper>label, +.enketo-plugin .touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-appearance-horizontal-compact .option-wrapper>label { + margin-right: 10px; +} + +.enketo-plugin .touch .or[dir=rtl] .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-horizontal-initialized .option-wrapper>label, +.enketo-plugin .touch .or[dir=rtl] .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-appearance-horizontal-compact .option-wrapper>label { + margin-left: 10px; + margin-right: inherit; +} + +.enketo-plugin .or-analog-scale-initialized { + position: relative; +} + +.enketo-plugin .or-analog-scale-initialized .label-content .question-label.active { + display: inline; +} + +.enketo-plugin .or-analog-scale-initialized .label-content .question-label.active[lang] { + display: none; +} + +.enketo-plugin .or-analog-scale-initialized .range-widget__current { + visibility: hidden; +} + +.enketo-plugin .or-analog-scale-initialized>.widget:not(.or-comment-widget) { + margin: 0 0 9px 0; +} + +.enketo-plugin .or-analog-scale-initialized .show-value__box { + background-color: black; + text-align: center; + color: white; + max-width: 170px; + padding: 10px 35px; + margin: 20px auto; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; +} + +.enketo-plugin .or-analog-scale-initialized .show-value__value { + font-weight: bold; + font-size: 18.75px; + padding: 8px; + display: block; + min-width: 1px; + min-height: 40.75px; +} + +.enketo-plugin .or-analog-scale-initialized .max-label, +.enketo-plugin .or-analog-scale-initialized .min-label { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.enketo-plugin .or-analog-scale-initialized .min-label { + order: 1; +} + +.enketo-plugin .or-analog-scale-initialized .range-widget { + order: 4; +} + +.enketo-plugin .or-analog-scale-initialized .max-label { + order: 5; +} + +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks span { + padding: 0 25%; + background-image: linear-gradient(0deg, black 1px, transparent 0px); + background-repeat: repeat-y; + background-origin: content-box; + background-size: 100% 10%; +} + +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks__scale__start, +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks__scale__end { + display: none; +} + +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-no-ticks).or-appearance-horizontal .range-widget__ticks span { + padding: 4px 0; + background-image: linear-gradient(270deg, black 1px, transparent 0px); + background-repeat: repeat-x; + background-origin: content-box; + background-size: 10% 100%; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-no-ticks .range-widget__scale__start, +.enketo-plugin .or-analog-scale-initialized.or-appearance-no-ticks .range-widget__scale__end { + display: none; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .analog-scale-widget { + display: flex; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .range-widget { + flex: 1; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .range-widget__wrap { + height: 117px; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .range-widget__current { + line-height: 38.5px; + min-height: 48.5px; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .range-widget [type=range] { + top: 33.5px; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .range-widget .btn-reset { + margin-left: auto; + margin-right: auto; +} + +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .max-label, +.enketo-plugin .or-analog-scale-initialized.or-appearance-horizontal .min-label { + width: 80px; + align-self: center; +} + +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-horizontal) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; +} + +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-horizontal) .label-content { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.enketo-plugin .or-analog-scale-initialized:not(.or-appearance-horizontal) .analog-scale-widget { + width: 200px; +} + +.enketo-plugin .or-analog-scale-initialized.invalid-constraint .or-constraint-msg.active, +.enketo-plugin .or-analog-scale-initialized.invalid-constraint .file-picker .file-feedback.error, +.enketo-plugin .file-picker .or-analog-scale-initialized.invalid-constraint .file-feedback.error, +.enketo-plugin .or-analog-scale-initialized.invalid-constraint .draw-widget__feedback, +.enketo-plugin .or-analog-scale-initialized.invalid-constraint .image-map__error, +.enketo-plugin .or-analog-scale-initialized.invalid-constraint .or-required-msg.active, +.enketo-plugin .or-analog-scale-initialized.invalid-constraint .file-picker .file-feedback.warning, +.enketo-plugin .file-picker .or-analog-scale-initialized.invalid-constraint .file-feedback.warning, +.enketo-plugin .or-analog-scale-initialized.invalid-required .or-constraint-msg.active, +.enketo-plugin .or-analog-scale-initialized.invalid-required .file-picker .file-feedback.error, +.enketo-plugin .file-picker .or-analog-scale-initialized.invalid-required .file-feedback.error, +.enketo-plugin .or-analog-scale-initialized.invalid-required .draw-widget__feedback, +.enketo-plugin .or-analog-scale-initialized.invalid-required .image-map__error, +.enketo-plugin .or-analog-scale-initialized.invalid-required .or-required-msg.active, +.enketo-plugin .or-analog-scale-initialized.invalid-required .file-picker .file-feedback.warning, +.enketo-plugin .file-picker .or-analog-scale-initialized.invalid-required .file-feedback.warning { + position: absolute; + bottom: 10px; +} + +.enketo-plugin .pages.or [role="page"].current.or-analog-scale-initialized:not(.or-appearance-horizontal) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} + +.enketo-plugin .or-big-image { + display: block; + max-width: 70%; + max-height: 300px; +} + +.enketo-plugin .or-big-image img { + border: 2px solid #ce4f07; + max-width: 100%; +} + +.enketo-plugin .or-big-image.open { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + z-index: 10000; + background: white; + margin-top: 0; +} + +.enketo-plugin .or-big-image.open img { + max-width: 100%; + width: 100%; + max-height: 100%; +} + +.enketo-plugin .or-comment-widget { + display: block; + position: absolute; + z-index: 1001; + top: 100%; + left: 0; + width: 100%; +} + +.enketo-plugin .or-comment-widget__overlay { + background: rgba(0, 0, 0, 0.3); +} + +.enketo-plugin .or-comment-widget__content { + position: relative; + border: 1px solid #555555; + background: white; + padding: 30px; + padding-bottom: 100px; +} + +.enketo-plugin .or-comment-widget__content__btn-update { + position: absolute; + right: 30px; + bottom: 30px; +} + +.enketo-plugin .or-comment-widget__content__btn-close-x { + top: 20px; + right: 13px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + color: #bbb; + background: transparent; +} + +.enketo-plugin .or-comment-widget__overlay { + position: fixed; + background: rgba(0, 0, 0, 0.4); + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.enketo-plugin .or-comment-widget__question-label, +.enketo-plugin .or-comment-widget__question-value { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-style: italic; + padding-right: 35px; +} + +.enketo-plugin .or-comment-widget__question-value { + margin-left: 20px; + margin-top: 10px; +} + +.enketo-plugin .or-comment-widget .question textarea, +.enketo-plugin .or-comment-widget .question input[type="text"] { + width: 100%; +} + +.enketo-plugin .or-comment-widget .or-required-msg.active, +.enketo-plugin .or-comment-widget .file-picker .file-feedback.warning, +.enketo-plugin .file-picker .or-comment-widget .file-feedback.warning, +.enketo-plugin .or-comment-widget .or-constraint-msg.active, +.enketo-plugin .or-comment-widget .file-picker .file-feedback.error, +.enketo-plugin .file-picker .or-comment-widget .file-feedback.error, +.enketo-plugin .or-comment-widget .draw-widget__feedback, +.enketo-plugin .or-comment-widget .image-map__error { + display: none; +} + +.enketo-plugin .or-comment-widget .invalid-required>.or-required-msg, +.enketo-plugin .or-comment-widget .invalid-constraint>.or-constraint-msg { + display: block; +} + +.enketo-plugin .btn-comment { + cursor: pointer; +} + +.enketo-plugin .btn-comment.invalid { + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; + color: #e00e0e; +} + +.enketo-plugin .btn-comment.invalid .icon, +.enketo-plugin .btn-comment.invalid .enketo-geopoint-marker, +.enketo-plugin .btn-comment.invalid .glyphicon-chevron-up, +.enketo-plugin .btn-comment.invalid .glyphicon-chevron-down { + font-weight: bold; +} + +.enketo-plugin .or[dir="rtl"] .btn-comment { + left: auto; + right: calc(100% - 25px); +} + +.enketo-plugin .or[dir="rtl"] .or-comment-widget__content__btn-update { + right: auto; + left: 30px; +} + +.enketo-plugin .or[dir="rtl"] .or-comment-widget__content__btn-close-x { + right: auto; + left: 13px; +} + +.enketo-plugin .or[dir="rtl"] .or-comment-widget__question-label, +.enketo-plugin .or[dir="rtl"] .or-comment-widget__question-value { + padding-right: 0; + padding-left: 35px; +} + +.enketo-plugin .or[dir="rtl"] .or-comment-widget__question-value { + margin-left: 0; + margin-right: 20px; +} + +.enketo-plugin .or-image-map-initialized img { + visibility: hidden; +} + +.enketo-plugin .or-image-map-initialized .option-wrapper { + display: none; +} + +.enketo-plugin .or-image-map-initialized .image-map svg:not([or-readonly]) path[id]:hover, +.enketo-plugin .or-image-map-initialized .image-map svg:not([or-readonly]) g[id]:hover { + opacity: 0.5 !important; +} + +.enketo-plugin .image-map svg { + display: block; + margin: 0 auto; + max-width: 100%; + width: 100 vmin; + height: auto; +} + +.enketo-plugin .image-map svg[or-readonly] { + opacity: 0.75 !important; +} + +.enketo-plugin .image-map svg path[id][or-selected], +.enketo-plugin .image-map svg g[id][or-selected] { + fill: #ce4f07 !important; + stroke: #ce4f07 !important; +} + +.enketo-plugin .image-map__ui { + height: 2em; + width: 100%; + text-align: center; + font-weight: normal; +} + +.enketo-plugin .image-map__ui__tooltip { + display: inline-block; + background: #fee5d6; + padding: 2px 8px; + color: #555555; + border-radius: 2px; +} + +.enketo-plugin .image-map__ui__tooltip:empty { + padding: 0; +} + +.enketo-plugin .rank-widget { + position: relative; + display: flex; +} + +.enketo-plugin .rank-widget--empty>* { + opacity: 0.5; +} + +.enketo-plugin .rank-widget--empty .rank-widget__overlay { + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 1; + text-align: center; +} + +.enketo-plugin .rank-widget--empty .rank-widget__overlay__content { + position: absolute; + top: 0; + bottom: 20px; + left: 0; + right: 0; + width: 50%; + height: 30px; + font-size: 30px; + margin: auto; + line-height: 30px; +} + +.enketo-plugin .rank-widget__overlay { + display: none; +} + +.enketo-plugin .rank-widget label { + border: 1px solid gray; + border-radius: 5px; + margin: 0 0 5px 0; + position: relative; +} + +.enketo-plugin .rank-widget label[draggable=true]::before { + position: absolute; + content: "::"; + margin: 0 5px; + top: calc(50% - 10px); +} + +.enketo-plugin .rank-widget label:hover:not(.filler) { + background: none; +} + +.enketo-plugin .rank-widget input[type=text] { + display: none; +} + +.enketo-plugin .rank-widget .btn-reset { + margin-top: 5px; + order: 10; +} + +.enketo-plugin .url-widget { + margin-top: 20px; +} + +@media screen and (max-width: 720px) { + .enketo-plugin { + padding: 0 !important; + margin: 0; + } + + .enketo-plugin .main { + margin: 0; + padding: 0; + } + + .enketo-plugin .preview-header { + top: -5px; + } + + .enketo-plugin .paper { + border-radius: 0; + padding-top: 0; + } + + .enketo-plugin .form-header { + position: relative; + top: 0; + padding: 0 14px; + border-bottom: 1px solid #bbbbbb; + min-height: 0; + margin-left: -45px; + margin-right: -45px; + width: calc(100% + (2 * 45px)); + } + + .enketo-plugin .form-header .form-language-selector { + padding-top: 16px; + padding-bottom: 16px; + } + + .enketo-plugin .form-header .form-language-selector span { + display: none; + } + + .enketo-plugin #form-title { + padding-top: 25px; + } +} + +@media screen and (max-width: 600px) { + .enketo-plugin { + line-height: 1.3125; + } + + .enketo-plugin .or-group:not(.or-appearance-no-collapse)>h4 { + margin-left: 8px; + } + + .enketo-plugin .touch .question.simple-select .option-wrapper>label { + padding: 10px 5px; + } + + .enketo-plugin .main .paper { + padding: 0 30px 30px 30px; + } + + .enketo-plugin .form-header { + margin-left: -30px; + margin-right: -30px; + width: calc(100% + (2 * 30px)); + } + + .enketo-plugin .form-footer { + margin: 30px -30px -30px -30px; + } +} + +@media screen and (max-width: 400px) { + .enketo-plugin { + line-height: 1.3625; + } + + .enketo-plugin input[type="text"], + .enketo-plugin input[type="password"], + .enketo-plugin input[type="url"], + .enketo-plugin input[type="email"], + .enketo-plugin input[type="date"], + .enketo-plugin input[type="number"], + .enketo-plugin input[type="time"], + .enketo-plugin input[type="datetime"], + .enketo-plugin input[type="file"] { + width: 100%; + } + + .enketo-plugin select, + .enketo-plugin textarea { + width: 100%; + } + + .enketo-plugin .or-group:not(.or-appearance-no-collapse)>h4 { + margin-left: 15px; + } + + .enketo-plugin .main .paper { + padding: 0 20px 20px 20px; + } + + .enketo-plugin .form-header { + margin-left: -20px; + margin-right: -20px; + width: calc(100% + (2 * 20px)); + } + + .enketo-plugin .form-header .form-language-selector { + border-right: none; + } + + .enketo-plugin .form-footer { + margin: 20px -20px -20px -20px; + } +} + +.enketo-plugin .caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.enketo-plugin .dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 15px; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} + +.enketo-plugin .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.enketo-plugin .dropdown-menu .divider { + height: 1px; + margin: 8px 0; + overflow: hidden; + background-color: #e5e5e5; +} + +.enketo-plugin .dropdown-menu>li>a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.25; + color: #333333; + white-space: nowrap; +} + +.enketo-plugin .or[dir="rtl"] .dropdown-menu { + right: 0; +} + +.enketo-plugin .dropdown-menu>li>a:hover, +.enketo-plugin .dropdown-menu>li>a:focus { + text-decoration: none; + color: #262626; + background-color: whitesmoke; +} + +.enketo-plugin .dropdown-menu>.active>a, +.enketo-plugin .dropdown-menu>.active>a:hover, +.enketo-plugin .dropdown-menu>.active>a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #ce4f07; +} + +.enketo-plugin .dropdown-menu>.disabled>a, +.enketo-plugin .dropdown-menu>.disabled>a:hover, +.enketo-plugin .dropdown-menu>.disabled>a:focus { + color: #999999; +} + +.enketo-plugin .dropdown-menu>.disabled>a:hover, +.enketo-plugin .dropdown-menu>.disabled>a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + cursor: not-allowed; +} + +.enketo-plugin .open>.dropdown-menu { + display: block; +} + +.enketo-plugin .open>a { + outline: 0; +} + +.enketo-plugin input[type=text], +.enketo-plugin input[type=tel], +.enketo-plugin input[type=password], +.enketo-plugin input[type=url], +.enketo-plugin input[type=email], +.enketo-plugin input[type=file], +.enketo-plugin input[type=date], +.enketo-plugin input[type=month], +.enketo-plugin input[type=time], +.enketo-plugin input[type=datetime], +.enketo-plugin input[type=number], +.enketo-plugin select, +.enketo-plugin textarea { + display: block; + height: 34px; + padding: 6px 12px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 15px; + line-height: 1.25; + color: #555555; + background-color: white; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} + +.enketo-plugin input[type=text]:focus, +.enketo-plugin input[type=tel]:focus, +.enketo-plugin input[type=password]:focus, +.enketo-plugin input[type=url]:focus, +.enketo-plugin input[type=email]:focus, +.enketo-plugin input[type=file]:focus, +.enketo-plugin input[type=date]:focus, +.enketo-plugin input[type=month]:focus, +.enketo-plugin input[type=time]:focus, +.enketo-plugin input[type=datetime]:focus, +.enketo-plugin input[type=number]:focus, +.enketo-plugin select:focus, +.enketo-plugin textarea:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin input[type=text]::-moz-placeholder, +.enketo-plugin input[type=tel]::-moz-placeholder, +.enketo-plugin input[type=password]::-moz-placeholder, +.enketo-plugin input[type=url]::-moz-placeholder, +.enketo-plugin input[type=email]::-moz-placeholder, +.enketo-plugin input[type=file]::-moz-placeholder, +.enketo-plugin input[type=date]::-moz-placeholder, +.enketo-plugin input[type=month]::-moz-placeholder, +.enketo-plugin input[type=time]::-moz-placeholder, +.enketo-plugin input[type=datetime]::-moz-placeholder, +.enketo-plugin input[type=number]::-moz-placeholder, +.enketo-plugin select::-moz-placeholder, +.enketo-plugin textarea::-moz-placeholder { + color: #999999; + opacity: 1; +} + +.enketo-plugin input[type=text]:-ms-input-placeholder, +.enketo-plugin input[type=tel]:-ms-input-placeholder, +.enketo-plugin input[type=password]:-ms-input-placeholder, +.enketo-plugin input[type=url]:-ms-input-placeholder, +.enketo-plugin input[type=email]:-ms-input-placeholder, +.enketo-plugin input[type=file]:-ms-input-placeholder, +.enketo-plugin input[type=date]:-ms-input-placeholder, +.enketo-plugin input[type=month]:-ms-input-placeholder, +.enketo-plugin input[type=time]:-ms-input-placeholder, +.enketo-plugin input[type=datetime]:-ms-input-placeholder, +.enketo-plugin input[type=number]:-ms-input-placeholder, +.enketo-plugin select:-ms-input-placeholder, +.enketo-plugin textarea:-ms-input-placeholder { + color: #999999; +} + +.enketo-plugin input[type=text]::-webkit-input-placeholder, +.enketo-plugin input[type=tel]::-webkit-input-placeholder, +.enketo-plugin input[type=password]::-webkit-input-placeholder, +.enketo-plugin input[type=url]::-webkit-input-placeholder, +.enketo-plugin input[type=email]::-webkit-input-placeholder, +.enketo-plugin input[type=file]::-webkit-input-placeholder, +.enketo-plugin input[type=date]::-webkit-input-placeholder, +.enketo-plugin input[type=month]::-webkit-input-placeholder, +.enketo-plugin input[type=time]::-webkit-input-placeholder, +.enketo-plugin input[type=datetime]::-webkit-input-placeholder, +.enketo-plugin input[type=number]::-webkit-input-placeholder, +.enketo-plugin select::-webkit-input-placeholder, +.enketo-plugin textarea::-webkit-input-placeholder { + color: #999999; +} + +.enketo-plugin input[type=text][disabled], +.enketo-plugin input[type=text][readonly], +.enketo-plugin fieldset[disabled] input[type=text], +.enketo-plugin input[type=tel][disabled], +.enketo-plugin input[type=tel][readonly], +.enketo-plugin fieldset[disabled] input[type=tel], +.enketo-plugin input[type=password][disabled], +.enketo-plugin input[type=password][readonly], +.enketo-plugin fieldset[disabled] input[type=password], +.enketo-plugin input[type=url][disabled], +.enketo-plugin input[type=url][readonly], +.enketo-plugin fieldset[disabled] input[type=url], +.enketo-plugin input[type=email][disabled], +.enketo-plugin input[type=email][readonly], +.enketo-plugin fieldset[disabled] input[type=email], +.enketo-plugin input[type=file][disabled], +.enketo-plugin input[type=file][readonly], +.enketo-plugin fieldset[disabled] input[type=file], +.enketo-plugin input[type=date][disabled], +.enketo-plugin input[type=date][readonly], +.enketo-plugin fieldset[disabled] input[type=date], +.enketo-plugin input[type=month][disabled], +.enketo-plugin input[type=month][readonly], +.enketo-plugin fieldset[disabled] input[type=month], +.enketo-plugin input[type=time][disabled], +.enketo-plugin input[type=time][readonly], +.enketo-plugin fieldset[disabled] input[type=time], +.enketo-plugin input[type=datetime][disabled], +.enketo-plugin input[type=datetime][readonly], +.enketo-plugin fieldset[disabled] input[type=datetime], +.enketo-plugin input[type=number][disabled], +.enketo-plugin input[type=number][readonly], +.enketo-plugin fieldset[disabled] input[type=number], +.enketo-plugin select[disabled], +.enketo-plugin select[readonly], +.enketo-plugin fieldset[disabled] select, +.enketo-plugin textarea[disabled], +.enketo-plugin textarea[readonly], +.enketo-plugin fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} + +.enketo-plugin input:not([readonly])+.widget input[type=text][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=tel][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=password][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=url][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=email][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=file][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=date][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=month][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=time][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=datetime][readonly], +.enketo-plugin input:not([readonly])+.widget input[type=number][readonly], +.enketo-plugin input:not([readonly])+.widget select[readonly], +.enketo-plugin input:not([readonly])+.widget textarea[readonly] { + background-color: white; + cursor: auto; +} + +.enketo-plugin input:not([readonly])+.widget input[type=text][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=tel][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=password][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=url][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=email][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=file][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=date][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=month][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=time][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=datetime][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget input[type=number][readonly]:hover, +.enketo-plugin input:not([readonly])+.widget select[readonly]:hover, +.enketo-plugin input:not([readonly])+.widget textarea[readonly]:hover { + background-color: white; +} + +.enketo-plugin fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} + +/*.enketo-plugin legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: $line-height-computed; + font-size: $font-size-base * 1.5; + line-height: inherit; + color: $legend-color; + border: 0; + border-bottom: 1px solid $legend-border-color; +}*/ +.enketo-plugin input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.enketo-plugin input[type="radio"], +.enketo-plugin input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} + +.enketo-plugin input[type="file"] { + display: block; +} + +.enketo-plugin input[type="range"] { + display: block; + width: 100%; +} + +.enketo-plugin select[multiple], +.enketo-plugin select[size] { + height: auto; +} + +.enketo-plugin input[type="file"]:focus, +.enketo-plugin input[type="radio"]:focus, +.enketo-plugin input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.enketo-plugin input[type="search"] { + -webkit-appearance: none; +} + +.enketo-plugin input[type="date"] { + line-height: 34px; +} + +.enketo-plugin input[type="radio"][disabled], +.enketo-plugin fieldset[disabled] input[type="radio"], +.enketo-plugin input[type="checkbox"][disabled], +.enketo-plugin fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} + +.enketo-plugin .option-wrapper { + line-height: 20px; +} + +.enketo-plugin .question input[type=radio] { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + display: inline-block; + width: 20px; + height: 20px; + margin-right: 10px; + margin-bottom: 0; + margin-top: 0; + border-width: 3px; + border-style: solid; + border-radius: 0; + background-color: transparent; + border-color: #cccccc; + border-radius: 10px; +} + +.enketo-plugin .question input[type=radio]:disabled, +.enketo-plugin .question input[type=radio][readonly] { + border-color: #d9d9d9; +} + +.enketo-plugin .question input[type=radio]:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question input[type=radio]:checked { + border-color: #f76411; + background-image: radial-gradient(4px, #f76411 0%, #f76411 99%, transparent 100%); +} + +.enketo-plugin .question input[type=radio]:checked:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question input[type=checkbox] { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + display: inline-block; + width: 20px; + height: 20px; + margin-right: 10px; + margin-bottom: 0; + margin-top: 0; + border-width: 3px; + border-style: solid; + border-radius: 0; + background-color: transparent; + border-color: #cccccc; +} + +.enketo-plugin .question input[type=checkbox]:disabled, +.enketo-plugin .question input[type=checkbox][readonly] { + border-color: #d9d9d9; +} + +.enketo-plugin .question input[type=checkbox]:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .question input[type=checkbox]:checked { + border-color: #f76411; + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20stroke%3D%27%23f76411%27%20fill%3D%27%23f76411%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M25.1%2012.5l-3.4-3.3-8%208-2.9-3-3.4%203.4%206.3%206.3z%27%2F%3E%3C%2Fsvg%3E"); + background-size: 20px 20px; + background-position: -3px; +} + +.enketo-plugin .question input[type=checkbox]:checked:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); +} + +.enketo-plugin .touch .question.simple-select .option-wrapper .option-label { + margin-left: 35px; +} + +.enketo-plugin .or[dir="rtl"] .question input[type=checkbox], +.enketo-plugin .or[dir="rtl"] .question input[type=radio], +.enketo-plugin [dir="rtl"] .form-footer .question input[type=checkbox], +.enketo-plugin [dir="rtl"] .form-footer .question input[type=radio] { + margin-right: 0; + margin-left: 10px; +} + +.enketo-plugin .or-appearance-likert .option-wrapper>label .option-label { + margin-top: -11.5px; +} + +.enketo-plugin .or-appearance-analog-scale .slider-vertical .slider-handle { + margin-left: -4px; +} + +.enketo-plugin .or-appearance-analog-scale .slider-horizontal .slider-handle { + margin-top: -3px; +} + +.enketo-plugin .or-group { + border-top: none; +} diff --git a/www/manual_lib/enketo/css/grid-print.css b/www/manual_lib/enketo/css/grid-print.css new file mode 100644 index 000000000..b6d617753 --- /dev/null +++ b/www/manual_lib/enketo/css/grid-print.css @@ -0,0 +1,863 @@ +/** GRID THEME **/ +/** The next styles are meant to easily customize the background and border of radiobuttons and checkboxes, not their size! */ +/** end radiobuttons and checkboxes */ +/** CORE **/ +* { + float: none; } + +body { + display: block; + overflow: visible; + background: none; } + body .main { + overflow: visible; + display: block; + margin: 0; + padding: 0; } + body .main .paper { + padding: 3px; + display: block; } + body .paper { + overflow: visible; + border: none; + margin: 0; } + +.side-slider, +.side-slider__toggle, +#feedback-bar, +#dialog-alert, +#dialog-confirm, +#dialog-save, +#form-languages, +.form-header, +.form-logo, +.form-footer, +.or-appearance-no-print, +.notification, +.paper #submit-form, +h4::before { + display: none !important; } + +.or .hint, +.or .or-appearance-no-print, +.or .geopoint .search-bar, +.or .or-constraint-msg, +.or .add-on, +.or .file-feedback, +.or video, +.or audio, +.or button, +.or .invalid-required .or-required-msg.active, +.or .invalid-constraint .or-constraint-msg.active { + display: none; } + +.or:not(.print-relevant-only) .or-branch.disabled { + display: block; } + +.or input[type="file"] { + visibility: hidden; } + +.or input[type="number"] { + appearance: textfield !important; + -moz-appearance: textfield !important; + -webkit-appearance: textfield !important; + -ms-appearance: textfield !important; } + +h3 { + font-size: 19.2px; } + +h4 { + font-size: 15.6px; } + +label, +legend, +.trigger, +.readonly { + font-size: 12px; } + +.question-label, +.option-label, +label.geo { + font-size: 12px; } + +.question input:not([type=radio]):not([type=checkbox]) { + font-size: 12px; } + +.or h2, +.or h3, +.or h4, +.or .required { + color: black; } + +.or h3, +.or h4 { + margin: 0; } + +.or .question { + margin-bottom: 0; } + +.or legend { + margin-bottom: 5px; } + .or legend ~ label { + padding: 0; } + .or legend span:not(.or-output) { + display: block; } + +.or .readonly, +.or .trigger { + font-weight: normal; + background: none; + color: black; + padding: 5px 5px 12px 5px; } + +.or .required { + float: right; } + +.or .or-repeat { + background: none; } + +.or input[type=text], +.or input[type=tel], +.or input[type=password], +.or input[type=url], +.or input[type=email], +.or input[type=file], +.or input[type=date], +.or input[type=time], +.or input[type=datetime], +.or input[type=number], +.or select, +.or textarea { + border-radius: 0px; + box-shadow: none; + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + border: none; + background: none; + border-bottom: 1px solid black; } + +.or input[type="file"] { + display: none !important; } + +.or .or-hint.active, +.or .or-hint.or-form-guidance.active { + color: black; + display: block; + padding-top: 5px; + margin-top: 0; + line-height: 1em; } + +.or .or-hint.or-form-guidance.active { + border: 1px dotted black; + padding: 1px; + margin-top: 5px; + font-size: 10px; } + +.invalid-constraint, +.invalid-required { + background: none; + border: 1px solid red; } + +.geopicker.widget { + margin-top: 10px; } + .geopicker.widget .geo-inputs { + width: 100%; } + .geopicker.widget .geo-inputs label.geo { + display: inline-block; + width: 25%; + padding: 0 !important; + margin: 7px 0 0 0 !important; } + .geopicker.widget .geo-inputs label.geo:nth-of-type(3), .geopicker.widget .geo-inputs label.geo:nth-of-type(4) { + vertical-align: top; + margin-top: 0; + padding-top: 12px; + font-size: inherit; + border-top: none; + font-size: auto; } + .geopicker.widget .geo-inputs label.geo.kml { + display: none; } + .geopicker.widget .geo-inputs label.geo input { + width: 100% !important; + margin-top: 8px !important; + padding-top: 0px !important; } + .geopicker.widget .points { + display: none; } + .geopicker.widget .search-bar { + display: none; } + .geopicker.widget .leaflet-popup-pane, + .geopicker.widget .leaflet-control { + display: none; } + +.esri-geopicker.widget .esri-ui-top-left { + display: none; } + +.esri-geopicker.widget .btn[name="geodetect"] { + display: none !important; } + +.esri-geopicker.widget .interaction-blocker { + display: none !important; } + +.esri-geopicker.widget .map-canvas-wrapper:not(.hide-map) { + display: block !important; } + +.bootstrap-select:before, .bootstrap-select:after { + content: " "; + display: table; } + +.bootstrap-select:after { + clear: both; } + +.bootstrap-select .dropdown-toggle { + display: none; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + display: block; + position: static; + border: none; + box-shadow: none; + list-style-type: circle; + max-height: none; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu li, + .bootstrap-select .dropdown-toggle ~ .dropdown-menu li.active { + flex: 1; + min-width: 30%; + display: inline-block; + margin-right: 20px; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu a { + background: none; + color: black; } + +.datalist.widget { + display: none; } + +.or-appearance-likert .option-wrapper > label .option-label { + border-top: 1px solid black; } + +.question.or-appearance-compact input:checked ~ img, +.question.or-appearance-quickcompact input:checked ~ img { + border-color: black; } + +.or-appearance-distress .slider-vertical .slider { + border: none; } + +.or-appearance-distress .bulb { + display: none; } + +.or-appearance-distress .slider-handle { + border: 1px solid black; } + +.or-appearance-distress .slider-vertical .slider-track { + border: 1px solid black; } + +.or-appearance-analog-scale:not(.or-appearance-horizontal) { + display: flex !important; + flex-wrap: wrap; } + +.or-appearance-analog-scale .scale__ticks { + display: none; } + +.or-appearance-analog-scale .slider-vertical .slider-track { + border-right: 1px solid black; + margin-left: -8.5px; } + +.or-appearance-analog-scale .slider-horizontal .slider-track { + border-bottom: 1px solid black; + margin-top: -10px; } + +.or-appearance-analog-scale .slider-handle { + border: 1px solid black; } + +.or-appearance-analog-scale .slider-vertical .slider-handle { + margin-left: -1px; } + +.or-appearance-analog-scale .slider-horizontal .slider-handle { + margin-top: -1px; } + +.or-appearance-analog-scale .slider-vertical .min-label { + margin-top: 10px; } + +.draw-widget__colorpicker { + display: none; } + +.or-appearance-comment.hide { + display: block !important; } + +.pages.or.print-relevant-only .disabled[role="page"] { + display: none; } + +.pages.or [role="page"] { + display: inherit; } + +.pages.or .or-group, +.pages.or .or-group-data, +.pages.or .or-repeat { + display: inherit; } + +.question { + page-break-inside: avoid; } + +h3, +h4 { + page-break-after: avoid; } + h3 + .question, + h4 + .question { + page-break-before: avoid; } + +/*.page-break { + display: block; + //border: 1px dashed blue; + width: 100%; + margin: 0; + color: transparent; + border-bottom: none; + page-break-after: always !important; +}*/ +[type=range]:not(.empty)::-webkit-slider-thumb { + border-color: black !important; } + +[type=range]:not(.empty)::-moz-range-thumb { + border-color: black !important; } + +[type=range]:not(.empty)::-ms-thumb { + border-color: black !important; } + +.question input[type=radio], .question input[type=checkbox] { + -webkit-print-color-adjust: exact; + color-adjust: exact; + border-color: black; + border-width: 1px; } + .question input[type=radio]:checked, .question input[type=checkbox]:checked { + border-color: black; } + +.question input[type=checkbox]:checked { + border-color: black; + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20stroke%3D%27transparent%27%20fill%3D%27black%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M25.1%2012.5l-3.4-3.3-8%208-2.9-3-3.4%203.4%206.3%206.3z%27%2F%3E%3C%2Fsvg%3E"); + background-size: 20px 20px; + background-position: -3px; + background-position: -1px; } + +.question input[type=radio]:checked { + border-color: black; + background-image: radial-gradient(4px, black 0%, black 99%, transparent 100%); } + +.bootstrap-select .option-wrapper > label { + padding-left: 35px !important; } + +[dir="rtl"] .bootstrap-select .option-wrapper > label { + padding-right: 35px !important; } + +.or input:not([type="radio"]):not([type="checkbox"]), +.or select, +.or textarea { + border-bottom: none; } + +.or h4 { + border-right: 1px solid #ffffff; + width: calc(100% + 1px); } + +.readonly, +.trigger { + background: #cccccc; } + +.or-repeat .repeat-number { + top: -20px; + font-size: 12px; } + +.or.print-relevant-only .question.or-branch.disabled, +.or.print-relevant-only .or-branch.disabled { + display: none; } + +.question.non-select::after, .question.or-appearance-search:after, .question.or-appearance-autocomplete:after { + content: ' '; + display: block; + height: 1px; + width: 100%; + order: 10; + margin-bottom: -5px; + border-bottom: 1px dotted black; } + +.question.widget.date, .question.widget.bootstrap-timepicker { + display: none; } + +.question input[type=date], .question input[type=time], .question input[type=datetime] { + opacity: 0.7; + display: block !important; + visibility: hidden; } + +.question .file-feedback { + visibility: hidden; + display: block !important; } + +.question { + padding-bottom: 10px; } + .question textarea { + height: 45px; } + +.or-repeat { + background: #ffffff; } + +.question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) label { + line-height: 15px; } + .question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) label .option-label { + line-height: 15px; } + .question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) label .option-label::before { + font-size: 15px; + width: 15px; } + +.geopicker.widget .geo-inputs label.geo:nth-of-type(3), +.geopicker.widget .geo-inputs label.geo:nth-of-type(4) { + min-height: 0; } + .geopicker.widget .geo-inputs label.geo:nth-of-type(3) input, + .geopicker.widget .geo-inputs label.geo:nth-of-type(4) input { + float: none; } + +.or-appearance-likert .option-wrapper > label input[type=radio], +.or-appearance-likert .option-wrapper > label input[type=checkbox] { + margin-top: -40px; } + +.bootstrap-select { + margin: 0; + padding: 0; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper { + padding-left: 0; } + .bootstrap-select ul li, + .bootstrap-select ul li.active { + border: none; + margin-right: 0; } + .bootstrap-select ul li a, + .bootstrap-select ul li.active a { + background: none; + padding: 0; } + .bootstrap-select ul li a label, + .bootstrap-select ul li.active a label { + font-size: 10px !important; + margin: 0; } + .bootstrap-select ul li:not(.active) a label::before { + font-size: 15px; + margin-right: 7px; } + .bootstrap-select ul li.active a label::before { + font-size: 15px; + margin-right: 7px; } + +.or, +.or-group, +.or-group-data, +.or-repeat { + display: block; + width: 100%; } + +.or .question { + width: 100%; + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + vertical-align: top; } + .or .question:not(.invalid-required):not(.invalid-constraint) { + border-top: 1px solid black; } + +.pages.or [role="page"].current:not(.question) { + display: inherit; } + +@media print, screen and (min-width: 700px) { + .or-appearance-w1 { + display: block; + width: 100%; } + .or-appearance-w1.question { + width: 25%; } + .or-appearance-w1 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w2 { + display: block; + width: 100%; } + .or-appearance-w2.question { + width: 50%; } + .or-appearance-w2 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 50%; } + .or-appearance-w2 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w3 { + display: block; + width: 100%; } + .or-appearance-w3.question { + width: 75%; } + .or-appearance-w3 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 33.3333333333%; } + .or-appearance-w3 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 66.6666666667%; } + .or-appearance-w3 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w4 { + display: block; + width: 100%; } + .or-appearance-w4.question { + width: 100%; } + .or-appearance-w4 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 25%; } + .or-appearance-w4 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 50%; } + .or-appearance-w4 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 75%; } + .or-appearance-w4 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w5 { + display: block; + width: 100%; } + .or-appearance-w5.question { + width: 100%; } + .or-appearance-w5 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 20%; } + .or-appearance-w5 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 40%; } + .or-appearance-w5 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 60%; } + .or-appearance-w5 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 80%; } + .or-appearance-w5 .or-appearance-w5 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w6 { + display: block; + width: 100%; } + .or-appearance-w6.question { + width: 100%; } + .or-appearance-w6 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 16.6666666667%; } + .or-appearance-w6 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 33.3333333333%; } + .or-appearance-w6 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 50%; } + .or-appearance-w6 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 66.6666666667%; } + .or-appearance-w6 .or-appearance-w5 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 83.3333333333%; } + .or-appearance-w6 .or-appearance-w6 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w7 { + display: block; + width: 100%; } + .or-appearance-w7.question { + width: 100%; } + .or-appearance-w7 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 14.2857142857%; } + .or-appearance-w7 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 28.5714285714%; } + .or-appearance-w7 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 42.8571428571%; } + .or-appearance-w7 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 57.1428571429%; } + .or-appearance-w7 .or-appearance-w5 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 71.4285714286%; } + .or-appearance-w7 .or-appearance-w6 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 85.7142857143%; } + .or-appearance-w7 .or-appearance-w7 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w8 { + display: block; + width: 100%; } + .or-appearance-w8.question { + width: 100%; } + .or-appearance-w8 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 12.5%; } + .or-appearance-w8 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 25%; } + .or-appearance-w8 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 37.5%; } + .or-appearance-w8 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 50%; } + .or-appearance-w8 .or-appearance-w5 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 62.5%; } + .or-appearance-w8 .or-appearance-w6 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 75%; } + .or-appearance-w8 .or-appearance-w7 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 87.5%; } + .or-appearance-w8 .or-appearance-w8 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w9 { + display: block; + width: 100%; } + .or-appearance-w9.question { + width: 100%; } + .or-appearance-w9 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 11.1111111111%; } + .or-appearance-w9 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 22.2222222222%; } + .or-appearance-w9 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 33.3333333333%; } + .or-appearance-w9 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 44.4444444444%; } + .or-appearance-w9 .or-appearance-w5 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 55.5555555556%; } + .or-appearance-w9 .or-appearance-w6 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 66.6666666667%; } + .or-appearance-w9 .or-appearance-w7 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 77.7777777778%; } + .or-appearance-w9 .or-appearance-w8 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 88.8888888889%; } + .or-appearance-w9 .or-appearance-w9 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } + .or-appearance-w10 { + display: block; + width: 100%; } + .or-appearance-w10.question { + width: 100%; } + .or-appearance-w10 .or-appearance-w1 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 10%; } + .or-appearance-w10 .or-appearance-w2 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 20%; } + .or-appearance-w10 .or-appearance-w3 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 30%; } + .or-appearance-w10 .or-appearance-w4 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 40%; } + .or-appearance-w10 .or-appearance-w5 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 50%; } + .or-appearance-w10 .or-appearance-w6 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 60%; } + .or-appearance-w10 .or-appearance-w7 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 70%; } + .or-appearance-w10 .or-appearance-w8 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 80%; } + .or-appearance-w10 .or-appearance-w9 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 90%; } + .or-appearance-w10 .or-appearance-w10 { + /*IE10*/ + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + width: 100%; } } + +.back-to-screen-view { + margin: 10px auto; + display: block !important; } + +@media print { + .back-to-screen-view { + display: none !important; } } diff --git a/www/manual_lib/enketo/css/grid.css b/www/manual_lib/enketo/css/grid.css new file mode 100644 index 000000000..5547c4075 --- /dev/null +++ b/www/manual_lib/enketo/css/grid.css @@ -0,0 +1,6007 @@ +/** GRID THEME **/ +/** The next styles are meant to easily customize the background and border of radiobuttons and checkboxes, not their size! */ +/** end radiobuttons and checkboxes */ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +body { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 16px; + line-height: 1.25; + color: #333333; + background-color: white; } + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +a { + color: #ce4f07; } + a:hover, a:focus { + color: #843304; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +figure { + margin: 0; } + +img { + vertical-align: middle; } + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; } + +strong { + font-weight: bold; } + +h1 { + font-size: 44px; } + +h2 { + font-size: 36px; } + +h3 { + font-size: 28px; } + +h4 { + font-size: 20px; } + +h5, .or-analog-scale-initialized .show-value__box { + font-size: 16px; } + +h6 { + font-size: 13.6px; } + +h2, h3, h4 { + font-weight: bold; } + +input, select, textarea { + font-weight: normal; } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } + +.clearfix:after { + clear: both; } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } + +.pull-right { + float: right !important; } + +.pull-left { + float: left !important; } + +.hide { + display: none !important; } + +.show { + display: block !important; } + +.invisible { + visibility: hidden; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.hidden { + display: none !important; + visibility: hidden !important; } + +.affix { + position: fixed; } + +.icon, .enketo-geopoint-marker, .glyphicon-chevron-up, .glyphicon-chevron-down { + width: 15px; + height: 15px; + display: inline-block; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.icon-refresh { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5QkI5NkQ3MDY4NDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5QkI5NkQ2MDY4NDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsJbPswAAAFNSURBVHjavFaLEYIwDKUsIBvIBjICI7CBjMAIjsAIsAEj6AaOUDZgg5po8dKY1qLV3L07hTQvH/paZYzJUptSqoS4+vkASUIAawADABcZBm3fNcS/B1ydGG+CS4F9QN+O/C+DJDY78yW6NZ7iM4F+IsGRtXkGTBbUGou9MJoLxK5fZiJUsNCMAq2dPNUUTrtsRpygiiCoAi1rOYneShCYH64/OyRCFW0MQSykbHRKAkROvpLVhgQ7/gQwFnol2RGfcwJluZLf+xx1hjksCUicGHn2B8sdtXxYkSBuIVUyk2d1AhIaY1Y/Ok800bMxS70nmNybe1XkZWs/30WQiSGSoGLrNdeuziNyW4SSJ1hzktJDMkW2iBP04qEFA8OdehBmufXQGiFuK14kAi3bgl5UYc8B1H1wkai9Us+I0Pn06ZVIgnSRKAWp+cpuAgwAPkkCh0r98rYAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-crosshairs { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2REQ5QzVCMDZDRjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2REQ5QzVBMDZDRjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5Eh0MAAAFTSURBVHjarFZRtcMgDG2rAAergyEBCZNQCUiohEmohEngOZgEJHQKGGzJDs0SRvvgnPvRAveGhCR0IYROQhxjhI1wEYHBPeKa1hV5BHIFm8MOOEmME9AR604BRNo3FUXSAmHjAnMG/hn4XgSDJlZEOEFymSKGhErXThsRWOhL1kgi2f8LMXLFGOGCuUagJJIJbS5DLrLSiSMiME9dN3Lq+p8iihidRF835JNcJYJaUM4BjwPDdW1GznMe4Ori8I1Evnh+ZjJxxUxjVIFNfthGMTG5yECONjZy14ZngHKNwzQSyXn+uDwxDfIk57M44Rtm/PKV8UKJtwdrF+W50lLvaoQKVXhi+pCiIorpJ47GiMkbLbwBtNQZpdaLDwb7Ceb7+17TgqXb4Q72eM9V8e5HEP2OB8RMWzWiB0Jx9H1/geTSkMmniAe4Khlxixy3EsdTgAEAvBuj4rowYWwAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-search { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGNUM0QUMyMDY3NzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGNUM0QUMxMDY3NzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6B9iMAAAE1SURBVHjatFZREcIwDG1RMAmVMAk4AAdMChImoTiYBCRMwnAwFJQEOm48mjblRu7e8bEkL3lNU2wIwaTMWtvRz57g4NOV4CluMhpjgjXIjgQODgV4QoPxX/kguVckXmMmtDkCu0hEknDyEzR4IwwxEVtLOIDPnaWkPKMoUZQFK+uSLb/OZAD/MSsRaF5sW5BTKsh0GkcheF3YJBH4klOGAItz6LODOR9MnaE/3pknwdrmmuxUYdF/Z/5sSNDWBNPdUfmfSwelHVVpihwQDMrkLe6m3EXzGmdIPms6XwKaRMAU57yBxNJC9NltKlRVC19a10wybkmSWwFT5g3wcTiKcpUmxcVn8w3FVv0gMTXLrWJ1L+g3WRVEwpJeEp/cJh0InfCwNFb62/Kr0X7q49nxwzU/BBgAoWEIkbFXnzUAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-trash { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMkE3QzdBMDY3NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMkE3Qzc5MDY3NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm+MpIcAAACQSURBVHjaYvj//z8DNgwEDUD8HwduwKWPEaoZBTAyMgoAqfcMeABQHyM2cRYGAgBdI9Cy//jUM+Ew5AMDmQBkO0gzPwN1wEcmBioDrJFCEYAa+AFPEiEWf4AnG0IxR4LjGKkehtgMzIZicsSwJuzHFIgx0MXLowaOGjhqIM0NxFY4yFIgNkQLWLKrUBABEGAAN/VrGlKCq9UAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-globe { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGMDY0QjYwMDZDRDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMDY0QjVGMDZDRDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiF8RHEAAAF8SURBVHjarFYLbcQwDL1UA1AGC4PLEKxDsEIIgxVCIQxCx+DGIBA6BgehQ5Czb89SGuXX6Sw9RU0TP/fFsau896eSKaUMDQOBR43pK2ElONq/Fh0wQQpkFo58BbzGZv0kHHOUrsFxDN7TFwkgw/YP5wLea5IEiHwryGCwbsCcnAHP9YQlIOlTBGslMh1Hl5BXSNyOAAfaovFUIoAvOT8bEpSyZYYEuuY8kPouoVwBU4l8JFwQBEswNpCIVOz7HuHRbJkqBKOs64LbmbIfwhvhhfBF+CV8I8KSOYzmVLhUW053bLTBM0s4SXoGqeyeClHwIV0z75j8k+rUBonPhHcmoDlOiA9Z2CH/DxmIDXAOXtnQOSdGh+xI2StFMxEGVNQUyRBNP8cqtKSpDy9OIlNKMC0XTbBkcj1bxnldh0+ZG6TXlefY5l3DaegBLlF5l+raxnLt/2Jpkmd3f442HFOpvPmG86CWqas9+dFNXx34bdFSvOCUcan9ttwEGABhK6KZzv1HQAAAAABJRU5ErkJggg==) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-arrow-left { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyRTYzRjRFMDZBNDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRTYzRjREMDZBNDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgFCos8AAABzSURBVHjaYvj//z8DMRgICohSR4RBAkB8gAGslEIDgcAAiD+ADKPYQJAXYQZRZCDUiwvQDSPLQKgXL2AzjGQDgSAAObzIxB9ghk2g0CBkjNuL5GAmBmoDqnuZJpFCk2RDk4RNk6xHs8KBJsUXOQUsQIABABEJv77soFPFAAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-marker, .enketo-geopoint-marker { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM0NDY2QkUyMDZBQzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM0NDY2QkUxMDZBQzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm/BtdAAAADxSURBVHjalFNRDYUwDBzkCZgEHICESZkEJCABCUh4UpAwCTjY25LyUtorsCb30/XaW3dzOWfHUSIUfAuyQM0FVS/IGyBKbLDBS7JqcpJjA/lE5A0SKFgKBsICzhNx3QQOZ7DcGdRN59Z58pBk1uQQtaF3OpKzQ52hBmPXdYNMUm5U1SRN3m0v8Ey6p9yljr8C8sBB+Q3c/e8Fbt9WHwTpxL2BvCMrx1YXos+UXpDT3W+MLdNRA29snL+M55xeeKIWrDdOXKnmaqSXKtR0peBBhZ6OFBgq4HSowFCBp1sKhApzesXHWnedWL7wyhTB+AkwAEan53kvrTn0AAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-plus { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNDNBQjg1MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNDNBQjg0MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCMOuYAAADqSURBVHjavFaLDYQgDKVMwAiMgJs5yo3iKIzACG7AFQMXjvApKm3SmCh9z9LyCnjvBcUAQONDF68dxjsSQCBqeQT+BMCwtOEurtFdrAaBisF+0kOMIhGhGXR7gyR5iDVdokhyPiBJfpZk5XbZF0jyzFSNiFITU2Q/rNkfUeyu4V9W6knJ7OpGGbt8F+ts/52jwTl5mpFLoqCpBb5JdG2frMhKsg3BIPeKqpTftwaWlh1psrPF6MVIwWPtjFCtzSxaJ8axNQNbe6etOxbW58gP7HIJ4hVV1jHBNvhYRznr5WTVdQu4LpBfAQYA48fhpdMtHxcAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-minus { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNDNBQjg5MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNDNBQjg4MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjBen84AAADMSURBVHjavJaNDYQgDIXFCRiBERjBERnNETqCG/RoUgwSwd6dvCYvJqbtF7E/OGZeLOacC/kRmteU48mUQEA9aeIkCcW1I1KfMMzVAXgN5i8lMd4Eyhaz9h8gRRIbhyCFHH9Aio4W1h7X/gKk/jJ/B0ovQs5/dgFpdfEkhRqUJoJSDaKJICpDYeaxnccnoG3gEEfdftMavTzbEGSFVLAuaF0wFtaHiR2tmR58CVcMsPJGNyxmBMGGKnRNwBYfdJVDLyezrlsOdYH8CDAAn5YfwrN58ucAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-chevron-right, .icon-chevron-left, .icon-chevron-down, .glyphicon-chevron-down, .icon-chevron-up, .glyphicon-chevron-up { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAWCAYAAAAfD8YZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1OUQzQkZEMDZBODExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1OUQzQkZDMDZBODExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6G6sQAAAB/SURBVHjaYvj//z8DDANBARALIIvhw8gaFwAxiHGBWAPQNf4nxQBsGok2gAGq6D85BoCAALkGwEwgywBkJ5BsALofSDIAWyAQbQCuUCTKACYGSgDVnE12gJEdVWQnEoqSJyUZgwmqABu4CMQOQEUf8EYV2YUBxcUQuQUgQIABAENaIhLMSm8LAAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + -moz-transform: rotate(0); + transform: rotate(0); } + +.icon-chevron-left { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); } + +.icon-chevron-down, .glyphicon-chevron-down { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -moz-transform: rotate(90deg); + transform: rotate(90deg); } + +.icon-chevron-up, .glyphicon-chevron-up { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -moz-transform: rotate(270deg); + transform: rotate(270deg); } + +.icon-sticky-note, .icon-sticky-note-o, .btn-comment.empty .icon, .btn-comment.empty .enketo-geopoint-marker, .btn-comment.empty .glyphicon-chevron-up, .btn-comment.empty .glyphicon-chevron-down, .btn-comment .icon, .btn-comment .enketo-geopoint-marker, .btn-comment .glyphicon-chevron-up, .btn-comment .glyphicon-chevron-down { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDQzNjRDMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDQzNjRCMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PloLmqsAAADnSURBVHjatJXhDYQgDIXhJrkRHOFGcARHYoSOwii6gRvUVovhemqgcE3eD2j5HiG2OkR0PUURSJE07Os/wFG0sklP+LQDD3AyiSk5kuYsUSIGveU8yB4ok5DgaIAPCo7KJEj+vDkYngVuLjBlNcdmRziounqDUrjJoAZebVALrzKwwIsNVIf+wNMnazKQPtEd+gXnXIvBetGhoPJoMpD5ctmhWQ22GEQ1Hj4XNTYDHmTnRMxav9bASwEvvFPhvedpObuHoJrb8xwv0iKFoJMF8HRmeaqzjGut8fYJG344KGfGpybdBBgAGVCuLGXPNnQAAAAASUVORK5CYII=); + background-size: contain; + background-repeat: no-repeat; + background-color: #555555; } + +.icon-sticky-note-o, .btn-comment.empty .icon, .btn-comment.empty .enketo-geopoint-marker, .btn-comment.empty .glyphicon-chevron-up, .btn-comment.empty .glyphicon-chevron-down { + background-color: transparent; } + +.icon-download { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAxMDNFRDY5MDZBMjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMDNFRDY4MDZBMjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vYmkAAAFJSURBVHjaxFYLjcMwDF1KYGWwQCiEQhiEQegxOAgbg0EohEEYhByDHIKcPXlSltqu0107S0+VWtuv/iYupbSziHPOw8MXrwPYB5MDJJJAjs/oEFUFBNLxqi+BoCXjVAm0aU1EIB3gvoDkCbTtSr8urxHUAUlugH2R4R/ASMjlSDgU738BPfi+T2pE6SojiYBByz3ZDqRbRtZOUsfUJHIpUMg6huz8QkTdpZIwTh56BjKfE5XRDMwfs8UX0jiJ6vkxn5MgpMZEJPlraOLzrhl370vu44AcDbNW/pvo0QPNzH6LgIRQdBIhKq50IpBTRRS98i00MwsXU3AxkHy9bAEpLGnIsi66KbttZPTLcfGm9qb1FIUjorW0d83A9gxRVzuw3rLnQL5nfkZfQTVLlWbkumipbnFMbH/wrX2Uf+5ystZ1y211gfwTYADx5i7OHxKEDQAAAABJRU5ErkJggg==) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-undo { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5MUFGOTFFMDZBNzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5MUFGOTFEMDZBNzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWjp3cAAADwSURBVHjatFVREYMwDG0wsDoYDoYEJEzCJEwCc4AEJCBhDoaESWAKupdbOHqsa0kH7+4dfKRJ30ubknPOrAURVYgfjALFysQWbPH7MFqwghiBCuRdu0+4Mxqmkl/AcUq+WQHAgp2fOLcALZvMjcSnB48/XL2JqgFr76oeANfQriMcRWkdtUgs6ZXJl2Q1ZcBuU4LPP5P7iiq/QGG2xYGVSB/nHmxk0VKJ/TqmGU2Osck6pohHCJXSu0k9rzmDJy/0hVgbu2i99qJJ0daLr3cZFaKI1zWUGtdiWTfJZ4tWTuA6qSA0m1SDDkpo7wfnLcAA4K8eYpcm41cAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +html { + height: 100%; } + +body { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + min-height: 100%; } + +.paper { + border-width: 1px; + box-shadow: 0 0 5px #888; + background-color: #fff; + position: relative; + min-height: 100%; } + +.or { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin-bottom: 20px; } + +.main { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + margin: 0 auto; + padding: 100px 0 70px 0; + position: relative; + width: 100%; + max-width: 1100px; } + +.paper { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + padding: 45px; + position: relative; + min-height: 100%; } + +.form-header { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-end; + position: absolute; + left: 0; + top: -76px; + width: 100%; + min-height: 69px; + padding: 16px 0; } + +.form-language-selector { + padding: 0; + margin-left: 10px; + font-size: 0.8em; } + +#form-languages { + display: inline; + width: auto; + height: 36px; + background: none; + min-width: 11em; + border: 1px solid #ccc; + margin: 0 0 0 16px; + font-size: 0.9em; } + +[dir="rtl"] #form-languages { + margin: 0 16px 0 0; } + +.form-footer { + margin: 45px -45px -45px -45px; } + +.enketo-power { + position: relative; + left: 50%; + margin: 30px 0 0 -100px; + width: 200px; + font-size: 16px; + line-height: 23px; + text-align: center; } + .enketo-power a { + font-style: italic; } + .enketo-power img { + float: none; + vertical-align: top; + width: 48px; } + +button { + background: none; + border: none; } + +.btn { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + font-weight: normal; + text-align: center; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 15px; + line-height: 1.25; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .btn:focus, .btn:link, .btn:active, .btn:visited { + text-decoration: none; } + +.btn-default { + color: #333333; + background-color: white; + border-color: #cccccc; } + .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; } + .open .btn-default.dropdown-toggle { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; } + .btn-default:active, .btn-default.active { + background-image: none; } + .open .btn-default.dropdown-toggle { + background-image: none; } + .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, + fieldset[disabled] .btn-default, + fieldset[disabled] .btn-default:hover, + fieldset[disabled] .btn-default:focus, + fieldset[disabled] .btn-default:active, + fieldset[disabled] .btn-default.active { + background-color: white; + border-color: #cccccc; } + .btn-default .badge { + color: white; + background-color: #333333; } + +.btn-primary { + color: white; + background-color: #ce4f07; + border-color: #b54606; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { + color: white; + background-color: #a74006; + border-color: #7a2f04; } + .open .btn-primary.dropdown-toggle { + color: white; + background-color: #a74006; + border-color: #7a2f04; } + .btn-primary:active, .btn-primary.active { + background-image: none; } + .open .btn-primary.dropdown-toggle { + background-image: none; } + .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, + fieldset[disabled] .btn-primary, + fieldset[disabled] .btn-primary:hover, + fieldset[disabled] .btn-primary:focus, + fieldset[disabled] .btn-primary:active, + fieldset[disabled] .btn-primary.active { + background-color: #ce4f07; + border-color: #b54606; } + .btn-primary .badge { + color: #ce4f07; + background-color: white; } + +.btn-reset[disabled] { + display: none; } + +.btn-icon-only { + margin: 0 10px 0 10px; + padding: 7px; + color: #333333; + background: none; + border: none; + width: 34px; + height: 34px; + box-shadow: none; + opacity: 0.7; } + .btn-icon-only:hover, .btn-icon-only:focus, .btn-icon-only:active, .btn-icon-only.active, .btn-icon-only:disabled, .btn-icon-only.disabled { + background: none; + box-shadow: none; } + .btn-icon-only:hover, .btn-icon-only:disabled, .btn-icon-only.disabled { + color: #333333; + opacity: 0.5; } + +/** hide stuff **/ +.or [lang]:not(.active), +.or-option-translations, +.or-appearance-page-break, +.or-constraint-msg, +.or-required-msg, +.or-relevant-msg, +.option-wrapper .itemset-template, +.itemset-labels, +.or-hint.or-form-guidance, +.or-hint.or-form-guidance.active { + display: none; } + +.or > h3, +.or-group > h3 { + padding: 5px 0 15px 0; + word-wrap: break-word; + color: #ce4f07; + text-align: center; } + +.or > h4, +.or-group > h4 { + text-align: inherit; + margin-top: 9px; + margin-bottom: 9px; + color: #ce4f07; } + .or > h4 strong, + .or-group > h4 strong { + font-size: inherit; } + +.or.hide { + display: none; } + +.or .question-label h1, +.or .question-label h2, +.or .question-label h3, +.or .question-label h4, +.or .question-label h5, +.or .question-label .or-analog-scale-initialized .show-value__box, +.or-analog-scale-initialized .or .question-label .show-value__box, +.or .question-label h6, +.or .or-hint h1, +.or .or-hint h2, +.or .or-hint h3, +.or .or-hint h4, +.or .or-hint h5, +.or .or-hint .or-analog-scale-initialized .show-value__box, +.or-analog-scale-initialized .or .or-hint .show-value__box, +.or .or-hint h6 { + margin-top: 10px; + margin-bottom: 10px; } + .or .question-label h1:first-child, + .or .question-label h2:first-child, + .or .question-label h3:first-child, + .or .question-label h4:first-child, + .or .question-label h5:first-child, + .or .question-label .or-analog-scale-initialized .show-value__box:first-child, + .or-analog-scale-initialized .or .question-label .show-value__box:first-child, + .or .question-label h6:first-child, + .or .or-hint h1:first-child, + .or .or-hint h2:first-child, + .or .or-hint h3:first-child, + .or .or-hint h4:first-child, + .or .or-hint h5:first-child, + .or .or-hint .or-analog-scale-initialized .show-value__box:first-child, + .or-analog-scale-initialized .or .or-hint .show-value__box:first-child, + .or .or-hint h6:first-child { + margin-top: 0; } + .or .question-label h1:last-child, + .or .question-label h2:last-child, + .or .question-label h3:last-child, + .or .question-label h4:last-child, + .or .question-label h5:last-child, + .or .question-label .or-analog-scale-initialized .show-value__box:last-child, + .or-analog-scale-initialized .or .question-label .show-value__box:last-child, + .or .question-label h6:last-child, + .or .or-hint h1:last-child, + .or .or-hint h2:last-child, + .or .or-hint h3:last-child, + .or .or-hint h4:last-child, + .or .or-hint h5:last-child, + .or .or-hint .or-analog-scale-initialized .show-value__box:last-child, + .or-analog-scale-initialized .or .or-hint .show-value__box:last-child, + .or .or-hint h6:last-child { + margin-bottom: 0; } + +.or .question-label { + word-break: break-word; + display: inline-block; } + +/** hints **/ +.or-hint.active { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + color: #888888; + display: block; + line-height: 16px; + font-weight: normal; + font-size: 11px; + font-style: italic; + padding-top: 5px; } + .or-hint.active ~ br { + display: none; } + +.or .form-logo { + display: block; + text-align: center; + width: 100%; } + .or .form-logo img { + float: none; + display: inline; + max-height: 200px; + max-width: 120px; } + +.or-repeat { + background-color: #fef5ef; + margin: 0 0 3px 0; + padding: 20px 10px 10px 10px; + position: relative; } + .or-repeat.empty { + padding: 0; } + .or-repeat.empty .repeat-number { + display: none; } + .or-repeat .repeat-number { + display: block; + position: absolute; + top: 7px; + right: 10px; + color: #ce4f07; } + .or-repeat .repeat-number + .or-group { + border-top: none; } + .or-repeat .or-repeat { + background-color: white; } + .or-repeat .or-repeat .or-repeat { + background-color: #fef5ef; } + .or-repeat .or-repeat .or-repeat .or-repeat { + background-color: white; } + +.or-group { + border-top: 3px solid #bbbbbb; + margin: 1.5em 0 0.4em 0; } + .or-group .or-group { + margin: 1.5em 0 0.5em 0; } + .or-group .or-group > h4 .active { + font-size: 80%; } + .or-group .or-group > h4 .active::before { + content: "\00BB "; } + .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB "; } + .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB "; } + .or-group .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB \00BB"; } + .or-group .or-group .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB \00BB \00BB"; } + .or-group .or-group .or-group .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB \00BB \00BB \00BB"; } + +.or-group:not(.or-appearance-no-collapse) > h4 { + position: relative; + pointer-events: none; } + .or-group:not(.or-appearance-no-collapse) > h4::before { + width: 0; + height: 0; + border-left: 12px solid transparent; + border-right: 12px solid transparent; + border-top: 12px solid #ce4f07; + border-bottom: 0; + display: block; + position: absolute; + content: ''; + top: 5px; + left: -30px; + right: -30px; + pointer-events: all; } + +.or-group:not(.or-appearance-no-collapse).or-appearance-compact > h4::before { + width: 0; + height: 0; + border-top: 12px solid transparent; + border-bottom: 12px solid transparent; + border-left: 12px solid #ce4f07; + border-right: 0; + left: -22px; + right: -22px; + top: 0; } + +.or-group:not(.or-appearance-no-collapse).or-appearance-compact > h4 ~ * { + display: none !important; } + +[dir="rtl"] .or-group:not(.or-appearance-no-collapse).or-appearance-compact > h4::before { + border-left: 0; + border-right: 12px solid #ce4f07; } + +#stats + .or-group, +#or-preload-items + .or-group, +#form-languages + .or-group { + border-top: none; } + +.question:not(.readonly) { + font-weight: bold; } + +.question { + display: block; + margin: 0 0 9px 0; + padding-top: 15px; + border: none; + position: relative; } + .question > fieldset { + padding: 0; + margin: 0; + border: none; } + +.question-label strong { + font-size: 17px; } + +.question > img, +.question > video, +.question > audio { + margin: 10px auto 10px; } + +.question.readonly input[readonly].empty, +.question.readonly select[readonly].empty, +.question.readonly textarea[readonly].empty { + display: none; } + +.question.readonly strong { + font-size: inherit; } + +label, +legend { + font-size: 16px; } + +.or img, +.or audio, +.or video { + display: block; + max-height: 300px; + max-width: 70%; } + +.or video { + max-width: 100%; } + +legend { + display: block; + position: relative; + border: none; + width: 100%; + padding: 0; + margin-bottom: 12px; } + +.option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; } + .option-wrapper > label { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: block; + margin: 0; + cursor: pointer; + padding: 4px; + margin: 0 10px 1px 10px; } + .option-wrapper > label:hover:not(.filler) { + background-color: #e4f4ff; } + .option-wrapper > label:before, .option-wrapper > label:after { + content: " "; + display: table; } + .option-wrapper > label:after { + clear: both; } + .option-wrapper .option-label { + margin-left: 30px; + display: block; } + .option-wrapper img, + .option-wrapper video, + .option-wrapper audio { + float: right; + margin: 10px 0 10px 10px; } + +.or[dir="rtl"] .option-wrapper .option-label { + margin-right: 30px; } + +.or[dir="rtl"] .option-wrapper img, +.or[dir="rtl"] .option-wrapper video, +.or[dir="rtl"] .option-wrapper audio { + float: left; + margin: 10px 10px 10px 0; } + +.touch .question.simple-select .option-wrapper > label { + background-color: transparent; + border: 1px solid #ccc; + border-radius: 4px; + width: auto; + margin: 0 0 6.4px 0; + padding: 10px; } + .touch .question.simple-select .option-wrapper > label input[type="radio"], + .touch .question.simple-select .option-wrapper > label input[type="checkbox"] { + margin-left: 5px; } + .touch .question.simple-select .option-wrapper > label:focus, .touch .question.simple-select .option-wrapper > label:hover, .touch .question.simple-select .option-wrapper > label:active { + background-color: #e4f4ff; } + +.touch input[type=text], +.touch input[type=tel], +.touch input[type=password], +.touch input[type=url], +.touch input[type=email], +.touch input[type=file], +.touch input[type=date], +.touch input[type=month], +.touch input[type=time], +.touch input[type=datetime], +.touch input[type=number], +.touch textarea, +.touch select { + margin: 10px 0 10px 0; + color: #104b66; } + +.touch input[type=text], +.touch input[type=tel], +.touch input[type=password], +.touch input[type=url], +.touch input[type=email], +.touch input[type=file], +.touch input[type=date], +.touch input[type=month], +.touch input[type=time], +.touch input[type=datetime], +.touch input[type=number], +.touch textarea { + border: 1px solid #ddd8ce; } + +.touch select { + width: 100%; } + +input[type=text], +input[type=tel], +input[type=password], +input[type=url], +input[type=email], +input[type=file], +input[type=date], +input[type=month], +input[type=time], +input[type=datetime], +input[type=number], +input[type=range], +textarea, +select, +.widget { + display: block; + margin: 8px 0 8px 0; } + +input:not([type="radio"]):not([type="checkbox"]), +textarea { + height: 34px; } + +select { + width: 80%; } + +.question input[type=text], .question input[type=tel], .question input[type=password], .question input[type=url], .question input[type=email], .question input[type=file] { + width: 80%; } + +.question input[type=date], .question input[type=month], .question input[type=number], .question input[type=time], .question input[type=datetime], .question input[type=text].mask-date { + width: 144px; } + +.question input[type="radio"], .question input[type=checkbox] { + float: left; + display: block; + margin-top: 2px; } + +.or[dir="rtl"] .question input[type=radio], .or[dir="rtl"] .question input[type=checkbox] { + float: right; } + +.question textarea { + width: 80%; + resize: vertical; + min-height: 9em; } + +.or-repeat .repeat-buttons { + margin-top: 30px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-end; } + +.or-repeat .remove { + margin-bottom: 0; + margin-right: 0; } + +.or-repeat-info:not(:empty) { + padding-top: 10px; } + +.add-repeat-btn { + display: block; + margin: 0 auto 10px auto; + min-width: 150px; } + +.or[dir="rtl"] .remove { + float: left; } + +.alert { + margin-bottom: 4px; } + +.required { + position: absolute; + top: 10px; + left: -10px; + color: #ce4f07; } + +legend .required { + top: 0; } + +.or[dir="rtl"] .required { + left: auto; + right: -10px; } + +.disabled { + opacity: 0.5; } + +.invalid-constraint, +.invalid-required, +.invalid-relevant { + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; + background-color: #f2dede; + border-color: #ebccd1; + border-radius: 3px; + margin-right: -10px; + margin-left: -10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; } + +.invalid-constraint .or-constraint-msg.active, .invalid-constraint .file-picker .file-feedback.error, .file-picker .invalid-constraint .file-feedback.error, .invalid-constraint .draw-widget__feedback, .invalid-constraint .image-map__error, +.invalid-required .or-required-msg.active, +.invalid-required .file-picker .file-feedback.warning, +.file-picker .invalid-required .file-feedback.warning, +.question.invalid-relevant .or-relevant-msg.active { + display: block; } + +.or-required-msg.active, .file-picker .file-feedback.warning, +.or-constraint-msg.active, +.file-picker .file-feedback.error, +.draw-widget__feedback, +.image-map__error, +.or-relevant-msg.active { + font-weight: bold; + padding-top: 5px; + font-size: 0.85em; + color: #a94442; } + +.or-branch.disabled, .or-branch.or-branch.pre-init { + display: none; } + +.pages.or .or-group, +.pages.or .or-group-data, +.pages.or .or-repeat { + display: none; } + .pages.or .or-group.contains-current, + .pages.or .or-group-data.contains-current, + .pages.or .or-repeat.contains-current { + display: block; } + +.pages.or .or-repeat[role="page"].current + .or-repeat-info { + display: block; } + +.pages.or [role="page"] { + display: none; } + .pages.or [role="page"].current { + display: block; } + .pages.or [role="page"].current .or-group:not(.disabled), + .pages.or [role="page"].current .or-group-data:not(.disabled), + .pages.or [role="page"].current .or-repeat:not(.disabled) { + display: block; } + .pages.or [role="page"].hidden { + opacity: 0; } + .pages.or [role="page"].fade-out { + opacity: 0; + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; } + +.pages.or #form-title { + margin: 0; } + +.pages ~ .form-footer { + margin-top: 0; } + .pages ~ .form-footer.end .btn { + display: inline-block; } + .pages ~ .form-footer.end .next-page { + display: none; } + .pages ~ .form-footer.end .logout, + .pages ~ .form-footer.end .draft { + display: block; } + .pages ~ .form-footer .logout { + margin-bottom: 50px; } + .pages ~ .form-footer .btn { + display: none; } + .pages ~ .form-footer .previous-page, + .pages ~ .form-footer .next-page { + display: inline-block; } + .pages ~ .form-footer .previous-page.disabled, + .pages ~ .form-footer .next-page.disabled { + display: none; } + .pages ~ .form-footer .first-page, + .pages ~ .form-footer .last-page { + display: inline-block; } + .pages ~ .form-footer .logout, + .pages ~ .form-footer .draft { + display: none; } + +.pages-toc__list { + border: 1px solid black; + border-width: 1px; + box-shadow: 0 0 5px #888; + position: absolute; + right: 0; + left: 0; + top: 69px; + width: 320px; + height: 0; + max-height: calc(100vh - 100px); + max-width: 100vw; + margin: 0 auto; + list-style: none; + padding: 0; + background: white; + z-index: 1000; + overflow: scroll; + transition: height 1s ease-out; + opacity: 0; } + .pages-toc__list li { + border-bottom: 1px solid #555555; + padding: 0; + margin: 0; } + .pages-toc__list li:hover { + background: #e4f4ff; } + .pages-toc__list a, + .pages-toc__list a:link, + .pages-toc__list a:visited { + text-decoration: none; + color: inherit; + display: block; + width: 100%; + height: 100%; + padding: 8px 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +.pages-toc__overlay { + display: none; + position: fixed; + top: 0; + left: 0; + background: #555555; + width: 100%; + height: 100%; + z-index: 999; + opacity: 0.5; } + +.pages-toc #toc-toggle { + display: none; } + .pages-toc #toc-toggle:checked + .pages-toc__list { + height: auto; + opacity: 1; } + .pages-toc #toc-toggle:checked ~ .pages-toc__overlay { + display: block; } + +.pages-toc label[for="toc-toggle"] { + display: block; + width: 27px; + height: 27px; + margin: 5px 0 5px 20px; + background: repeating-linear-gradient(#555555 2px, #555555 5px, transparent 5px, transparent 12px); } + .pages-toc label[for="toc-toggle"]:hover { + opacity: 0.7; } + +.bootstrap-select { + margin-top: 15px; } + .bootstrap-select .dropdown-toggle { + width: 218.99632px; + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-align: left; } + .bootstrap-select .dropdown-toggle .caret { + position: absolute; + top: 14px; + right: 12px; } + .bootstrap-select .dropdown-toggle .selected { + width: calc(100% - 12px); + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu { + max-height: 200px; + max-width: 100%; + overflow: auto; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper { + padding-left: 5px; + background-color: transparent; + color: black; + text-decoration: none; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper label { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + font-size: 16px; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper label:hover { + background: transparent; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper label .option-label { + margin-top: 1px; } + +.readonly .bootstrap-select .dropdown-toggle { + opacity: 0.7; } + +.or[dir="rtl"] .bootstrap-select .dropdown-toggle { + text-align: right; } + .or[dir="rtl"] .bootstrap-select .dropdown-toggle .caret { + margin-left: 0; + margin-right: 10px; + left: 12px; + right: auto; } + +.btn-group { + position: relative; + vertical-align: middle; } + .btn-group > .btn { + position: relative; } + .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { + z-index: 2; } + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; } + +.btn .caret { + margin-left: 0; } + +.mobileselect { + margin-left: 10px; } + +[type=range] { + padding: 2.5px; + width: 100%; + background: transparent; + font: 1em/1 arial, sans-serif; + z-index: 10; } + [type=range], [type=range]::-webkit-slider-thumb { + -webkit-appearance: none; } + [type=range]::-webkit-slider-runnable-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; } + [type=range]::-moz-range-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; } + [type=range]::-ms-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; } + [type=range]::-webkit-slider-thumb { + margin-top: -9.5px; + box-sizing: border-box; + border: 1px solid #ce4f07; + width: 20px; + height: 20px; + border-radius: 50%; + background: #ce4f07; + cursor: pointer; } + [type=range]::-moz-range-thumb { + box-sizing: border-box; + border: 1px solid #ce4f07; + width: 20px; + height: 20px; + border-radius: 50%; + background: #ce4f07; + cursor: pointer; } + [type=range]::-ms-thumb { + margin-top: 0; + box-sizing: border-box; + border: 1px solid #ce4f07; + width: 20px; + height: 20px; + border-radius: 50%; + background: #ce4f07; + cursor: pointer; } + [type=range]::-ms-tooltip { + display: none; } + [type=range]:focus { + outline: 0; } + [type=range]:focus::-webkit-slider-thumb { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + [type=range]:focus::-moz-range-thumb { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + [type=range]:focus::-ms-thumb { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + [type=range].empty::-webkit-slider-thumb { + background: transparent; + border-color: transparent; } + [type=range].empty::-moz-range-thumb { + background: transparent; + border-color: transparent; } + [type=range].empty::-ms-thumb { + background: transparent; + border-color: transparent; } + [type=range][disabled]::-webkit-slider-thumb { + opacity: 0.7; } + [type=range][disabled]::-moz-range-thumb { + opacity: 0.7; } + [type=range][disabled]::-ms-thumb { + opacity: 0.7; } + +.range-widget { + position: relative; } + .range-widget__wrap { + width: 100%; + height: 200px; + z-index: 0; + text-align: center; } + .range-widget__current { + padding-bottom: 10px; + vertical-align: middle; + line-height: 98.5px; + min-height: 108.5px; } + .range-widget__ticks { + height: 20px; + box-sizing: border-box; + margin-left: 12px; + margin-right: 12px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; } + .range-widget__ticks span { + flex: 1; + border-left: 1px solid #333333; } + .range-widget__ticks span:last-child { + border-right: 1px solid #333333; } + .range-widget__scale { + display: flex; + padding-top: 10px; + justify-content: space-between; } + .range-widget__scale__start, .range-widget__scale__end, .range-widget__scale__between { + width: 20px; + opacity: 0.7; + font-weight: normal; } + .range-widget [type=range] { + position: absolute; + top: 93.5px; + left: 0; } + .range-widget .btn-reset { + margin: 15px; } + +.or-appearance-vertical input[type=range], +.or-appearance-distress input[type=range] { + transform: rotate(-90deg); + width: 350px; + margin: 0 10px; + top: 158px; + left: -85px; + right: -85px; } + +.or-appearance-vertical .range-widget__wrap, +.or-appearance-distress .range-widget__wrap { + display: flex; + flex-wrap: nowrap; + flex-direction: row; + height: 350px; + width: 200px; + margin-top: 20px; } + +.or-appearance-vertical .range-widget__current, +.or-appearance-distress .range-widget__current { + flex: 1; + padding-right: 10px; + padding-bottom: 0; + line-height: 350px; } + +.or-appearance-vertical .range-widget__ticks, +.or-appearance-distress .range-widget__ticks { + width: 20px; + height: auto; + border-right: none; + margin-left: 0; + margin-right: 0; + margin-top: 12px; + margin-bottom: 12px; + flex-direction: column; } + .or-appearance-vertical .range-widget__ticks span, + .or-appearance-distress .range-widget__ticks span { + border-top: 1px solid #333333; + border-left: none; } + .or-appearance-vertical .range-widget__ticks span:last-child, + .or-appearance-distress .range-widget__ticks span:last-child { + border-bottom: 1px solid #333333; + border-right: none; } + +.or-appearance-vertical .range-widget__scale, +.or-appearance-distress .range-widget__scale { + flex: 1; + padding-top: 0; + padding-left: 10px; + flex-direction: column-reverse; } + +.or[dir=rtl] .or-appearance-vertical input[type=range], +.or[dir=rtl] .or-appearance-distress input[type=range] { + transform: rotate(90deg); } + +/* distress flavor of vertical range widget*/ +.or-appearance-distress input[type=range] { + top: 173px; + left: -127.5px; + right: -127.5px; } + .or-appearance-distress input[type=range]::-webkit-slider-runnable-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; } + .or-appearance-distress input[type=range]::-moz-range-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; } + .or-appearance-distress input[type=range]::-ms-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; } + .or-appearance-distress input[type=range]:not(.empty)::-webkit-slider-thumb { + margin-top: -8px; + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; } + .or-appearance-distress input[type=range]:not(.empty)::-moz-range-thumb { + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; } + .or-appearance-distress input[type=range]:not(.empty)::-ms-thumb { + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; } + +.or-appearance-distress .range-widget__wrap { + width: 115px; + flex-direction: row-reverse; + flex-wrap: wrap; + padding-top: 15px; + height: 410px; } + +.or-appearance-distress .range-widget__current { + visibility: hidden; + padding: 0 8.5px; } + +.or-appearance-distress .range-widget__ticks { + width: 6px; } + +.or-appearance-distress .range-widget__bg { + width: 30px; + border-radius: 15px; + border: 1px solid #aaaaaa; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: none; + margin-top: -15px; + background-image: -webkit-linear-gradient(#e20418, #fdd303 50%, #3cb643); + background-image: linear-gradient(#e20418, #fdd303 50%, #3cb643); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE20418', endColorstr='#FF3CB643', GradientType=0); + z-index: 1; } + +.or-appearance-distress .range-widget__scale { + position: relative; + text-align: end; + align-items: flex-end; + padding: 0 5.5px; } + +.or-appearance-distress .range-widget__bulb { + width: 60px; + height: 60px; + border: 1px solid #aaaaaa; + border-radius: 30px; + margin: -7px auto 10px auto; + background: #3cb643; + position: relative; } + .or-appearance-distress .range-widget__bulb__inner { + width: 24px; + height: 24px; + border-radius: 12px; + background: #3a94a5; + margin: 17px; } + .or-appearance-distress .range-widget__bulb__mercury { + position: absolute; + left: calc(50% - 4px / 2); + right: calc(50% - 4px / 2); + bottom: 30px; + background: #3a94a5; + min-height: 25px; + width: 4px; + z-index: 100; } + +.or-appearance-distress .range-widget .btn-reset { + position: absolute; + top: 140px; + left: 70px; + right: 70px; } + +/* + CSS-Tricks Example + by Chris Coyier + http://css-tricks.com +*/ +.datalist { + list-style: none; + display: none; + background: white; + position: absolute; + left: 0; + top: 0; + max-height: 300px; + overflow-y: auto; + z-index: 10; + padding: 0; + border: 1px solid #555555; } + +.datalist:empty { + display: none !important; } + +.datalist li { + padding: 5px; } + +.datalist li.active { + background: #3875d7; + color: white; } + +input[type=text].autocomplete { + width: 218.99632px; } + input[type=text].autocomplete.notfound { + color: #999999; } + +.touch input[type=text].autocomplete { + width: 100%; } + +.enketo-geopoint-marker { + margin-top: -24px; + width: 24px; + height: 24px; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 1; + text-align: center; + color: #508ecd; } + +.enketo-area-popup .leaflet-popup-content-wrapper { + border-radius: 2px; + color: black; + background: none; + box-shadow: none; } + +.enketo-area-popup .leaflet-popup-content { + margin: 3px 20px; } + +.enketo-area-popup .leaflet-popup-tip-container { + display: none; } + +.leaflet-container .enketo-area-popup:hover a.leaflet-popup-close-button { + display: block; } + +.leaflet-container .enketo-area-popup a.leaflet-popup-close-button { + z-index: 1; + display: none; + font-weight: normal; + color: black; } + +.enketo-geopoint-circle-marker, .geopicker .point { + width: 16px; + height: 16px; + margin-top: -8px; + border-radius: 8px; + border: 1px solid #4e4e4e; + background: #818181; } + +.enketo-geopoint-circle-marker-active, .geopicker .point.active { + width: 16px; + height: 16px; + margin-top: -8px; + border-radius: 8px; + border: 1px solid #508ecd; + background: #9fc1e4; } + +.geopicker { + margin-top: 25px; } + .geopicker img { + margin: 0; + max-height: none; + max-width: none; } + .geopicker .geo-inputs { + position: relative; + min-width: 160px; + width: 27%; + margin: 0 4% 0 0; } + @media screen and (max-width: 1100px) { + .geopicker .geo-inputs { + width: 100%; } } + .geopicker .geo-inputs .paste-progress, + .geopicker .geo-inputs .disabled-msg { + position: absolute; + display: block; + top: 50%; + width: calc(100% - 20px); + text-align: center; + margin: 0px 10px; } + .geopicker .geo-inputs .disabled-msg { + display: none; + color: #a94442; } + .geopicker .map-canvas-wrapper { + position: relative; } + .geopicker .map-canvas-wrapper, + .geopicker .search-bar { + width: 65%; + float: right; + padding-left: 4%; + border-left: solid 1px #bbbbbb; } + @media screen and (max-width: 1100px) { + .geopicker .map-canvas-wrapper, + .geopicker .search-bar { + width: 100%; + float: none; + padding-left: 0; + border-left: none; } } + .geopicker .search-bar { + margin-top: 0; + display: flex; + justify-content: space-between; } + .geopicker .search-bar .input-group { + display: flex; + width: 80%; + order: 2; } + .geopicker .search-bar [name="search"] { + margin: 0 !important; + width: calc(100% - 40px); + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .geopicker .search-bar .hide-map-btn { + display: none; } + .geopicker .search-bar .search-btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0; } + .geopicker .btn:not(.close-chain-btn):not(.toggle-input-type-btn) { + height: 34px; } + .geopicker .btn[name="geodetect"] { + font-size: 16px; + margin: 0 0 0 4%; + order: 3; } + .geopicker .close-chain-btn { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: inline-block; + padding: 0 5px; + margin-left: 15px; } + .geopicker .toggle-input-visibility-btn { + position: absolute; + top: calc(50% - 15px); + left: -16px; + background: none; + border-left: 3px solid #aaaaaa; + border-bottom: 2px solid #aaaaaa; + border-top: 2px solid #aaaaaa; + border-right: none; + height: 30px; + width: 7px; + padding: 0; + z-index: 10; } + .geopicker .toggle-input-visibility-btn.open { + left: -20px; + border-left: none; + border-right: 3px solid #aaaaaa; } + .geopicker .points { + width: 100%; + padding-bottom: 15px; } + .geopicker .point { + margin-right: 10px; + display: inline-block; + opacity: 0.9; } + .geopicker .point.has-error:not(.active) { + border: 1px solid #a94442; + background: #F2DEDE; + opacity: 1; } + .geopicker .addpoint { + border: none; + background: none; + height: 16px; + width: 16px; + font-weight: bold; + font-size: 16px; + padding: 0; + vertical-align: top; + line-height: 16px; + margin: 0; + display: inline-block; + margin-top: -1px; } + .geopicker .btn-remove[disabled], + .geopicker .close-chain-btn[disabled], + .geopicker button[name=geodetect][disabled], + .geopicker input[name=search][disabled], + .geopicker .search-btn[disabled] { + display: none; } + .geopicker .hide-search.no-map { + border-left: none; } + .geopicker .hide-search .input-group { + display: none; } + .geopicker .hide-search .btn[name="geodetect"] { + margin: 15px auto 15px auto; + width: 50%; } + .geopicker label.geo { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: block; + border: none; + padding: 0; + margin: 15px 0 0 0; } + .geopicker label.geo.lat, .geopicker label.geo.kml { + padding-top: 5px; } + .geopicker label.geo.long { + margin-bottom: 20px; } + .geopicker label.geo.alt { + border-top: solid 1px #bbbbbb; + padding: 12px 0 0 0; + margin: 0 0 0 0; } + @media screen and (max-width: 1100px) { + .geopicker label.geo.alt { + border-top: none; } } + .geopicker label.geo.acc { + padding: 0; + margin: 5px 0 0 0; } + .geopicker label.geo.alt, .geopicker label.geo.acc { + min-height: 70px; + line-height: 50px; + font-size: 12px; } + .geopicker input[name="lat"], + .geopicker input[name="long"], + .geopicker textarea[name="kml"] { + float: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + /*&:invalid { + //copied from bootstrap + color: $state-danger-text; + border-color: $state-danger-text; + @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); + // Redeclare so transitions work + &:focus { + border-color: darken($state-danger-text, 10%); + $shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px lighten($state-danger-text, 20%); + @include box-shadow($shadow); + } + }*/ } + .geopicker input[name="alt"], + .geopicker input[name="acc"] { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + float: right; + width: 40%; } + @media screen and (max-width: 1100px) { + .geopicker input[name="alt"], + .geopicker input[name="acc"] { + width: 50%; } } + .geopicker textarea[name="kml"] { + min-height: 260px; + overflow: auto; } + .geopicker textarea[name="kml"]:disabled + .disabled-msg { + display: block; } + .geopicker .geo.kml { + display: none; + margin-bottom: 10px; } + .geopicker .toggle-input-type-btn { + border: none; + background: none; + color: #ccc; + position: absolute; + top: -10px; + right: 0; + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 12px; } + .geopicker .toggle-input-type-btn .kml-input { + display: block; } + .geopicker .toggle-input-type-btn .points-input { + display: none; } + .geopicker .kml-input-mode .geo { + display: none; } + .geopicker .kml-input-mode .geo.kml { + display: block; } + .geopicker .kml-input-mode .toggle-input-type-btn .kml-input { + display: none; } + .geopicker .kml-input-mode .toggle-input-type-btn .points-input { + display: block; } + .geopicker .map-canvas { + width: 100%; + border: 1px solid #ccc; + border-radius: 3px; + margin-top: 10px; + height: 275px; + display: flex; + flex-direction: column; + justify-content: center; + cursor: crosshair; } + .geopicker .map-canvas img { + max-width: none; } + .geopicker .map-canvas .attribution { + position: absolute; + right: 0; + bottom: 0; + font-size: 10px; } + .geopicker .map-canvas.static { + cursor: not-allowed; } + .geopicker .map-canvas .show-map-btn { + width: 150px; + margin: 120px auto; + display: block; } + .geopicker.full-screen { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 10000; + background: white; + margin-top: 0; + padding-top: 25px; } + .geopicker.full-screen .geo-inputs { + margin-left: 25px; + margin-bottom: 15px; } + .geopicker.full-screen .geo-inputs .geo, + .geopicker.full-screen .geo-inputs .toggle-input-type-btn { + display: none; } + .geopicker.full-screen .geo-inputs .close-chain-btn { + margin-left: 20px; + margin-top: 0; } + .geopicker.full-screen .map-canvas-wrapper { + float: none; + width: 100%; + padding: 0 25px 15px 25px; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; } + .geopicker.full-screen .map-canvas-wrapper .map-canvas { + height: 100%; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .geopicker.full-screen .map-canvas-wrapper .show-map-btn { + display: none; } + .geopicker.full-screen .search-bar { + width: 100%; + padding: 0 25px 15px 25px; } + .geopicker.full-screen .search-bar.hide-search { + display: block; } + .geopicker.full-screen .search-bar .hide-map-btn { + display: block; + width: 70px; + margin-right: 15px; + order: 1; } + .geopicker.full-screen .search-bar [name="geodetect"] { + width: 70px; + margin-left: 15px; } + .geopicker.full-screen .search-bar .input-group { + width: auto; + flex: 100%; } + .geopicker.full-screen .points { + display: none; } + .geopicker.full-screen .btn-remove { + margin-left: 0; } + .geopicker .leaflet-control-layers-toggle, + .geopicker .leaflet-retina .leaflet-control-layers-toggle { + background: none; + color: #888; + text-align: center; + font-size: 20px; + line-height: 44px; } + .geopicker .leaflet-control-layers-toggle .icon-globe, + .geopicker .leaflet-retina .leaflet-control-layers-toggle .icon-globe { + margin: -1px auto 0 auto; } + .geopicker .leaflet-control-layers-list label { + text-align: left; + padding: 5px; } + .geopicker .leaflet-control-layers-list label .option-label { + margin-left: 30px; + display: block; + line-height: 20px; } + .geopicker:not(.full-screen).hide-input.wide .map-canvas { + height: 375px; } + .geopicker:not(.full-screen).hide-input .geo-inputs .geo { + display: none; } + .geopicker:not(.full-screen).hide-input .toggle-input-type-btn { + display: none; } + .geopicker:not(.full-screen).hide-input .btn-remove { + margin: 10px 0 5px 0; } + .geopicker:not(.full-screen).hide-input .map-canvas-wrapper, + .geopicker:not(.full-screen).hide-input .search-bar { + width: 100%; + border-left: none; + padding-left: 0; } + +.or[dir="rtl"] .geopicker .geo-inputs { + margin: 0 0 0 4%; } + +.or[dir="rtl"] .geopicker .map-canvas-wrapper, +.or[dir="rtl"] .geopicker .search-bar { + float: left; + border-left: none; + border-right: solid 1px #bbbbbb; } + @media screen and (max-width: 1100px) { + .or[dir="rtl"] .geopicker .map-canvas-wrapper, + .or[dir="rtl"] .geopicker .search-bar { + border-right: none; } } + .or[dir="rtl"] .geopicker .map-canvas-wrapper .input-group, + .or[dir="rtl"] .geopicker .search-bar .input-group { + flex-direction: row-reverse; } + +.or[dir="rtl"] .geopicker .toggle-input-visibility-btn { + right: -16px; + border-right: 3px solid #aaaaaa; + border-bottom: 2px solid #aaaaaa; + border-top: 2px solid #aaaaaa; + border-left: none; } + .or[dir="rtl"] .geopicker .toggle-input-visibility-btn.open { + right: -20px; + border-right: none; + border-left: 3px solid #aaaaaa; } + +.or[dir="rtl"] .geopicker input[name="alt"], +.or[dir="rtl"] .geopicker input[name="acc"] { + float: left; } + +.or[dir="rtl"] .geopicker .btn[name="geodetect"] { + font-size: 16px; + margin: 0 4% 0 0; } + +.or[dir="rtl"] .geopicker .hide-map-btn { + margin: 0 0 0 4%; } + +.or[dir="rtl"] .geopicker .hide-search .btn[name="geodetect"] { + margin: 15px auto; + width: 50%; } + +.or[dir="rtl"] .geopicker .close-chain-btn { + margin-left: 0; + margin-right: 15px; } + +.or[dir="rtl"] .geopicker .toggle-input-type-btn { + left: 0; + right: auto; } + +.or[dir="rtl"] .geopicker:not(.full-screen).hide-input .map-canvas-wrapper, +.or[dir="rtl"] .geopicker:not(.full-screen).hide-input .search-bar { + border-right: none; + padding-right: 4%; + padding-left: 0; } + +@media screen and (max-width: 500px) { + .full-screen.geopicker .search-bar .search-btn { + display: none; } + .full-screen.geopicker .search-bar [name="search"] { + width: 100%; } + .full-screen.geopicker .search-bar [name="search"] { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } } + +.question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) .geopicker label { + line-height: 16px; + font-weight: normal; } + .question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) .geopicker label input[type=radio] ~ .option-label::before { + font-size: 16px; + height: 16px; + margin-right: 2px; } + +/* required styles for Leaflet (unchanged from https://github.com/Leaflet/Leaflet/blob/master/dist/leaflet.css) */ +.leaflet-pane, +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile-container, +.leaflet-pane > svg, +.leaflet-pane > canvas, +.leaflet-zoom-box, +.leaflet-image-layer, +.leaflet-layer { + position: absolute; + left: 0; + top: 0; } + +.leaflet-container { + overflow: hidden; } + +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } + +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; } + +/* hack that prevents hw layers "stretching" when loading new tiles */ +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } + +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; } + +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.leaflet-container .leaflet-overlay-pane svg, +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-shadow-pane img, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer { + max-width: none !important; + max-height: none !important; } + +.leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } + +.leaflet-container.leaflet-touch-drag { + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } + +.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; } + +.leaflet-container { + -webkit-tap-highlight-color: transparent; } + +.leaflet-container a { + -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } + +.leaflet-tile { + filter: inherit; + visibility: hidden; } + +.leaflet-tile-loaded { + visibility: inherit; } + +.leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } + +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.leaflet-overlay-pane svg { + -moz-user-select: none; } + +.leaflet-pane { + z-index: 400; } + +.leaflet-tile-pane { + z-index: 200; } + +.leaflet-overlay-pane { + z-index: 400; } + +.leaflet-shadow-pane { + z-index: 500; } + +.leaflet-marker-pane { + z-index: 600; } + +.leaflet-tooltip-pane { + z-index: 650; } + +.leaflet-popup-pane { + z-index: 700; } + +.leaflet-map-pane canvas { + z-index: 100; } + +.leaflet-map-pane svg { + z-index: 200; } + +.leaflet-vml-shape { + width: 1px; + height: 1px; } + +.lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; } + +/* control positioning */ +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: visiblePainted; + /* IE 9-10 doesn't have auto */ + pointer-events: auto; } + +.leaflet-top, +.leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; } + +.leaflet-top { + top: 0; } + +.leaflet-right { + right: 0; } + +.leaflet-bottom { + bottom: 0; } + +.leaflet-left { + left: 0; } + +.leaflet-control { + float: left; + clear: both; } + +.leaflet-right .leaflet-control { + float: right; } + +.leaflet-top .leaflet-control { + margin-top: 10px; } + +.leaflet-bottom .leaflet-control { + margin-bottom: 10px; } + +.leaflet-left .leaflet-control { + margin-left: 10px; } + +.leaflet-right .leaflet-control { + margin-right: 10px; } + +/* zoom and fade animations */ +.leaflet-fade-anim .leaflet-tile { + will-change: opacity; } + +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } + +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; } + +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } + +.leaflet-zoom-anim .leaflet-zoom-animated { + will-change: transform; } + +.leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } + +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; } + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; } + +/* cursors */ +.leaflet-interactive { + cursor: pointer; } + +.leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; } + +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; } + +.leaflet-popup-pane, +.leaflet-control { + cursor: auto; } + +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; } + +/* marker & overlays interactivity */ +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-image-layer, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; } + +.leaflet-marker-icon.leaflet-interactive, +.leaflet-image-layer.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive { + pointer-events: visiblePainted; + /* IE 9-10 doesn't have auto */ + pointer-events: auto; } + +/* visual tweaks */ +.leaflet-container { + background: #ddd; + outline: 0; } + +.leaflet-container a { + color: #0078A8; } + +.leaflet-container a.leaflet-active { + outline: 2px solid orange; } + +.leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255, 255, 255, 0.5); } + +/* general typography */ +.leaflet-container { + font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } + +/* general toolbar styles */ +.leaflet-bar { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } + +.leaflet-bar a, +.leaflet-bar a:hover { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } + +.leaflet-bar a, +.leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } + +.leaflet-bar a:hover { + background-color: #f4f4f4; } + +.leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +.leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } + +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; } + +.leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; } + +.leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +.leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +/* zoom control */ +.leaflet-control-zoom-in, +.leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; } + +.leaflet-touch .leaflet-control-zoom-in, +.leaflet-touch .leaflet-control-zoom-out { + font-size: 22px; } + +/* layers control */ +.leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background: #fff; + border-radius: 5px; } + +.leaflet-control-layers-toggle { + background-image: url(images/layers.png); + width: 36px; + height: 36px; } + +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(images/layers-2x.png); + background-size: 26px 26px; } + +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; } + +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; } + +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; } + +.leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; } + +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } + +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; } + +.leaflet-control-layers label { + display: block; } + +.leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } + +/* Default icon URLs */ +.leaflet-default-icon-path { + background-image: url(images/marker-icon.png); } + +/* attribution and scale controls */ +.leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.7); + margin: 0; } + +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 5px; + color: #333; } + +.leaflet-control-attribution a { + text-decoration: none; } + +.leaflet-control-attribution a:hover { + text-decoration: underline; } + +.leaflet-container .leaflet-control-attribution, +.leaflet-container .leaflet-control-scale { + font-size: 11px; } + +.leaflet-left .leaflet-control-scale { + margin-left: 5px; } + +.leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; } + +.leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + background: rgba(255, 255, 255, 0.5); } + +.leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } + +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; } + +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + box-shadow: none; } + +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } + +/* popup */ +.leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: 20px; } + +.leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; } + +.leaflet-popup-content { + margin: 13px 19px; + line-height: 1.4; } + +.leaflet-popup-content p { + margin: 18px 0; } + +.leaflet-popup-tip-container { + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } + +.leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } + +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } + +.leaflet-container a.leaflet-popup-close-button:hover { + color: #999; } + +.leaflet-popup-scrolled { + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } + +.leaflet-oldie .leaflet-popup-content-wrapper { + zoom: 1; } + +.leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } + +.leaflet-oldie .leaflet-popup-tip-container { + margin-top: -1px; } + +.leaflet-oldie .leaflet-control-zoom, +.leaflet-oldie .leaflet-control-layers, +.leaflet-oldie .leaflet-popup-content-wrapper, +.leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; } + +/* div icon */ +.leaflet-div-icon { + background: #fff; + border: 1px solid #666; } + +/* Tooltip */ +/* Base styles for the element that has a tooltip */ +.leaflet-tooltip { + position: absolute; + padding: 6px; + background-color: #fff; + border: 1px solid #fff; + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } + +.leaflet-tooltip.leaflet-clickable { + cursor: pointer; + pointer-events: auto; } + +.leaflet-tooltip-top:before, +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } + +/* Directions */ +.leaflet-tooltip-bottom { + margin-top: 6px; } + +.leaflet-tooltip-top { + margin-top: -6px; } + +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-top:before { + left: 50%; + margin-left: -6px; } + +.leaflet-tooltip-top:before { + bottom: 0; + margin-bottom: -12px; + border-top-color: #fff; } + +.leaflet-tooltip-bottom:before { + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: #fff; } + +.leaflet-tooltip-left { + margin-left: -6px; } + +.leaflet-tooltip-right { + margin-left: 6px; } + +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + top: 50%; + margin-top: -6px; } + +.leaflet-tooltip-left:before { + right: 0; + margin-right: -12px; + border-left-color: #fff; } + +.leaflet-tooltip-right:before { + left: 0; + margin-left: -12px; + border-right-color: #fff; } + +.question.or-appearance-list-nolabel, +.question.or-appearance-label { + margin: -0.9em 0 -0.7em 0; } + .question.or-appearance-list-nolabel legend, + .question.or-appearance-label legend { + float: left; + border: none; + line-height: 17px; + width: 35%; + min-height: 1px; } + .question.or-appearance-list-nolabel .option-wrapper, + .question.or-appearance-label .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; } + .question.or-appearance-list-nolabel .option-wrapper label, + .question.or-appearance-label .option-wrapper label { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 4px 0; + word-break: break-word; } + .question.or-appearance-list-nolabel .option-wrapper label .active, + .question.or-appearance-label .option-wrapper label .active { + margin: 0 auto; } + .question.or-appearance-list-nolabel .option-label.active, + .question.or-appearance-label .option-label.active { + text-align: center; } + +.or[dir="rtl"] .question.or-appearance-list-nolabel, +.or[dir="rtl"] .question.or-appearance-label { + margin: -0.9em 0 -0.7em 0; } + .or[dir="rtl"] .question.or-appearance-list-nolabel legend, + .or[dir="rtl"] .question.or-appearance-label legend { + float: right; } + +.or[dir="rtl"] .question.or-appearance-list-nolabel input[type=radio], +.or[dir="rtl"] .question.or-appearance-list-nolabel input[type=checkbox] { + float: none; + margin: 0; } + +.question.or-appearance-list-nolabel label .active { + display: none; + float: none; } + +.question.or-appearance-list-nolabel input[type=radio], +.question.or-appearance-list-nolabel input[type=checkbox] { + float: none; + text-align: center; + display: inline-block; + margin: 0; + vertical-align: middle; } + +.question.or-appearance-label .option-wrapper > label { + margin-bottom: 6px; } + .question.or-appearance-label .option-wrapper > label:hover { + background-color: transparent; } + +.question.or-appearance-label input[type=radio], +.question.or-appearance-label input[type=checkbox] { + display: none; } + +.question.or-appearance-label img { + max-height: 30px; + max-width: 30px; + float: none; } + +.or[dir="rtl"] .question.or-appearance-label .option-wrapper > label img { + float: none; } + +/*! + * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) + * + * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) + */ +.datepicker { + padding: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; } + +.datepicker-inline { + width: 220px; } + +.datepicker-rtl { + direction: rtl; } + +.datepicker-rtl.dropdown-menu { + left: auto; } + +.datepicker-rtl table tr td span { + float: right; } + +.datepicker-dropdown { + top: 0; + left: 0; } + +.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #999; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; } + +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-top: 0; + position: absolute; } + +.datepicker-dropdown.datepicker-orient-left:before { + left: 6px; } + +.datepicker-dropdown.datepicker-orient-left:after { + left: 7px; } + +.datepicker-dropdown.datepicker-orient-right:before { + right: 6px; } + +.datepicker-dropdown.datepicker-orient-right:after { + right: 7px; } + +.datepicker-dropdown.datepicker-orient-bottom:before { + top: -7px; } + +.datepicker-dropdown.datepicker-orient-bottom:after { + top: -6px; } + +.datepicker-dropdown.datepicker-orient-top:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; } + +.datepicker-dropdown.datepicker-orient-top:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #fff; } + +.datepicker table { + margin: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.datepicker td, .datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; } + +.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { + background-color: transparent; } + +.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background: #eee; + cursor: pointer; } + +.datepicker table tr td.new, .datepicker table tr td.old { + color: #999; } + +.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { + background: 0 0; + color: #999; + cursor: default; } + +.datepicker table tr td.highlighted { + background: #d9edf7; + border-radius: 0; } + +.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #000; } + +.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { + background-color: #fdf59a; } + +.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active { + background-color: #fbf069\9; } + +.datepicker table tr td.today:hover:hover { + color: #000; } + +.datepicker table tr td.today.active:hover { + color: #fff; } + +.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { + background: #eee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + +.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { + background-color: #f3d17a; + background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); + background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); + border-color: #f3e97a #f3e97a #edde34; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + +.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { + background-color: #f3e97a; } + +.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active { + background-color: #efe24b\9; } + +.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { + background-color: #9e9e9e; + background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey)); + background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -o-linear-gradient(to bottom, #b3b3b3, grey); + background-image: linear-gradient(to bottom, #b3b3b3, grey); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); + border-color: grey grey #595959; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { + background-color: grey; } + +.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active { + background-color: #666\9; } + +.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(to bottom, #08c, #04c); + background-image: -ms-linear-gradient(to bottom, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(to bottom, #08c, #04c); + background-image: -o-linear-gradient(to bottom, #08c, #04c); + background-image: linear-gradient(to bottom, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { + background-color: #04c; } + +.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active { + background-color: #039\9; } + +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + +.datepicker table tr td span.focused, .datepicker table tr td span:hover { + background: #eee; } + +.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { + background: 0 0; + color: #999; + cursor: default; } + +.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(to bottom, #08c, #04c); + background-image: -ms-linear-gradient(to bottom, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(to bottom, #08c, #04c); + background-image: -o-linear-gradient(to bottom, #08c, #04c); + background-image: linear-gradient(to bottom, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { + background-color: #04c; } + +.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { + background-color: #039\9; } + +.datepicker table tr td span.new, .datepicker table tr td span.old { + color: #999; } + +.datepicker .datepicker-switch { + width: 145px; } + +.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { + cursor: pointer; } + +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { + background: #eee; } + +.datepicker .next.disabled, .datepicker .prev.disabled { + visibility: hidden; } + +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; } + +.input-append.date .add-on, .input-prepend.date .add-on { + cursor: pointer; } + +.input-append.date .add-on i, .input-prepend.date .add-on i { + margin-top: 3px; } + +.input-daterange input { + text-align: center; } + +.input-daterange input:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; } + +.input-daterange input:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } + +.input-daterange .add-on { + display: inline-block; + width: auto; + min-width: 16px; + height: 18px; + padding: 4px 5px; + font-weight: 400; + line-height: 18px; + text-align: center; + text-shadow: 0 1px 0 #fff; + vertical-align: middle; + background-color: #eee; + border: 1px solid #ccc; + margin-left: -5px; + margin-right: -5px; } + +/** fixes by martijn **/ +.question .date input[type="text"] { + display: inline-block; + width: 144px; } + +table { + max-width: 100%; + background-color: transparent; } + +th { + text-align: left; } + +.table-condensed > thead > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > tfoot > tr > td { + padding: 5px; } + +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: whitesmoke; } + +table col[class*="col-"] { + position: static; + float: none; + display: table-column; } + +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; } + +.table > thead > tr > td.active, +.table > thead > tr > th.active, +.table > thead > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: whitesmoke; } + +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; } + +/*! + * Timepicker + * + * Forked from https://github.com/jdewit/bootstrap-timepicker: + * + * Copyright 2013 Joris de Wit and timepicker contributors + * + * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors + * Contributors https://github.com/enketo/timepicker-basic/graphs/contributors + * + * For the full copyright and license information, please view the LICENSE + * file that was distributed with this source code. + */ +.timepicker { + position: relative; } + .timepicker.pull-right .timepicker-widget.dropdown-menu { + left: auto; + right: 0; } + .timepicker.pull-right .timepicker-widget.dropdown-menu:before { + left: auto; + right: 12px; } + .timepicker.pull-right .timepicker-widget.dropdown-menu:after { + left: auto; + right: 13px; } + .timepicker .input-group-addon { + cursor: pointer; } + .timepicker .input-group-addon i { + display: inline-block; + width: 16px; + height: 16px; } + +.timepicker-widget.dropdown-menu { + padding: 4px; } + .timepicker-widget.dropdown-menu.open { + display: inline-block; } + .timepicker-widget.dropdown-menu:before { + border-bottom: 7px solid rgba(0, 0, 0, 0.2); + border-left: 7px solid transparent; + border-right: 7px solid transparent; + content: ""; + display: inline-block; + position: absolute; } + .timepicker-widget.dropdown-menu:after { + border-bottom: 6px solid #FFFFFF; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + content: ""; + display: inline-block; + position: absolute; } + +.timepicker-widget.timepicker-orient-left:before { + left: 6px; } + +.timepicker-widget.timepicker-orient-left:after { + left: 7px; } + +.timepicker-widget.timepicker-orient-right:before { + right: 6px; } + +.timepicker-widget.timepicker-orient-right:after { + right: 7px; } + +.timepicker-widget.timepicker-orient-top:before { + top: -7px; } + +.timepicker-widget.timepicker-orient-top:after { + top: -6px; } + +.timepicker-widget.timepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; } + +.timepicker-widget.timepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #ffffff; } + +.timepicker-widget a.btn, .timepicker-widget input { + border-radius: 4px; } + +.timepicker-widget table { + width: 100%; + margin: 0; } + .timepicker-widget table td { + text-align: center; + height: 30px; + margin: 0; + padding: 2px; } + .timepicker-widget table td:not(.separator) { + min-width: 30px; } + .timepicker-widget table td span { + width: 100%; } + .timepicker-widget table td a { + border: 1px transparent solid; + width: 100%; + display: inline-block; + margin: 0; + padding: 8px 0; + outline: 0; + color: #333; } + .timepicker-widget table td a:hover { + text-decoration: none; + background-color: #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border-color: #ddd; } + .timepicker-widget table td a i { + margin-top: 2px; + font-size: 18px; } + .timepicker-widget table td input { + width: 25px; + margin: 0; + text-align: center; } + +/** Removed media query adjustment here to fix print issue (MvdR) */ +.timepicker input[type="text"] { + display: inline-block; + width: 144px; } + +.timepicker-widget.dropdown-menu input { + width: 50px; + margin: 0 auto; } + +.timepicker-widget table td span { + width: 12px; } + +.timepicker-widget table td a i { + width: 11px; + height: 17px; + display: inline-block; } + +.datetimepicker .date, .datetimepicker .timepicker { + margin-right: 10px; + display: inline-block; } + +.datetimepicker .date { + margin-right: 10px; } + +.or[dir="rtl"] .datetimepicker .date { + margin-right: 0; } + +.touch .timepicker-widget.dropdown-menu input { + width: 50px; + margin: 0 auto; } + +.question.or-appearance-compact legend, .question.or-appearance-quickcompact legend { + border: none; } + +.question.or-appearance-compact .option-wrapper, .question.or-appearance-quickcompact .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact .option-wrapper > label, .question.or-appearance-quickcompact .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact .option-wrapper > label:hover, .question.or-appearance-quickcompact .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact .option-wrapper > label .option-label, .question.or-appearance-quickcompact .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact .option-wrapper > label .active, .question.or-appearance-quickcompact .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact .option-wrapper > label input, .question.or-appearance-quickcompact .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact .option-wrapper > label input[readonly]:checked ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact .option-wrapper > label input:checked ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input:checked ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact .option-wrapper > label input:focus ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-1 legend { + border: none; } + +.question.or-appearance-compact-1 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-1 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-1 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-1 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-1 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-1 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-1 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-1 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-1 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-1 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-1 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-1 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-1 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-1 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-1 .option-wrapper > label { + width: 100%; } + .question.or-appearance-compact-1 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-2 legend { + border: none; } + +.question.or-appearance-compact-2 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-2 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-2 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-2 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-2 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-2 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-2 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-2 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-2 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-2 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-2 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-2 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-2 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-2 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-2 .option-wrapper > label { + width: 50%; } + .question.or-appearance-compact-2 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-3 legend { + border: none; } + +.question.or-appearance-compact-3 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-3 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-3 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-3 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-3 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-3 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-3 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-3 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-3 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-3 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-3 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-3 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-3 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-3 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-3 .option-wrapper > label { + width: 33.3333333333%; } + .question.or-appearance-compact-3 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-4 legend { + border: none; } + +.question.or-appearance-compact-4 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-4 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-4 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-4 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-4 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-4 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-4 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-4 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-4 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-4 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-4 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-4 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-4 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-4 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-4 .option-wrapper > label { + width: 25%; } + .question.or-appearance-compact-4 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-5 legend { + border: none; } + +.question.or-appearance-compact-5 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-5 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-5 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-5 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-5 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-5 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-5 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-5 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-5 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-5 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-5 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-5 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-5 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-5 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-5 .option-wrapper > label { + width: 20%; } + .question.or-appearance-compact-5 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-6 legend { + border: none; } + +.question.or-appearance-compact-6 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-6 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-6 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-6 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-6 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-6 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-6 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-6 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-6 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-6 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-6 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-6 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-6 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-6 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-6 .option-wrapper > label { + width: 16.6666666667%; } + .question.or-appearance-compact-6 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-7 legend { + border: none; } + +.question.or-appearance-compact-7 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-7 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-7 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-7 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-7 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-7 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-7 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-7 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-7 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-7 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-7 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-7 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-7 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-7 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-7 .option-wrapper > label { + width: 14.2857142857%; } + .question.or-appearance-compact-7 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-8 legend { + border: none; } + +.question.or-appearance-compact-8 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-8 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-8 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-8 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-8 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-8 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-8 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-8 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-8 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-8 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-8 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-8 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-8 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-8 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-8 .option-wrapper > label { + width: 12.5%; } + .question.or-appearance-compact-8 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-9 legend { + border: none; } + +.question.or-appearance-compact-9 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-9 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-9 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-9 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-9 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-9 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-9 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-9 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-9 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-9 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-9 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-9 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-9 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-9 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-9 .option-wrapper > label { + width: 11.1111111111%; } + .question.or-appearance-compact-9 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-10 legend { + border: none; } + +.question.or-appearance-compact-10 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-10 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-10 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-10 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-10 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-10 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-10 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #faa474; } + .question.or-appearance-compact-10 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-10 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-10 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-10 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-10 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-10 .option-wrapper > label input:checked ~ .active:hover { + border-color: #ce4f07; } + .question.or-appearance-compact-10 .option-wrapper > label input:focus ~ .active { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question.or-appearance-compact-10 .option-wrapper > label { + width: 10%; } + .question.or-appearance-compact-10 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.file-picker .fake-file-input { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: none; + box-shadow: none; + background: transparent; + padding: 5px 0; + margin: 0; + width: 100%; + height: 34px; + flex-basis: 34px; + display: inline-block; + width: 80%; + text-align: start; } + .file-picker .fake-file-input:focus { + outline: none; + box-shadow: none; } + .file-picker .fake-file-input::-moz-placeholder { + color: #999999; + opacity: 1; } + .file-picker .fake-file-input:-ms-input-placeholder { + color: #999999; } + .file-picker .fake-file-input::-webkit-input-placeholder { + color: #999999; } + .file-picker .fake-file-input[disabled], .file-picker .fake-file-input[readonly], + fieldset[disabled] .file-picker .fake-file-input { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; + padding-left: 5px; + padding-right: 5px; } + +.file-picker .file-feedback, +.file-picker .file-preview { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; } + +.file-picker .file-feedback.warning { + color: #8a6d3b; } + +.file-picker .file-preview { + margin-top: 10px; } + +.file-picker .btn-download { + margin-right: 0; } + .file-picker .btn-download[href=""] { + display: none; } + +/* + * To save headaches with resizing canvases, it is important to maintain fixed aspect + * ratios at all times: + */ +.or-drawing-initialized input[type="text"], +.or-signature-initialized input[type="text"], +.or-annotate-initialized input[type="text"] { + display: none; } + +.or-signature-initialized .draw-widget__body { + padding-top: 45%; } + +.draw-widget { + width: 100%; } + .draw-widget__body { + position: relative; + width: 100%; + padding-top: 75%; } + .draw-widget__body__canvas { + background: white; + border: 1px solid #eeeeee; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: none; + box-shadow: none; + background: transparent; + padding: 5px 0; + margin: 0; + width: 100%; + height: 34px; + flex-basis: 34px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 0; + width: 100%; + height: 100%; } + .draw-widget__body__canvas:focus { + outline: none; + box-shadow: none; } + .draw-widget__body__canvas::-moz-placeholder { + color: #999999; + opacity: 1; } + .draw-widget__body__canvas:-ms-input-placeholder { + color: #999999; } + .draw-widget__body__canvas::-webkit-input-placeholder { + color: #999999; } + .draw-widget__body__canvas[disabled], .draw-widget__body__canvas[readonly], + fieldset[disabled] .draw-widget__body__canvas { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; + padding-left: 5px; + padding-right: 5px; } + .draw-widget__body__canvas.disabled { + cursor: not-allowed; + background: white; + opacity: 1; } + .draw-widget__body__canvas.disabled ~ .draw-widget__colorpicker, + .draw-widget__body__canvas.disabled ~ .draw-widget__undo { + display: none; } + .draw-widget__body input[type=file] { + display: none; } + .draw-widget__body .file-picker { + position: absolute; + top: -50px; + left: 0; + width: 100%; } + .draw-widget__body .show-canvas-btn { + position: absolute; + z-index: 10; + top: calc(50% - 16px); + left: 50%; + width: 200px; + margin-left: -100px; } + .draw-widget__body .hide-canvas-btn { + display: none; } + .draw-widget__footer { + margin-top: 10px; } + .draw-widget__footer .draw-widget__btn-reset:disabled { + display: none; } + .draw-widget__undo { + position: absolute; + top: 37px; + right: 7px; + width: 20px; + height: 20px; + margin: 2px; + padding: 0; + border: 2px solid grey; } + .draw-widget__colorpicker { + position: absolute; + display: flex; + flex-wrap: wrap; + max-width: calc(100% - (2 * 7px)); + top: 7px; + right: 7px; } + .draw-widget__colorpicker div { + display: none; } + .draw-widget__colorpicker div { + width: 20px; + height: 20px; + margin: 2px; + border: none; + padding: 0; } + .draw-widget__colorpicker.reveal div { + display: block; } + .draw-widget__colorpicker .current { + display: block; + border: 2px solid grey; } + .draw-widget.full-screen { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 20; + background: white; + margin: 0; + padding-left: 15px; + padding-right: 15px; } + .draw-widget.full-screen .draw-widget__body { + width: calc(100vmin - 2 * 15px); + padding-top: calc(0.75 * 100vmin); + margin: 50px auto; } + .draw-widget.full-screen .draw-widget__body input[type=file] { + left: 90px; } + .draw-widget.full-screen .draw-widget__body .file-picker { + left: 80px; + width: calc(100% - 18px); } + .draw-widget.full-screen .hide-canvas-btn { + display: block; + position: absolute; + z-index: 30; + top: -40px; + left: 0; + width: 70px; } + .draw-widget.full-screen .show-canvas-btn { + display: none; } + .draw-widget.full-screen .draw-widget__footer { + width: calc(100vmin - 2 * 15px); + margin: -40px auto 0 auto; } + .draw-widget .btn-download { + margin-right: 0; } + .draw-widget .btn-download[href=""] { + display: none; } + +.or-signature-initialized .draw-widget.full-screen .draw-widget__body { + width: calc(100% - 2 * 15px); + padding-top: calc(0.45 * (100% - 2 * 15px)); } + +.or-signature-initialized .draw-widget.full-screen .draw-widget__footer { + width: calc(100% - 2 * 15px); } + +.or-annotate-initialized .draw-widget__body { + margin-top: 50px; } + +.or-appearance-likert .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + .or-appearance-likert .option-wrapper > label { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + margin: 0; + float: none; + padding-left: 0 !important; + padding-right: 0; } + .or-appearance-likert .option-wrapper > label input[type=radio], + .or-appearance-likert .option-wrapper > label input[type=checkbox] { + position: relative; + left: 50%; + padding: 0; + margin-left: -10px; + background-color: white; + z-index: 10; } + .or-appearance-likert .option-wrapper > label .active { + margin: 0; } + .or-appearance-likert .option-wrapper > label .option-label { + position: relative; + text-align: center; + margin-top: -8.5px; + padding-top: 15px; + border-top: 3px solid #666666; + font-size: 12px; + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; } + .or-appearance-likert .option-wrapper > label:first-of-type .option-label::after { + content: ''; + display: block; + position: absolute; + top: -3px; + width: 50%; + background-color: white; + height: 10px; + left: 0; } + .or-appearance-likert .option-wrapper > label:last-of-type .option-label::after { + content: ''; + display: block; + position: absolute; + top: -3px; + width: 50%; + background-color: white; + height: 10px; + right: 0; } + .or-appearance-likert .option-wrapper > label:hover { + background-color: transparent; } + +.or-appearance-likert:hover .option-wrapper > label:first-of-type .option-label::after, .or-appearance-likert:hover .option-wrapper > label:last-of-type .option-label::after { + background-color: #fffded; } + +.or-appearance-likert.focus .option-wrapper > label:first-of-type .option-label::after, .or-appearance-likert.focus .option-wrapper > label:last-of-type .option-label::after { + background-color: #fffad4; } + +.or[dir="rtl"] .or-appearance-likert .option-wrapper > label { + margin-right: 0; } + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label:first-of-type .option-label::after { + left: auto; + right: 0; } + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label:last-of-type .option-label::after { + right: auto; + left: 0; } + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label input[type=radio], + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label input[type=checkbox] { + right: 50%; + margin-right: -10px; } + +.or[dir="rtl"] .or-appearance-likert .option-wrapper .option-label { + margin-right: 0; } + +.or-repeat .or-appearance-likert .option-wrapper > label:first-of-type .option-label::after, +.or-repeat .or-appearance-likert .option-wrapper > label:last-of-type .option-label::after, +.or-repeat .or-appearance-likert .option-wrapper > label input[type=radio], +.or-repeat .or-appearance-likert .option-wrapper > label input[type=checkbox] { + background-color: #fef5ef; } + +.or-horizontal-initialized .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + +.or-horizontal-initialized label, +.or-horizontal-initialized .filler { + -webkit-flex: 1 0 30%; + -ms-flex: 1 0 30%; + flex: 1 0 30%; } + +.or-horizontal-initialized .filler, +.or-horizontal-initialized .filler:hover, +.or-horizontal-initialized .filler:focus { + border: none !important; + background: transparent !important; } + +.or-appearance-horizontal-compact .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + +.or-appearance-horizontal-compact label { + display: inline-block; } + +.touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-horizontal-initialized .option-wrapper > label, .touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-appearance-horizontal-compact .option-wrapper > label { + margin-right: 10px; } + +.touch .or[dir=rtl] .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-horizontal-initialized .option-wrapper > label, .touch .or[dir=rtl] .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-appearance-horizontal-compact .option-wrapper > label { + margin-left: 10px; + margin-right: inherit; } + +.or-analog-scale-initialized { + position: relative; } + .or-analog-scale-initialized .label-content .question-label.active { + display: inline; } + .or-analog-scale-initialized .label-content .question-label.active[lang] { + display: none; } + .or-analog-scale-initialized .range-widget__current { + visibility: hidden; } + .or-analog-scale-initialized > .widget:not(.or-comment-widget) { + margin: 0 0 9px 0; } + .or-analog-scale-initialized .show-value__box { + background-color: black; + text-align: center; + color: white; + max-width: 170px; + padding: 10px 35px; + margin: 20px auto; + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; } + .or-analog-scale-initialized .show-value__value { + font-weight: bold; + font-size: 20px; + padding: 8px; + display: block; + min-width: 1px; + min-height: 42px; } + .or-analog-scale-initialized .max-label, + .or-analog-scale-initialized .min-label { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + text-align: center; } + .or-analog-scale-initialized .min-label { + order: 1; } + .or-analog-scale-initialized .range-widget { + order: 4; } + .or-analog-scale-initialized .max-label { + order: 5; } + .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks span { + padding: 0 25%; + background-image: linear-gradient(0deg, black 1px, transparent 0px); + background-repeat: repeat-y; + background-origin: content-box; + background-size: 100% 10%; } + .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks__scale__start, .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks__scale__end { + display: none; } + .or-analog-scale-initialized:not(.or-appearance-no-ticks).or-appearance-horizontal .range-widget__ticks span { + padding: 4px 0; + background-image: linear-gradient(270deg, black 1px, transparent 0px); + background-repeat: repeat-x; + background-origin: content-box; + background-size: 10% 100%; } + .or-analog-scale-initialized.or-appearance-no-ticks .range-widget__scale__start, .or-analog-scale-initialized.or-appearance-no-ticks .range-widget__scale__end { + display: none; } + .or-analog-scale-initialized.or-appearance-horizontal .analog-scale-widget { + display: flex; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget { + flex: 1; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget__wrap { + height: 117px; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget__current { + line-height: 38.5px; + min-height: 48.5px; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget [type=range] { + top: 33.5px; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget .btn-reset { + margin-left: auto; + margin-right: auto; } + .or-analog-scale-initialized.or-appearance-horizontal .max-label, + .or-analog-scale-initialized.or-appearance-horizontal .min-label { + width: 80px; + align-self: center; } + .or-analog-scale-initialized:not(.or-appearance-horizontal) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + .or-analog-scale-initialized:not(.or-appearance-horizontal) .label-content { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .or-analog-scale-initialized:not(.or-appearance-horizontal) .analog-scale-widget { + width: 200px; } + .or-analog-scale-initialized.invalid-constraint .or-constraint-msg.active, .or-analog-scale-initialized.invalid-constraint .file-picker .file-feedback.error, .file-picker .or-analog-scale-initialized.invalid-constraint .file-feedback.error, .or-analog-scale-initialized.invalid-constraint .draw-widget__feedback, .or-analog-scale-initialized.invalid-constraint .image-map__error, + .or-analog-scale-initialized.invalid-constraint .or-required-msg.active, + .or-analog-scale-initialized.invalid-constraint .file-picker .file-feedback.warning, + .file-picker .or-analog-scale-initialized.invalid-constraint .file-feedback.warning, .or-analog-scale-initialized.invalid-required .or-constraint-msg.active, .or-analog-scale-initialized.invalid-required .file-picker .file-feedback.error, .file-picker .or-analog-scale-initialized.invalid-required .file-feedback.error, .or-analog-scale-initialized.invalid-required .draw-widget__feedback, .or-analog-scale-initialized.invalid-required .image-map__error, + .or-analog-scale-initialized.invalid-required .or-required-msg.active, + .or-analog-scale-initialized.invalid-required .file-picker .file-feedback.warning, + .file-picker .or-analog-scale-initialized.invalid-required .file-feedback.warning { + position: absolute; + bottom: 10px; } + +.pages.or [role="page"].current.or-analog-scale-initialized:not(.or-appearance-horizontal) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; } + +.or-big-image { + display: block; + max-width: 70%; + max-height: 300px; } + .or-big-image img { + border: 2px solid #ce4f07; + max-width: 100%; } + .or-big-image.open { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + z-index: 10000; + background: white; + margin-top: 0; } + .or-big-image.open img { + max-width: 100%; + width: 100%; + max-height: 100%; } + +.or-comment-widget { + display: block; + position: absolute; + z-index: 1001; + top: 100%; + left: 0; + width: 100%; } + .or-comment-widget__overlay { + background: rgba(0, 0, 0, 0.3); } + .or-comment-widget__content { + position: relative; + border: 1px solid #555555; + background: white; + padding: 30px; + padding-bottom: 100px; } + .or-comment-widget__content__btn-update { + position: absolute; + right: 30px; + bottom: 30px; } + .or-comment-widget__content__btn-close-x { + top: 20px; + right: 13px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + color: #bbb; + background: transparent; } + .or-comment-widget__overlay { + position: fixed; + background: rgba(0, 0, 0, 0.4); + top: 0; + right: 0; + bottom: 0; + left: 0; } + .or-comment-widget__question-label, .or-comment-widget__question-value { + font-family: Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-style: italic; + padding-right: 35px; } + .or-comment-widget__question-value { + margin-left: 20px; + margin-top: 10px; } + .or-comment-widget .question textarea, + .or-comment-widget .question input[type="text"] { + width: 100%; } + .or-comment-widget .or-required-msg.active, .or-comment-widget .file-picker .file-feedback.warning, .file-picker .or-comment-widget .file-feedback.warning, + .or-comment-widget .or-constraint-msg.active, + .or-comment-widget .file-picker .file-feedback.error, + .file-picker .or-comment-widget .file-feedback.error, + .or-comment-widget .draw-widget__feedback, + .or-comment-widget .image-map__error { + display: none; } + .or-comment-widget .invalid-required > .or-required-msg, + .or-comment-widget .invalid-constraint > .or-constraint-msg { + display: block; } + +.btn-comment { + cursor: pointer; } + .btn-comment.invalid { + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; + color: #e00e0e; } + .btn-comment.invalid .icon, .btn-comment.invalid .enketo-geopoint-marker, .btn-comment.invalid .glyphicon-chevron-up, .btn-comment.invalid .glyphicon-chevron-down { + font-weight: bold; } + +.or[dir="rtl"] .btn-comment { + left: auto; + right: calc(100% - 25px); } + +.or[dir="rtl"] .or-comment-widget__content__btn-update { + right: auto; + left: 30px; } + +.or[dir="rtl"] .or-comment-widget__content__btn-close-x { + right: auto; + left: 13px; } + +.or[dir="rtl"] .or-comment-widget__question-label, .or[dir="rtl"] .or-comment-widget__question-value { + padding-right: 0; + padding-left: 35px; } + +.or[dir="rtl"] .or-comment-widget__question-value { + margin-left: 0; + margin-right: 20px; } + +.or-image-map-initialized img { + visibility: hidden; } + +.or-image-map-initialized .option-wrapper { + display: none; } + +.or-image-map-initialized .image-map svg:not([or-readonly]) path[id]:hover, +.or-image-map-initialized .image-map svg:not([or-readonly]) g[id]:hover { + opacity: 0.5 !important; } + +.image-map svg { + display: block; + margin: 0 auto; + max-width: 100%; + width: 100 vmin; + height: auto; } + .image-map svg[or-readonly] { + opacity: 0.75 !important; } + .image-map svg path[id][or-selected], + .image-map svg g[id][or-selected] { + fill: #ce4f07 !important; + stroke: #ce4f07 !important; } + +.image-map__ui { + height: 2em; + width: 100%; + text-align: center; + font-weight: normal; } + .image-map__ui__tooltip { + display: inline-block; + background: #fee5d6; + padding: 2px 8px; + color: #555555; + border-radius: 2px; } + .image-map__ui__tooltip:empty { + padding: 0; } + +.rank-widget { + position: relative; + display: flex; } + .rank-widget--empty > * { + opacity: 0.5; } + .rank-widget--empty .rank-widget__overlay { + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 1; + text-align: center; } + .rank-widget--empty .rank-widget__overlay__content { + position: absolute; + top: 0; + bottom: 20px; + left: 0; + right: 0; + width: 50%; + height: 30px; + font-size: 30px; + margin: auto; + line-height: 30px; } + .rank-widget__overlay { + display: none; } + .rank-widget label { + border: 1px solid gray; + border-radius: 5px; + margin: 0 0 5px 0; + position: relative; } + .rank-widget label[draggable=true]::before { + position: absolute; + content: "::"; + margin: 0 5px; + top: calc(50% - 10px); } + .rank-widget label:hover:not(.filler) { + background: none; } + .rank-widget input[type=text] { + display: none; } + .rank-widget .btn-reset { + margin-top: 5px; + order: 10; } + +.url-widget { + margin-top: 20px; } + +@media screen and (max-width: 1100px) { + body { + padding: 0 !important; + margin: 0; } + .main { + margin: 0; + padding: 0; } + .preview-header { + top: -5px; } + .paper { + border-radius: 0; + padding-top: 0; } + .form-header { + position: relative; + top: 0; + padding: 0 14px; + border-bottom: 1px solid #bbbbbb; + min-height: 0; + margin-left: -45px; + margin-right: -45px; + width: calc(100% + (2 * 45px)); } + .form-header .form-language-selector { + padding-top: 16px; + padding-bottom: 16px; } + .form-header .form-language-selector span { + display: none; } + #form-title { + padding-top: 25px; } } + +@media screen and (max-width: 600px) { + body { + line-height: 1.3125; } + .or-group:not(.or-appearance-no-collapse) > h4 { + margin-left: 8px; } + .touch .question.simple-select .option-wrapper > label { + padding: 10px 5px; } + .main .paper { + padding: 0 30px 30px 30px; } + .form-header { + margin-left: -30px; + margin-right: -30px; + width: calc(100% + (2 * 30px)); } + .form-footer { + margin: 30px -30px -30px -30px; } } + +@media screen and (max-width: 400px) { + body { + line-height: 1.3625; } + input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="date"], input[type="number"], input[type="time"], input[type="datetime"], input[type="file"] { + width: 100%; } + select, + textarea { + width: 100%; } + .or-group:not(.or-appearance-no-collapse) > h4 { + margin-left: 15px; } + .main .paper { + padding: 0 20px 20px 20px; } + .form-header { + margin-left: -20px; + margin-right: -20px; + width: calc(100% + (2 * 20px)); } + .form-header .form-language-selector { + border-right: none; } + .form-footer { + margin: 20px -20px -20px -20px; } } + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 16px; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; } + .dropdown-menu.pull-right { + right: 0; + left: auto; } + .dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; } + .dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.25; + color: #333333; + white-space: nowrap; } + +.or[dir="rtl"] .dropdown-menu { + right: 0; } + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: whitesmoke; } + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #ce4f07; } + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + color: #999999; } + +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; } + +.open > .dropdown-menu { + display: block; } + +.open > a { + outline: 0; } + +.question .geopoint.widget input[type=number][name=alt], .question .geopoint.widget input[type=number][name=acc], +.question .geopoint.widget input[type=text][name=alt], +.question .geopoint.widget input[type=text][name=acc] { + width: 40%; } + +.widget.date, +.widget.timepicker, +.widget.datetimepicker { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + +.question .widget.datetimepicker .date, +.question .widget.datetimepicker .timepicker { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + +.question .widget.datetimepicker .timepicker { + margin-left: 0; + margin-right: 0; } + +.or-appearance-likert .option-wrapper { + margin-top: 20px; } + .or-appearance-likert .option-wrapper > label { + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + -moz-flex-direction: column-reverse; + flex-direction: column-reverse; + justify-content: flex-end; } + +.question.or-appearance-list-nolabel, +.question.or-appearance-label { + margin: 0; } + .question.or-appearance-list-nolabel:not(:last-of-type), + .question.or-appearance-label:not(:last-of-type) { + border-bottom: none; } + +.or-appearance-label { + padding-bottom: 0; } + +.touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert) .option-wrapper > label { + border: none; + border-radius: 0; } + +.question .geopicker.widget input[type=text], +.question .geopicker.widget input[type=number], +.question .geopicker.widget textarea { + border-radius: 0; + box-shadow: none; + border: none; + border-bottom: 1px dotted #cccccc; + background-color: transparent; } + +.question .geopicker.widget input[type=text][name=search] { + width: 80%; } + +.question .geopicker.widget textarea { + padding-top: 10px; } + +.question .geopicker.widget label.geo.alt { + border-top: none; } + +.question .geopicker.widget .btn:not(.close-chain-btn) { + background: transparent; + border: none; } + .question .geopicker.widget .btn:not(.close-chain-btn):hover { + opacity: 0.6; } + +.question .geopicker.widget .map-canvas-wrapper, +.question .geopicker.widget .search-bar { + border-left: none; } + +.question .geopicker.widget:not(.full-screen).hide-input.wide .map-canvas { + height: 450px; } + +.question .geopicker.widget .toggle-input-btn:not(.open) { + left: 0; } + +.esri-geopicker { + border-bottom: none; + padding-bottom: 0; } + .esri-geopicker .btn[name=geodetect] { + border: none; + background: transparent; + box-shadow: none; + font-weight: bolder; } + .esri-geopicker input[type=text], + .esri-geopicker input[type=number], + .esri-geopicker textarea, + .esri-geopicker select { + border-bottom: 1px dotted #cccccc; } + .esri-geopicker .geo-unit { + right: 12px; } + +html:not(.touch) .question .geopoint.widget .search-bar button.btn { + border: none; + background: transparent; + border-radius: 0; } + html:not(.touch) .question .geopoint.widget .search-bar button.btn:hover { + background: transparent; + color: #aaaaaa; } + +html:not(.touch) .question .geopoint.widget .search-bar [name=search] ~ .input-group-btn .btn { + border-bottom: 1px dotted #cccccc; } + +.or-comment-widget__content { + padding-top: 60px; } + +.or-comment-widget__overlay + .question { + margin-left: 0; + margin-right: 0; } + +.or-comment-widget .question { + border: 1px solid black; } + .or-comment-widget .question input, + .or-comment-widget .question textarea { + order: 4; } + +.btn-comment { + position: absolute; + top: 6px; + right: 0; + margin: 0; } + +legend .btn-comment { + top: 0; + right: -6px; } + legend .btn-comment .icon, legend .btn-comment .enketo-geopoint-marker, legend .btn-comment .glyphicon-chevron-up, legend .btn-comment .glyphicon-chevron-down { + position: static; } + +.or[dir="rtl"] .btn-comment { + left: 0; + right: auto; } + +.or[dir="rtl"] legend .btn-comment { + left: -6px; } + +.or[dir="rtl"] .esri-geopicker .geo-unit { + right: auto; + left: 12px; } + +.bootstrap-select .dropdown-toggle, +.bootstrap-select .dropdown-menu { + width: 100%; } + +.draw-widget__body__canvas { + border: 1px solid #999999; } + +.file-picker { + display: flex; + flex-direction: row; + flex-wrap: wrap; } + .file-picker .file-feedback, + .file-picker .file-preview { + width: 100%; } + .file-picker .btn-download { + margin-right: 10px; } + .file-picker .btn-download .icon, .file-picker .btn-download .enketo-geopoint-marker, .file-picker .btn-download .glyphicon-chevron-up, .file-picker .btn-download .glyphicon-chevron-down { + vertical-align: middle; + margin-top: 1px; } + +.or-appearance-vertical .range-widget__wrap, +.or-appearance-distress .range-widget__wrap { + margin-top: 0; } + +input[type=text], +input[type=tel], +input[type=password], +input[type=url], +input[type=email], +input[type=file], +input[type=date], +input[type=month], +input[type=time], +input[type=datetime], +input[type=number], +select, +textarea { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: none; + box-shadow: none; + background: transparent; + padding: 5px 0; + margin: 0; + width: 100%; + height: 34px; + flex-basis: 34px; } + input[type=text]:focus, + input[type=tel]:focus, + input[type=password]:focus, + input[type=url]:focus, + input[type=email]:focus, + input[type=file]:focus, + input[type=date]:focus, + input[type=month]:focus, + input[type=time]:focus, + input[type=datetime]:focus, + input[type=number]:focus, + select:focus, + textarea:focus { + outline: none; + box-shadow: none; } + input[type=text]::-moz-placeholder, + input[type=tel]::-moz-placeholder, + input[type=password]::-moz-placeholder, + input[type=url]::-moz-placeholder, + input[type=email]::-moz-placeholder, + input[type=file]::-moz-placeholder, + input[type=date]::-moz-placeholder, + input[type=month]::-moz-placeholder, + input[type=time]::-moz-placeholder, + input[type=datetime]::-moz-placeholder, + input[type=number]::-moz-placeholder, + select::-moz-placeholder, + textarea::-moz-placeholder { + color: #999999; + opacity: 1; } + input[type=text]:-ms-input-placeholder, + input[type=tel]:-ms-input-placeholder, + input[type=password]:-ms-input-placeholder, + input[type=url]:-ms-input-placeholder, + input[type=email]:-ms-input-placeholder, + input[type=file]:-ms-input-placeholder, + input[type=date]:-ms-input-placeholder, + input[type=month]:-ms-input-placeholder, + input[type=time]:-ms-input-placeholder, + input[type=datetime]:-ms-input-placeholder, + input[type=number]:-ms-input-placeholder, + select:-ms-input-placeholder, + textarea:-ms-input-placeholder { + color: #999999; } + input[type=text]::-webkit-input-placeholder, + input[type=tel]::-webkit-input-placeholder, + input[type=password]::-webkit-input-placeholder, + input[type=url]::-webkit-input-placeholder, + input[type=email]::-webkit-input-placeholder, + input[type=file]::-webkit-input-placeholder, + input[type=date]::-webkit-input-placeholder, + input[type=month]::-webkit-input-placeholder, + input[type=time]::-webkit-input-placeholder, + input[type=datetime]::-webkit-input-placeholder, + input[type=number]::-webkit-input-placeholder, + select::-webkit-input-placeholder, + textarea::-webkit-input-placeholder { + color: #999999; } + input[type=text][disabled], input[type=text][readonly], + fieldset[disabled] input[type=text], + input[type=tel][disabled], + input[type=tel][readonly], + fieldset[disabled] + input[type=tel], + input[type=password][disabled], + input[type=password][readonly], + fieldset[disabled] + input[type=password], + input[type=url][disabled], + input[type=url][readonly], + fieldset[disabled] + input[type=url], + input[type=email][disabled], + input[type=email][readonly], + fieldset[disabled] + input[type=email], + input[type=file][disabled], + input[type=file][readonly], + fieldset[disabled] + input[type=file], + input[type=date][disabled], + input[type=date][readonly], + fieldset[disabled] + input[type=date], + input[type=month][disabled], + input[type=month][readonly], + fieldset[disabled] + input[type=month], + input[type=time][disabled], + input[type=time][readonly], + fieldset[disabled] + input[type=time], + input[type=datetime][disabled], + input[type=datetime][readonly], + fieldset[disabled] + input[type=datetime], + input[type=number][disabled], + input[type=number][readonly], + fieldset[disabled] + input[type=number], + select[disabled], + select[readonly], + fieldset[disabled] + select, + textarea[disabled], + textarea[readonly], + fieldset[disabled] + textarea { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; + padding-left: 5px; + padding-right: 5px; } + +input:not([readonly]) + .widget input[type=text][readonly], +input:not([readonly]) + .widget input[type=tel][readonly], +input:not([readonly]) + .widget input[type=password][readonly], +input:not([readonly]) + .widget input[type=url][readonly], +input:not([readonly]) + .widget input[type=email][readonly], +input:not([readonly]) + .widget input[type=file][readonly], +input:not([readonly]) + .widget input[type=date][readonly], +input:not([readonly]) + .widget input[type=month][readonly], +input:not([readonly]) + .widget input[type=time][readonly], +input:not([readonly]) + .widget input[type=datetime][readonly], +input:not([readonly]) + .widget input[type=number][readonly], +input:not([readonly]) + .widget select[readonly], +input:not([readonly]) + .widget textarea[readonly] { + background-color: transparent; + cursor: auto; } + input:not([readonly]) + .widget input[type=text][readonly]:hover, + input:not([readonly]) + .widget input[type=tel][readonly]:hover, + input:not([readonly]) + .widget input[type=password][readonly]:hover, + input:not([readonly]) + .widget input[type=url][readonly]:hover, + input:not([readonly]) + .widget input[type=email][readonly]:hover, + input:not([readonly]) + .widget input[type=file][readonly]:hover, + input:not([readonly]) + .widget input[type=date][readonly]:hover, + input:not([readonly]) + .widget input[type=month][readonly]:hover, + input:not([readonly]) + .widget input[type=time][readonly]:hover, + input:not([readonly]) + .widget input[type=datetime][readonly]:hover, + input:not([readonly]) + .widget input[type=number][readonly]:hover, + input:not([readonly]) + .widget select[readonly]:hover, + input:not([readonly]) + .widget textarea[readonly]:hover { + background-color: transparent; } + +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; } + +/*legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: $line-height-computed; + font-size: $font-size-base * 1.5; + line-height: inherit; + color: $legend-color; + border: 0; + border-bottom: 1px solid $legend-border-color; +}*/ +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; } + +input[type="file"] { + display: block; } + +input[type="range"] { + display: block; + width: 100%; } + +select[multiple], +select[size] { + height: auto; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +input[type="search"] { + -webkit-appearance: none; } + +input[type="date"] { + line-height: 34px; } + +input[type="radio"][disabled], +fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], +fieldset[disabled] +input[type="checkbox"] { + cursor: not-allowed; } + +.option-wrapper { + line-height: 20px; } + +.question input[type=radio] { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + display: inline-block; + width: 20px; + height: 20px; + margin-right: 10px; + margin-bottom: 0; + margin-top: 0; + border-width: 3px; + border-style: solid; + border-radius: 0; + background-color: transparent; + border-color: #666666; + border-radius: 10px; } + .question input[type=radio]:disabled, .question input[type=radio][readonly] { + border-color: #737373; } + .question input[type=radio]:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + .question input[type=radio]:checked { + border-color: black; + background-image: radial-gradient(4px, black 0%, black 99%, transparent 100%); } + .question input[type=radio]:checked:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.question input[type=checkbox] { + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + display: inline-block; + width: 20px; + height: 20px; + margin-right: 10px; + margin-bottom: 0; + margin-top: 0; + border-width: 3px; + border-style: solid; + border-radius: 0; + background-color: transparent; + border-color: #666666; } + .question input[type=checkbox]:disabled, .question input[type=checkbox][readonly] { + border-color: #737373; } + .question input[type=checkbox]:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + .question input[type=checkbox]:checked { + border-color: black; + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20stroke%3D%27black%27%20fill%3D%27black%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M25.1%2012.5l-3.4-3.3-8%208-2.9-3-3.4%203.4%206.3%206.3z%27%2F%3E%3C%2Fsvg%3E"); + background-size: 20px 20px; + background-position: -3px; } + .question input[type=checkbox]:checked:focus { + outline: 0; + -webkit-box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: 0 0 0 1px #66afe9, 0 0 8px rgba(102, 175, 233, 0.6); } + +.touch .question.simple-select .option-wrapper .option-label { + margin-left: 35px; } + +.or[dir="rtl"] .question input[type=checkbox], .or[dir="rtl"] .question input[type=radio], +[dir="rtl"] .form-footer .question input[type=checkbox], +[dir="rtl"] .form-footer .question input[type=radio] { + margin-right: 0; + margin-left: 10px; } + +.or-appearance-likert .option-wrapper > label .option-label { + margin-top: -11.5px; } + +/** core/layout **/ +body, +.main, +.paper, +.or, +.or-group, +.or-group-data, +.or-repeat, +.question { + position: relative; } + +body { + line-height: 1.5; } + +.paper { + border-width: 1px; + box-shadow: 0 0 5px #888; } + +.question input[type=radio], +.question input[type=checkbox] { + border-width: 1px; } + +.question input[type=checkbox]:checked { + border-color: black; + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20stroke%3D%27transparent%27%20fill%3D%27black%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M25.1%2012.5l-3.4-3.3-8%208-2.9-3-3.4%203.4%206.3%206.3z%27%2F%3E%3C%2Fsvg%3E"); + background-size: 20px 20px; + background-position: -3px; + background-position: -1px; } + +/** core/main **/ +.or-group { + margin: 0; + border-top: none; } + .or-group .or-group { + margin: 0; } + +h4 + .or-repeat { + border-top: none; } + +.or-group > h4 { + background: #ffffff; + margin: 0 -1px 0 0; + padding: 12px 6px 6px 6px; } + .or-group > h4::before { + margin-top: 14px; } + +.or, +.or-group, +.or-group-data, +.or-repeat { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-align-content: flex-start; + -ms-align-content: flex-start; + -moz-align-content: flex-start; + align-content: flex-start; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.pages.or [role="page"].current:not(.question) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .pages.or [role="page"].current:not(.question) .or-group:not(.disabled), + .pages.or [role="page"].current:not(.question) .or-group-data:not(.disabled), + .pages.or [role="page"].current:not(.question) .or-repeat:not(.disabled) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.or > .or-group, +.or > .or-group-data { + border-right: 1px solid black; } + +.or > #form-title + .or-group-data, +.or > .disabled:first-of-type + .or-group-data, +.or > .disabled:first-of-type ~ .disabled + .or-group-data { + border-top: 1px solid black; } + +.or [role="page"] { + border-top: 1px solid black; } + +.or > .question { + border: 1px solid black; + margin-left: -1px; + margin-top: -1px; } + +.or-repeat:not(:empty) { + border-bottom: 2px solid black; } + +.question { + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-bottom: 1px solid black; + border-left: 1px solid black; + border-right: none; + border-top: none; + position: relative; + margin: 0px; + padding: 6px 6px 13px 6px; } + +/* + * display: flex messes up img size so apply it sparingly only to questions + * and not to notes. We loose the ability to display image labels nicely in + * questions (though fine in tables). It also unfortunately prevents us from + * displaying comment icons inline with labels. + * + * display: flex is used to: + * - display error messages at the bottom of cells + * - ... (other things probably) + */ +.question { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; } + .question:not(.readonly):not(.focus):hover { + background: #fffded; } + .question.readonly { + background: #eeeeee; } + .question.focus { + background: #fffad4; } + .question .required { + position: absolute; + top: -2px; + left: auto; + right: 0; + margin: 0 3px; } + .question.invalid-constraint, .question.invalid-required { + border-radius: 0; + margin: 0px; + padding: 6px 6px 13px 6px; } + .question .question-label { + text-transform: uppercase; + font-weight: normal; + font-size: 12px; + width: calc(100% - 30px); + order: 1; } + .question .or-hint.active { + order: 2; } + .question audio, + .question video, + .question img { + order: 3; } + .question input[type=text], + .question input[type=tel], + .question input[type=password], + .question input[type=url], + .question input[type=email], + .question input[type=file], + .question input[type=date], + .question input[type=time], + .question input[type=datetime], + .question input[type=number], + .question textarea { + width: 100%; } + .question textarea { + min-height: 68px; } + .question .file-feedback { + order: 4; } + .question input:not(.ignore), + .question textarea, + .question select, + .question .widget, + .question .option-wrapper { + order: 4; } + .question .or-constraint-msg, + .question .or-required-msg, + .question .or-relevant-msg { + order: 5; } + .question .btn-comment { + margin: 0 12px; + top: 3px; + order: 1; } + +.no-text-transform .question .question-label { + text-transform: none; + font-size: 14px; } + +.or[dir="rtl"] .question .required { + right: auto; + left: 0; } + +.or[dir="rtl"] .question legend .required { + left: -6px; + right: auto; } + +.touch input[type=text], +.touch input[type=tel], +.touch input[type=password], +.touch input[type=url], +.touch input[type=email], +.touch input[type=file], +.touch input[type=date], +.touch input[type=time], +.touch input[type=datetime], +.touch input[type=number], +.touch textarea, +.touch select { + border: none; } + +.or-hint.active { + padding-top: 0; + line-height: 12px; } + +.option-wrapper > label { + margin-left: 0; } + +.or-repeat { + margin: 0; + padding: 0; + background: #fef5ef; } + .or-repeat .repeat-number { + position: absolute; + left: 100%; + top: 0; + padding-left: 4px; + z-index: 10; + height: auto; + float: none; + color: #bbb; + font-size: 18px; + font-weight: bold; } + .or-repeat .repeat-buttons { + width: calc(100% + 1px); + margin-top: 0; + height: 0px; } + .or-repeat .remove { + padding: 0; + border: none; + margin-top: -20px; + margin-right: -20px; } + +.or[dir="rtl"] .or-repeat .repeat-number { + right: 100%; + left: auto; + padding-left: 0; + padding-right: 4px; } + +.or[dir="rtl"] .or-repeat .remove { + margin-left: -20px; } + +.or-repeat-info:not(:empty) { + flex: 100%; + width: 100%; + margin-right: -1px; + border-bottom: 1px solid black; + border-left: 1px solid black; } + +.or-group, +.or-group-data, +.or-repeat { + -webkit-flex: 100%; + -ms-flex: 100%; + flex: 100%; } + +.question legend { + line-height: 1.1em; + margin-bottom: 8px; } + .question legend .question-label { + display: block; } + .question legend .required { + right: -6px; } + .question legend .btn-comment { + top: 0; } + .question legend .btn-comment .icon, .question legend .btn-comment .enketo-geopoint-marker, .question legend .btn-comment .glyphicon-chevron-up, .question legend .btn-comment .glyphicon-chevron-down { + position: static; } + +#form-title { + width: calc(100% + 1px); + border-right: 1px solid black; + border-right-color: transparent; + text-align: inherit; } + +.or-group > h4, +.or-repeat > h4 { + width: calc(100% + 1px); + border-right: 1px solid black; + border-right-color: transparent; + border-bottom: 5px solid black; + padding-bottom: 5px; + margin-bottom: 0; } + +@media print, screen and (min-width: 600px) { + .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(25% - 13px); + -ms-flex-preferred-size: calc(25% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(25% - 13px); } + .or-appearance-w1 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(50% - 13px); + -ms-flex-preferred-size: calc(50% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(50% - 13px); } + .or-appearance-w2 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(50% - 13px); + -ms-flex-preferred-size: calc(50% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(50% - 13px); } + .or-appearance-w2 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(75% - 13px); + -ms-flex-preferred-size: calc(75% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(75% - 13px); } + .or-appearance-w3 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(33.3333333333% - 13px); + -ms-flex-preferred-size: calc(33.3333333333% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(33.3333333333% - 13px); } + .or-appearance-w3 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(66.6666666667% - 13px); + -ms-flex-preferred-size: calc(66.6666666667% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(66.6666666667% - 13px); } + .or-appearance-w3 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w4 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(25% - 13px); + -ms-flex-preferred-size: calc(25% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(25% - 13px); } + .or-appearance-w4 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(50% - 13px); + -ms-flex-preferred-size: calc(50% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(50% - 13px); } + .or-appearance-w4 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(75% - 13px); + -ms-flex-preferred-size: calc(75% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(75% - 13px); } + .or-appearance-w4 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w5 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(20% - 13px); + -ms-flex-preferred-size: calc(20% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(20% - 13px); } + .or-appearance-w5 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(40% - 13px); + -ms-flex-preferred-size: calc(40% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(40% - 13px); } + .or-appearance-w5 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(60% - 13px); + -ms-flex-preferred-size: calc(60% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(60% - 13px); } + .or-appearance-w5 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(80% - 13px); + -ms-flex-preferred-size: calc(80% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(80% - 13px); } + .or-appearance-w5 .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w6 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w6 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(16.6666666667% - 13px); + -ms-flex-preferred-size: calc(16.6666666667% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(16.6666666667% - 13px); } + .or-appearance-w6 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(33.3333333333% - 13px); + -ms-flex-preferred-size: calc(33.3333333333% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(33.3333333333% - 13px); } + .or-appearance-w6 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(50% - 13px); + -ms-flex-preferred-size: calc(50% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(50% - 13px); } + .or-appearance-w6 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(66.6666666667% - 13px); + -ms-flex-preferred-size: calc(66.6666666667% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(66.6666666667% - 13px); } + .or-appearance-w6 .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(83.3333333333% - 13px); + -ms-flex-preferred-size: calc(83.3333333333% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(83.3333333333% - 13px); } + .or-appearance-w6 .or-appearance-w6 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w7 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w7 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(14.2857142857% - 13px); + -ms-flex-preferred-size: calc(14.2857142857% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(14.2857142857% - 13px); } + .or-appearance-w7 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(28.5714285714% - 13px); + -ms-flex-preferred-size: calc(28.5714285714% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(28.5714285714% - 13px); } + .or-appearance-w7 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(42.8571428571% - 13px); + -ms-flex-preferred-size: calc(42.8571428571% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(42.8571428571% - 13px); } + .or-appearance-w7 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(57.1428571429% - 13px); + -ms-flex-preferred-size: calc(57.1428571429% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(57.1428571429% - 13px); } + .or-appearance-w7 .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(71.4285714286% - 13px); + -ms-flex-preferred-size: calc(71.4285714286% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(71.4285714286% - 13px); } + .or-appearance-w7 .or-appearance-w6 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(85.7142857143% - 13px); + -ms-flex-preferred-size: calc(85.7142857143% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(85.7142857143% - 13px); } + .or-appearance-w7 .or-appearance-w7 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w8 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w8 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(12.5% - 13px); + -ms-flex-preferred-size: calc(12.5% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(12.5% - 13px); } + .or-appearance-w8 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(25% - 13px); + -ms-flex-preferred-size: calc(25% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(25% - 13px); } + .or-appearance-w8 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(37.5% - 13px); + -ms-flex-preferred-size: calc(37.5% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(37.5% - 13px); } + .or-appearance-w8 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(50% - 13px); + -ms-flex-preferred-size: calc(50% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(50% - 13px); } + .or-appearance-w8 .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(62.5% - 13px); + -ms-flex-preferred-size: calc(62.5% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(62.5% - 13px); } + .or-appearance-w8 .or-appearance-w6 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(75% - 13px); + -ms-flex-preferred-size: calc(75% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(75% - 13px); } + .or-appearance-w8 .or-appearance-w7 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(87.5% - 13px); + -ms-flex-preferred-size: calc(87.5% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(87.5% - 13px); } + .or-appearance-w8 .or-appearance-w8 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w9 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w9 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(11.1111111111% - 13px); + -ms-flex-preferred-size: calc(11.1111111111% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(11.1111111111% - 13px); } + .or-appearance-w9 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(22.2222222222% - 13px); + -ms-flex-preferred-size: calc(22.2222222222% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(22.2222222222% - 13px); } + .or-appearance-w9 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(33.3333333333% - 13px); + -ms-flex-preferred-size: calc(33.3333333333% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(33.3333333333% - 13px); } + .or-appearance-w9 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(44.4444444444% - 13px); + -ms-flex-preferred-size: calc(44.4444444444% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(44.4444444444% - 13px); } + .or-appearance-w9 .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(55.5555555556% - 13px); + -ms-flex-preferred-size: calc(55.5555555556% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(55.5555555556% - 13px); } + .or-appearance-w9 .or-appearance-w6 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(66.6666666667% - 13px); + -ms-flex-preferred-size: calc(66.6666666667% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(66.6666666667% - 13px); } + .or-appearance-w9 .or-appearance-w7 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(77.7777777778% - 13px); + -ms-flex-preferred-size: calc(77.7777777778% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(77.7777777778% - 13px); } + .or-appearance-w9 .or-appearance-w8 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(88.8888888889% - 13px); + -ms-flex-preferred-size: calc(88.8888888889% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(88.8888888889% - 13px); } + .or-appearance-w9 .or-appearance-w9 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w10 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } + .or-appearance-w10 .or-appearance-w1 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(10% - 13px); + -ms-flex-preferred-size: calc(10% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(10% - 13px); } + .or-appearance-w10 .or-appearance-w2 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(20% - 13px); + -ms-flex-preferred-size: calc(20% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(20% - 13px); } + .or-appearance-w10 .or-appearance-w3 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(30% - 13px); + -ms-flex-preferred-size: calc(30% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(30% - 13px); } + .or-appearance-w10 .or-appearance-w4 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(40% - 13px); + -ms-flex-preferred-size: calc(40% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(40% - 13px); } + .or-appearance-w10 .or-appearance-w5 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(50% - 13px); + -ms-flex-preferred-size: calc(50% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(50% - 13px); } + .or-appearance-w10 .or-appearance-w6 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(60% - 13px); + -ms-flex-preferred-size: calc(60% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(60% - 13px); } + .or-appearance-w10 .or-appearance-w7 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(70% - 13px); + -ms-flex-preferred-size: calc(70% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(70% - 13px); } + .or-appearance-w10 .or-appearance-w8 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(80% - 13px); + -ms-flex-preferred-size: calc(80% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(80% - 13px); } + .or-appearance-w10 .or-appearance-w9 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(90% - 13px); + -ms-flex-preferred-size: calc(90% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(90% - 13px); } + .or-appearance-w10 .or-appearance-w10 { + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + flex-shrink: 1; + -webkit-flex-basis: calc(100% - 13px); + -ms-flex-preferred-size: calc(100% - 13px); + -ms-flex-positive: 1; + -ms-flex-negative: 1; + flex-basis: calc(100% - 13px); } } + +@media print, screen and (min-width: 1100px) and (max-width: 1200px) { + .paper .or .form-logo { + margin-top: 0; } } diff --git a/www/manual_lib/enketo/css/plain-print.css b/www/manual_lib/enketo/css/plain-print.css new file mode 100644 index 000000000..726da97b3 --- /dev/null +++ b/www/manual_lib/enketo/css/plain-print.css @@ -0,0 +1,332 @@ +/** CORE **/ +* { + float: none; } + +body { + display: block; + overflow: visible; + background: none; } + body .main { + overflow: visible; + display: block; + margin: 0; + padding: 0; } + body .main .paper { + padding: 3px; + display: block; } + body .paper { + overflow: visible; + border: none; + margin: 0; } + +.side-slider, +.side-slider__toggle, +#feedback-bar, +#dialog-alert, +#dialog-confirm, +#dialog-save, +#form-languages, +.form-header, +.form-logo, +.form-footer, +.or-appearance-no-print, +.notification, +.paper #submit-form, +h4::before { + display: none !important; } + +.or .hint, +.or .or-appearance-no-print, +.or .geopoint .search-bar, +.or .or-constraint-msg, +.or .add-on, +.or .file-feedback, +.or video, +.or audio, +.or button, +.or .invalid-required .or-required-msg.active, +.or .invalid-constraint .or-constraint-msg.active { + display: none; } + +.or:not(.print-relevant-only) .or-branch.disabled { + display: block; } + +.or input[type="file"] { + visibility: hidden; } + +.or input[type="number"] { + appearance: textfield !important; + -moz-appearance: textfield !important; + -webkit-appearance: textfield !important; + -ms-appearance: textfield !important; } + +h3 { + font-size: 19.2px; } + +h4 { + font-size: 15.6px; } + +label, +legend, +.trigger, +.readonly { + font-size: 12px; } + +.question-label, +.option-label, +label.geo { + font-size: 12px; } + +.question input:not([type=radio]):not([type=checkbox]) { + font-size: 12px; } + +.or h2, +.or h3, +.or h4, +.or .required { + color: black; } + +.or h3, +.or h4 { + margin: 0; } + +.or .question { + margin-bottom: 0; } + +.or legend { + margin-bottom: 5px; } + .or legend ~ label { + padding: 0; } + .or legend span:not(.or-output) { + display: block; } + +.or .readonly, +.or .trigger { + font-weight: normal; + background: none; + color: black; + padding: 5px 5px 12px 5px; } + +.or .required { + float: right; } + +.or .or-repeat { + background: none; } + +.or input[type=text], +.or input[type=tel], +.or input[type=password], +.or input[type=url], +.or input[type=email], +.or input[type=file], +.or input[type=date], +.or input[type=time], +.or input[type=datetime], +.or input[type=number], +.or select, +.or textarea { + border-radius: 0px; + box-shadow: none; + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + border: none; + background: none; + border-bottom: 1px solid black; } + +.or input[type="file"] { + display: none !important; } + +.or .or-hint.active, +.or .or-hint.or-form-guidance.active { + color: black; + display: block; + padding-top: 5px; + margin-top: 0; + line-height: 1em; } + +.or .or-hint.or-form-guidance.active { + border: 1px dotted black; + padding: 1px; + margin-top: 5px; + font-size: 10px; } + +.invalid-constraint, +.invalid-required { + background: none; + border: 1px solid red; } + +.geopicker.widget { + margin-top: 10px; } + .geopicker.widget .geo-inputs { + width: 100%; } + .geopicker.widget .geo-inputs label.geo { + display: inline-block; + width: 25%; + padding: 0 !important; + margin: 7px 0 0 0 !important; } + .geopicker.widget .geo-inputs label.geo:nth-of-type(3), .geopicker.widget .geo-inputs label.geo:nth-of-type(4) { + vertical-align: top; + margin-top: 0; + padding-top: 12px; + font-size: inherit; + border-top: none; + font-size: auto; } + .geopicker.widget .geo-inputs label.geo.kml { + display: none; } + .geopicker.widget .geo-inputs label.geo input { + width: 100% !important; + margin-top: 8px !important; + padding-top: 0px !important; } + .geopicker.widget .points { + display: none; } + .geopicker.widget .search-bar { + display: none; } + .geopicker.widget .leaflet-popup-pane, + .geopicker.widget .leaflet-control { + display: none; } + +.esri-geopicker.widget .esri-ui-top-left { + display: none; } + +.esri-geopicker.widget .btn[name="geodetect"] { + display: none !important; } + +.esri-geopicker.widget .interaction-blocker { + display: none !important; } + +.esri-geopicker.widget .map-canvas-wrapper:not(.hide-map) { + display: block !important; } + +.bootstrap-select:before, .bootstrap-select:after { + content: " "; + display: table; } + +.bootstrap-select:after { + clear: both; } + +.bootstrap-select .dropdown-toggle { + display: none; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + display: block; + position: static; + border: none; + box-shadow: none; + list-style-type: circle; + max-height: none; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu li, + .bootstrap-select .dropdown-toggle ~ .dropdown-menu li.active { + flex: 1; + min-width: 30%; + display: inline-block; + margin-right: 20px; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu a { + background: none; + color: black; } + +.datalist.widget { + display: none; } + +.or-appearance-likert .option-wrapper > label .option-label { + border-top: 1px solid black; } + +.question.or-appearance-compact input:checked ~ img, +.question.or-appearance-quickcompact input:checked ~ img { + border-color: black; } + +.or-appearance-distress .slider-vertical .slider { + border: none; } + +.or-appearance-distress .bulb { + display: none; } + +.or-appearance-distress .slider-handle { + border: 1px solid black; } + +.or-appearance-distress .slider-vertical .slider-track { + border: 1px solid black; } + +.or-appearance-analog-scale:not(.or-appearance-horizontal) { + display: flex !important; + flex-wrap: wrap; } + +.or-appearance-analog-scale .scale__ticks { + display: none; } + +.or-appearance-analog-scale .slider-vertical .slider-track { + border-right: 1px solid black; + margin-left: -8.5px; } + +.or-appearance-analog-scale .slider-horizontal .slider-track { + border-bottom: 1px solid black; + margin-top: -10px; } + +.or-appearance-analog-scale .slider-handle { + border: 1px solid black; } + +.or-appearance-analog-scale .slider-vertical .slider-handle { + margin-left: -1px; } + +.or-appearance-analog-scale .slider-horizontal .slider-handle { + margin-top: -1px; } + +.or-appearance-analog-scale .slider-vertical .min-label { + margin-top: 10px; } + +.draw-widget__colorpicker { + display: none; } + +.or-appearance-comment.hide { + display: block !important; } + +.pages.or.print-relevant-only .disabled[role="page"] { + display: none; } + +.pages.or [role="page"] { + display: inherit; } + +.pages.or .or-group, +.pages.or .or-group-data, +.pages.or .or-repeat { + display: inherit; } + +.question { + page-break-inside: avoid; } + +h3, +h4 { + page-break-after: avoid; } + h3 + .question, + h4 + .question { + page-break-before: avoid; } + +/*.page-break { + display: block; + //border: 1px dashed blue; + width: 100%; + margin: 0; + color: transparent; + border-bottom: none; + page-break-after: always !important; +}*/ +[type=range]:not(.empty)::-webkit-slider-thumb { + border-color: black !important; } + +[type=range]:not(.empty)::-moz-range-thumb { + border-color: black !important; } + +[type=range]:not(.empty)::-ms-thumb { + border-color: black !important; } diff --git a/www/manual_lib/enketo/css/plain.css b/www/manual_lib/enketo/css/plain.css new file mode 100644 index 000000000..734acf337 --- /dev/null +++ b/www/manual_lib/enketo/css/plain.css @@ -0,0 +1,4425 @@ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +body { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 16px; + line-height: 1.25; + color: #333333; + background-color: white; } + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +a { + color: #252525; } + a:hover, a:focus { + color: black; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +figure { + margin: 0; } + +img { + vertical-align: middle; } + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; } + +strong { + font-weight: bold; } + +h1 { + font-size: 44px; } + +h2 { + font-size: 36px; } + +h3 { + font-size: 28px; } + +h4 { + font-size: 20px; } + +h5, .or-analog-scale-initialized .show-value__box { + font-size: 16px; } + +h6 { + font-size: 13.6px; } + +h2, h3, h4 { + font-weight: bold; } + +input, select, textarea { + font-weight: normal; } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } + +.clearfix:after { + clear: both; } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } + +.pull-right { + float: right !important; } + +.pull-left { + float: left !important; } + +.hide { + display: none !important; } + +.show { + display: block !important; } + +.invisible { + visibility: hidden; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.hidden { + display: none !important; + visibility: hidden !important; } + +.affix { + position: fixed; } + +.icon, .enketo-geopoint-marker, .glyphicon-chevron-up, .glyphicon-chevron-down { + width: 15px; + height: 15px; + display: inline-block; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.icon-refresh { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5QkI5NkQ3MDY4NDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5QkI5NkQ2MDY4NDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsJbPswAAAFNSURBVHjavFaLEYIwDKUsIBvIBjICI7CBjMAIjsAIsAEj6AaOUDZgg5po8dKY1qLV3L07hTQvH/paZYzJUptSqoS4+vkASUIAawADABcZBm3fNcS/B1ydGG+CS4F9QN+O/C+DJDY78yW6NZ7iM4F+IsGRtXkGTBbUGou9MJoLxK5fZiJUsNCMAq2dPNUUTrtsRpygiiCoAi1rOYneShCYH64/OyRCFW0MQSykbHRKAkROvpLVhgQ7/gQwFnol2RGfcwJluZLf+xx1hjksCUicGHn2B8sdtXxYkSBuIVUyk2d1AhIaY1Y/Ok800bMxS70nmNybe1XkZWs/30WQiSGSoGLrNdeuziNyW4SSJ1hzktJDMkW2iBP04qEFA8OdehBmufXQGiFuK14kAi3bgl5UYc8B1H1wkai9Us+I0Pn06ZVIgnSRKAWp+cpuAgwAPkkCh0r98rYAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-crosshairs { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2REQ5QzVCMDZDRjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2REQ5QzVBMDZDRjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg5Eh0MAAAFTSURBVHjarFZRtcMgDG2rAAergyEBCZNQCUiohEmohEngOZgEJHQKGGzJDs0SRvvgnPvRAveGhCR0IYROQhxjhI1wEYHBPeKa1hV5BHIFm8MOOEmME9AR604BRNo3FUXSAmHjAnMG/hn4XgSDJlZEOEFymSKGhErXThsRWOhL1kgi2f8LMXLFGOGCuUagJJIJbS5DLrLSiSMiME9dN3Lq+p8iihidRF835JNcJYJaUM4BjwPDdW1GznMe4Ori8I1Evnh+ZjJxxUxjVIFNfthGMTG5yECONjZy14ZngHKNwzQSyXn+uDwxDfIk57M44Rtm/PKV8UKJtwdrF+W50lLvaoQKVXhi+pCiIorpJ47GiMkbLbwBtNQZpdaLDwb7Ceb7+17TgqXb4Q72eM9V8e5HEP2OB8RMWzWiB0Jx9H1/geTSkMmniAe4Khlxixy3EsdTgAEAvBuj4rowYWwAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-search { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGNUM0QUMyMDY3NzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGNUM0QUMxMDY3NzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6B9iMAAAE1SURBVHjatFZREcIwDG1RMAmVMAk4AAdMChImoTiYBCRMwnAwFJQEOm48mjblRu7e8bEkL3lNU2wIwaTMWtvRz57g4NOV4CluMhpjgjXIjgQODgV4QoPxX/kguVckXmMmtDkCu0hEknDyEzR4IwwxEVtLOIDPnaWkPKMoUZQFK+uSLb/OZAD/MSsRaF5sW5BTKsh0GkcheF3YJBH4klOGAItz6LODOR9MnaE/3pknwdrmmuxUYdF/Z/5sSNDWBNPdUfmfSwelHVVpihwQDMrkLe6m3EXzGmdIPms6XwKaRMAU57yBxNJC9NltKlRVC19a10wybkmSWwFT5g3wcTiKcpUmxcVn8w3FVv0gMTXLrWJ1L+g3WRVEwpJeEp/cJh0InfCwNFb62/Kr0X7q49nxwzU/BBgAoWEIkbFXnzUAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-trash { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMkE3QzdBMDY3NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMkE3Qzc5MDY3NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm+MpIcAAACQSURBVHjaYvj//z8DNgwEDUD8HwduwKWPEaoZBTAyMgoAqfcMeABQHyM2cRYGAgBdI9Cy//jUM+Ew5AMDmQBkO0gzPwN1wEcmBioDrJFCEYAa+AFPEiEWf4AnG0IxR4LjGKkehtgMzIZicsSwJuzHFIgx0MXLowaOGjhqIM0NxFY4yFIgNkQLWLKrUBABEGAAN/VrGlKCq9UAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-globe { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGMDY0QjYwMDZDRDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMDY0QjVGMDZDRDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiF8RHEAAAF8SURBVHjarFYLbcQwDL1UA1AGC4PLEKxDsEIIgxVCIQxCx+DGIBA6BgehQ5Czb89SGuXX6Sw9RU0TP/fFsau896eSKaUMDQOBR43pK2ElONq/Fh0wQQpkFo58BbzGZv0kHHOUrsFxDN7TFwkgw/YP5wLea5IEiHwryGCwbsCcnAHP9YQlIOlTBGslMh1Hl5BXSNyOAAfaovFUIoAvOT8bEpSyZYYEuuY8kPouoVwBU4l8JFwQBEswNpCIVOz7HuHRbJkqBKOs64LbmbIfwhvhhfBF+CV8I8KSOYzmVLhUW053bLTBM0s4SXoGqeyeClHwIV0z75j8k+rUBonPhHcmoDlOiA9Z2CH/DxmIDXAOXtnQOSdGh+xI2StFMxEGVNQUyRBNP8cqtKSpDy9OIlNKMC0XTbBkcj1bxnldh0+ZG6TXlefY5l3DaegBLlF5l+raxnLt/2Jpkmd3f442HFOpvPmG86CWqas9+dFNXx34bdFSvOCUcan9ttwEGABhK6KZzv1HQAAAAABJRU5ErkJggg==) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-arrow-left { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyRTYzRjRFMDZBNDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRTYzRjREMDZBNDExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgFCos8AAABzSURBVHjaYvj//z8DMRgICohSR4RBAkB8gAGslEIDgcAAiD+ADKPYQJAXYQZRZCDUiwvQDSPLQKgXL2AzjGQDgSAAObzIxB9ghk2g0CBkjNuL5GAmBmoDqnuZJpFCk2RDk4RNk6xHs8KBJsUXOQUsQIABABEJv77soFPFAAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-marker, .enketo-geopoint-marker { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM0NDY2QkUyMDZBQzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM0NDY2QkUxMDZBQzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm/BtdAAAADxSURBVHjalFNRDYUwDBzkCZgEHICESZkEJCABCUh4UpAwCTjY25LyUtorsCb30/XaW3dzOWfHUSIUfAuyQM0FVS/IGyBKbLDBS7JqcpJjA/lE5A0SKFgKBsICzhNx3QQOZ7DcGdRN59Z58pBk1uQQtaF3OpKzQ52hBmPXdYNMUm5U1SRN3m0v8Ey6p9yljr8C8sBB+Q3c/e8Fbt9WHwTpxL2BvCMrx1YXos+UXpDT3W+MLdNRA29snL+M55xeeKIWrDdOXKnmaqSXKtR0peBBhZ6OFBgq4HSowFCBp1sKhApzesXHWnedWL7wyhTB+AkwAEan53kvrTn0AAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-plus { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNDNBQjg1MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNDNBQjg0MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCMOuYAAADqSURBVHjavFaLDYQgDKVMwAiMgJs5yo3iKIzACG7AFQMXjvApKm3SmCh9z9LyCnjvBcUAQONDF68dxjsSQCBqeQT+BMCwtOEurtFdrAaBisF+0kOMIhGhGXR7gyR5iDVdokhyPiBJfpZk5XbZF0jyzFSNiFITU2Q/rNkfUeyu4V9W6knJ7OpGGbt8F+ts/52jwTl5mpFLoqCpBb5JdG2frMhKsg3BIPeKqpTftwaWlh1psrPF6MVIwWPtjFCtzSxaJ8axNQNbe6etOxbW58gP7HIJ4hVV1jHBNvhYRznr5WTVdQu4LpBfAQYA48fhpdMtHxcAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-minus { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNDNBQjg5MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNDNBQjg4MDY5RjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjBen84AAADMSURBVHjavJaNDYQgDIXFCRiBERjBERnNETqCG/RoUgwSwd6dvCYvJqbtF7E/OGZeLOacC/kRmteU48mUQEA9aeIkCcW1I1KfMMzVAXgN5i8lMd4Eyhaz9h8gRRIbhyCFHH9Aio4W1h7X/gKk/jJ/B0ovQs5/dgFpdfEkhRqUJoJSDaKJICpDYeaxnccnoG3gEEfdftMavTzbEGSFVLAuaF0wFtaHiR2tmR58CVcMsPJGNyxmBMGGKnRNwBYfdJVDLyezrlsOdYH8CDAAn5YfwrN58ucAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-chevron-right, .icon-chevron-left, .icon-chevron-down, .glyphicon-chevron-down, .icon-chevron-up, .glyphicon-chevron-up { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAWCAYAAAAfD8YZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1OUQzQkZEMDZBODExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1OUQzQkZDMDZBODExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6G6sQAAAB/SURBVHjaYvj//z8DDANBARALIIvhw8gaFwAxiHGBWAPQNf4nxQBsGok2gAGq6D85BoCAALkGwEwgywBkJ5BsALofSDIAWyAQbQCuUCTKACYGSgDVnE12gJEdVWQnEoqSJyUZgwmqABu4CMQOQEUf8EYV2YUBxcUQuQUgQIABAENaIhLMSm8LAAAAAElFTkSuQmCC) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + -moz-transform: rotate(0); + transform: rotate(0); } + +.icon-chevron-left { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); } + +.icon-chevron-down, .glyphicon-chevron-down { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -moz-transform: rotate(90deg); + transform: rotate(90deg); } + +.icon-chevron-up, .glyphicon-chevron-up { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -moz-transform: rotate(270deg); + transform: rotate(270deg); } + +.icon-sticky-note, .icon-sticky-note-o, .btn-comment.empty .icon, .btn-comment.empty .enketo-geopoint-marker, .btn-comment.empty .glyphicon-chevron-up, .btn-comment.empty .glyphicon-chevron-down, .btn-comment .icon, .btn-comment .enketo-geopoint-marker, .btn-comment .glyphicon-chevron-up, .btn-comment .glyphicon-chevron-down { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAYAAABc6S4mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDQzNjRDMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDQzNjRCMDY5NTExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PloLmqsAAADnSURBVHjatJXhDYQgDIXhJrkRHOFGcARHYoSOwii6gRvUVovhemqgcE3eD2j5HiG2OkR0PUURSJE07Os/wFG0sklP+LQDD3AyiSk5kuYsUSIGveU8yB4ok5DgaIAPCo7KJEj+vDkYngVuLjBlNcdmRziounqDUrjJoAZebVALrzKwwIsNVIf+wNMnazKQPtEd+gXnXIvBetGhoPJoMpD5ctmhWQ22GEQ1Hj4XNTYDHmTnRMxav9bASwEvvFPhvedpObuHoJrb8xwv0iKFoJMF8HRmeaqzjGut8fYJG344KGfGpybdBBgAGVCuLGXPNnQAAAAASUVORK5CYII=); + background-size: contain; + background-repeat: no-repeat; + background-color: #555555; } + +.icon-sticky-note-o, .btn-comment.empty .icon, .btn-comment.empty .enketo-geopoint-marker, .btn-comment.empty .glyphicon-chevron-up, .btn-comment.empty .glyphicon-chevron-down { + background-color: transparent; } + +.icon-download { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAxMDNFRDY5MDZBMjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMDNFRDY4MDZBMjExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vYmkAAAFJSURBVHjaxFYLjcMwDF1KYGWwQCiEQhiEQegxOAgbg0EohEEYhByDHIKcPXlSltqu0107S0+VWtuv/iYupbSziHPOw8MXrwPYB5MDJJJAjs/oEFUFBNLxqi+BoCXjVAm0aU1EIB3gvoDkCbTtSr8urxHUAUlugH2R4R/ASMjlSDgU738BPfi+T2pE6SojiYBByz3ZDqRbRtZOUsfUJHIpUMg6huz8QkTdpZIwTh56BjKfE5XRDMwfs8UX0jiJ6vkxn5MgpMZEJPlraOLzrhl370vu44AcDbNW/pvo0QPNzH6LgIRQdBIhKq50IpBTRRS98i00MwsXU3AxkHy9bAEpLGnIsi66KbttZPTLcfGm9qb1FIUjorW0d83A9gxRVzuw3rLnQL5nfkZfQTVLlWbkumipbnFMbH/wrX2Uf+5ystZ1y211gfwTYADx5i7OHxKEDQAAAABJRU5ErkJggg==) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +.icon-undo { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ5MUFGOTFFMDZBNzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5MUFGOTFEMDZBNzExRTI5OUZEQTZGODg4RDc1ODdCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZFMkJBM0M1RUU2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4M0U3NkRBMDNEMDVDMSIvPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmdseXBoaWNvbnM8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWjp3cAAADwSURBVHjatFVREYMwDG0wsDoYDoYEJEzCJEwCc4AEJCBhDoaESWAKupdbOHqsa0kH7+4dfKRJ30ubknPOrAURVYgfjALFysQWbPH7MFqwghiBCuRdu0+4Mxqmkl/AcUq+WQHAgp2fOLcALZvMjcSnB48/XL2JqgFr76oeANfQriMcRWkdtUgs6ZXJl2Q1ZcBuU4LPP5P7iiq/QGG2xYGVSB/nHmxk0VKJ/TqmGU2Osck6pohHCJXSu0k9rzmDJy/0hVgbu2i99qJJ0daLr3cZFaKI1zWUGtdiWTfJZ4tWTuA6qSA0m1SDDkpo7wfnLcAA4K8eYpcm41cAAAAASUVORK5CYII=) no-repeat center center; + -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; + -o-background-size: 100% 100%; + background-size: 100% 100%; } + +html { + height: 100%; } + +body { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + min-height: 100%; } + +.paper { + border-radius: 7px; + border: 7px solid #ddd; + background-color: #fff; + position: relative; + min-height: 100%; } + +.or { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin-bottom: 20px; } + +.main { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + margin: 0 auto; + padding: 100px 0 70px 0; + position: relative; + width: 100%; + max-width: 720px; } + +.paper { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + padding: 45px; + position: relative; + min-height: 100%; } + +.form-header { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-end; + position: absolute; + left: 0; + top: -76px; + width: 100%; + min-height: 69px; + padding: 16px 0; } + +.form-language-selector { + padding: 0; + margin-left: 10px; + font-size: 0.8em; } + +#form-languages { + display: inline; + width: auto; + height: 36px; + background: none; + min-width: 11em; + border: 1px solid #ccc; + margin: 0 0 0 16px; + font-size: 0.9em; } + +[dir="rtl"] #form-languages { + margin: 0 16px 0 0; } + +.form-footer { + margin: 45px -45px -45px -45px; } + +.enketo-power { + position: relative; + left: 50%; + margin: 30px 0 0 -100px; + width: 200px; + font-size: 16px; + line-height: 23px; + text-align: center; } + .enketo-power a { + font-style: italic; } + .enketo-power img { + float: none; + vertical-align: top; + width: 48px; } + +button { + background: none; + border: none; } + +.btn { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + font-weight: normal; + text-align: center; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 15px; + line-height: 1.25; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .btn:focus, .btn:link, .btn:active, .btn:visited { + text-decoration: none; } + +.btn-default { + color: #333333; + background-color: white; + border-color: #cccccc; } + .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; } + .open .btn-default.dropdown-toggle { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; } + .btn-default:active, .btn-default.active { + background-image: none; } + .open .btn-default.dropdown-toggle { + background-image: none; } + .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, + fieldset[disabled] .btn-default, + fieldset[disabled] .btn-default:hover, + fieldset[disabled] .btn-default:focus, + fieldset[disabled] .btn-default:active, + fieldset[disabled] .btn-default.active { + background-color: white; + border-color: #cccccc; } + .btn-default .badge { + color: white; + background-color: #333333; } + +.btn-primary { + color: white; + background-color: #252525; + border-color: #181818; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { + color: white; + background-color: #111111; + border-color: black; } + .open .btn-primary.dropdown-toggle { + color: white; + background-color: #111111; + border-color: black; } + .btn-primary:active, .btn-primary.active { + background-image: none; } + .open .btn-primary.dropdown-toggle { + background-image: none; } + .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, + fieldset[disabled] .btn-primary, + fieldset[disabled] .btn-primary:hover, + fieldset[disabled] .btn-primary:focus, + fieldset[disabled] .btn-primary:active, + fieldset[disabled] .btn-primary.active { + background-color: #252525; + border-color: #181818; } + .btn-primary .badge { + color: #252525; + background-color: white; } + +.btn-reset[disabled] { + display: none; } + +.btn-icon-only { + margin: 0 10px 0 10px; + padding: 7px; + color: #333333; + background: none; + border: none; + width: 34px; + height: 34px; + box-shadow: none; + opacity: 0.7; } + .btn-icon-only:hover, .btn-icon-only:focus, .btn-icon-only:active, .btn-icon-only.active, .btn-icon-only:disabled, .btn-icon-only.disabled { + background: none; + box-shadow: none; } + .btn-icon-only:hover, .btn-icon-only:disabled, .btn-icon-only.disabled { + color: #333333; + opacity: 0.5; } + +/** hide stuff **/ +.or [lang]:not(.active), +.or-option-translations, +.or-appearance-page-break, +.or-constraint-msg, +.or-required-msg, +.or-relevant-msg, +.option-wrapper .itemset-template, +.itemset-labels, +.or-hint.or-form-guidance, +.or-hint.or-form-guidance.active { + display: none; } + +.or > h3, +.or-group > h3 { + padding: 5px 0 15px 0; + word-wrap: break-word; + color: #252525; + text-align: center; } + +.or > h4, +.or-group > h4 { + text-align: inherit; + margin-top: 9px; + margin-bottom: 9px; + color: #252525; } + .or > h4 strong, + .or-group > h4 strong { + font-size: inherit; } + +.or.hide { + display: none; } + +.or .question-label h1, +.or .question-label h2, +.or .question-label h3, +.or .question-label h4, +.or .question-label h5, +.or .question-label .or-analog-scale-initialized .show-value__box, +.or-analog-scale-initialized .or .question-label .show-value__box, +.or .question-label h6, +.or .or-hint h1, +.or .or-hint h2, +.or .or-hint h3, +.or .or-hint h4, +.or .or-hint h5, +.or .or-hint .or-analog-scale-initialized .show-value__box, +.or-analog-scale-initialized .or .or-hint .show-value__box, +.or .or-hint h6 { + margin-top: 10px; + margin-bottom: 10px; } + .or .question-label h1:first-child, + .or .question-label h2:first-child, + .or .question-label h3:first-child, + .or .question-label h4:first-child, + .or .question-label h5:first-child, + .or .question-label .or-analog-scale-initialized .show-value__box:first-child, + .or-analog-scale-initialized .or .question-label .show-value__box:first-child, + .or .question-label h6:first-child, + .or .or-hint h1:first-child, + .or .or-hint h2:first-child, + .or .or-hint h3:first-child, + .or .or-hint h4:first-child, + .or .or-hint h5:first-child, + .or .or-hint .or-analog-scale-initialized .show-value__box:first-child, + .or-analog-scale-initialized .or .or-hint .show-value__box:first-child, + .or .or-hint h6:first-child { + margin-top: 0; } + .or .question-label h1:last-child, + .or .question-label h2:last-child, + .or .question-label h3:last-child, + .or .question-label h4:last-child, + .or .question-label h5:last-child, + .or .question-label .or-analog-scale-initialized .show-value__box:last-child, + .or-analog-scale-initialized .or .question-label .show-value__box:last-child, + .or .question-label h6:last-child, + .or .or-hint h1:last-child, + .or .or-hint h2:last-child, + .or .or-hint h3:last-child, + .or .or-hint h4:last-child, + .or .or-hint h5:last-child, + .or .or-hint .or-analog-scale-initialized .show-value__box:last-child, + .or-analog-scale-initialized .or .or-hint .show-value__box:last-child, + .or .or-hint h6:last-child { + margin-bottom: 0; } + +.or .question-label { + word-break: break-word; + display: inline-block; } + +/** hints **/ +.or-hint.active { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + color: #888888; + display: block; + line-height: 16px; + font-weight: normal; + font-size: 11px; + font-style: italic; + padding-top: 5px; } + .or-hint.active ~ br { + display: none; } + +.or .form-logo { + display: block; + text-align: center; + width: 100%; } + .or .form-logo img { + float: none; + display: inline; + max-height: 200px; + max-width: 120px; } + +.or-repeat { + background-color: #b1b1b1; + margin: 0 0 3px 0; + padding: 20px 10px 10px 10px; + position: relative; } + .or-repeat.empty { + padding: 0; } + .or-repeat.empty .repeat-number { + display: none; } + .or-repeat .repeat-number { + display: block; + position: absolute; + top: 7px; + right: 10px; + color: #252525; } + .or-repeat .repeat-number + .or-group { + border-top: none; } + .or-repeat .or-repeat { + background-color: white; } + .or-repeat .or-repeat .or-repeat { + background-color: #b1b1b1; } + .or-repeat .or-repeat .or-repeat .or-repeat { + background-color: white; } + +.or-group { + border-top: 3px solid #bbbbbb; + margin: 1.5em 0 0.4em 0; } + .or-group .or-group { + margin: 1.5em 0 0.5em 0; } + .or-group .or-group > h4 .active { + font-size: 80%; } + .or-group .or-group > h4 .active::before { + content: "\00BB "; } + .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB "; } + .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB "; } + .or-group .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB \00BB"; } + .or-group .or-group .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB \00BB \00BB"; } + .or-group .or-group .or-group .or-group .or-group .or-group .or-group > h4 .active::before { + content: "\00BB \00BB \00BB \00BB \00BB \00BB"; } + +.or-group:not(.or-appearance-no-collapse) > h4 { + position: relative; + pointer-events: none; } + .or-group:not(.or-appearance-no-collapse) > h4::before { + width: 0; + height: 0; + border-left: 12px solid transparent; + border-right: 12px solid transparent; + border-top: 12px solid #252525; + border-bottom: 0; + display: block; + position: absolute; + content: ''; + top: 5px; + left: -30px; + right: -30px; + pointer-events: all; } + +.or-group:not(.or-appearance-no-collapse).or-appearance-compact > h4::before { + width: 0; + height: 0; + border-top: 12px solid transparent; + border-bottom: 12px solid transparent; + border-left: 12px solid #252525; + border-right: 0; + left: -22px; + right: -22px; + top: 0; } + +.or-group:not(.or-appearance-no-collapse).or-appearance-compact > h4 ~ * { + display: none !important; } + +[dir="rtl"] .or-group:not(.or-appearance-no-collapse).or-appearance-compact > h4::before { + border-left: 0; + border-right: 12px solid #252525; } + +#stats + .or-group, +#or-preload-items + .or-group, +#form-languages + .or-group { + border-top: none; } + +.question:not(.readonly) { + font-weight: bold; } + +.question { + display: block; + margin: 0 0 9px 0; + padding-top: 15px; + border: none; + position: relative; } + .question > fieldset { + padding: 0; + margin: 0; + border: none; } + +.question-label strong { + font-size: 17px; } + +.question > img, +.question > video, +.question > audio { + margin: 10px auto 10px; } + +.question.readonly input[readonly].empty, +.question.readonly select[readonly].empty, +.question.readonly textarea[readonly].empty { + display: none; } + +.question.readonly strong { + font-size: inherit; } + +label, +legend { + font-size: 16px; } + +.or img, +.or audio, +.or video { + display: block; + max-height: 300px; + max-width: 70%; } + +.or video { + max-width: 100%; } + +legend { + display: block; + position: relative; + border: none; + width: 100%; + padding: 0; + margin-bottom: 12px; } + +.option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; } + .option-wrapper > label { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: block; + margin: 0; + cursor: pointer; + padding: 4px; + margin: 0 10px 1px 10px; } + .option-wrapper > label:hover:not(.filler) { + background-color: #a5a4a4; } + .option-wrapper > label:before, .option-wrapper > label:after { + content: " "; + display: table; } + .option-wrapper > label:after { + clear: both; } + .option-wrapper .option-label { + margin-left: 30px; + display: block; } + .option-wrapper img, + .option-wrapper video, + .option-wrapper audio { + float: right; + margin: 10px 0 10px 10px; } + +.or[dir="rtl"] .option-wrapper .option-label { + margin-right: 30px; } + +.or[dir="rtl"] .option-wrapper img, +.or[dir="rtl"] .option-wrapper video, +.or[dir="rtl"] .option-wrapper audio { + float: left; + margin: 10px 10px 10px 0; } + +.touch .question.simple-select .option-wrapper > label { + background-color: transparent; + border: 1px solid #ccc; + border-radius: 4px; + width: auto; + margin: 0 0 6.4px 0; + padding: 10px; } + .touch .question.simple-select .option-wrapper > label input[type="radio"], + .touch .question.simple-select .option-wrapper > label input[type="checkbox"] { + margin-left: 5px; } + .touch .question.simple-select .option-wrapper > label:focus, .touch .question.simple-select .option-wrapper > label:hover, .touch .question.simple-select .option-wrapper > label:active { + background-color: #a5a4a4; } + +.touch input[type=text], +.touch input[type=tel], +.touch input[type=password], +.touch input[type=url], +.touch input[type=email], +.touch input[type=file], +.touch input[type=date], +.touch input[type=month], +.touch input[type=time], +.touch input[type=datetime], +.touch input[type=number], +.touch textarea, +.touch select { + margin: 10px 0 10px 0; + color: #104b66; } + +.touch input[type=text], +.touch input[type=tel], +.touch input[type=password], +.touch input[type=url], +.touch input[type=email], +.touch input[type=file], +.touch input[type=date], +.touch input[type=month], +.touch input[type=time], +.touch input[type=datetime], +.touch input[type=number], +.touch textarea { + border: 1px solid #ddd8ce; } + +.touch select { + width: 100%; } + +input[type=text], +input[type=tel], +input[type=password], +input[type=url], +input[type=email], +input[type=file], +input[type=date], +input[type=month], +input[type=time], +input[type=datetime], +input[type=number], +input[type=range], +textarea, +select, +.widget { + display: block; + margin: 8px 0 8px 0; } + +input:not([type="radio"]):not([type="checkbox"]), +textarea { + height: 34px; } + +select { + width: 80%; } + +.question input[type=text], .question input[type=tel], .question input[type=password], .question input[type=url], .question input[type=email], .question input[type=file] { + width: 80%; } + +.question input[type=date], .question input[type=month], .question input[type=number], .question input[type=time], .question input[type=datetime], .question input[type=text].mask-date { + width: 180px; } + +.question input[type="radio"], .question input[type=checkbox] { + float: left; + display: block; + margin-top: 2px; } + +.or[dir="rtl"] .question input[type=radio], .or[dir="rtl"] .question input[type=checkbox] { + float: right; } + +.question textarea { + width: 80%; + resize: vertical; + min-height: 9em; } + +.or-repeat .repeat-buttons { + margin-top: 30px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-end; } + +.or-repeat .remove { + margin-bottom: 0; + margin-right: 0; } + +.or-repeat-info:not(:empty) { + padding-top: 10px; } + +.add-repeat-btn { + display: block; + margin: 0 auto 10px auto; + min-width: 150px; } + +.or[dir="rtl"] .remove { + float: left; } + +.alert { + margin-bottom: 4px; } + +.required { + position: absolute; + top: 10px; + left: -10px; + color: #252525; } + +legend .required { + top: 0; } + +.or[dir="rtl"] .required { + left: auto; + right: -10px; } + +.disabled { + opacity: 0.5; } + +.invalid-constraint, +.invalid-required, +.invalid-relevant { + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; + background-color: #f2dede; + border-color: #ebccd1; + border-radius: 3px; + margin-right: -10px; + margin-left: -10px; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 10px; } + +.invalid-constraint .or-constraint-msg.active, .invalid-constraint .file-picker .file-feedback.error, .file-picker .invalid-constraint .file-feedback.error, .invalid-constraint .draw-widget__feedback, .invalid-constraint .image-map__error, +.invalid-required .or-required-msg.active, +.invalid-required .file-picker .file-feedback.warning, +.file-picker .invalid-required .file-feedback.warning, +.question.invalid-relevant .or-relevant-msg.active { + display: block; } + +.or-required-msg.active, .file-picker .file-feedback.warning, +.or-constraint-msg.active, +.file-picker .file-feedback.error, +.draw-widget__feedback, +.image-map__error, +.or-relevant-msg.active { + font-weight: bold; + padding-top: 5px; + font-size: 0.85em; + color: #a94442; } + +.or-branch.disabled, .or-branch.or-branch.pre-init { + display: none; } + +.pages.or .or-group, +.pages.or .or-group-data, +.pages.or .or-repeat { + display: none; } + .pages.or .or-group.contains-current, + .pages.or .or-group-data.contains-current, + .pages.or .or-repeat.contains-current { + display: block; } + +.pages.or .or-repeat[role="page"].current + .or-repeat-info { + display: block; } + +.pages.or [role="page"] { + display: none; } + .pages.or [role="page"].current { + display: block; } + .pages.or [role="page"].current .or-group:not(.disabled), + .pages.or [role="page"].current .or-group-data:not(.disabled), + .pages.or [role="page"].current .or-repeat:not(.disabled) { + display: block; } + .pages.or [role="page"].hidden { + opacity: 0; } + .pages.or [role="page"].fade-out { + opacity: 0; + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; } + +.pages.or #form-title { + margin: 0; } + +.pages ~ .form-footer { + margin-top: 0; } + .pages ~ .form-footer.end .btn { + display: inline-block; } + .pages ~ .form-footer.end .next-page { + display: none; } + .pages ~ .form-footer.end .logout, + .pages ~ .form-footer.end .draft { + display: block; } + .pages ~ .form-footer .logout { + margin-bottom: 50px; } + .pages ~ .form-footer .btn { + display: none; } + .pages ~ .form-footer .previous-page, + .pages ~ .form-footer .next-page { + display: inline-block; } + .pages ~ .form-footer .previous-page.disabled, + .pages ~ .form-footer .next-page.disabled { + display: none; } + .pages ~ .form-footer .first-page, + .pages ~ .form-footer .last-page { + display: inline-block; } + .pages ~ .form-footer .logout, + .pages ~ .form-footer .draft { + display: none; } + +.pages-toc__list { + border: 1px solid black; + border-radius: 2px; + border: 2px solid #555555; + position: absolute; + right: 0; + left: 0; + top: 69px; + width: 320px; + height: 0; + max-height: calc(100vh - 100px); + max-width: 100vw; + margin: 0 auto; + list-style: none; + padding: 0; + background: white; + z-index: 1000; + overflow: scroll; + transition: height 1s ease-out; + opacity: 0; } + .pages-toc__list li { + border-bottom: 1px solid #555555; + padding: 0; + margin: 0; } + .pages-toc__list li:hover { + background: #a5a4a4; } + .pages-toc__list a, + .pages-toc__list a:link, + .pages-toc__list a:visited { + text-decoration: none; + color: inherit; + display: block; + width: 100%; + height: 100%; + padding: 8px 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +.pages-toc__overlay { + display: none; + position: fixed; + top: 0; + left: 0; + background: #555555; + width: 100%; + height: 100%; + z-index: 999; + opacity: 0.5; } + +.pages-toc #toc-toggle { + display: none; } + .pages-toc #toc-toggle:checked + .pages-toc__list { + height: auto; + opacity: 1; } + .pages-toc #toc-toggle:checked ~ .pages-toc__overlay { + display: block; } + +.pages-toc label[for="toc-toggle"] { + display: block; + width: 27px; + height: 27px; + margin: 5px 0 5px 20px; + background: repeating-linear-gradient(#555555 2px, #555555 5px, transparent 5px, transparent 12px); } + .pages-toc label[for="toc-toggle"]:hover { + opacity: 0.7; } + +.bootstrap-select { + margin-top: 15px; } + .bootstrap-select .dropdown-toggle { + width: 277.2454px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-align: left; } + .bootstrap-select .dropdown-toggle .caret { + position: absolute; + top: 14px; + right: 12px; } + .bootstrap-select .dropdown-toggle .selected { + width: calc(100% - 12px); + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu { + max-height: 200px; + max-width: 100%; + overflow: auto; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper { + padding-left: 5px; + background-color: transparent; + color: black; + text-decoration: none; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper label { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + font-size: 16px; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper label:hover { + background: transparent; } + .bootstrap-select .dropdown-toggle ~ .dropdown-menu .option-wrapper label .option-label { + margin-top: 1px; } + +.readonly .bootstrap-select .dropdown-toggle { + opacity: 0.7; } + +.or[dir="rtl"] .bootstrap-select .dropdown-toggle { + text-align: right; } + .or[dir="rtl"] .bootstrap-select .dropdown-toggle .caret { + margin-left: 0; + margin-right: 10px; + left: 12px; + right: auto; } + +.btn-group { + position: relative; + vertical-align: middle; } + .btn-group > .btn { + position: relative; } + .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { + z-index: 2; } + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; } + +.btn .caret { + margin-left: 0; } + +.mobileselect { + margin-left: 10px; } + +[type=range] { + padding: 2.5px; + width: 100%; + background: transparent; + font: 1em/1 arial, sans-serif; + z-index: 10; } + [type=range], [type=range]::-webkit-slider-thumb { + -webkit-appearance: none; } + [type=range]::-webkit-slider-runnable-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; } + [type=range]::-moz-range-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; } + [type=range]::-ms-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 1px; + background: #333333; + border-radius: 0.5px; } + [type=range]::-webkit-slider-thumb { + margin-top: -9.5px; + box-sizing: border-box; + border: 1px solid #252525; + width: 20px; + height: 20px; + border-radius: 50%; + background: #252525; + cursor: pointer; } + [type=range]::-moz-range-thumb { + box-sizing: border-box; + border: 1px solid #252525; + width: 20px; + height: 20px; + border-radius: 50%; + background: #252525; + cursor: pointer; } + [type=range]::-ms-thumb { + margin-top: 0; + box-sizing: border-box; + border: 1px solid #252525; + width: 20px; + height: 20px; + border-radius: 50%; + background: #252525; + cursor: pointer; } + [type=range]::-ms-tooltip { + display: none; } + [type=range]:focus { + outline: 0; } + [type=range].empty::-webkit-slider-thumb { + background: transparent; + border-color: transparent; } + [type=range].empty::-moz-range-thumb { + background: transparent; + border-color: transparent; } + [type=range].empty::-ms-thumb { + background: transparent; + border-color: transparent; } + [type=range][disabled]::-webkit-slider-thumb { + opacity: 0.7; } + [type=range][disabled]::-moz-range-thumb { + opacity: 0.7; } + [type=range][disabled]::-ms-thumb { + opacity: 0.7; } + +.range-widget { + position: relative; } + .range-widget__wrap { + width: 100%; + height: 200px; + z-index: 0; + text-align: center; } + .range-widget__current { + padding-bottom: 10px; + vertical-align: middle; + line-height: 98.5px; + min-height: 108.5px; } + .range-widget__ticks { + height: 20px; + box-sizing: border-box; + margin-left: 12px; + margin-right: 12px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; } + .range-widget__ticks span { + flex: 1; + border-left: 1px solid #333333; } + .range-widget__ticks span:last-child { + border-right: 1px solid #333333; } + .range-widget__scale { + display: flex; + padding-top: 10px; + justify-content: space-between; } + .range-widget__scale__start, .range-widget__scale__end, .range-widget__scale__between { + width: 20px; + opacity: 0.7; + font-weight: normal; } + .range-widget [type=range] { + position: absolute; + top: 93.5px; + left: 0; } + .range-widget .btn-reset { + margin: 15px; } + +.or-appearance-vertical input[type=range], +.or-appearance-distress input[type=range] { + transform: rotate(-90deg); + width: 350px; + margin: 0 10px; + top: 158px; + left: -85px; + right: -85px; } + +.or-appearance-vertical .range-widget__wrap, +.or-appearance-distress .range-widget__wrap { + display: flex; + flex-wrap: nowrap; + flex-direction: row; + height: 350px; + width: 200px; + margin-top: 20px; } + +.or-appearance-vertical .range-widget__current, +.or-appearance-distress .range-widget__current { + flex: 1; + padding-right: 10px; + padding-bottom: 0; + line-height: 350px; } + +.or-appearance-vertical .range-widget__ticks, +.or-appearance-distress .range-widget__ticks { + width: 20px; + height: auto; + border-right: none; + margin-left: 0; + margin-right: 0; + margin-top: 12px; + margin-bottom: 12px; + flex-direction: column; } + .or-appearance-vertical .range-widget__ticks span, + .or-appearance-distress .range-widget__ticks span { + border-top: 1px solid #333333; + border-left: none; } + .or-appearance-vertical .range-widget__ticks span:last-child, + .or-appearance-distress .range-widget__ticks span:last-child { + border-bottom: 1px solid #333333; + border-right: none; } + +.or-appearance-vertical .range-widget__scale, +.or-appearance-distress .range-widget__scale { + flex: 1; + padding-top: 0; + padding-left: 10px; + flex-direction: column-reverse; } + +.or[dir=rtl] .or-appearance-vertical input[type=range], +.or[dir=rtl] .or-appearance-distress input[type=range] { + transform: rotate(90deg); } + +/* distress flavor of vertical range widget*/ +.or-appearance-distress input[type=range] { + top: 173px; + left: -127.5px; + right: -127.5px; } + .or-appearance-distress input[type=range]::-webkit-slider-runnable-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; } + .or-appearance-distress input[type=range]::-moz-range-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; } + .or-appearance-distress input[type=range]::-ms-track { + box-sizing: border-box; + border: none; + width: 100%; + height: 4px; + background: linear-gradient(to bottom, #f9f9f9 0%, whitesmoke 100%); + border-radius: 2px; } + .or-appearance-distress input[type=range]:not(.empty)::-webkit-slider-thumb { + margin-top: -8px; + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; } + .or-appearance-distress input[type=range]:not(.empty)::-moz-range-thumb { + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; } + .or-appearance-distress input[type=range]:not(.empty)::-ms-thumb { + box-sizing: border-box; + border: 1px solid #3a94a5; + width: 20px; + height: 20px; + border-radius: 50%; + background: #3a94a5; + cursor: pointer; } + +.or-appearance-distress .range-widget__wrap { + width: 115px; + flex-direction: row-reverse; + flex-wrap: wrap; + padding-top: 15px; + height: 410px; } + +.or-appearance-distress .range-widget__current { + visibility: hidden; + padding: 0 8.5px; } + +.or-appearance-distress .range-widget__ticks { + width: 6px; } + +.or-appearance-distress .range-widget__bg { + width: 30px; + border-radius: 15px; + border: 1px solid #aaaaaa; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: none; + margin-top: -15px; + background-image: -webkit-linear-gradient(#e20418, #fdd303 50%, #3cb643); + background-image: linear-gradient(#e20418, #fdd303 50%, #3cb643); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE20418', endColorstr='#FF3CB643', GradientType=0); + z-index: 1; } + +.or-appearance-distress .range-widget__scale { + position: relative; + text-align: end; + align-items: flex-end; + padding: 0 5.5px; } + +.or-appearance-distress .range-widget__bulb { + width: 60px; + height: 60px; + border: 1px solid #aaaaaa; + border-radius: 30px; + margin: -7px auto 10px auto; + background: #3cb643; + position: relative; } + .or-appearance-distress .range-widget__bulb__inner { + width: 24px; + height: 24px; + border-radius: 12px; + background: #3a94a5; + margin: 17px; } + .or-appearance-distress .range-widget__bulb__mercury { + position: absolute; + left: calc(50% - 4px / 2); + right: calc(50% - 4px / 2); + bottom: 30px; + background: #3a94a5; + min-height: 25px; + width: 4px; + z-index: 100; } + +.or-appearance-distress .range-widget .btn-reset { + position: absolute; + top: 140px; + left: 70px; + right: 70px; } + +/* + CSS-Tricks Example + by Chris Coyier + http://css-tricks.com +*/ +.datalist { + list-style: none; + display: none; + background: white; + position: absolute; + left: 0; + top: 0; + max-height: 300px; + overflow-y: auto; + z-index: 10; + padding: 0; + border: 1px solid #555555; } + +.datalist:empty { + display: none !important; } + +.datalist li { + padding: 5px; } + +.datalist li.active { + background: #3875d7; + color: white; } + +input[type=text].autocomplete { + width: 277.2454px; } + input[type=text].autocomplete.notfound { + color: #999999; } + +.touch input[type=text].autocomplete { + width: 100%; } + +.enketo-geopoint-marker { + margin-top: -24px; + width: 24px; + height: 24px; + font-size: 24px; + font-style: normal; + font-weight: 400; + line-height: 1; + text-align: center; + color: #508ecd; } + +.enketo-area-popup .leaflet-popup-content-wrapper { + border-radius: 2px; + color: black; + background: none; + box-shadow: none; } + +.enketo-area-popup .leaflet-popup-content { + margin: 3px 20px; } + +.enketo-area-popup .leaflet-popup-tip-container { + display: none; } + +.leaflet-container .enketo-area-popup:hover a.leaflet-popup-close-button { + display: block; } + +.leaflet-container .enketo-area-popup a.leaflet-popup-close-button { + z-index: 1; + display: none; + font-weight: normal; + color: black; } + +.enketo-geopoint-circle-marker, .geopicker .point { + width: 16px; + height: 16px; + margin-top: -8px; + border-radius: 8px; + border: 1px solid #4e4e4e; + background: #818181; } + +.enketo-geopoint-circle-marker-active, .geopicker .point.active { + width: 16px; + height: 16px; + margin-top: -8px; + border-radius: 8px; + border: 1px solid #508ecd; + background: #9fc1e4; } + +.geopicker { + margin-top: 25px; } + .geopicker img { + margin: 0; + max-height: none; + max-width: none; } + .geopicker .geo-inputs { + position: relative; + min-width: 160px; + width: 27%; + margin: 0 4% 0 0; } + @media screen and (max-width: 720px) { + .geopicker .geo-inputs { + width: 100%; } } + .geopicker .geo-inputs .paste-progress, + .geopicker .geo-inputs .disabled-msg { + position: absolute; + display: block; + top: 50%; + width: calc(100% - 20px); + text-align: center; + margin: 0px 10px; } + .geopicker .geo-inputs .disabled-msg { + display: none; + color: #a94442; } + .geopicker .map-canvas-wrapper { + position: relative; } + .geopicker .map-canvas-wrapper, + .geopicker .search-bar { + width: 65%; + float: right; + padding-left: 4%; + border-left: solid 1px #bbbbbb; } + @media screen and (max-width: 720px) { + .geopicker .map-canvas-wrapper, + .geopicker .search-bar { + width: 100%; + float: none; + padding-left: 0; + border-left: none; } } + .geopicker .search-bar { + margin-top: 0; + display: flex; + justify-content: space-between; } + .geopicker .search-bar .input-group { + display: flex; + width: 80%; + order: 2; } + .geopicker .search-bar [name="search"] { + margin: 0 !important; + width: calc(100% - 40px); + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .geopicker .search-bar .hide-map-btn { + display: none; } + .geopicker .search-bar .search-btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0; } + .geopicker .btn:not(.close-chain-btn):not(.toggle-input-type-btn) { + height: 34px; } + .geopicker .btn[name="geodetect"] { + font-size: 16px; + margin: 0 0 0 4%; + order: 3; } + .geopicker .close-chain-btn { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: inline-block; + padding: 0 5px; + margin-left: 15px; } + .geopicker .toggle-input-visibility-btn { + position: absolute; + top: calc(50% - 15px); + left: -16px; + background: none; + border-left: 3px solid #aaaaaa; + border-bottom: 2px solid #aaaaaa; + border-top: 2px solid #aaaaaa; + border-right: none; + height: 30px; + width: 7px; + padding: 0; + z-index: 10; } + .geopicker .toggle-input-visibility-btn.open { + left: -20px; + border-left: none; + border-right: 3px solid #aaaaaa; } + .geopicker .points { + width: 100%; + padding-bottom: 15px; } + .geopicker .point { + margin-right: 10px; + display: inline-block; + opacity: 0.9; } + .geopicker .point.has-error:not(.active) { + border: 1px solid #a94442; + background: #F2DEDE; + opacity: 1; } + .geopicker .addpoint { + border: none; + background: none; + height: 16px; + width: 16px; + font-weight: bold; + font-size: 16px; + padding: 0; + vertical-align: top; + line-height: 16px; + margin: 0; + display: inline-block; + margin-top: -1px; } + .geopicker .btn-remove[disabled], + .geopicker .close-chain-btn[disabled], + .geopicker button[name=geodetect][disabled], + .geopicker input[name=search][disabled], + .geopicker .search-btn[disabled] { + display: none; } + .geopicker .hide-search.no-map { + border-left: none; } + .geopicker .hide-search .input-group { + display: none; } + .geopicker .hide-search .btn[name="geodetect"] { + margin: 15px auto 15px auto; + width: 50%; } + .geopicker label.geo { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + display: block; + border: none; + padding: 0; + margin: 15px 0 0 0; } + .geopicker label.geo.lat, .geopicker label.geo.kml { + padding-top: 5px; } + .geopicker label.geo.long { + margin-bottom: 20px; } + .geopicker label.geo.alt { + border-top: solid 1px #bbbbbb; + padding: 12px 0 0 0; + margin: 0 0 0 0; } + @media screen and (max-width: 720px) { + .geopicker label.geo.alt { + border-top: none; } } + .geopicker label.geo.acc { + padding: 0; + margin: 5px 0 0 0; } + .geopicker label.geo.alt, .geopicker label.geo.acc { + min-height: 70px; + line-height: 50px; + font-size: 12px; } + .geopicker input[name="lat"], + .geopicker input[name="long"], + .geopicker textarea[name="kml"] { + float: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + /*&:invalid { + //copied from bootstrap + color: $state-danger-text; + border-color: $state-danger-text; + @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075)); + // Redeclare so transitions work + &:focus { + border-color: darken($state-danger-text, 10%); + $shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px lighten($state-danger-text, 20%); + @include box-shadow($shadow); + } + }*/ } + .geopicker input[name="alt"], + .geopicker input[name="acc"] { + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + float: right; + width: 40%; } + @media screen and (max-width: 720px) { + .geopicker input[name="alt"], + .geopicker input[name="acc"] { + width: 50%; } } + .geopicker textarea[name="kml"] { + min-height: 260px; + overflow: auto; } + .geopicker textarea[name="kml"]:disabled + .disabled-msg { + display: block; } + .geopicker .geo.kml { + display: none; + margin-bottom: 10px; } + .geopicker .toggle-input-type-btn { + border: none; + background: none; + color: #ccc; + position: absolute; + top: -10px; + right: 0; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 12px; } + .geopicker .toggle-input-type-btn .kml-input { + display: block; } + .geopicker .toggle-input-type-btn .points-input { + display: none; } + .geopicker .kml-input-mode .geo { + display: none; } + .geopicker .kml-input-mode .geo.kml { + display: block; } + .geopicker .kml-input-mode .toggle-input-type-btn .kml-input { + display: none; } + .geopicker .kml-input-mode .toggle-input-type-btn .points-input { + display: block; } + .geopicker .map-canvas { + width: 100%; + border: 1px solid #ccc; + border-radius: 3px; + margin-top: 10px; + height: 275px; + display: flex; + flex-direction: column; + justify-content: center; + cursor: crosshair; } + .geopicker .map-canvas img { + max-width: none; } + .geopicker .map-canvas .attribution { + position: absolute; + right: 0; + bottom: 0; + font-size: 10px; } + .geopicker .map-canvas.static { + cursor: not-allowed; } + .geopicker .map-canvas .show-map-btn { + width: 150px; + margin: 120px auto; + display: block; } + .geopicker.full-screen { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 10000; + background: white; + margin-top: 0; + padding-top: 25px; } + .geopicker.full-screen .geo-inputs { + margin-left: 25px; + margin-bottom: 15px; } + .geopicker.full-screen .geo-inputs .geo, + .geopicker.full-screen .geo-inputs .toggle-input-type-btn { + display: none; } + .geopicker.full-screen .geo-inputs .close-chain-btn { + margin-left: 20px; + margin-top: 0; } + .geopicker.full-screen .map-canvas-wrapper { + float: none; + width: 100%; + padding: 0 25px 15px 25px; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; } + .geopicker.full-screen .map-canvas-wrapper .map-canvas { + height: 100%; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .geopicker.full-screen .map-canvas-wrapper .show-map-btn { + display: none; } + .geopicker.full-screen .search-bar { + width: 100%; + padding: 0 25px 15px 25px; } + .geopicker.full-screen .search-bar.hide-search { + display: block; } + .geopicker.full-screen .search-bar .hide-map-btn { + display: block; + width: 70px; + margin-right: 15px; + order: 1; } + .geopicker.full-screen .search-bar [name="geodetect"] { + width: 70px; + margin-left: 15px; } + .geopicker.full-screen .search-bar .input-group { + width: auto; + flex: 100%; } + .geopicker.full-screen .points { + display: none; } + .geopicker.full-screen .btn-remove { + margin-left: 0; } + .geopicker .leaflet-control-layers-toggle, + .geopicker .leaflet-retina .leaflet-control-layers-toggle { + background: none; + color: #888; + text-align: center; + font-size: 20px; + line-height: 44px; } + .geopicker .leaflet-control-layers-toggle .icon-globe, + .geopicker .leaflet-retina .leaflet-control-layers-toggle .icon-globe { + margin: -1px auto 0 auto; } + .geopicker .leaflet-control-layers-list label { + text-align: left; + padding: 5px; } + .geopicker .leaflet-control-layers-list label .option-label { + margin-left: 30px; + display: block; + line-height: 20px; } + .geopicker:not(.full-screen).hide-input.wide .map-canvas { + height: 375px; } + .geopicker:not(.full-screen).hide-input .geo-inputs .geo { + display: none; } + .geopicker:not(.full-screen).hide-input .toggle-input-type-btn { + display: none; } + .geopicker:not(.full-screen).hide-input .btn-remove { + margin: 10px 0 5px 0; } + .geopicker:not(.full-screen).hide-input .map-canvas-wrapper, + .geopicker:not(.full-screen).hide-input .search-bar { + width: 100%; + border-left: none; + padding-left: 0; } + +.or[dir="rtl"] .geopicker .geo-inputs { + margin: 0 0 0 4%; } + +.or[dir="rtl"] .geopicker .map-canvas-wrapper, +.or[dir="rtl"] .geopicker .search-bar { + float: left; + border-left: none; + border-right: solid 1px #bbbbbb; } + @media screen and (max-width: 720px) { + .or[dir="rtl"] .geopicker .map-canvas-wrapper, + .or[dir="rtl"] .geopicker .search-bar { + border-right: none; } } + .or[dir="rtl"] .geopicker .map-canvas-wrapper .input-group, + .or[dir="rtl"] .geopicker .search-bar .input-group { + flex-direction: row-reverse; } + +.or[dir="rtl"] .geopicker .toggle-input-visibility-btn { + right: -16px; + border-right: 3px solid #aaaaaa; + border-bottom: 2px solid #aaaaaa; + border-top: 2px solid #aaaaaa; + border-left: none; } + .or[dir="rtl"] .geopicker .toggle-input-visibility-btn.open { + right: -20px; + border-right: none; + border-left: 3px solid #aaaaaa; } + +.or[dir="rtl"] .geopicker input[name="alt"], +.or[dir="rtl"] .geopicker input[name="acc"] { + float: left; } + +.or[dir="rtl"] .geopicker .btn[name="geodetect"] { + font-size: 16px; + margin: 0 4% 0 0; } + +.or[dir="rtl"] .geopicker .hide-map-btn { + margin: 0 0 0 4%; } + +.or[dir="rtl"] .geopicker .hide-search .btn[name="geodetect"] { + margin: 15px auto; + width: 50%; } + +.or[dir="rtl"] .geopicker .close-chain-btn { + margin-left: 0; + margin-right: 15px; } + +.or[dir="rtl"] .geopicker .toggle-input-type-btn { + left: 0; + right: auto; } + +.or[dir="rtl"] .geopicker:not(.full-screen).hide-input .map-canvas-wrapper, +.or[dir="rtl"] .geopicker:not(.full-screen).hide-input .search-bar { + border-right: none; + padding-right: 4%; + padding-left: 0; } + +@media screen and (max-width: 500px) { + .full-screen.geopicker .search-bar .search-btn { + display: none; } + .full-screen.geopicker .search-bar [name="search"] { + width: 100%; } + .full-screen.geopicker .search-bar [name="search"] { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } } + +.question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) .geopicker label { + line-height: 16px; + font-weight: normal; } + .question:not(.or-appearance-label):not(.or-appearance-compact):not(.or-appearance-quickcompact) .geopicker label input[type=radio] ~ .option-label::before { + font-size: 16px; + height: 16px; + margin-right: 2px; } + +/* required styles for Leaflet (unchanged from https://github.com/Leaflet/Leaflet/blob/master/dist/leaflet.css) */ +.leaflet-pane, +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile-container, +.leaflet-pane > svg, +.leaflet-pane > canvas, +.leaflet-zoom-box, +.leaflet-image-layer, +.leaflet-layer { + position: absolute; + left: 0; + top: 0; } + +.leaflet-container { + overflow: hidden; } + +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } + +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; } + +/* hack that prevents hw layers "stretching" when loading new tiles */ +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } + +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; } + +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.leaflet-container .leaflet-overlay-pane svg, +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-shadow-pane img, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer { + max-width: none !important; + max-height: none !important; } + +.leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } + +.leaflet-container.leaflet-touch-drag { + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } + +.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; } + +.leaflet-container { + -webkit-tap-highlight-color: transparent; } + +.leaflet-container a { + -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } + +.leaflet-tile { + filter: inherit; + visibility: hidden; } + +.leaflet-tile-loaded { + visibility: inherit; } + +.leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } + +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.leaflet-overlay-pane svg { + -moz-user-select: none; } + +.leaflet-pane { + z-index: 400; } + +.leaflet-tile-pane { + z-index: 200; } + +.leaflet-overlay-pane { + z-index: 400; } + +.leaflet-shadow-pane { + z-index: 500; } + +.leaflet-marker-pane { + z-index: 600; } + +.leaflet-tooltip-pane { + z-index: 650; } + +.leaflet-popup-pane { + z-index: 700; } + +.leaflet-map-pane canvas { + z-index: 100; } + +.leaflet-map-pane svg { + z-index: 200; } + +.leaflet-vml-shape { + width: 1px; + height: 1px; } + +.lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; } + +/* control positioning */ +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: visiblePainted; + /* IE 9-10 doesn't have auto */ + pointer-events: auto; } + +.leaflet-top, +.leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; } + +.leaflet-top { + top: 0; } + +.leaflet-right { + right: 0; } + +.leaflet-bottom { + bottom: 0; } + +.leaflet-left { + left: 0; } + +.leaflet-control { + float: left; + clear: both; } + +.leaflet-right .leaflet-control { + float: right; } + +.leaflet-top .leaflet-control { + margin-top: 10px; } + +.leaflet-bottom .leaflet-control { + margin-bottom: 10px; } + +.leaflet-left .leaflet-control { + margin-left: 10px; } + +.leaflet-right .leaflet-control { + margin-right: 10px; } + +/* zoom and fade animations */ +.leaflet-fade-anim .leaflet-tile { + will-change: opacity; } + +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } + +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; } + +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } + +.leaflet-zoom-anim .leaflet-zoom-animated { + will-change: transform; } + +.leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } + +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; } + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; } + +/* cursors */ +.leaflet-interactive { + cursor: pointer; } + +.leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; } + +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; } + +.leaflet-popup-pane, +.leaflet-control { + cursor: auto; } + +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; } + +/* marker & overlays interactivity */ +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-image-layer, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; } + +.leaflet-marker-icon.leaflet-interactive, +.leaflet-image-layer.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive { + pointer-events: visiblePainted; + /* IE 9-10 doesn't have auto */ + pointer-events: auto; } + +/* visual tweaks */ +.leaflet-container { + background: #ddd; + outline: 0; } + +.leaflet-container a { + color: #0078A8; } + +.leaflet-container a.leaflet-active { + outline: 2px solid orange; } + +.leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255, 255, 255, 0.5); } + +/* general typography */ +.leaflet-container { + font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } + +/* general toolbar styles */ +.leaflet-bar { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } + +.leaflet-bar a, +.leaflet-bar a:hover { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } + +.leaflet-bar a, +.leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } + +.leaflet-bar a:hover { + background-color: #f4f4f4; } + +.leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +.leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } + +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; } + +.leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; } + +.leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +.leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +/* zoom control */ +.leaflet-control-zoom-in, +.leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; } + +.leaflet-touch .leaflet-control-zoom-in, +.leaflet-touch .leaflet-control-zoom-out { + font-size: 22px; } + +/* layers control */ +.leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background: #fff; + border-radius: 5px; } + +.leaflet-control-layers-toggle { + background-image: url(images/layers.png); + width: 36px; + height: 36px; } + +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(images/layers-2x.png); + background-size: 26px 26px; } + +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; } + +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; } + +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; } + +.leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; } + +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } + +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; } + +.leaflet-control-layers label { + display: block; } + +.leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } + +/* Default icon URLs */ +.leaflet-default-icon-path { + background-image: url(images/marker-icon.png); } + +/* attribution and scale controls */ +.leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.7); + margin: 0; } + +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 5px; + color: #333; } + +.leaflet-control-attribution a { + text-decoration: none; } + +.leaflet-control-attribution a:hover { + text-decoration: underline; } + +.leaflet-container .leaflet-control-attribution, +.leaflet-container .leaflet-control-scale { + font-size: 11px; } + +.leaflet-left .leaflet-control-scale { + margin-left: 5px; } + +.leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; } + +.leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + background: rgba(255, 255, 255, 0.5); } + +.leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } + +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; } + +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + box-shadow: none; } + +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } + +/* popup */ +.leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: 20px; } + +.leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; } + +.leaflet-popup-content { + margin: 13px 19px; + line-height: 1.4; } + +.leaflet-popup-content p { + margin: 18px 0; } + +.leaflet-popup-tip-container { + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } + +.leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } + +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } + +.leaflet-container a.leaflet-popup-close-button:hover { + color: #999; } + +.leaflet-popup-scrolled { + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } + +.leaflet-oldie .leaflet-popup-content-wrapper { + zoom: 1; } + +.leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } + +.leaflet-oldie .leaflet-popup-tip-container { + margin-top: -1px; } + +.leaflet-oldie .leaflet-control-zoom, +.leaflet-oldie .leaflet-control-layers, +.leaflet-oldie .leaflet-popup-content-wrapper, +.leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; } + +/* div icon */ +.leaflet-div-icon { + background: #fff; + border: 1px solid #666; } + +/* Tooltip */ +/* Base styles for the element that has a tooltip */ +.leaflet-tooltip { + position: absolute; + padding: 6px; + background-color: #fff; + border: 1px solid #fff; + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } + +.leaflet-tooltip.leaflet-clickable { + cursor: pointer; + pointer-events: auto; } + +.leaflet-tooltip-top:before, +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } + +/* Directions */ +.leaflet-tooltip-bottom { + margin-top: 6px; } + +.leaflet-tooltip-top { + margin-top: -6px; } + +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-top:before { + left: 50%; + margin-left: -6px; } + +.leaflet-tooltip-top:before { + bottom: 0; + margin-bottom: -12px; + border-top-color: #fff; } + +.leaflet-tooltip-bottom:before { + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: #fff; } + +.leaflet-tooltip-left { + margin-left: -6px; } + +.leaflet-tooltip-right { + margin-left: 6px; } + +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + top: 50%; + margin-top: -6px; } + +.leaflet-tooltip-left:before { + right: 0; + margin-right: -12px; + border-left-color: #fff; } + +.leaflet-tooltip-right:before { + left: 0; + margin-left: -12px; + border-right-color: #fff; } + +.question.or-appearance-list-nolabel, +.question.or-appearance-label { + margin: -0.9em 0 -0.7em 0; } + .question.or-appearance-list-nolabel legend, + .question.or-appearance-label legend { + float: left; + border: none; + line-height: 17px; + width: 35%; + min-height: 1px; } + .question.or-appearance-list-nolabel .option-wrapper, + .question.or-appearance-label .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; } + .question.or-appearance-list-nolabel .option-wrapper label, + .question.or-appearance-label .option-wrapper label { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + text-align: center; + padding: 4px 0; + word-break: break-word; } + .question.or-appearance-list-nolabel .option-wrapper label .active, + .question.or-appearance-label .option-wrapper label .active { + margin: 0 auto; } + .question.or-appearance-list-nolabel .option-label.active, + .question.or-appearance-label .option-label.active { + text-align: center; } + +.or[dir="rtl"] .question.or-appearance-list-nolabel, +.or[dir="rtl"] .question.or-appearance-label { + margin: -0.9em 0 -0.7em 0; } + .or[dir="rtl"] .question.or-appearance-list-nolabel legend, + .or[dir="rtl"] .question.or-appearance-label legend { + float: right; } + +.or[dir="rtl"] .question.or-appearance-list-nolabel input[type=radio], +.or[dir="rtl"] .question.or-appearance-list-nolabel input[type=checkbox] { + float: none; + margin: 0; } + +.question.or-appearance-list-nolabel label .active { + display: none; + float: none; } + +.question.or-appearance-list-nolabel input[type=radio], +.question.or-appearance-list-nolabel input[type=checkbox] { + float: none; + text-align: center; + display: inline-block; + margin: 0; + vertical-align: middle; } + +.question.or-appearance-label .option-wrapper > label { + margin-bottom: 6px; } + .question.or-appearance-label .option-wrapper > label:hover { + background-color: transparent; } + +.question.or-appearance-label input[type=radio], +.question.or-appearance-label input[type=checkbox] { + display: none; } + +.question.or-appearance-label img { + max-height: 30px; + max-width: 30px; + float: none; } + +.or[dir="rtl"] .question.or-appearance-label .option-wrapper > label img { + float: none; } + +/*! + * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) + * + * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) + */ +.datepicker { + padding: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + direction: ltr; } + +.datepicker-inline { + width: 220px; } + +.datepicker-rtl { + direction: rtl; } + +.datepicker-rtl.dropdown-menu { + left: auto; } + +.datepicker-rtl table tr td span { + float: right; } + +.datepicker-dropdown { + top: 0; + left: 0; } + +.datepicker-dropdown:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #999; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; } + +.datepicker-dropdown:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-top: 0; + position: absolute; } + +.datepicker-dropdown.datepicker-orient-left:before { + left: 6px; } + +.datepicker-dropdown.datepicker-orient-left:after { + left: 7px; } + +.datepicker-dropdown.datepicker-orient-right:before { + right: 6px; } + +.datepicker-dropdown.datepicker-orient-right:after { + right: 7px; } + +.datepicker-dropdown.datepicker-orient-bottom:before { + top: -7px; } + +.datepicker-dropdown.datepicker-orient-bottom:after { + top: -6px; } + +.datepicker-dropdown.datepicker-orient-top:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; } + +.datepicker-dropdown.datepicker-orient-top:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #fff; } + +.datepicker table { + margin: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.datepicker td, .datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: none; } + +.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { + background-color: transparent; } + +.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { + background: #eee; + cursor: pointer; } + +.datepicker table tr td.new, .datepicker table tr td.old { + color: #999; } + +.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { + background: 0 0; + color: #999; + cursor: default; } + +.datepicker table tr td.highlighted { + background: #d9edf7; + border-radius: 0; } + +.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { + background-color: #fde19a; + background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); + background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); + background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); + border-color: #fdf59a #fdf59a #fbed50; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #000; } + +.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { + background-color: #fdf59a; } + +.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active { + background-color: #fbf069\9; } + +.datepicker table tr td.today:hover:hover { + color: #000; } + +.datepicker table tr td.today.active:hover { + color: #fff; } + +.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { + background: #eee; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + +.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { + background-color: #f3d17a; + background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); + background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); + background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); + border-color: #f3e97a #f3e97a #edde34; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + +.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { + background-color: #f3e97a; } + +.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active { + background-color: #efe24b\9; } + +.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { + background-color: #9e9e9e; + background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey)); + background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey); + background-image: -o-linear-gradient(to bottom, #b3b3b3, grey); + background-image: linear-gradient(to bottom, #b3b3b3, grey); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); + border-color: grey grey #595959; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { + background-color: grey; } + +.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active { + background-color: #666\9; } + +.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(to bottom, #08c, #04c); + background-image: -ms-linear-gradient(to bottom, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(to bottom, #08c, #04c); + background-image: -o-linear-gradient(to bottom, #08c, #04c); + background-image: linear-gradient(to bottom, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { + background-color: #04c; } + +.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active { + background-color: #039\9; } + +.datepicker table tr td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + +.datepicker table tr td span.focused, .datepicker table tr td span:hover { + background: #eee; } + +.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { + background: 0 0; + color: #999; + cursor: default; } + +.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { + background-color: #006dcc; + background-image: -moz-linear-gradient(to bottom, #08c, #04c); + background-image: -ms-linear-gradient(to bottom, #08c, #04c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); + background-image: -webkit-linear-gradient(to bottom, #08c, #04c); + background-image: -o-linear-gradient(to bottom, #08c, #04c); + background-image: linear-gradient(to bottom, #08c, #04c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); + border-color: #04c #04c #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + +.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { + background-color: #04c; } + +.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { + background-color: #039\9; } + +.datepicker table tr td span.new, .datepicker table tr td span.old { + color: #999; } + +.datepicker .datepicker-switch { + width: 145px; } + +.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { + cursor: pointer; } + +.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { + background: #eee; } + +.datepicker .next.disabled, .datepicker .prev.disabled { + visibility: hidden; } + +.datepicker .cw { + font-size: 10px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; } + +.input-append.date .add-on, .input-prepend.date .add-on { + cursor: pointer; } + +.input-append.date .add-on i, .input-prepend.date .add-on i { + margin-top: 3px; } + +.input-daterange input { + text-align: center; } + +.input-daterange input:first-child { + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; } + +.input-daterange input:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } + +.input-daterange .add-on { + display: inline-block; + width: auto; + min-width: 16px; + height: 18px; + padding: 4px 5px; + font-weight: 400; + line-height: 18px; + text-align: center; + text-shadow: 0 1px 0 #fff; + vertical-align: middle; + background-color: #eee; + border: 1px solid #ccc; + margin-left: -5px; + margin-right: -5px; } + +/** fixes by martijn **/ +.question .date input[type="text"] { + display: inline-block; + width: 180px; } + +table { + max-width: 100%; + background-color: transparent; } + +th { + text-align: left; } + +.table-condensed > thead > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > tfoot > tr > td { + padding: 5px; } + +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: whitesmoke; } + +table col[class*="col-"] { + position: static; + float: none; + display: table-column; } + +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; } + +.table > thead > tr > td.active, +.table > thead > tr > th.active, +.table > thead > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: whitesmoke; } + +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; } + +/*! + * Timepicker + * + * Forked from https://github.com/jdewit/bootstrap-timepicker: + * + * Copyright 2013 Joris de Wit and timepicker contributors + * + * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors + * Contributors https://github.com/enketo/timepicker-basic/graphs/contributors + * + * For the full copyright and license information, please view the LICENSE + * file that was distributed with this source code. + */ +.timepicker { + position: relative; } + .timepicker.pull-right .timepicker-widget.dropdown-menu { + left: auto; + right: 0; } + .timepicker.pull-right .timepicker-widget.dropdown-menu:before { + left: auto; + right: 12px; } + .timepicker.pull-right .timepicker-widget.dropdown-menu:after { + left: auto; + right: 13px; } + .timepicker .input-group-addon { + cursor: pointer; } + .timepicker .input-group-addon i { + display: inline-block; + width: 16px; + height: 16px; } + +.timepicker-widget.dropdown-menu { + padding: 4px; } + .timepicker-widget.dropdown-menu.open { + display: inline-block; } + .timepicker-widget.dropdown-menu:before { + border-bottom: 7px solid rgba(0, 0, 0, 0.2); + border-left: 7px solid transparent; + border-right: 7px solid transparent; + content: ""; + display: inline-block; + position: absolute; } + .timepicker-widget.dropdown-menu:after { + border-bottom: 6px solid #FFFFFF; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + content: ""; + display: inline-block; + position: absolute; } + +.timepicker-widget.timepicker-orient-left:before { + left: 6px; } + +.timepicker-widget.timepicker-orient-left:after { + left: 7px; } + +.timepicker-widget.timepicker-orient-right:before { + right: 6px; } + +.timepicker-widget.timepicker-orient-right:after { + right: 7px; } + +.timepicker-widget.timepicker-orient-top:before { + top: -7px; } + +.timepicker-widget.timepicker-orient-top:after { + top: -6px; } + +.timepicker-widget.timepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #999; } + +.timepicker-widget.timepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #ffffff; } + +.timepicker-widget a.btn, .timepicker-widget input { + border-radius: 4px; } + +.timepicker-widget table { + width: 100%; + margin: 0; } + .timepicker-widget table td { + text-align: center; + height: 30px; + margin: 0; + padding: 2px; } + .timepicker-widget table td:not(.separator) { + min-width: 30px; } + .timepicker-widget table td span { + width: 100%; } + .timepicker-widget table td a { + border: 1px transparent solid; + width: 100%; + display: inline-block; + margin: 0; + padding: 8px 0; + outline: 0; + color: #333; } + .timepicker-widget table td a:hover { + text-decoration: none; + background-color: #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border-color: #ddd; } + .timepicker-widget table td a i { + margin-top: 2px; + font-size: 18px; } + .timepicker-widget table td input { + width: 25px; + margin: 0; + text-align: center; } + +/** Removed media query adjustment here to fix print issue (MvdR) */ +.timepicker input[type="text"] { + display: inline-block; + width: 180px; } + +.timepicker-widget.dropdown-menu input { + width: 50px; + margin: 0 auto; } + +.timepicker-widget table td span { + width: 12px; } + +.timepicker-widget table td a i { + width: 11px; + height: 17px; + display: inline-block; } + +.datetimepicker .date, .datetimepicker .timepicker { + margin-right: 10px; + display: inline-block; } + +.datetimepicker .date { + margin-right: 10px; } + +.or[dir="rtl"] .datetimepicker .date { + margin-right: 0; } + +.touch .timepicker-widget.dropdown-menu input { + width: 50px; + margin: 0 auto; } + +.question.or-appearance-compact legend, .question.or-appearance-quickcompact legend { + border: none; } + +.question.or-appearance-compact .option-wrapper, .question.or-appearance-quickcompact .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact .option-wrapper > label, .question.or-appearance-quickcompact .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact .option-wrapper > label:hover, .question.or-appearance-quickcompact .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact .option-wrapper > label .option-label, .question.or-appearance-quickcompact .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact .option-wrapper > label .active, .question.or-appearance-quickcompact .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact .option-wrapper > label input, .question.or-appearance-quickcompact .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact .option-wrapper > label input[readonly]:checked ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact .option-wrapper > label input:checked ~ .active:hover, .question.or-appearance-quickcompact .option-wrapper > label input:checked ~ .active, .question.or-appearance-quickcompact .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-1 legend { + border: none; } + +.question.or-appearance-compact-1 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-1 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-1 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-1 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-1 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-1 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-1 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-1 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-1 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-1 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-1 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-1 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-1 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-1 .option-wrapper > label { + width: 100%; } + .question.or-appearance-compact-1 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-2 legend { + border: none; } + +.question.or-appearance-compact-2 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-2 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-2 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-2 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-2 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-2 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-2 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-2 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-2 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-2 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-2 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-2 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-2 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-2 .option-wrapper > label { + width: 50%; } + .question.or-appearance-compact-2 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-3 legend { + border: none; } + +.question.or-appearance-compact-3 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-3 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-3 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-3 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-3 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-3 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-3 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-3 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-3 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-3 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-3 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-3 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-3 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-3 .option-wrapper > label { + width: 33.3333333333%; } + .question.or-appearance-compact-3 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-4 legend { + border: none; } + +.question.or-appearance-compact-4 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-4 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-4 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-4 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-4 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-4 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-4 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-4 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-4 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-4 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-4 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-4 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-4 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-4 .option-wrapper > label { + width: 25%; } + .question.or-appearance-compact-4 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-5 legend { + border: none; } + +.question.or-appearance-compact-5 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-5 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-5 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-5 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-5 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-5 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-5 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-5 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-5 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-5 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-5 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-5 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-5 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-5 .option-wrapper > label { + width: 20%; } + .question.or-appearance-compact-5 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-6 legend { + border: none; } + +.question.or-appearance-compact-6 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-6 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-6 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-6 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-6 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-6 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-6 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-6 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-6 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-6 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-6 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-6 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-6 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-6 .option-wrapper > label { + width: 16.6666666667%; } + .question.or-appearance-compact-6 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-7 legend { + border: none; } + +.question.or-appearance-compact-7 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-7 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-7 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-7 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-7 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-7 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-7 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-7 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-7 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-7 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-7 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-7 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-7 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-7 .option-wrapper > label { + width: 14.2857142857%; } + .question.or-appearance-compact-7 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-8 legend { + border: none; } + +.question.or-appearance-compact-8 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-8 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-8 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-8 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-8 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-8 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-8 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-8 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-8 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-8 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-8 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-8 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-8 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-8 .option-wrapper > label { + width: 12.5%; } + .question.or-appearance-compact-8 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-9 legend { + border: none; } + +.question.or-appearance-compact-9 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-9 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-9 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-9 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-9 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-9 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-9 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-9 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-9 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-9 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-9 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-9 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-9 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-9 .option-wrapper > label { + width: 11.1111111111%; } + .question.or-appearance-compact-9 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.question.or-appearance-compact-10 legend { + border: none; } + +.question.or-appearance-compact-10 .option-wrapper { + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; } + +.question.or-appearance-compact-10 .option-wrapper > label { + display: inline-block; + margin: 0; + padding: 10px !important; } + .question.or-appearance-compact-10 .option-wrapper > label:hover { + background: none; } + .question.or-appearance-compact-10 .option-wrapper > label .option-label { + padding: 2px; } + .question.or-appearance-compact-10 .option-wrapper > label .active { + display: inline-block; + margin-left: 0; + margin-right: 0; + max-width: 150px; + max-height: 150px; + float: none; + border: 2px solid transparent; } + .question.or-appearance-compact-10 .option-wrapper > label input { + width: 1px; + height: 1px; + position: relative; + top: 15px; + left: 15px; + z-index: -1; } + .question.or-appearance-compact-10 .option-wrapper > label input:not([disabled]):not([readonly]) ~ .active:hover { + border-color: #727171; } + .question.or-appearance-compact-10 .option-wrapper > label input[disabled]:checked ~ .active, .question.or-appearance-compact-10 .option-wrapper > label input[disabled]:checked ~ .active:hover, .question.or-appearance-compact-10 .option-wrapper > label input[readonly]:checked ~ .active, .question.or-appearance-compact-10 .option-wrapper > label input[readonly]:checked ~ .active:hover { + border-color: #555555; } + .question.or-appearance-compact-10 .option-wrapper > label input:checked ~ .active, .question.or-appearance-compact-10 .option-wrapper > label input:checked ~ .active:hover { + border-color: #252525; } + +.question.or-appearance-compact-10 .option-wrapper > label { + width: 10%; } + .question.or-appearance-compact-10 .option-wrapper > label img.active { + max-width: 100%; + max-height: 100%; } + +.file-picker .fake-file-input { + display: inline-block; + width: 80%; + text-align: start; } + +.file-picker .file-feedback, +.file-picker .file-preview { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; } + +.file-picker .file-feedback.warning { + color: #8a6d3b; } + +.file-picker .file-preview { + margin-top: 10px; } + +.file-picker .btn-download { + margin-right: 0; } + .file-picker .btn-download[href=""] { + display: none; } + +/* + * To save headaches with resizing canvases, it is important to maintain fixed aspect + * ratios at all times: + */ +.or-drawing-initialized input[type="text"], +.or-signature-initialized input[type="text"], +.or-annotate-initialized input[type="text"] { + display: none; } + +.or-signature-initialized .draw-widget__body { + padding-top: 45%; } + +.draw-widget { + width: 100%; } + .draw-widget__body { + position: relative; + width: 100%; + padding-top: 75%; } + .draw-widget__body__canvas { + background: white; + border: 1px solid #eeeeee; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 0; + width: 100%; + height: 100%; } + .draw-widget__body__canvas.disabled { + cursor: not-allowed; + background: white; + opacity: 1; } + .draw-widget__body__canvas.disabled ~ .draw-widget__colorpicker, + .draw-widget__body__canvas.disabled ~ .draw-widget__undo { + display: none; } + .draw-widget__body input[type=file] { + display: none; } + .draw-widget__body .file-picker { + position: absolute; + top: -50px; + left: 0; + width: 100%; } + .draw-widget__body .show-canvas-btn { + position: absolute; + z-index: 10; + top: calc(50% - 16px); + left: 50%; + width: 200px; + margin-left: -100px; } + .draw-widget__body .hide-canvas-btn { + display: none; } + .draw-widget__footer { + margin-top: 10px; } + .draw-widget__footer .draw-widget__btn-reset:disabled { + display: none; } + .draw-widget__undo { + position: absolute; + top: 37px; + right: 7px; + width: 20px; + height: 20px; + margin: 2px; + padding: 0; + border: 2px solid grey; } + .draw-widget__colorpicker { + position: absolute; + display: flex; + flex-wrap: wrap; + max-width: calc(100% - (2 * 7px)); + top: 7px; + right: 7px; } + .draw-widget__colorpicker div { + display: none; } + .draw-widget__colorpicker div { + width: 20px; + height: 20px; + margin: 2px; + border: none; + padding: 0; } + .draw-widget__colorpicker.reveal div { + display: block; } + .draw-widget__colorpicker .current { + display: block; + border: 2px solid grey; } + .draw-widget.full-screen { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 20; + background: white; + margin: 0; + padding-left: 15px; + padding-right: 15px; } + .draw-widget.full-screen .draw-widget__body { + width: calc(100vmin - 2 * 15px); + padding-top: calc(0.75 * 100vmin); + margin: 50px auto; } + .draw-widget.full-screen .draw-widget__body input[type=file] { + left: 90px; } + .draw-widget.full-screen .draw-widget__body .file-picker { + left: 80px; + width: calc(100% - 18px); } + .draw-widget.full-screen .hide-canvas-btn { + display: block; + position: absolute; + z-index: 30; + top: -40px; + left: 0; + width: 70px; } + .draw-widget.full-screen .show-canvas-btn { + display: none; } + .draw-widget.full-screen .draw-widget__footer { + width: calc(100vmin - 2 * 15px); + margin: -40px auto 0 auto; } + .draw-widget .btn-download { + margin-right: 0; } + .draw-widget .btn-download[href=""] { + display: none; } + +.or-signature-initialized .draw-widget.full-screen .draw-widget__body { + width: calc(100% - 2 * 15px); + padding-top: calc(0.45 * (100% - 2 * 15px)); } + +.or-signature-initialized .draw-widget.full-screen .draw-widget__footer { + width: calc(100% - 2 * 15px); } + +.or-annotate-initialized .draw-widget__body { + margin-top: 50px; } + +.or-appearance-likert .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + .or-appearance-likert .option-wrapper > label { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + margin: 0; + float: none; + padding-left: 0 !important; + padding-right: 0; } + .or-appearance-likert .option-wrapper > label input[type=radio], + .or-appearance-likert .option-wrapper > label input[type=checkbox] { + position: relative; + left: 50%; + padding: 0; + margin-left: -10px; + background-color: white; + z-index: 10; } + .or-appearance-likert .option-wrapper > label .active { + margin: 0; } + .or-appearance-likert .option-wrapper > label .option-label { + position: relative; + text-align: center; + margin-top: -8.5px; + padding-top: 15px; + border-top: 3px solid #252525; + font-size: 12px; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; } + .or-appearance-likert .option-wrapper > label:first-of-type .option-label::after { + content: ''; + display: block; + position: absolute; + top: -3px; + width: 50%; + background-color: white; + height: 10px; + left: 0; } + .or-appearance-likert .option-wrapper > label:last-of-type .option-label::after { + content: ''; + display: block; + position: absolute; + top: -3px; + width: 50%; + background-color: white; + height: 10px; + right: 0; } + .or-appearance-likert .option-wrapper > label:hover { + background-color: transparent; } + +.or-appearance-likert:hover .option-wrapper > label:first-of-type .option-label::after, .or-appearance-likert:hover .option-wrapper > label:last-of-type .option-label::after { + background-color: white; } + +.or-appearance-likert.focus .option-wrapper > label:first-of-type .option-label::after, .or-appearance-likert.focus .option-wrapper > label:last-of-type .option-label::after { + background-color: white; } + +.or[dir="rtl"] .or-appearance-likert .option-wrapper > label { + margin-right: 0; } + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label:first-of-type .option-label::after { + left: auto; + right: 0; } + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label:last-of-type .option-label::after { + right: auto; + left: 0; } + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label input[type=radio], + .or[dir="rtl"] .or-appearance-likert .option-wrapper > label input[type=checkbox] { + right: 50%; + margin-right: -10px; } + +.or[dir="rtl"] .or-appearance-likert .option-wrapper .option-label { + margin-right: 0; } + +.or-repeat .or-appearance-likert .option-wrapper > label:first-of-type .option-label::after, +.or-repeat .or-appearance-likert .option-wrapper > label:last-of-type .option-label::after, +.or-repeat .or-appearance-likert .option-wrapper > label input[type=radio], +.or-repeat .or-appearance-likert .option-wrapper > label input[type=checkbox] { + background-color: #b1b1b1; } + +.or-horizontal-initialized .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + +.or-horizontal-initialized label, +.or-horizontal-initialized .filler { + -webkit-flex: 1 0 30%; + -ms-flex: 1 0 30%; + flex: 1 0 30%; } + +.or-horizontal-initialized .filler, +.or-horizontal-initialized .filler:hover, +.or-horizontal-initialized .filler:focus { + border: none !important; + background: transparent !important; } + +.or-appearance-horizontal-compact .option-wrapper { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + +.or-appearance-horizontal-compact label { + display: inline-block; } + +.touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-horizontal-initialized .option-wrapper > label, .touch .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-appearance-horizontal-compact .option-wrapper > label { + margin-right: 10px; } + +.touch .or[dir=rtl] .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-horizontal-initialized .option-wrapper > label, .touch .or[dir=rtl] .question:not(.or-appearance-compact):not(.or-appearance-quickcompact):not(.or-appearance-label):not(.or-appearance-list-nolabel):not(.or-appearance-likert).or-appearance-horizontal-compact .option-wrapper > label { + margin-left: 10px; + margin-right: inherit; } + +.or-analog-scale-initialized { + position: relative; } + .or-analog-scale-initialized .label-content .question-label.active { + display: inline; } + .or-analog-scale-initialized .label-content .question-label.active[lang] { + display: none; } + .or-analog-scale-initialized .range-widget__current { + visibility: hidden; } + .or-analog-scale-initialized > .widget:not(.or-comment-widget) { + margin: 0 0 9px 0; } + .or-analog-scale-initialized .show-value__box { + background-color: black; + text-align: center; + color: white; + max-width: 170px; + padding: 10px 35px; + margin: 20px auto; + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; } + .or-analog-scale-initialized .show-value__value { + font-weight: bold; + font-size: 20px; + padding: 8px; + display: block; + min-width: 1px; + min-height: 42px; } + .or-analog-scale-initialized .max-label, + .or-analog-scale-initialized .min-label { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + text-align: center; } + .or-analog-scale-initialized .min-label { + order: 1; } + .or-analog-scale-initialized .range-widget { + order: 4; } + .or-analog-scale-initialized .max-label { + order: 5; } + .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks span { + padding: 0 25%; + background-image: linear-gradient(0deg, black 1px, transparent 0px); + background-repeat: repeat-y; + background-origin: content-box; + background-size: 100% 10%; } + .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks__scale__start, .or-analog-scale-initialized:not(.or-appearance-no-ticks) .range-widget__ticks__scale__end { + display: none; } + .or-analog-scale-initialized:not(.or-appearance-no-ticks).or-appearance-horizontal .range-widget__ticks span { + padding: 4px 0; + background-image: linear-gradient(270deg, black 1px, transparent 0px); + background-repeat: repeat-x; + background-origin: content-box; + background-size: 10% 100%; } + .or-analog-scale-initialized.or-appearance-no-ticks .range-widget__scale__start, .or-analog-scale-initialized.or-appearance-no-ticks .range-widget__scale__end { + display: none; } + .or-analog-scale-initialized.or-appearance-horizontal .analog-scale-widget { + display: flex; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget { + flex: 1; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget__wrap { + height: 117px; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget__current { + line-height: 38.5px; + min-height: 48.5px; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget [type=range] { + top: 33.5px; } + .or-analog-scale-initialized.or-appearance-horizontal .range-widget .btn-reset { + margin-left: auto; + margin-right: auto; } + .or-analog-scale-initialized.or-appearance-horizontal .max-label, + .or-analog-scale-initialized.or-appearance-horizontal .min-label { + width: 80px; + align-self: center; } + .or-analog-scale-initialized:not(.or-appearance-horizontal) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-flex-direction: row; + -ms-flex-direction: row; + -moz-flex-direction: row; + flex-direction: row; } + .or-analog-scale-initialized:not(.or-appearance-horizontal) .label-content { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .or-analog-scale-initialized:not(.or-appearance-horizontal) .analog-scale-widget { + width: 200px; } + .or-analog-scale-initialized.invalid-constraint .or-constraint-msg.active, .or-analog-scale-initialized.invalid-constraint .file-picker .file-feedback.error, .file-picker .or-analog-scale-initialized.invalid-constraint .file-feedback.error, .or-analog-scale-initialized.invalid-constraint .draw-widget__feedback, .or-analog-scale-initialized.invalid-constraint .image-map__error, + .or-analog-scale-initialized.invalid-constraint .or-required-msg.active, + .or-analog-scale-initialized.invalid-constraint .file-picker .file-feedback.warning, + .file-picker .or-analog-scale-initialized.invalid-constraint .file-feedback.warning, .or-analog-scale-initialized.invalid-required .or-constraint-msg.active, .or-analog-scale-initialized.invalid-required .file-picker .file-feedback.error, .file-picker .or-analog-scale-initialized.invalid-required .file-feedback.error, .or-analog-scale-initialized.invalid-required .draw-widget__feedback, .or-analog-scale-initialized.invalid-required .image-map__error, + .or-analog-scale-initialized.invalid-required .or-required-msg.active, + .or-analog-scale-initialized.invalid-required .file-picker .file-feedback.warning, + .file-picker .or-analog-scale-initialized.invalid-required .file-feedback.warning { + position: absolute; + bottom: 10px; } + +.pages.or [role="page"].current.or-analog-scale-initialized:not(.or-appearance-horizontal) { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; } + +.or-big-image { + display: block; + max-width: 70%; + max-height: 300px; } + .or-big-image img { + border: 2px solid #252525; + max-width: 100%; } + .or-big-image.open { + /*IE10*/ + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + flex-wrap: nowrap; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + z-index: 10000; + background: white; + margin-top: 0; } + .or-big-image.open img { + max-width: 100%; + width: 100%; + max-height: 100%; } + +.or-comment-widget { + display: block; + position: absolute; + z-index: 1001; + top: 100%; + left: 0; + width: 100%; } + .or-comment-widget__overlay { + background: rgba(0, 0, 0, 0.3); } + .or-comment-widget__content { + position: relative; + border: 1px solid #555555; + background: white; + padding: 30px; + padding-bottom: 100px; } + .or-comment-widget__content__btn-update { + position: absolute; + right: 30px; + bottom: 30px; } + .or-comment-widget__content__btn-close-x { + top: 20px; + right: 13px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + color: #bbb; + background: transparent; } + .or-comment-widget__overlay { + position: fixed; + background: rgba(0, 0, 0, 0.4); + top: 0; + right: 0; + bottom: 0; + left: 0; } + .or-comment-widget__question-label, .or-comment-widget__question-value { + font-family: 'OpenSans', Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-style: italic; + padding-right: 35px; } + .or-comment-widget__question-value { + margin-left: 20px; + margin-top: 10px; } + .or-comment-widget .question textarea, + .or-comment-widget .question input[type="text"] { + width: 100%; } + .or-comment-widget .or-required-msg.active, .or-comment-widget .file-picker .file-feedback.warning, .file-picker .or-comment-widget .file-feedback.warning, + .or-comment-widget .or-constraint-msg.active, + .or-comment-widget .file-picker .file-feedback.error, + .file-picker .or-comment-widget .file-feedback.error, + .or-comment-widget .draw-widget__feedback, + .or-comment-widget .image-map__error { + display: none; } + .or-comment-widget .invalid-required > .or-required-msg, + .or-comment-widget .invalid-constraint > .or-constraint-msg { + display: block; } + +.btn-comment { + cursor: pointer; } + .btn-comment.invalid { + -webkit-transition: all 0.6s ease-out; + transition: all 0.6s ease-out; + color: #e00e0e; } + .btn-comment.invalid .icon, .btn-comment.invalid .enketo-geopoint-marker, .btn-comment.invalid .glyphicon-chevron-up, .btn-comment.invalid .glyphicon-chevron-down { + font-weight: bold; } + +.or[dir="rtl"] .btn-comment { + left: auto; + right: calc(100% - 25px); } + +.or[dir="rtl"] .or-comment-widget__content__btn-update { + right: auto; + left: 30px; } + +.or[dir="rtl"] .or-comment-widget__content__btn-close-x { + right: auto; + left: 13px; } + +.or[dir="rtl"] .or-comment-widget__question-label, .or[dir="rtl"] .or-comment-widget__question-value { + padding-right: 0; + padding-left: 35px; } + +.or[dir="rtl"] .or-comment-widget__question-value { + margin-left: 0; + margin-right: 20px; } + +.or-image-map-initialized img { + visibility: hidden; } + +.or-image-map-initialized .option-wrapper { + display: none; } + +.or-image-map-initialized .image-map svg:not([or-readonly]) path[id]:hover, +.or-image-map-initialized .image-map svg:not([or-readonly]) g[id]:hover { + opacity: 0.5 !important; } + +.image-map svg { + display: block; + margin: 0 auto; + max-width: 100%; + width: 100 vmin; + height: auto; } + .image-map svg[or-readonly] { + opacity: 0.75 !important; } + .image-map svg path[id][or-selected], + .image-map svg g[id][or-selected] { + fill: #252525 !important; + stroke: #252525 !important; } + +.image-map__ui { + height: 2em; + width: 100%; + text-align: center; + font-weight: normal; } + .image-map__ui__tooltip { + display: inline-block; + background: #a5a4a4; + padding: 2px 8px; + color: #555555; + border-radius: 2px; } + .image-map__ui__tooltip:empty { + padding: 0; } + +.rank-widget { + position: relative; + display: flex; } + .rank-widget--empty > * { + opacity: 0.5; } + .rank-widget--empty .rank-widget__overlay { + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + opacity: 1; + text-align: center; } + .rank-widget--empty .rank-widget__overlay__content { + position: absolute; + top: 0; + bottom: 20px; + left: 0; + right: 0; + width: 50%; + height: 30px; + font-size: 30px; + margin: auto; + line-height: 30px; } + .rank-widget__overlay { + display: none; } + .rank-widget label { + border: 1px solid gray; + border-radius: 5px; + margin: 0 0 5px 0; + position: relative; } + .rank-widget label[draggable=true]::before { + position: absolute; + content: "::"; + margin: 0 5px; + top: calc(50% - 10px); } + .rank-widget label:hover:not(.filler) { + background: none; } + .rank-widget input[type=text] { + display: none; } + .rank-widget .btn-reset { + margin-top: 5px; + order: 10; } + +.url-widget { + margin-top: 20px; } + +@media screen and (max-width: 720px) { + body { + padding: 0 !important; + margin: 0; } + .main { + margin: 0; + padding: 0; } + .preview-header { + top: -5px; } + .paper { + border-radius: 0; + padding-top: 0; } + .form-header { + position: relative; + top: 0; + padding: 0 14px; + border-bottom: 1px solid #bbbbbb; + min-height: 0; + margin-left: -45px; + margin-right: -45px; + width: calc(100% + (2 * 45px)); } + .form-header .form-language-selector { + padding-top: 16px; + padding-bottom: 16px; } + .form-header .form-language-selector span { + display: none; } + #form-title { + padding-top: 25px; } } + +@media screen and (max-width: 600px) { + body { + line-height: 1.3125; } + .or-group:not(.or-appearance-no-collapse) > h4 { + margin-left: 8px; } + .touch .question.simple-select .option-wrapper > label { + padding: 10px 5px; } + .main .paper { + padding: 0 30px 30px 30px; } + .form-header { + margin-left: -30px; + margin-right: -30px; + width: calc(100% + (2 * 30px)); } + .form-footer { + margin: 30px -30px -30px -30px; } } + +@media screen and (max-width: 400px) { + body { + line-height: 1.3625; } + input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="date"], input[type="number"], input[type="time"], input[type="datetime"], input[type="file"] { + width: 100%; } + select, + textarea { + width: 100%; } + .or-group:not(.or-appearance-no-collapse) > h4 { + margin-left: 15px; } + .main .paper { + padding: 0 20px 20px 20px; } + .form-header { + margin-left: -20px; + margin-right: -20px; + width: calc(100% + (2 * 20px)); } + .form-header .form-language-selector { + border-right: none; } + .form-footer { + margin: 20px -20px -20px -20px; } } + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 16px; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; } + .dropdown-menu.pull-right { + right: 0; + left: auto; } + .dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; } + .dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.25; + color: #333333; + white-space: nowrap; } + +.or[dir="rtl"] .dropdown-menu { + right: 0; } + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: whitesmoke; } + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #252525; } + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + color: #999999; } + +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; } + +.open > .dropdown-menu { + display: block; } + +.open > a { + outline: 0; } diff --git a/www/manual_lib/enketo/enketo-bundle.js b/www/manual_lib/enketo/enketo-bundle.js new file mode 100644 index 000000000..421b77a75 --- /dev/null +++ b/www/manual_lib/enketo/enketo-bundle.js @@ -0,0 +1,50273 @@ +// Source: https://github.com/jserz/js_piece/blob/master/DOM/ParentNode/append()/append().md +(function (arr) { + arr.forEach(function (item) { + if (item.hasOwnProperty('append')) { + return; + } + Object.defineProperty(item, 'append', { + configurable: true, + enumerable: true, + writable: true, + value: function append() { + var argArr = Array.prototype.slice.call(arguments), + docFrag = document.createDocumentFragment(); + + argArr.forEach(function (argItem) { + var isNode = argItem instanceof Node; + docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem))); + }); + + this.appendChild(docFrag); + } + }); + }); +})([Element.prototype, Document.prototype, DocumentFragment.prototype]); + +if (!Object.entries) { + Object.entries = function( obj ){ + var ownProps = Object.keys( obj ), + i = ownProps.length, + resArray = new Array(i); // preallocate the Array + while (i--) + resArray[i] = [ownProps[i], obj[ownProps[i]]]; + + return resArray; + }; +} + +var enketocore = (function () { + 'use strict'; + + var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + + function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; + } + + var jquery = createCommonjsModule(function (module) { + /*! + * jQuery JavaScript Library v3.3.1 + * https://jquery.com/ + * + * Includes Sizzle.js + * https://sizzlejs.com/ + * + * Copyright JS Foundation and other contributors + * Released under the MIT license + * https://jquery.org/license + * + * Date: 2018-01-20T17:24Z + */ + ( function( global, factory ) { + + { + + // For CommonJS and CommonJS-like environments where a proper `window` + // is present, execute the factory and get jQuery. + // For environments that do not have a `window` with a `document` + // (such as Node.js), expose a factory as module.exports. + // This accentuates the need for the creation of a real `window`. + // e.g. var jQuery = require("jquery")(window); + // See ticket #14549 for more info. + module.exports = global.document ? + factory( global, true ) : + function( w ) { + if ( !w.document ) { + throw new Error( "jQuery requires a window with a document" ); + } + return factory( w ); + }; + } + + // Pass this if window is not defined yet + } )( typeof window !== "undefined" ? window : commonjsGlobal, function( window, noGlobal ) { + + var arr = []; + + var document = window.document; + + var getProto = Object.getPrototypeOf; + + var slice = arr.slice; + + var concat = arr.concat; + + var push = arr.push; + + var indexOf = arr.indexOf; + + var class2type = {}; + + var toString = class2type.toString; + + var hasOwn = class2type.hasOwnProperty; + + var fnToString = hasOwn.toString; + + var ObjectFunctionString = fnToString.call( Object ); + + var support = {}; + + var isFunction = function isFunction( obj ) { + + // Support: Chrome <=57, Firefox <=52 + // In some browsers, typeof returns "function" for HTML elements + // (i.e., `typeof document.createElement( "object" ) === "function"`). + // We don't want to classify *any* DOM node as a function. + return typeof obj === "function" && typeof obj.nodeType !== "number"; + }; + + + var isWindow = function isWindow( obj ) { + return obj != null && obj === obj.window; + }; + + + + + var preservedScriptAttributes = { + type: true, + src: true, + noModule: true + }; + + function DOMEval( code, doc, node ) { + doc = doc || document; + + var i, + script = doc.createElement( "script" ); + + script.text = code; + if ( node ) { + for ( i in preservedScriptAttributes ) { + if ( node[ i ] ) { + script[ i ] = node[ i ]; + } + } + } + doc.head.appendChild( script ).parentNode.removeChild( script ); + } + + + function toType( obj ) { + if ( obj == null ) { + return obj + ""; + } + + // Support: Android <=2.3 only (functionish RegExp) + return typeof obj === "object" || typeof obj === "function" ? + class2type[ toString.call( obj ) ] || "object" : + typeof obj; + } + /* global Symbol */ + // Defining this global in .eslintrc.json would create a danger of using the global + // unguarded in another place, it seems safer to define global only for this module + + + + var + version = "3.3.1", + + // Define a local copy of jQuery + jQuery = function( selector, context ) { + + // The jQuery object is actually just the init constructor 'enhanced' + // Need init if jQuery is called (just allow error to be thrown if not included) + return new jQuery.fn.init( selector, context ); + }, + + // Support: Android <=4.0 only + // Make sure we trim BOM and NBSP + rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g; + + jQuery.fn = jQuery.prototype = { + + // The current version of jQuery being used + jquery: version, + + constructor: jQuery, + + // The default length of a jQuery object is 0 + length: 0, + + toArray: function() { + return slice.call( this ); + }, + + // Get the Nth element in the matched element set OR + // Get the whole matched element set as a clean array + get: function( num ) { + + // Return all the elements in a clean array + if ( num == null ) { + return slice.call( this ); + } + + // Return just the one element from the set + return num < 0 ? this[ num + this.length ] : this[ num ]; + }, + + // Take an array of elements and push it onto the stack + // (returning the new matched element set) + pushStack: function( elems ) { + + // Build a new jQuery matched element set + var ret = jQuery.merge( this.constructor(), elems ); + + // Add the old object onto the stack (as a reference) + ret.prevObject = this; + + // Return the newly-formed element set + return ret; + }, + + // Execute a callback for every element in the matched set. + each: function( callback ) { + return jQuery.each( this, callback ); + }, + + map: function( callback ) { + return this.pushStack( jQuery.map( this, function( elem, i ) { + return callback.call( elem, i, elem ); + } ) ); + }, + + slice: function() { + return this.pushStack( slice.apply( this, arguments ) ); + }, + + first: function() { + return this.eq( 0 ); + }, + + last: function() { + return this.eq( -1 ); + }, + + eq: function( i ) { + var len = this.length, + j = +i + ( i < 0 ? len : 0 ); + return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] ); + }, + + end: function() { + return this.prevObject || this.constructor(); + }, + + // For internal use only. + // Behaves like an Array's method, not like a jQuery method. + push: push, + sort: arr.sort, + splice: arr.splice + }; + + jQuery.extend = jQuery.fn.extend = function() { + var options, name, src, copy, copyIsArray, clone, + target = arguments[ 0 ] || {}, + i = 1, + length = arguments.length, + deep = false; + + // Handle a deep copy situation + if ( typeof target === "boolean" ) { + deep = target; + + // Skip the boolean and the target + target = arguments[ i ] || {}; + i++; + } + + // Handle case when target is a string or something (possible in deep copy) + if ( typeof target !== "object" && !isFunction( target ) ) { + target = {}; + } + + // Extend jQuery itself if only one argument is passed + if ( i === length ) { + target = this; + i--; + } + + for ( ; i < length; i++ ) { + + // Only deal with non-null/undefined values + if ( ( options = arguments[ i ] ) != null ) { + + // Extend the base object + for ( name in options ) { + src = target[ name ]; + copy = options[ name ]; + + // Prevent never-ending loop + if ( target === copy ) { + continue; + } + + // Recurse if we're merging plain objects or arrays + if ( deep && copy && ( jQuery.isPlainObject( copy ) || + ( copyIsArray = Array.isArray( copy ) ) ) ) { + + if ( copyIsArray ) { + copyIsArray = false; + clone = src && Array.isArray( src ) ? src : []; + + } else { + clone = src && jQuery.isPlainObject( src ) ? src : {}; + } + + // Never move original objects, clone them + target[ name ] = jQuery.extend( deep, clone, copy ); + + // Don't bring in undefined values + } else if ( copy !== undefined ) { + target[ name ] = copy; + } + } + } + } + + // Return the modified object + return target; + }; + + jQuery.extend( { + + // Unique for each copy of jQuery on the page + expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), + + // Assume jQuery is ready without the ready module + isReady: true, + + error: function( msg ) { + throw new Error( msg ); + }, + + noop: function() {}, + + isPlainObject: function( obj ) { + var proto, Ctor; + + // Detect obvious negatives + // Use toString instead of jQuery.type to catch host objects + if ( !obj || toString.call( obj ) !== "[object Object]" ) { + return false; + } + + proto = getProto( obj ); + + // Objects with no prototype (e.g., `Object.create( null )`) are plain + if ( !proto ) { + return true; + } + + // Objects with prototype are plain iff they were constructed by a global Object function + Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor; + return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString; + }, + + isEmptyObject: function( obj ) { + + /* eslint-disable no-unused-vars */ + // See https://github.com/eslint/eslint/issues/6125 + var name; + + for ( name in obj ) { + return false; + } + return true; + }, + + // Evaluates a script in a global context + globalEval: function( code ) { + DOMEval( code ); + }, + + each: function( obj, callback ) { + var length, i = 0; + + if ( isArrayLike( obj ) ) { + length = obj.length; + for ( ; i < length; i++ ) { + if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { + break; + } + } + } else { + for ( i in obj ) { + if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { + break; + } + } + } + + return obj; + }, + + // Support: Android <=4.0 only + trim: function( text ) { + return text == null ? + "" : + ( text + "" ).replace( rtrim, "" ); + }, + + // results is for internal usage only + makeArray: function( arr, results ) { + var ret = results || []; + + if ( arr != null ) { + if ( isArrayLike( Object( arr ) ) ) { + jQuery.merge( ret, + typeof arr === "string" ? + [ arr ] : arr + ); + } else { + push.call( ret, arr ); + } + } + + return ret; + }, + + inArray: function( elem, arr, i ) { + return arr == null ? -1 : indexOf.call( arr, elem, i ); + }, + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + merge: function( first, second ) { + var len = +second.length, + j = 0, + i = first.length; + + for ( ; j < len; j++ ) { + first[ i++ ] = second[ j ]; + } + + first.length = i; + + return first; + }, + + grep: function( elems, callback, invert ) { + var callbackInverse, + matches = [], + i = 0, + length = elems.length, + callbackExpect = !invert; + + // Go through the array, only saving the items + // that pass the validator function + for ( ; i < length; i++ ) { + callbackInverse = !callback( elems[ i ], i ); + if ( callbackInverse !== callbackExpect ) { + matches.push( elems[ i ] ); + } + } + + return matches; + }, + + // arg is for internal usage only + map: function( elems, callback, arg ) { + var length, value, + i = 0, + ret = []; + + // Go through the array, translating each of the items to their new values + if ( isArrayLike( elems ) ) { + length = elems.length; + for ( ; i < length; i++ ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + + // Go through every key on the object, + } else { + for ( i in elems ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + } + + // Flatten any nested arrays + return concat.apply( [], ret ); + }, + + // A global GUID counter for objects + guid: 1, + + // jQuery.support is not used in Core but other projects attach their + // properties to it so it needs to exist. + support: support + } ); + + if ( typeof Symbol === "function" ) { + jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ]; + } + + // Populate the class2type map + jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ), + function( i, name ) { + class2type[ "[object " + name + "]" ] = name.toLowerCase(); + } ); + + function isArrayLike( obj ) { + + // Support: real iOS 8.2 only (not reproducible in simulator) + // `in` check used to prevent JIT error (gh-2145) + // hasOwn isn't used here due to false negatives + // regarding Nodelist length in IE + var length = !!obj && "length" in obj && obj.length, + type = toType( obj ); + + if ( isFunction( obj ) || isWindow( obj ) ) { + return false; + } + + return type === "array" || length === 0 || + typeof length === "number" && length > 0 && ( length - 1 ) in obj; + } + var Sizzle = + /*! + * Sizzle CSS Selector Engine v2.3.3 + * https://sizzlejs.com/ + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2016-08-08 + */ + (function( window ) { + + var i, + support, + Expr, + getText, + isXML, + tokenize, + compile, + select, + outermostContext, + sortInput, + hasDuplicate, + + // Local document vars + setDocument, + document, + docElem, + documentIsHTML, + rbuggyQSA, + rbuggyMatches, + matches, + contains, + + // Instance-specific data + expando = "sizzle" + 1 * new Date(), + preferredDoc = window.document, + dirruns = 0, + done = 0, + classCache = createCache(), + tokenCache = createCache(), + compilerCache = createCache(), + sortOrder = function( a, b ) { + if ( a === b ) { + hasDuplicate = true; + } + return 0; + }, + + // Instance methods + hasOwn = ({}).hasOwnProperty, + arr = [], + pop = arr.pop, + push_native = arr.push, + push = arr.push, + slice = arr.slice, + // Use a stripped-down indexOf as it's faster than native + // https://jsperf.com/thor-indexof-vs-for/5 + indexOf = function( list, elem ) { + var i = 0, + len = list.length; + for ( ; i < len; i++ ) { + if ( list[i] === elem ) { + return i; + } + } + return -1; + }, + + booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", + + // Regular expressions + + // http://www.w3.org/TR/css3-selectors/#whitespace + whitespace = "[\\x20\\t\\r\\n\\f]", + + // http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + identifier = "(?:\\\\.|[\\w-]|[^\0-\\xa0])+", + + // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors + attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace + + // Operator (capture 2) + "*([*^$|!~]?=)" + whitespace + + // "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]" + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace + + "*\\]", + + pseudos = ":(" + identifier + ")(?:\\((" + + // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments: + // 1. quoted (capture 3; capture 4 or capture 5) + "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" + + // 2. simple (capture 6) + "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" + + // 3. anything else (capture 2) + ".*" + + ")\\)|)", + + // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter + rwhitespace = new RegExp( whitespace + "+", "g" ), + rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), + + rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), + rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ), + + rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ), + + rpseudo = new RegExp( pseudos ), + ridentifier = new RegExp( "^" + identifier + "$" ), + + matchExpr = { + "ID": new RegExp( "^#(" + identifier + ")" ), + "CLASS": new RegExp( "^\\.(" + identifier + ")" ), + "TAG": new RegExp( "^(" + identifier + "|[*])" ), + "ATTR": new RegExp( "^" + attributes ), + "PSEUDO": new RegExp( "^" + pseudos ), + "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace + + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), + "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), + // For use in libraries implementing .is() + // We use this for POS matching in `select` + "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + + whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) + }, + + rinputs = /^(?:input|select|textarea|button)$/i, + rheader = /^h\d$/i, + + rnative = /^[^{]+\{\s*\[native \w/, + + // Easily-parseable/retrievable ID or TAG or CLASS selectors + rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, + + rsibling = /[+~]/, + + // CSS escapes + // http://www.w3.org/TR/CSS21/syndata.html#escaped-characters + runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ), + funescape = function( _, escaped, escapedWhitespace ) { + var high = "0x" + escaped - 0x10000; + // NaN means non-codepoint + // Support: Firefox<24 + // Workaround erroneous numeric interpretation of +"0x" + return high !== high || escapedWhitespace ? + escaped : + high < 0 ? + // BMP codepoint + String.fromCharCode( high + 0x10000 ) : + // Supplemental Plane codepoint (surrogate pair) + String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); + }, + + // CSS string/identifier serialization + // https://drafts.csswg.org/cssom/#common-serializing-idioms + rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g, + fcssescape = function( ch, asCodePoint ) { + if ( asCodePoint ) { + + // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER + if ( ch === "\0" ) { + return "\uFFFD"; + } + + // Control characters and (dependent upon position) numbers get escaped as code points + return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " "; + } + + // Other potentially-special ASCII characters get backslash-escaped + return "\\" + ch; + }, + + // Used for iframes + // See setDocument() + // Removing the function wrapper causes a "Permission Denied" + // error in IE + unloadHandler = function() { + setDocument(); + }, + + disabledAncestor = addCombinator( + function( elem ) { + return elem.disabled === true && ("form" in elem || "label" in elem); + }, + { dir: "parentNode", next: "legend" } + ); + + // Optimize for push.apply( _, NodeList ) + try { + push.apply( + (arr = slice.call( preferredDoc.childNodes )), + preferredDoc.childNodes + ); + // Support: Android<4.0 + // Detect silently failing push.apply + arr[ preferredDoc.childNodes.length ].nodeType; + } catch ( e ) { + push = { apply: arr.length ? + + // Leverage slice if possible + function( target, els ) { + push_native.apply( target, slice.call(els) ); + } : + + // Support: IE<9 + // Otherwise append directly + function( target, els ) { + var j = target.length, + i = 0; + // Can't trust NodeList.length + while ( (target[j++] = els[i++]) ) {} + target.length = j - 1; + } + }; + } + + function Sizzle( selector, context, results, seed ) { + var m, i, elem, nid, match, groups, newSelector, + newContext = context && context.ownerDocument, + + // nodeType defaults to 9, since context defaults to document + nodeType = context ? context.nodeType : 9; + + results = results || []; + + // Return early from calls with invalid selector or context + if ( typeof selector !== "string" || !selector || + nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) { + + return results; + } + + // Try to shortcut find operations (as opposed to filters) in HTML documents + if ( !seed ) { + + if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { + setDocument( context ); + } + context = context || document; + + if ( documentIsHTML ) { + + // If the selector is sufficiently simple, try using a "get*By*" DOM method + // (excepting DocumentFragment context, where the methods don't exist) + if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) { + + // ID selector + if ( (m = match[1]) ) { + + // Document context + if ( nodeType === 9 ) { + if ( (elem = context.getElementById( m )) ) { + + // Support: IE, Opera, Webkit + // TODO: identify versions + // getElementById can match elements by name instead of ID + if ( elem.id === m ) { + results.push( elem ); + return results; + } + } else { + return results; + } + + // Element context + } else { + + // Support: IE, Opera, Webkit + // TODO: identify versions + // getElementById can match elements by name instead of ID + if ( newContext && (elem = newContext.getElementById( m )) && + contains( context, elem ) && + elem.id === m ) { + + results.push( elem ); + return results; + } + } + + // Type selector + } else if ( match[2] ) { + push.apply( results, context.getElementsByTagName( selector ) ); + return results; + + // Class selector + } else if ( (m = match[3]) && support.getElementsByClassName && + context.getElementsByClassName ) { + + push.apply( results, context.getElementsByClassName( m ) ); + return results; + } + } + + // Take advantage of querySelectorAll + if ( support.qsa && + !compilerCache[ selector + " " ] && + (!rbuggyQSA || !rbuggyQSA.test( selector )) ) { + + if ( nodeType !== 1 ) { + newContext = context; + newSelector = selector; + + // qSA looks outside Element context, which is not what we want + // Thanks to Andrew Dupont for this workaround technique + // Support: IE <=8 + // Exclude object elements + } else if ( context.nodeName.toLowerCase() !== "object" ) { + + // Capture the context ID, setting it first if necessary + if ( (nid = context.getAttribute( "id" )) ) { + nid = nid.replace( rcssescape, fcssescape ); + } else { + context.setAttribute( "id", (nid = expando) ); + } + + // Prefix every selector in the list + groups = tokenize( selector ); + i = groups.length; + while ( i-- ) { + groups[i] = "#" + nid + " " + toSelector( groups[i] ); + } + newSelector = groups.join( "," ); + + // Expand context for sibling selectors + newContext = rsibling.test( selector ) && testContext( context.parentNode ) || + context; + } + + if ( newSelector ) { + try { + push.apply( results, + newContext.querySelectorAll( newSelector ) + ); + return results; + } catch ( qsaError ) { + } finally { + if ( nid === expando ) { + context.removeAttribute( "id" ); + } + } + } + } + } + } + + // All others + return select( selector.replace( rtrim, "$1" ), context, results, seed ); + } + + /** + * Create key-value caches of limited size + * @returns {function(string, object)} Returns the Object data after storing it on itself with + * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) + * deleting the oldest entry + */ + function createCache() { + var keys = []; + + function cache( key, value ) { + // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) + if ( keys.push( key + " " ) > Expr.cacheLength ) { + // Only keep the most recent entries + delete cache[ keys.shift() ]; + } + return (cache[ key + " " ] = value); + } + return cache; + } + + /** + * Mark a function for special use by Sizzle + * @param {Function} fn The function to mark + */ + function markFunction( fn ) { + fn[ expando ] = true; + return fn; + } + + /** + * Support testing using an element + * @param {Function} fn Passed the created element and returns a boolean result + */ + function assert( fn ) { + var el = document.createElement("fieldset"); + + try { + return !!fn( el ); + } catch (e) { + return false; + } finally { + // Remove from its parent by default + if ( el.parentNode ) { + el.parentNode.removeChild( el ); + } + // release memory in IE + el = null; + } + } + + /** + * Adds the same handler for all of the specified attrs + * @param {String} attrs Pipe-separated list of attributes + * @param {Function} handler The method that will be applied + */ + function addHandle( attrs, handler ) { + var arr = attrs.split("|"), + i = arr.length; + + while ( i-- ) { + Expr.attrHandle[ arr[i] ] = handler; + } + } + + /** + * Checks document order of two siblings + * @param {Element} a + * @param {Element} b + * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b + */ + function siblingCheck( a, b ) { + var cur = b && a, + diff = cur && a.nodeType === 1 && b.nodeType === 1 && + a.sourceIndex - b.sourceIndex; + + // Use IE sourceIndex if available on both nodes + if ( diff ) { + return diff; + } + + // Check if b follows a + if ( cur ) { + while ( (cur = cur.nextSibling) ) { + if ( cur === b ) { + return -1; + } + } + } + + return a ? 1 : -1; + } + + /** + * Returns a function to use in pseudos for input types + * @param {String} type + */ + function createInputPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === type; + }; + } + + /** + * Returns a function to use in pseudos for buttons + * @param {String} type + */ + function createButtonPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return (name === "input" || name === "button") && elem.type === type; + }; + } + + /** + * Returns a function to use in pseudos for :enabled/:disabled + * @param {Boolean} disabled true for :disabled; false for :enabled + */ + function createDisabledPseudo( disabled ) { + + // Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable + return function( elem ) { + + // Only certain elements can match :enabled or :disabled + // https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled + // https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled + if ( "form" in elem ) { + + // Check for inherited disabledness on relevant non-disabled elements: + // * listed form-associated elements in a disabled fieldset + // https://html.spec.whatwg.org/multipage/forms.html#category-listed + // https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled + // * option elements in a disabled optgroup + // https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled + // All such elements have a "form" property. + if ( elem.parentNode && elem.disabled === false ) { + + // Option elements defer to a parent optgroup if present + if ( "label" in elem ) { + if ( "label" in elem.parentNode ) { + return elem.parentNode.disabled === disabled; + } else { + return elem.disabled === disabled; + } + } + + // Support: IE 6 - 11 + // Use the isDisabled shortcut property to check for disabled fieldset ancestors + return elem.isDisabled === disabled || + + // Where there is no isDisabled, check manually + /* jshint -W018 */ + elem.isDisabled !== !disabled && + disabledAncestor( elem ) === disabled; + } + + return elem.disabled === disabled; + + // Try to winnow out elements that can't be disabled before trusting the disabled property. + // Some victims get caught in our net (label, legend, menu, track), but it shouldn't + // even exist on them, let alone have a boolean value. + } else if ( "label" in elem ) { + return elem.disabled === disabled; + } + + // Remaining elements are neither :enabled nor :disabled + return false; + }; + } + + /** + * Returns a function to use in pseudos for positionals + * @param {Function} fn + */ + function createPositionalPseudo( fn ) { + return markFunction(function( argument ) { + argument = +argument; + return markFunction(function( seed, matches ) { + var j, + matchIndexes = fn( [], seed.length, argument ), + i = matchIndexes.length; + + // Match elements found at the specified indexes + while ( i-- ) { + if ( seed[ (j = matchIndexes[i]) ] ) { + seed[j] = !(matches[j] = seed[j]); + } + } + }); + }); + } + + /** + * Checks a node for validity as a Sizzle context + * @param {Element|Object=} context + * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value + */ + function testContext( context ) { + return context && typeof context.getElementsByTagName !== "undefined" && context; + } + + // Expose support vars for convenience + support = Sizzle.support = {}; + + /** + * Detects XML nodes + * @param {Element|Object} elem An element or a document + * @returns {Boolean} True iff elem is a non-HTML XML node + */ + isXML = Sizzle.isXML = function( elem ) { + // documentElement is verified for cases where it doesn't yet exist + // (such as loading iframes in IE - #4833) + var documentElement = elem && (elem.ownerDocument || elem).documentElement; + return documentElement ? documentElement.nodeName !== "HTML" : false; + }; + + /** + * Sets document-related variables once based on the current document + * @param {Element|Object} [doc] An element or document object to use to set the document + * @returns {Object} Returns the current document + */ + setDocument = Sizzle.setDocument = function( node ) { + var hasCompare, subWindow, + doc = node ? node.ownerDocument || node : preferredDoc; + + // Return early if doc is invalid or already selected + if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { + return document; + } + + // Update global variables + document = doc; + docElem = document.documentElement; + documentIsHTML = !isXML( document ); + + // Support: IE 9-11, Edge + // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936) + if ( preferredDoc !== document && + (subWindow = document.defaultView) && subWindow.top !== subWindow ) { + + // Support: IE 11, Edge + if ( subWindow.addEventListener ) { + subWindow.addEventListener( "unload", unloadHandler, false ); + + // Support: IE 9 - 10 only + } else if ( subWindow.attachEvent ) { + subWindow.attachEvent( "onunload", unloadHandler ); + } + } + + /* Attributes + ---------------------------------------------------------------------- */ + + // Support: IE<8 + // Verify that getAttribute really returns attributes and not properties + // (excepting IE8 booleans) + support.attributes = assert(function( el ) { + el.className = "i"; + return !el.getAttribute("className"); + }); + + /* getElement(s)By* + ---------------------------------------------------------------------- */ + + // Check if getElementsByTagName("*") returns only elements + support.getElementsByTagName = assert(function( el ) { + el.appendChild( document.createComment("") ); + return !el.getElementsByTagName("*").length; + }); + + // Support: IE<9 + support.getElementsByClassName = rnative.test( document.getElementsByClassName ); + + // Support: IE<10 + // Check if getElementById returns elements by name + // The broken getElementById methods don't pick up programmatically-set names, + // so use a roundabout getElementsByName test + support.getById = assert(function( el ) { + docElem.appendChild( el ).id = expando; + return !document.getElementsByName || !document.getElementsByName( expando ).length; + }); + + // ID filter and find + if ( support.getById ) { + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + return elem.getAttribute("id") === attrId; + }; + }; + Expr.find["ID"] = function( id, context ) { + if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { + var elem = context.getElementById( id ); + return elem ? [ elem ] : []; + } + }; + } else { + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + var node = typeof elem.getAttributeNode !== "undefined" && + elem.getAttributeNode("id"); + return node && node.value === attrId; + }; + }; + + // Support: IE 6 - 7 only + // getElementById is not reliable as a find shortcut + Expr.find["ID"] = function( id, context ) { + if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { + var node, i, elems, + elem = context.getElementById( id ); + + if ( elem ) { + + // Verify the id attribute + node = elem.getAttributeNode("id"); + if ( node && node.value === id ) { + return [ elem ]; + } + + // Fall back on getElementsByName + elems = context.getElementsByName( id ); + i = 0; + while ( (elem = elems[i++]) ) { + node = elem.getAttributeNode("id"); + if ( node && node.value === id ) { + return [ elem ]; + } + } + } + + return []; + } + }; + } + + // Tag + Expr.find["TAG"] = support.getElementsByTagName ? + function( tag, context ) { + if ( typeof context.getElementsByTagName !== "undefined" ) { + return context.getElementsByTagName( tag ); + + // DocumentFragment nodes don't have gEBTN + } else if ( support.qsa ) { + return context.querySelectorAll( tag ); + } + } : + + function( tag, context ) { + var elem, + tmp = [], + i = 0, + // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too + results = context.getElementsByTagName( tag ); + + // Filter out possible comments + if ( tag === "*" ) { + while ( (elem = results[i++]) ) { + if ( elem.nodeType === 1 ) { + tmp.push( elem ); + } + } + + return tmp; + } + return results; + }; + + // Class + Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) { + if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) { + return context.getElementsByClassName( className ); + } + }; + + /* QSA/matchesSelector + ---------------------------------------------------------------------- */ + + // QSA and matchesSelector support + + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + rbuggyMatches = []; + + // qSa(:focus) reports false when true (Chrome 21) + // We allow this because of a bug in IE8/9 that throws an error + // whenever `document.activeElement` is accessed on an iframe + // So, we allow :focus to pass through QSA all the time to avoid the IE error + // See https://bugs.jquery.com/ticket/13378 + rbuggyQSA = []; + + if ( (support.qsa = rnative.test( document.querySelectorAll )) ) { + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert(function( el ) { + // Select is set to empty string on purpose + // This is to test IE's treatment of not explicitly + // setting a boolean content attribute, + // since its presence should be enough + // https://bugs.jquery.com/ticket/12359 + docElem.appendChild( el ).innerHTML = "" + + ""; + + // Support: IE8, Opera 11-12.16 + // Nothing should be selected when empty strings follow ^= or $= or *= + // The test attribute must be unknown in Opera but "safe" for WinRT + // https://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section + if ( el.querySelectorAll("[msallowcapture^='']").length ) { + rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); + } + + // Support: IE8 + // Boolean attributes and "value" are not treated correctly + if ( !el.querySelectorAll("[selected]").length ) { + rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); + } + + // Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+ + if ( !el.querySelectorAll( "[id~=" + expando + "-]" ).length ) { + rbuggyQSA.push("~="); + } + + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here and will not see later tests + if ( !el.querySelectorAll(":checked").length ) { + rbuggyQSA.push(":checked"); + } + + // Support: Safari 8+, iOS 8+ + // https://bugs.webkit.org/show_bug.cgi?id=136851 + // In-page `selector#id sibling-combinator selector` fails + if ( !el.querySelectorAll( "a#" + expando + "+*" ).length ) { + rbuggyQSA.push(".#.+[+~]"); + } + }); + + assert(function( el ) { + el.innerHTML = "" + + ""; + + // Support: Windows 8 Native Apps + // The type and name attributes are restricted during .innerHTML assignment + var input = document.createElement("input"); + input.setAttribute( "type", "hidden" ); + el.appendChild( input ).setAttribute( "name", "D" ); + + // Support: IE8 + // Enforce case-sensitivity of name attribute + if ( el.querySelectorAll("[name=d]").length ) { + rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); + } + + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here and will not see later tests + if ( el.querySelectorAll(":enabled").length !== 2 ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Support: IE9-11+ + // IE's :disabled selector does not pick up the children of disabled fieldsets + docElem.appendChild( el ).disabled = true; + if ( el.querySelectorAll(":disabled").length !== 2 ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Opera 10-11 does not throw on post-comma invalid pseudos + el.querySelectorAll("*,:x"); + rbuggyQSA.push(",.*:"); + }); + } + + if ( (support.matchesSelector = rnative.test( (matches = docElem.matches || + docElem.webkitMatchesSelector || + docElem.mozMatchesSelector || + docElem.oMatchesSelector || + docElem.msMatchesSelector) )) ) { + + assert(function( el ) { + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + support.disconnectedMatch = matches.call( el, "*" ); + + // This should fail with an exception + // Gecko does not error, returns false instead + matches.call( el, "[s!='']:x" ); + rbuggyMatches.push( "!=", pseudos ); + }); + } + + rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") ); + rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") ); + + /* Contains + ---------------------------------------------------------------------- */ + hasCompare = rnative.test( docElem.compareDocumentPosition ); + + // Element contains another + // Purposefully self-exclusive + // As in, an element does not contain itself + contains = hasCompare || rnative.test( docElem.contains ) ? + function( a, b ) { + var adown = a.nodeType === 9 ? a.documentElement : a, + bup = b && b.parentNode; + return a === bup || !!( bup && bup.nodeType === 1 && ( + adown.contains ? + adown.contains( bup ) : + a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 + )); + } : + function( a, b ) { + if ( b ) { + while ( (b = b.parentNode) ) { + if ( b === a ) { + return true; + } + } + } + return false; + }; + + /* Sorting + ---------------------------------------------------------------------- */ + + // Document order sorting + sortOrder = hasCompare ? + function( a, b ) { + + // Flag for duplicate removal + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + // Sort on method existence if only one input has compareDocumentPosition + var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; + if ( compare ) { + return compare; + } + + // Calculate position if both inputs belong to the same document + compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ? + a.compareDocumentPosition( b ) : + + // Otherwise we know they are disconnected + 1; + + // Disconnected nodes + if ( compare & 1 || + (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) { + + // Choose the first element that is related to our preferred document + if ( a === document || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) { + return -1; + } + if ( b === document || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) { + return 1; + } + + // Maintain original order + return sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + } + + return compare & 4 ? -1 : 1; + } : + function( a, b ) { + // Exit early if the nodes are identical + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + var cur, + i = 0, + aup = a.parentNode, + bup = b.parentNode, + ap = [ a ], + bp = [ b ]; + + // Parentless nodes are either documents or disconnected + if ( !aup || !bup ) { + return a === document ? -1 : + b === document ? 1 : + aup ? -1 : + bup ? 1 : + sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + + // If the nodes are siblings, we can do a quick check + } else if ( aup === bup ) { + return siblingCheck( a, b ); + } + + // Otherwise we need full lists of their ancestors for comparison + cur = a; + while ( (cur = cur.parentNode) ) { + ap.unshift( cur ); + } + cur = b; + while ( (cur = cur.parentNode) ) { + bp.unshift( cur ); + } + + // Walk down the tree looking for a discrepancy + while ( ap[i] === bp[i] ) { + i++; + } + + return i ? + // Do a sibling check if the nodes have a common ancestor + siblingCheck( ap[i], bp[i] ) : + + // Otherwise nodes in our document sort first + ap[i] === preferredDoc ? -1 : + bp[i] === preferredDoc ? 1 : + 0; + }; + + return document; + }; + + Sizzle.matches = function( expr, elements ) { + return Sizzle( expr, null, null, elements ); + }; + + Sizzle.matchesSelector = function( elem, expr ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + // Make sure that attribute selectors are quoted + expr = expr.replace( rattributeQuotes, "='$1']" ); + + if ( support.matchesSelector && documentIsHTML && + !compilerCache[ expr + " " ] && + ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && + ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { + + try { + var ret = matches.call( elem, expr ); + + // IE 9's matchesSelector returns false on disconnected nodes + if ( ret || support.disconnectedMatch || + // As well, disconnected nodes are said to be in a document + // fragment in IE 9 + elem.document && elem.document.nodeType !== 11 ) { + return ret; + } + } catch (e) {} + } + + return Sizzle( expr, document, null, [ elem ] ).length > 0; + }; + + Sizzle.contains = function( context, elem ) { + // Set document vars if needed + if ( ( context.ownerDocument || context ) !== document ) { + setDocument( context ); + } + return contains( context, elem ); + }; + + Sizzle.attr = function( elem, name ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + var fn = Expr.attrHandle[ name.toLowerCase() ], + // Don't get fooled by Object.prototype properties (jQuery #13807) + val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? + fn( elem, name, !documentIsHTML ) : + undefined; + + return val !== undefined ? + val : + support.attributes || !documentIsHTML ? + elem.getAttribute( name ) : + (val = elem.getAttributeNode(name)) && val.specified ? + val.value : + null; + }; + + Sizzle.escape = function( sel ) { + return (sel + "").replace( rcssescape, fcssescape ); + }; + + Sizzle.error = function( msg ) { + throw new Error( "Syntax error, unrecognized expression: " + msg ); + }; + + /** + * Document sorting and removing duplicates + * @param {ArrayLike} results + */ + Sizzle.uniqueSort = function( results ) { + var elem, + duplicates = [], + j = 0, + i = 0; + + // Unless we *know* we can detect duplicates, assume their presence + hasDuplicate = !support.detectDuplicates; + sortInput = !support.sortStable && results.slice( 0 ); + results.sort( sortOrder ); + + if ( hasDuplicate ) { + while ( (elem = results[i++]) ) { + if ( elem === results[ i ] ) { + j = duplicates.push( i ); + } + } + while ( j-- ) { + results.splice( duplicates[ j ], 1 ); + } + } + + // Clear input after sorting to release objects + // See https://github.com/jquery/sizzle/pull/225 + sortInput = null; + + return results; + }; + + /** + * Utility function for retrieving the text value of an array of DOM nodes + * @param {Array|Element} elem + */ + getText = Sizzle.getText = function( elem ) { + var node, + ret = "", + i = 0, + nodeType = elem.nodeType; + + if ( !nodeType ) { + // If no nodeType, this is expected to be an array + while ( (node = elem[i++]) ) { + // Do not traverse comment nodes + ret += getText( node ); + } + } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { + // Use textContent for elements + // innerText usage removed for consistency of new lines (jQuery #11153) + if ( typeof elem.textContent === "string" ) { + return elem.textContent; + } else { + // Traverse its children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + ret += getText( elem ); + } + } + } else if ( nodeType === 3 || nodeType === 4 ) { + return elem.nodeValue; + } + // Do not include comment or processing instruction nodes + + return ret; + }; + + Expr = Sizzle.selectors = { + + // Can be adjusted by the user + cacheLength: 50, + + createPseudo: markFunction, + + match: matchExpr, + + attrHandle: {}, + + find: {}, + + relative: { + ">": { dir: "parentNode", first: true }, + " ": { dir: "parentNode" }, + "+": { dir: "previousSibling", first: true }, + "~": { dir: "previousSibling" } + }, + + preFilter: { + "ATTR": function( match ) { + match[1] = match[1].replace( runescape, funescape ); + + // Move the given value to match[3] whether quoted or unquoted + match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape ); + + if ( match[2] === "~=" ) { + match[3] = " " + match[3] + " "; + } + + return match.slice( 0, 4 ); + }, + + "CHILD": function( match ) { + /* matches from matchExpr["CHILD"] + 1 type (only|nth|...) + 2 what (child|of-type) + 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) + 4 xn-component of xn+y argument ([+-]?\d*n|) + 5 sign of xn-component + 6 x of xn-component + 7 sign of y-component + 8 y of y-component + */ + match[1] = match[1].toLowerCase(); + + if ( match[1].slice( 0, 3 ) === "nth" ) { + // nth-* requires argument + if ( !match[3] ) { + Sizzle.error( match[0] ); + } + + // numeric x and y parameters for Expr.filter.CHILD + // remember that false/true cast respectively to 0/1 + match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); + match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); + + // other types prohibit arguments + } else if ( match[3] ) { + Sizzle.error( match[0] ); + } + + return match; + }, + + "PSEUDO": function( match ) { + var excess, + unquoted = !match[6] && match[2]; + + if ( matchExpr["CHILD"].test( match[0] ) ) { + return null; + } + + // Accept quoted arguments as-is + if ( match[3] ) { + match[2] = match[4] || match[5] || ""; + + // Strip excess characters from unquoted arguments + } else if ( unquoted && rpseudo.test( unquoted ) && + // Get excess from tokenize (recursively) + (excess = tokenize( unquoted, true )) && + // advance to the next closing parenthesis + (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { + + // excess is a negative index + match[0] = match[0].slice( 0, excess ); + match[2] = unquoted.slice( 0, excess ); + } + + // Return only captures needed by the pseudo filter method (type and argument) + return match.slice( 0, 3 ); + } + }, + + filter: { + + "TAG": function( nodeNameSelector ) { + var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); + return nodeNameSelector === "*" ? + function() { return true; } : + function( elem ) { + return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; + }; + }, + + "CLASS": function( className ) { + var pattern = classCache[ className + " " ]; + + return pattern || + (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && + classCache( className, function( elem ) { + return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" ); + }); + }, + + "ATTR": function( name, operator, check ) { + return function( elem ) { + var result = Sizzle.attr( elem, name ); + + if ( result == null ) { + return operator === "!="; + } + if ( !operator ) { + return true; + } + + result += ""; + + return operator === "=" ? result === check : + operator === "!=" ? result !== check : + operator === "^=" ? check && result.indexOf( check ) === 0 : + operator === "*=" ? check && result.indexOf( check ) > -1 : + operator === "$=" ? check && result.slice( -check.length ) === check : + operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 : + operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : + false; + }; + }, + + "CHILD": function( type, what, argument, first, last ) { + var simple = type.slice( 0, 3 ) !== "nth", + forward = type.slice( -4 ) !== "last", + ofType = what === "of-type"; + + return first === 1 && last === 0 ? + + // Shortcut for :nth-*(n) + function( elem ) { + return !!elem.parentNode; + } : + + function( elem, context, xml ) { + var cache, uniqueCache, outerCache, node, nodeIndex, start, + dir = simple !== forward ? "nextSibling" : "previousSibling", + parent = elem.parentNode, + name = ofType && elem.nodeName.toLowerCase(), + useCache = !xml && !ofType, + diff = false; + + if ( parent ) { + + // :(first|last|only)-(child|of-type) + if ( simple ) { + while ( dir ) { + node = elem; + while ( (node = node[ dir ]) ) { + if ( ofType ? + node.nodeName.toLowerCase() === name : + node.nodeType === 1 ) { + + return false; + } + } + // Reverse direction for :only-* (if we haven't yet done so) + start = dir = type === "only" && !start && "nextSibling"; + } + return true; + } + + start = [ forward ? parent.firstChild : parent.lastChild ]; + + // non-xml :nth-child(...) stores cache data on `parent` + if ( forward && useCache ) { + + // Seek `elem` from a previously-cached index + + // ...in a gzip-friendly way + node = parent; + outerCache = node[ expando ] || (node[ expando ] = {}); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ node.uniqueID ] || + (outerCache[ node.uniqueID ] = {}); + + cache = uniqueCache[ type ] || []; + nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; + diff = nodeIndex && cache[ 2 ]; + node = nodeIndex && parent.childNodes[ nodeIndex ]; + + while ( (node = ++nodeIndex && node && node[ dir ] || + + // Fallback to seeking `elem` from the start + (diff = nodeIndex = 0) || start.pop()) ) { + + // When found, cache indexes on `parent` and break + if ( node.nodeType === 1 && ++diff && node === elem ) { + uniqueCache[ type ] = [ dirruns, nodeIndex, diff ]; + break; + } + } + + } else { + // Use previously-cached element index if available + if ( useCache ) { + // ...in a gzip-friendly way + node = elem; + outerCache = node[ expando ] || (node[ expando ] = {}); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ node.uniqueID ] || + (outerCache[ node.uniqueID ] = {}); + + cache = uniqueCache[ type ] || []; + nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; + diff = nodeIndex; + } + + // xml :nth-child(...) + // or :nth-last-child(...) or :nth(-last)?-of-type(...) + if ( diff === false ) { + // Use the same loop as above to seek `elem` from the start + while ( (node = ++nodeIndex && node && node[ dir ] || + (diff = nodeIndex = 0) || start.pop()) ) { + + if ( ( ofType ? + node.nodeName.toLowerCase() === name : + node.nodeType === 1 ) && + ++diff ) { + + // Cache the index of each encountered element + if ( useCache ) { + outerCache = node[ expando ] || (node[ expando ] = {}); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ node.uniqueID ] || + (outerCache[ node.uniqueID ] = {}); + + uniqueCache[ type ] = [ dirruns, diff ]; + } + + if ( node === elem ) { + break; + } + } + } + } + } + + // Incorporate the offset, then check against cycle size + diff -= last; + return diff === first || ( diff % first === 0 && diff / first >= 0 ); + } + }; + }, + + "PSEUDO": function( pseudo, argument ) { + // pseudo-class names are case-insensitive + // http://www.w3.org/TR/selectors/#pseudo-classes + // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters + // Remember that setFilters inherits from pseudos + var args, + fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || + Sizzle.error( "unsupported pseudo: " + pseudo ); + + // The user may use createPseudo to indicate that + // arguments are needed to create the filter function + // just as Sizzle does + if ( fn[ expando ] ) { + return fn( argument ); + } + + // But maintain support for old signatures + if ( fn.length > 1 ) { + args = [ pseudo, pseudo, "", argument ]; + return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? + markFunction(function( seed, matches ) { + var idx, + matched = fn( seed, argument ), + i = matched.length; + while ( i-- ) { + idx = indexOf( seed, matched[i] ); + seed[ idx ] = !( matches[ idx ] = matched[i] ); + } + }) : + function( elem ) { + return fn( elem, 0, args ); + }; + } + + return fn; + } + }, + + pseudos: { + // Potentially complex pseudos + "not": markFunction(function( selector ) { + // Trim the selector passed to compile + // to avoid treating leading and trailing + // spaces as combinators + var input = [], + results = [], + matcher = compile( selector.replace( rtrim, "$1" ) ); + + return matcher[ expando ] ? + markFunction(function( seed, matches, context, xml ) { + var elem, + unmatched = matcher( seed, null, xml, [] ), + i = seed.length; + + // Match elements unmatched by `matcher` + while ( i-- ) { + if ( (elem = unmatched[i]) ) { + seed[i] = !(matches[i] = elem); + } + } + }) : + function( elem, context, xml ) { + input[0] = elem; + matcher( input, null, xml, results ); + // Don't keep the element (issue #299) + input[0] = null; + return !results.pop(); + }; + }), + + "has": markFunction(function( selector ) { + return function( elem ) { + return Sizzle( selector, elem ).length > 0; + }; + }), + + "contains": markFunction(function( text ) { + text = text.replace( runescape, funescape ); + return function( elem ) { + return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; + }; + }), + + // "Whether an element is represented by a :lang() selector + // is based solely on the element's language value + // being equal to the identifier C, + // or beginning with the identifier C immediately followed by "-". + // The matching of C against the element's language value is performed case-insensitively. + // The identifier C does not have to be a valid language name." + // http://www.w3.org/TR/selectors/#lang-pseudo + "lang": markFunction( function( lang ) { + // lang value must be a valid identifier + if ( !ridentifier.test(lang || "") ) { + Sizzle.error( "unsupported lang: " + lang ); + } + lang = lang.replace( runescape, funescape ).toLowerCase(); + return function( elem ) { + var elemLang; + do { + if ( (elemLang = documentIsHTML ? + elem.lang : + elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) { + + elemLang = elemLang.toLowerCase(); + return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; + } + } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); + return false; + }; + }), + + // Miscellaneous + "target": function( elem ) { + var hash = window.location && window.location.hash; + return hash && hash.slice( 1 ) === elem.id; + }, + + "root": function( elem ) { + return elem === docElem; + }, + + "focus": function( elem ) { + return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); + }, + + // Boolean properties + "enabled": createDisabledPseudo( false ), + "disabled": createDisabledPseudo( true ), + + "checked": function( elem ) { + // In CSS3, :checked should return both checked and selected elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + var nodeName = elem.nodeName.toLowerCase(); + return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); + }, + + "selected": function( elem ) { + // Accessing this property makes selected-by-default + // options in Safari work properly + if ( elem.parentNode ) { + elem.parentNode.selectedIndex; + } + + return elem.selected === true; + }, + + // Contents + "empty": function( elem ) { + // http://www.w3.org/TR/selectors/#empty-pseudo + // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), + // but not by others (comment: 8; processing instruction: 7; etc.) + // nodeType < 6 works because attributes (2) do not appear as children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + if ( elem.nodeType < 6 ) { + return false; + } + } + return true; + }, + + "parent": function( elem ) { + return !Expr.pseudos["empty"]( elem ); + }, + + // Element/input types + "header": function( elem ) { + return rheader.test( elem.nodeName ); + }, + + "input": function( elem ) { + return rinputs.test( elem.nodeName ); + }, + + "button": function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === "button" || name === "button"; + }, + + "text": function( elem ) { + var attr; + return elem.nodeName.toLowerCase() === "input" && + elem.type === "text" && + + // Support: IE<8 + // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" + ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" ); + }, + + // Position-in-collection + "first": createPositionalPseudo(function() { + return [ 0 ]; + }), + + "last": createPositionalPseudo(function( matchIndexes, length ) { + return [ length - 1 ]; + }), + + "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { + return [ argument < 0 ? argument + length : argument ]; + }), + + "even": createPositionalPseudo(function( matchIndexes, length ) { + var i = 0; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "odd": createPositionalPseudo(function( matchIndexes, length ) { + var i = 1; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; --i >= 0; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; ++i < length; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }) + } + }; + + Expr.pseudos["nth"] = Expr.pseudos["eq"]; + + // Add button/input type pseudos + for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { + Expr.pseudos[ i ] = createInputPseudo( i ); + } + for ( i in { submit: true, reset: true } ) { + Expr.pseudos[ i ] = createButtonPseudo( i ); + } + + // Easy API for creating new setFilters + function setFilters() {} + setFilters.prototype = Expr.filters = Expr.pseudos; + Expr.setFilters = new setFilters(); + + tokenize = Sizzle.tokenize = function( selector, parseOnly ) { + var matched, match, tokens, type, + soFar, groups, preFilters, + cached = tokenCache[ selector + " " ]; + + if ( cached ) { + return parseOnly ? 0 : cached.slice( 0 ); + } + + soFar = selector; + groups = []; + preFilters = Expr.preFilter; + + while ( soFar ) { + + // Comma and first run + if ( !matched || (match = rcomma.exec( soFar )) ) { + if ( match ) { + // Don't consume trailing commas as valid + soFar = soFar.slice( match[0].length ) || soFar; + } + groups.push( (tokens = []) ); + } + + matched = false; + + // Combinators + if ( (match = rcombinators.exec( soFar )) ) { + matched = match.shift(); + tokens.push({ + value: matched, + // Cast descendant combinators to space + type: match[0].replace( rtrim, " " ) + }); + soFar = soFar.slice( matched.length ); + } + + // Filters + for ( type in Expr.filter ) { + if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || + (match = preFilters[ type ]( match ))) ) { + matched = match.shift(); + tokens.push({ + value: matched, + type: type, + matches: match + }); + soFar = soFar.slice( matched.length ); + } + } + + if ( !matched ) { + break; + } + } + + // Return the length of the invalid excess + // if we're just parsing + // Otherwise, throw an error or return tokens + return parseOnly ? + soFar.length : + soFar ? + Sizzle.error( selector ) : + // Cache the tokens + tokenCache( selector, groups ).slice( 0 ); + }; + + function toSelector( tokens ) { + var i = 0, + len = tokens.length, + selector = ""; + for ( ; i < len; i++ ) { + selector += tokens[i].value; + } + return selector; + } + + function addCombinator( matcher, combinator, base ) { + var dir = combinator.dir, + skip = combinator.next, + key = skip || dir, + checkNonElements = base && key === "parentNode", + doneName = done++; + + return combinator.first ? + // Check against closest ancestor/preceding element + function( elem, context, xml ) { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + return matcher( elem, context, xml ); + } + } + return false; + } : + + // Check against all ancestor/preceding elements + function( elem, context, xml ) { + var oldCache, uniqueCache, outerCache, + newCache = [ dirruns, doneName ]; + + // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching + if ( xml ) { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + if ( matcher( elem, context, xml ) ) { + return true; + } + } + } + } else { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + outerCache = elem[ expando ] || (elem[ expando ] = {}); + + // Support: IE <9 only + // Defend against cloned attroperties (jQuery gh-1709) + uniqueCache = outerCache[ elem.uniqueID ] || (outerCache[ elem.uniqueID ] = {}); + + if ( skip && skip === elem.nodeName.toLowerCase() ) { + elem = elem[ dir ] || elem; + } else if ( (oldCache = uniqueCache[ key ]) && + oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { + + // Assign to newCache so results back-propagate to previous elements + return (newCache[ 2 ] = oldCache[ 2 ]); + } else { + // Reuse newcache so results back-propagate to previous elements + uniqueCache[ key ] = newCache; + + // A match means we're done; a fail means we have to keep checking + if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) { + return true; + } + } + } + } + } + return false; + }; + } + + function elementMatcher( matchers ) { + return matchers.length > 1 ? + function( elem, context, xml ) { + var i = matchers.length; + while ( i-- ) { + if ( !matchers[i]( elem, context, xml ) ) { + return false; + } + } + return true; + } : + matchers[0]; + } + + function multipleContexts( selector, contexts, results ) { + var i = 0, + len = contexts.length; + for ( ; i < len; i++ ) { + Sizzle( selector, contexts[i], results ); + } + return results; + } + + function condense( unmatched, map, filter, context, xml ) { + var elem, + newUnmatched = [], + i = 0, + len = unmatched.length, + mapped = map != null; + + for ( ; i < len; i++ ) { + if ( (elem = unmatched[i]) ) { + if ( !filter || filter( elem, context, xml ) ) { + newUnmatched.push( elem ); + if ( mapped ) { + map.push( i ); + } + } + } + } + + return newUnmatched; + } + + function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { + if ( postFilter && !postFilter[ expando ] ) { + postFilter = setMatcher( postFilter ); + } + if ( postFinder && !postFinder[ expando ] ) { + postFinder = setMatcher( postFinder, postSelector ); + } + return markFunction(function( seed, results, context, xml ) { + var temp, i, elem, + preMap = [], + postMap = [], + preexisting = results.length, + + // Get initial elements from seed or context + elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), + + // Prefilter to get matcher input, preserving a map for seed-results synchronization + matcherIn = preFilter && ( seed || !selector ) ? + condense( elems, preMap, preFilter, context, xml ) : + elems, + + matcherOut = matcher ? + // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, + postFinder || ( seed ? preFilter : preexisting || postFilter ) ? + + // ...intermediate processing is necessary + [] : + + // ...otherwise use results directly + results : + matcherIn; + + // Find primary matches + if ( matcher ) { + matcher( matcherIn, matcherOut, context, xml ); + } + + // Apply postFilter + if ( postFilter ) { + temp = condense( matcherOut, postMap ); + postFilter( temp, [], context, xml ); + + // Un-match failing elements by moving them back to matcherIn + i = temp.length; + while ( i-- ) { + if ( (elem = temp[i]) ) { + matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); + } + } + } + + if ( seed ) { + if ( postFinder || preFilter ) { + if ( postFinder ) { + // Get the final matcherOut by condensing this intermediate into postFinder contexts + temp = []; + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) ) { + // Restore matcherIn since elem is not yet a final match + temp.push( (matcherIn[i] = elem) ); + } + } + postFinder( null, (matcherOut = []), temp, xml ); + } + + // Move matched elements from seed to results to keep them synchronized + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) && + (temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) { + + seed[temp] = !(results[temp] = elem); + } + } + } + + // Add elements to results, through postFinder if defined + } else { + matcherOut = condense( + matcherOut === results ? + matcherOut.splice( preexisting, matcherOut.length ) : + matcherOut + ); + if ( postFinder ) { + postFinder( null, results, matcherOut, xml ); + } else { + push.apply( results, matcherOut ); + } + } + }); + } + + function matcherFromTokens( tokens ) { + var checkContext, matcher, j, + len = tokens.length, + leadingRelative = Expr.relative[ tokens[0].type ], + implicitRelative = leadingRelative || Expr.relative[" "], + i = leadingRelative ? 1 : 0, + + // The foundational matcher ensures that elements are reachable from top-level context(s) + matchContext = addCombinator( function( elem ) { + return elem === checkContext; + }, implicitRelative, true ), + matchAnyContext = addCombinator( function( elem ) { + return indexOf( checkContext, elem ) > -1; + }, implicitRelative, true ), + matchers = [ function( elem, context, xml ) { + var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( + (checkContext = context).nodeType ? + matchContext( elem, context, xml ) : + matchAnyContext( elem, context, xml ) ); + // Avoid hanging onto element (issue #299) + checkContext = null; + return ret; + } ]; + + for ( ; i < len; i++ ) { + if ( (matcher = Expr.relative[ tokens[i].type ]) ) { + matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; + } else { + matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); + + // Return special upon seeing a positional matcher + if ( matcher[ expando ] ) { + // Find the next relative operator (if any) for proper handling + j = ++i; + for ( ; j < len; j++ ) { + if ( Expr.relative[ tokens[j].type ] ) { + break; + } + } + return setMatcher( + i > 1 && elementMatcher( matchers ), + i > 1 && toSelector( + // If the preceding token was a descendant combinator, insert an implicit any-element `*` + tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" }) + ).replace( rtrim, "$1" ), + matcher, + i < j && matcherFromTokens( tokens.slice( i, j ) ), + j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), + j < len && toSelector( tokens ) + ); + } + matchers.push( matcher ); + } + } + + return elementMatcher( matchers ); + } + + function matcherFromGroupMatchers( elementMatchers, setMatchers ) { + var bySet = setMatchers.length > 0, + byElement = elementMatchers.length > 0, + superMatcher = function( seed, context, xml, results, outermost ) { + var elem, j, matcher, + matchedCount = 0, + i = "0", + unmatched = seed && [], + setMatched = [], + contextBackup = outermostContext, + // We must always have either seed elements or outermost context + elems = seed || byElement && Expr.find["TAG"]( "*", outermost ), + // Use integer dirruns iff this is the outermost matcher + dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1), + len = elems.length; + + if ( outermost ) { + outermostContext = context === document || context || outermost; + } + + // Add elements passing elementMatchers directly to results + // Support: IE<9, Safari + // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id + for ( ; i !== len && (elem = elems[i]) != null; i++ ) { + if ( byElement && elem ) { + j = 0; + if ( !context && elem.ownerDocument !== document ) { + setDocument( elem ); + xml = !documentIsHTML; + } + while ( (matcher = elementMatchers[j++]) ) { + if ( matcher( elem, context || document, xml) ) { + results.push( elem ); + break; + } + } + if ( outermost ) { + dirruns = dirrunsUnique; + } + } + + // Track unmatched elements for set filters + if ( bySet ) { + // They will have gone through all possible matchers + if ( (elem = !matcher && elem) ) { + matchedCount--; + } + + // Lengthen the array for every element, matched or not + if ( seed ) { + unmatched.push( elem ); + } + } + } + + // `i` is now the count of elements visited above, and adding it to `matchedCount` + // makes the latter nonnegative. + matchedCount += i; + + // Apply set filters to unmatched elements + // NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount` + // equals `i`), unless we didn't visit _any_ elements in the above loop because we have + // no element matchers and no seed. + // Incrementing an initially-string "0" `i` allows `i` to remain a string only in that + // case, which will result in a "00" `matchedCount` that differs from `i` but is also + // numerically zero. + if ( bySet && i !== matchedCount ) { + j = 0; + while ( (matcher = setMatchers[j++]) ) { + matcher( unmatched, setMatched, context, xml ); + } + + if ( seed ) { + // Reintegrate element matches to eliminate the need for sorting + if ( matchedCount > 0 ) { + while ( i-- ) { + if ( !(unmatched[i] || setMatched[i]) ) { + setMatched[i] = pop.call( results ); + } + } + } + + // Discard index placeholder values to get only actual matches + setMatched = condense( setMatched ); + } + + // Add matches to results + push.apply( results, setMatched ); + + // Seedless set matches succeeding multiple successful matchers stipulate sorting + if ( outermost && !seed && setMatched.length > 0 && + ( matchedCount + setMatchers.length ) > 1 ) { + + Sizzle.uniqueSort( results ); + } + } + + // Override manipulation of globals by nested matchers + if ( outermost ) { + dirruns = dirrunsUnique; + outermostContext = contextBackup; + } + + return unmatched; + }; + + return bySet ? + markFunction( superMatcher ) : + superMatcher; + } + + compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) { + var i, + setMatchers = [], + elementMatchers = [], + cached = compilerCache[ selector + " " ]; + + if ( !cached ) { + // Generate a function of recursive functions that can be used to check each element + if ( !match ) { + match = tokenize( selector ); + } + i = match.length; + while ( i-- ) { + cached = matcherFromTokens( match[i] ); + if ( cached[ expando ] ) { + setMatchers.push( cached ); + } else { + elementMatchers.push( cached ); + } + } + + // Cache the compiled function + cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); + + // Save selector and tokenization + cached.selector = selector; + } + return cached; + }; + + /** + * A low-level selection function that works with Sizzle's compiled + * selector functions + * @param {String|Function} selector A selector or a pre-compiled + * selector function built with Sizzle.compile + * @param {Element} context + * @param {Array} [results] + * @param {Array} [seed] A set of elements to match against + */ + select = Sizzle.select = function( selector, context, results, seed ) { + var i, tokens, token, type, find, + compiled = typeof selector === "function" && selector, + match = !seed && tokenize( (selector = compiled.selector || selector) ); + + results = results || []; + + // Try to minimize operations if there is only one selector in the list and no seed + // (the latter of which guarantees us context) + if ( match.length === 1 ) { + + // Reduce context if the leading compound selector is an ID + tokens = match[0] = match[0].slice( 0 ); + if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && + context.nodeType === 9 && documentIsHTML && Expr.relative[ tokens[1].type ] ) { + + context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0]; + if ( !context ) { + return results; + + // Precompiled matchers will still verify ancestry, so step up a level + } else if ( compiled ) { + context = context.parentNode; + } + + selector = selector.slice( tokens.shift().value.length ); + } + + // Fetch a seed set for right-to-left matching + i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; + while ( i-- ) { + token = tokens[i]; + + // Abort if we hit a combinator + if ( Expr.relative[ (type = token.type) ] ) { + break; + } + if ( (find = Expr.find[ type ]) ) { + // Search, expanding context for leading sibling combinators + if ( (seed = find( + token.matches[0].replace( runescape, funescape ), + rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context + )) ) { + + // If seed is empty or no tokens remain, we can return early + tokens.splice( i, 1 ); + selector = seed.length && toSelector( tokens ); + if ( !selector ) { + push.apply( results, seed ); + return results; + } + + break; + } + } + } + } + + // Compile and execute a filtering function if one is not provided + // Provide `match` to avoid retokenization if we modified the selector above + ( compiled || compile( selector, match ) )( + seed, + context, + !documentIsHTML, + results, + !context || rsibling.test( selector ) && testContext( context.parentNode ) || context + ); + return results; + }; + + // One-time assignments + + // Sort stability + support.sortStable = expando.split("").sort( sortOrder ).join("") === expando; + + // Support: Chrome 14-35+ + // Always assume duplicates if they aren't passed to the comparison function + support.detectDuplicates = !!hasDuplicate; + + // Initialize against the default document + setDocument(); + + // Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) + // Detached nodes confoundingly follow *each other* + support.sortDetached = assert(function( el ) { + // Should return 1, but returns 4 (following) + return el.compareDocumentPosition( document.createElement("fieldset") ) & 1; + }); + + // Support: IE<8 + // Prevent attribute/property "interpolation" + // https://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx + if ( !assert(function( el ) { + el.innerHTML = ""; + return el.firstChild.getAttribute("href") === "#" ; + }) ) { + addHandle( "type|href|height|width", function( elem, name, isXML ) { + if ( !isXML ) { + return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); + } + }); + } + + // Support: IE<9 + // Use defaultValue in place of getAttribute("value") + if ( !support.attributes || !assert(function( el ) { + el.innerHTML = ""; + el.firstChild.setAttribute( "value", "" ); + return el.firstChild.getAttribute( "value" ) === ""; + }) ) { + addHandle( "value", function( elem, name, isXML ) { + if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { + return elem.defaultValue; + } + }); + } + + // Support: IE<9 + // Use getAttributeNode to fetch booleans when getAttribute lies + if ( !assert(function( el ) { + return el.getAttribute("disabled") == null; + }) ) { + addHandle( booleans, function( elem, name, isXML ) { + var val; + if ( !isXML ) { + return elem[ name ] === true ? name.toLowerCase() : + (val = elem.getAttributeNode( name )) && val.specified ? + val.value : + null; + } + }); + } + + return Sizzle; + + })( window ); + + + + jQuery.find = Sizzle; + jQuery.expr = Sizzle.selectors; + + // Deprecated + jQuery.expr[ ":" ] = jQuery.expr.pseudos; + jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort; + jQuery.text = Sizzle.getText; + jQuery.isXMLDoc = Sizzle.isXML; + jQuery.contains = Sizzle.contains; + jQuery.escapeSelector = Sizzle.escape; + + + + + var dir = function( elem, dir, until ) { + var matched = [], + truncate = until !== undefined; + + while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) { + if ( elem.nodeType === 1 ) { + if ( truncate && jQuery( elem ).is( until ) ) { + break; + } + matched.push( elem ); + } + } + return matched; + }; + + + var siblings = function( n, elem ) { + var matched = []; + + for ( ; n; n = n.nextSibling ) { + if ( n.nodeType === 1 && n !== elem ) { + matched.push( n ); + } + } + + return matched; + }; + + + var rneedsContext = jQuery.expr.match.needsContext; + + + + function nodeName( elem, name ) { + + return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); + + }var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i ); + + + + // Implement the identical functionality for filter and not + function winnow( elements, qualifier, not ) { + if ( isFunction( qualifier ) ) { + return jQuery.grep( elements, function( elem, i ) { + return !!qualifier.call( elem, i, elem ) !== not; + } ); + } + + // Single element + if ( qualifier.nodeType ) { + return jQuery.grep( elements, function( elem ) { + return ( elem === qualifier ) !== not; + } ); + } + + // Arraylike of elements (jQuery, arguments, Array) + if ( typeof qualifier !== "string" ) { + return jQuery.grep( elements, function( elem ) { + return ( indexOf.call( qualifier, elem ) > -1 ) !== not; + } ); + } + + // Filtered directly for both simple and complex selectors + return jQuery.filter( qualifier, elements, not ); + } + + jQuery.filter = function( expr, elems, not ) { + var elem = elems[ 0 ]; + + if ( not ) { + expr = ":not(" + expr + ")"; + } + + if ( elems.length === 1 && elem.nodeType === 1 ) { + return jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : []; + } + + return jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { + return elem.nodeType === 1; + } ) ); + }; + + jQuery.fn.extend( { + find: function( selector ) { + var i, ret, + len = this.length, + self = this; + + if ( typeof selector !== "string" ) { + return this.pushStack( jQuery( selector ).filter( function() { + for ( i = 0; i < len; i++ ) { + if ( jQuery.contains( self[ i ], this ) ) { + return true; + } + } + } ) ); + } + + ret = this.pushStack( [] ); + + for ( i = 0; i < len; i++ ) { + jQuery.find( selector, self[ i ], ret ); + } + + return len > 1 ? jQuery.uniqueSort( ret ) : ret; + }, + filter: function( selector ) { + return this.pushStack( winnow( this, selector || [], false ) ); + }, + not: function( selector ) { + return this.pushStack( winnow( this, selector || [], true ) ); + }, + is: function( selector ) { + return !!winnow( + this, + + // If this is a positional/relative selector, check membership in the returned set + // so $("p:first").is("p:last") won't return true for a doc with two "p". + typeof selector === "string" && rneedsContext.test( selector ) ? + jQuery( selector ) : + selector || [], + false + ).length; + } + } ); + + + // Initialize a jQuery object + + + // A central reference to the root jQuery(document) + var rootjQuery, + + // A simple way to check for HTML strings + // Prioritize #id over to avoid XSS via location.hash (#9521) + // Strict HTML recognition (#11290: must start with <) + // Shortcut simple #id case for speed + rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/, + + init = jQuery.fn.init = function( selector, context, root ) { + var match, elem; + + // HANDLE: $(""), $(null), $(undefined), $(false) + if ( !selector ) { + return this; + } + + // Method init() accepts an alternate rootjQuery + // so migrate can support jQuery.sub (gh-2101) + root = root || rootjQuery; + + // Handle HTML strings + if ( typeof selector === "string" ) { + if ( selector[ 0 ] === "<" && + selector[ selector.length - 1 ] === ">" && + selector.length >= 3 ) { + + // Assume that strings that start and end with <> are HTML and skip the regex check + match = [ null, selector, null ]; + + } else { + match = rquickExpr.exec( selector ); + } + + // Match html or make sure no context is specified for #id + if ( match && ( match[ 1 ] || !context ) ) { + + // HANDLE: $(html) -> $(array) + if ( match[ 1 ] ) { + context = context instanceof jQuery ? context[ 0 ] : context; + + // Option to run scripts is true for back-compat + // Intentionally let the error be thrown if parseHTML is not present + jQuery.merge( this, jQuery.parseHTML( + match[ 1 ], + context && context.nodeType ? context.ownerDocument || context : document, + true + ) ); + + // HANDLE: $(html, props) + if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) { + for ( match in context ) { + + // Properties of context are called as methods if possible + if ( isFunction( this[ match ] ) ) { + this[ match ]( context[ match ] ); + + // ...and otherwise set as attributes + } else { + this.attr( match, context[ match ] ); + } + } + } + + return this; + + // HANDLE: $(#id) + } else { + elem = document.getElementById( match[ 2 ] ); + + if ( elem ) { + + // Inject the element directly into the jQuery object + this[ 0 ] = elem; + this.length = 1; + } + return this; + } + + // HANDLE: $(expr, $(...)) + } else if ( !context || context.jquery ) { + return ( context || root ).find( selector ); + + // HANDLE: $(expr, context) + // (which is just equivalent to: $(context).find(expr) + } else { + return this.constructor( context ).find( selector ); + } + + // HANDLE: $(DOMElement) + } else if ( selector.nodeType ) { + this[ 0 ] = selector; + this.length = 1; + return this; + + // HANDLE: $(function) + // Shortcut for document ready + } else if ( isFunction( selector ) ) { + return root.ready !== undefined ? + root.ready( selector ) : + + // Execute immediately if ready is not present + selector( jQuery ); + } + + return jQuery.makeArray( selector, this ); + }; + + // Give the init function the jQuery prototype for later instantiation + init.prototype = jQuery.fn; + + // Initialize central reference + rootjQuery = jQuery( document ); + + + var rparentsprev = /^(?:parents|prev(?:Until|All))/, + + // Methods guaranteed to produce a unique set when starting from a unique set + guaranteedUnique = { + children: true, + contents: true, + next: true, + prev: true + }; + + jQuery.fn.extend( { + has: function( target ) { + var targets = jQuery( target, this ), + l = targets.length; + + return this.filter( function() { + var i = 0; + for ( ; i < l; i++ ) { + if ( jQuery.contains( this, targets[ i ] ) ) { + return true; + } + } + } ); + }, + + closest: function( selectors, context ) { + var cur, + i = 0, + l = this.length, + matched = [], + targets = typeof selectors !== "string" && jQuery( selectors ); + + // Positional selectors never match, since there's no _selection_ context + if ( !rneedsContext.test( selectors ) ) { + for ( ; i < l; i++ ) { + for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) { + + // Always skip document fragments + if ( cur.nodeType < 11 && ( targets ? + targets.index( cur ) > -1 : + + // Don't pass non-elements to Sizzle + cur.nodeType === 1 && + jQuery.find.matchesSelector( cur, selectors ) ) ) { + + matched.push( cur ); + break; + } + } + } + } + + return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched ); + }, + + // Determine the position of an element within the set + index: function( elem ) { + + // No argument, return index in parent + if ( !elem ) { + return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; + } + + // Index in selector + if ( typeof elem === "string" ) { + return indexOf.call( jQuery( elem ), this[ 0 ] ); + } + + // Locate the position of the desired element + return indexOf.call( this, + + // If it receives a jQuery object, the first element is used + elem.jquery ? elem[ 0 ] : elem + ); + }, + + add: function( selector, context ) { + return this.pushStack( + jQuery.uniqueSort( + jQuery.merge( this.get(), jQuery( selector, context ) ) + ) + ); + }, + + addBack: function( selector ) { + return this.add( selector == null ? + this.prevObject : this.prevObject.filter( selector ) + ); + } + } ); + + function sibling( cur, dir ) { + while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {} + return cur; + } + + jQuery.each( { + parent: function( elem ) { + var parent = elem.parentNode; + return parent && parent.nodeType !== 11 ? parent : null; + }, + parents: function( elem ) { + return dir( elem, "parentNode" ); + }, + parentsUntil: function( elem, i, until ) { + return dir( elem, "parentNode", until ); + }, + next: function( elem ) { + return sibling( elem, "nextSibling" ); + }, + prev: function( elem ) { + return sibling( elem, "previousSibling" ); + }, + nextAll: function( elem ) { + return dir( elem, "nextSibling" ); + }, + prevAll: function( elem ) { + return dir( elem, "previousSibling" ); + }, + nextUntil: function( elem, i, until ) { + return dir( elem, "nextSibling", until ); + }, + prevUntil: function( elem, i, until ) { + return dir( elem, "previousSibling", until ); + }, + siblings: function( elem ) { + return siblings( ( elem.parentNode || {} ).firstChild, elem ); + }, + children: function( elem ) { + return siblings( elem.firstChild ); + }, + contents: function( elem ) { + if ( nodeName( elem, "iframe" ) ) { + return elem.contentDocument; + } + + // Support: IE 9 - 11 only, iOS 7 only, Android Browser <=4.3 only + // Treat the template element as a regular one in browsers that + // don't support it. + if ( nodeName( elem, "template" ) ) { + elem = elem.content || elem; + } + + return jQuery.merge( [], elem.childNodes ); + } + }, function( name, fn ) { + jQuery.fn[ name ] = function( until, selector ) { + var matched = jQuery.map( this, fn, until ); + + if ( name.slice( -5 ) !== "Until" ) { + selector = until; + } + + if ( selector && typeof selector === "string" ) { + matched = jQuery.filter( selector, matched ); + } + + if ( this.length > 1 ) { + + // Remove duplicates + if ( !guaranteedUnique[ name ] ) { + jQuery.uniqueSort( matched ); + } + + // Reverse order for parents* and prev-derivatives + if ( rparentsprev.test( name ) ) { + matched.reverse(); + } + } + + return this.pushStack( matched ); + }; + } ); + var rnothtmlwhite = ( /[^\x20\t\r\n\f]+/g ); + + + + // Convert String-formatted options into Object-formatted ones + function createOptions( options ) { + var object = {}; + jQuery.each( options.match( rnothtmlwhite ) || [], function( _, flag ) { + object[ flag ] = true; + } ); + return object; + } + + /* + * Create a callback list using the following parameters: + * + * options: an optional list of space-separated options that will change how + * the callback list behaves or a more traditional option object + * + * By default a callback list will act like an event callback list and can be + * "fired" multiple times. + * + * Possible options: + * + * once: will ensure the callback list can only be fired once (like a Deferred) + * + * memory: will keep track of previous values and will call any callback added + * after the list has been fired right away with the latest "memorized" + * values (like a Deferred) + * + * unique: will ensure a callback can only be added once (no duplicate in the list) + * + * stopOnFalse: interrupt callings when a callback returns false + * + */ + jQuery.Callbacks = function( options ) { + + // Convert options from String-formatted to Object-formatted if needed + // (we check in cache first) + options = typeof options === "string" ? + createOptions( options ) : + jQuery.extend( {}, options ); + + var // Flag to know if list is currently firing + firing, + + // Last fire value for non-forgettable lists + memory, + + // Flag to know if list was already fired + fired, + + // Flag to prevent firing + locked, + + // Actual callback list + list = [], + + // Queue of execution data for repeatable lists + queue = [], + + // Index of currently firing callback (modified by add/remove as needed) + firingIndex = -1, + + // Fire callbacks + fire = function() { + + // Enforce single-firing + locked = locked || options.once; + + // Execute callbacks for all pending executions, + // respecting firingIndex overrides and runtime changes + fired = firing = true; + for ( ; queue.length; firingIndex = -1 ) { + memory = queue.shift(); + while ( ++firingIndex < list.length ) { + + // Run callback and check for early termination + if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false && + options.stopOnFalse ) { + + // Jump to end and forget the data so .add doesn't re-fire + firingIndex = list.length; + memory = false; + } + } + } + + // Forget the data if we're done with it + if ( !options.memory ) { + memory = false; + } + + firing = false; + + // Clean up if we're done firing for good + if ( locked ) { + + // Keep an empty list if we have data for future add calls + if ( memory ) { + list = []; + + // Otherwise, this object is spent + } else { + list = ""; + } + } + }, + + // Actual Callbacks object + self = { + + // Add a callback or a collection of callbacks to the list + add: function() { + if ( list ) { + + // If we have memory from a past run, we should fire after adding + if ( memory && !firing ) { + firingIndex = list.length - 1; + queue.push( memory ); + } + + ( function add( args ) { + jQuery.each( args, function( _, arg ) { + if ( isFunction( arg ) ) { + if ( !options.unique || !self.has( arg ) ) { + list.push( arg ); + } + } else if ( arg && arg.length && toType( arg ) !== "string" ) { + + // Inspect recursively + add( arg ); + } + } ); + } )( arguments ); + + if ( memory && !firing ) { + fire(); + } + } + return this; + }, + + // Remove a callback from the list + remove: function() { + jQuery.each( arguments, function( _, arg ) { + var index; + while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { + list.splice( index, 1 ); + + // Handle firing indexes + if ( index <= firingIndex ) { + firingIndex--; + } + } + } ); + return this; + }, + + // Check if a given callback is in the list. + // If no argument is given, return whether or not list has callbacks attached. + has: function( fn ) { + return fn ? + jQuery.inArray( fn, list ) > -1 : + list.length > 0; + }, + + // Remove all callbacks from the list + empty: function() { + if ( list ) { + list = []; + } + return this; + }, + + // Disable .fire and .add + // Abort any current/pending executions + // Clear all callbacks and values + disable: function() { + locked = queue = []; + list = memory = ""; + return this; + }, + disabled: function() { + return !list; + }, + + // Disable .fire + // Also disable .add unless we have memory (since it would have no effect) + // Abort any pending executions + lock: function() { + locked = queue = []; + if ( !memory && !firing ) { + list = memory = ""; + } + return this; + }, + locked: function() { + return !!locked; + }, + + // Call all callbacks with the given context and arguments + fireWith: function( context, args ) { + if ( !locked ) { + args = args || []; + args = [ context, args.slice ? args.slice() : args ]; + queue.push( args ); + if ( !firing ) { + fire(); + } + } + return this; + }, + + // Call all the callbacks with the given arguments + fire: function() { + self.fireWith( this, arguments ); + return this; + }, + + // To know if the callbacks have already been called at least once + fired: function() { + return !!fired; + } + }; + + return self; + }; + + + function Identity( v ) { + return v; + } + function Thrower( ex ) { + throw ex; + } + + function adoptValue( value, resolve, reject, noValue ) { + var method; + + try { + + // Check for promise aspect first to privilege synchronous behavior + if ( value && isFunction( ( method = value.promise ) ) ) { + method.call( value ).done( resolve ).fail( reject ); + + // Other thenables + } else if ( value && isFunction( ( method = value.then ) ) ) { + method.call( value, resolve, reject ); + + // Other non-thenables + } else { + + // Control `resolve` arguments by letting Array#slice cast boolean `noValue` to integer: + // * false: [ value ].slice( 0 ) => resolve( value ) + // * true: [ value ].slice( 1 ) => resolve() + resolve.apply( undefined, [ value ].slice( noValue ) ); + } + + // For Promises/A+, convert exceptions into rejections + // Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in + // Deferred#then to conditionally suppress rejection. + } catch ( value ) { + + // Support: Android 4.0 only + // Strict mode functions invoked without .call/.apply get global-object context + reject.apply( undefined, [ value ] ); + } + } + + jQuery.extend( { + + Deferred: function( func ) { + var tuples = [ + + // action, add listener, callbacks, + // ... .then handlers, argument index, [final state] + [ "notify", "progress", jQuery.Callbacks( "memory" ), + jQuery.Callbacks( "memory" ), 2 ], + [ "resolve", "done", jQuery.Callbacks( "once memory" ), + jQuery.Callbacks( "once memory" ), 0, "resolved" ], + [ "reject", "fail", jQuery.Callbacks( "once memory" ), + jQuery.Callbacks( "once memory" ), 1, "rejected" ] + ], + state = "pending", + promise = { + state: function() { + return state; + }, + always: function() { + deferred.done( arguments ).fail( arguments ); + return this; + }, + "catch": function( fn ) { + return promise.then( null, fn ); + }, + + // Keep pipe for back-compat + pipe: function( /* fnDone, fnFail, fnProgress */ ) { + var fns = arguments; + + return jQuery.Deferred( function( newDefer ) { + jQuery.each( tuples, function( i, tuple ) { + + // Map tuples (progress, done, fail) to arguments (done, fail, progress) + var fn = isFunction( fns[ tuple[ 4 ] ] ) && fns[ tuple[ 4 ] ]; + + // deferred.progress(function() { bind to newDefer or newDefer.notify }) + // deferred.done(function() { bind to newDefer or newDefer.resolve }) + // deferred.fail(function() { bind to newDefer or newDefer.reject }) + deferred[ tuple[ 1 ] ]( function() { + var returned = fn && fn.apply( this, arguments ); + if ( returned && isFunction( returned.promise ) ) { + returned.promise() + .progress( newDefer.notify ) + .done( newDefer.resolve ) + .fail( newDefer.reject ); + } else { + newDefer[ tuple[ 0 ] + "With" ]( + this, + fn ? [ returned ] : arguments + ); + } + } ); + } ); + fns = null; + } ).promise(); + }, + then: function( onFulfilled, onRejected, onProgress ) { + var maxDepth = 0; + function resolve( depth, deferred, handler, special ) { + return function() { + var that = this, + args = arguments, + mightThrow = function() { + var returned, then; + + // Support: Promises/A+ section 2.3.3.3.3 + // https://promisesaplus.com/#point-59 + // Ignore double-resolution attempts + if ( depth < maxDepth ) { + return; + } + + returned = handler.apply( that, args ); + + // Support: Promises/A+ section 2.3.1 + // https://promisesaplus.com/#point-48 + if ( returned === deferred.promise() ) { + throw new TypeError( "Thenable self-resolution" ); + } + + // Support: Promises/A+ sections 2.3.3.1, 3.5 + // https://promisesaplus.com/#point-54 + // https://promisesaplus.com/#point-75 + // Retrieve `then` only once + then = returned && + + // Support: Promises/A+ section 2.3.4 + // https://promisesaplus.com/#point-64 + // Only check objects and functions for thenability + ( typeof returned === "object" || + typeof returned === "function" ) && + returned.then; + + // Handle a returned thenable + if ( isFunction( then ) ) { + + // Special processors (notify) just wait for resolution + if ( special ) { + then.call( + returned, + resolve( maxDepth, deferred, Identity, special ), + resolve( maxDepth, deferred, Thrower, special ) + ); + + // Normal processors (resolve) also hook into progress + } else { + + // ...and disregard older resolution values + maxDepth++; + + then.call( + returned, + resolve( maxDepth, deferred, Identity, special ), + resolve( maxDepth, deferred, Thrower, special ), + resolve( maxDepth, deferred, Identity, + deferred.notifyWith ) + ); + } + + // Handle all other returned values + } else { + + // Only substitute handlers pass on context + // and multiple values (non-spec behavior) + if ( handler !== Identity ) { + that = undefined; + args = [ returned ]; + } + + // Process the value(s) + // Default process is resolve + ( special || deferred.resolveWith )( that, args ); + } + }, + + // Only normal processors (resolve) catch and reject exceptions + process = special ? + mightThrow : + function() { + try { + mightThrow(); + } catch ( e ) { + + if ( jQuery.Deferred.exceptionHook ) { + jQuery.Deferred.exceptionHook( e, + process.stackTrace ); + } + + // Support: Promises/A+ section 2.3.3.3.4.1 + // https://promisesaplus.com/#point-61 + // Ignore post-resolution exceptions + if ( depth + 1 >= maxDepth ) { + + // Only substitute handlers pass on context + // and multiple values (non-spec behavior) + if ( handler !== Thrower ) { + that = undefined; + args = [ e ]; + } + + deferred.rejectWith( that, args ); + } + } + }; + + // Support: Promises/A+ section 2.3.3.3.1 + // https://promisesaplus.com/#point-57 + // Re-resolve promises immediately to dodge false rejection from + // subsequent errors + if ( depth ) { + process(); + } else { + + // Call an optional hook to record the stack, in case of exception + // since it's otherwise lost when execution goes async + if ( jQuery.Deferred.getStackHook ) { + process.stackTrace = jQuery.Deferred.getStackHook(); + } + window.setTimeout( process ); + } + }; + } + + return jQuery.Deferred( function( newDefer ) { + + // progress_handlers.add( ... ) + tuples[ 0 ][ 3 ].add( + resolve( + 0, + newDefer, + isFunction( onProgress ) ? + onProgress : + Identity, + newDefer.notifyWith + ) + ); + + // fulfilled_handlers.add( ... ) + tuples[ 1 ][ 3 ].add( + resolve( + 0, + newDefer, + isFunction( onFulfilled ) ? + onFulfilled : + Identity + ) + ); + + // rejected_handlers.add( ... ) + tuples[ 2 ][ 3 ].add( + resolve( + 0, + newDefer, + isFunction( onRejected ) ? + onRejected : + Thrower + ) + ); + } ).promise(); + }, + + // Get a promise for this deferred + // If obj is provided, the promise aspect is added to the object + promise: function( obj ) { + return obj != null ? jQuery.extend( obj, promise ) : promise; + } + }, + deferred = {}; + + // Add list-specific methods + jQuery.each( tuples, function( i, tuple ) { + var list = tuple[ 2 ], + stateString = tuple[ 5 ]; + + // promise.progress = list.add + // promise.done = list.add + // promise.fail = list.add + promise[ tuple[ 1 ] ] = list.add; + + // Handle state + if ( stateString ) { + list.add( + function() { + + // state = "resolved" (i.e., fulfilled) + // state = "rejected" + state = stateString; + }, + + // rejected_callbacks.disable + // fulfilled_callbacks.disable + tuples[ 3 - i ][ 2 ].disable, + + // rejected_handlers.disable + // fulfilled_handlers.disable + tuples[ 3 - i ][ 3 ].disable, + + // progress_callbacks.lock + tuples[ 0 ][ 2 ].lock, + + // progress_handlers.lock + tuples[ 0 ][ 3 ].lock + ); + } + + // progress_handlers.fire + // fulfilled_handlers.fire + // rejected_handlers.fire + list.add( tuple[ 3 ].fire ); + + // deferred.notify = function() { deferred.notifyWith(...) } + // deferred.resolve = function() { deferred.resolveWith(...) } + // deferred.reject = function() { deferred.rejectWith(...) } + deferred[ tuple[ 0 ] ] = function() { + deferred[ tuple[ 0 ] + "With" ]( this === deferred ? undefined : this, arguments ); + return this; + }; + + // deferred.notifyWith = list.fireWith + // deferred.resolveWith = list.fireWith + // deferred.rejectWith = list.fireWith + deferred[ tuple[ 0 ] + "With" ] = list.fireWith; + } ); + + // Make the deferred a promise + promise.promise( deferred ); + + // Call given func if any + if ( func ) { + func.call( deferred, deferred ); + } + + // All done! + return deferred; + }, + + // Deferred helper + when: function( singleValue ) { + var + + // count of uncompleted subordinates + remaining = arguments.length, + + // count of unprocessed arguments + i = remaining, + + // subordinate fulfillment data + resolveContexts = Array( i ), + resolveValues = slice.call( arguments ), + + // the master Deferred + master = jQuery.Deferred(), + + // subordinate callback factory + updateFunc = function( i ) { + return function( value ) { + resolveContexts[ i ] = this; + resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; + if ( !( --remaining ) ) { + master.resolveWith( resolveContexts, resolveValues ); + } + }; + }; + + // Single- and empty arguments are adopted like Promise.resolve + if ( remaining <= 1 ) { + adoptValue( singleValue, master.done( updateFunc( i ) ).resolve, master.reject, + !remaining ); + + // Use .then() to unwrap secondary thenables (cf. gh-3000) + if ( master.state() === "pending" || + isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) { + + return master.then(); + } + } + + // Multiple arguments are aggregated like Promise.all array elements + while ( i-- ) { + adoptValue( resolveValues[ i ], updateFunc( i ), master.reject ); + } + + return master.promise(); + } + } ); + + + // These usually indicate a programmer mistake during development, + // warn about them ASAP rather than swallowing them by default. + var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/; + + jQuery.Deferred.exceptionHook = function( error, stack ) { + + // Support: IE 8 - 9 only + // Console exists when dev tools are open, which can happen at any time + if ( window.console && window.console.warn && error && rerrorNames.test( error.name ) ) { + window.console.warn( "jQuery.Deferred exception: " + error.message, error.stack, stack ); + } + }; + + + + + jQuery.readyException = function( error ) { + window.setTimeout( function() { + throw error; + } ); + }; + + + + + // The deferred used on DOM ready + var readyList = jQuery.Deferred(); + + jQuery.fn.ready = function( fn ) { + + readyList + .then( fn ) + + // Wrap jQuery.readyException in a function so that the lookup + // happens at the time of error handling instead of callback + // registration. + .catch( function( error ) { + jQuery.readyException( error ); + } ); + + return this; + }; + + jQuery.extend( { + + // Is the DOM ready to be used? Set to true once it occurs. + isReady: false, + + // A counter to track how many items to wait for before + // the ready event fires. See #6781 + readyWait: 1, + + // Handle when the DOM is ready + ready: function( wait ) { + + // Abort if there are pending holds or we're already ready + if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { + return; + } + + // Remember that the DOM is ready + jQuery.isReady = true; + + // If a normal DOM Ready event fired, decrement, and wait if need be + if ( wait !== true && --jQuery.readyWait > 0 ) { + return; + } + + // If there are functions bound, to execute + readyList.resolveWith( document, [ jQuery ] ); + } + } ); + + jQuery.ready.then = readyList.then; + + // The ready event handler and self cleanup method + function completed() { + document.removeEventListener( "DOMContentLoaded", completed ); + window.removeEventListener( "load", completed ); + jQuery.ready(); + } + + // Catch cases where $(document).ready() is called + // after the browser event has already occurred. + // Support: IE <=9 - 10 only + // Older IE sometimes signals "interactive" too soon + if ( document.readyState === "complete" || + ( document.readyState !== "loading" && !document.documentElement.doScroll ) ) { + + // Handle it asynchronously to allow scripts the opportunity to delay ready + window.setTimeout( jQuery.ready ); + + } else { + + // Use the handy event callback + document.addEventListener( "DOMContentLoaded", completed ); + + // A fallback to window.onload, that will always work + window.addEventListener( "load", completed ); + } + + + + + // Multifunctional method to get and set values of a collection + // The value/s can optionally be executed if it's a function + var access = function( elems, fn, key, value, chainable, emptyGet, raw ) { + var i = 0, + len = elems.length, + bulk = key == null; + + // Sets many values + if ( toType( key ) === "object" ) { + chainable = true; + for ( i in key ) { + access( elems, fn, i, key[ i ], true, emptyGet, raw ); + } + + // Sets one value + } else if ( value !== undefined ) { + chainable = true; + + if ( !isFunction( value ) ) { + raw = true; + } + + if ( bulk ) { + + // Bulk operations run against the entire set + if ( raw ) { + fn.call( elems, value ); + fn = null; + + // ...except when executing function values + } else { + bulk = fn; + fn = function( elem, key, value ) { + return bulk.call( jQuery( elem ), value ); + }; + } + } + + if ( fn ) { + for ( ; i < len; i++ ) { + fn( + elems[ i ], key, raw ? + value : + value.call( elems[ i ], i, fn( elems[ i ], key ) ) + ); + } + } + } + + if ( chainable ) { + return elems; + } + + // Gets + if ( bulk ) { + return fn.call( elems ); + } + + return len ? fn( elems[ 0 ], key ) : emptyGet; + }; + + + // Matches dashed string for camelizing + var rmsPrefix = /^-ms-/, + rdashAlpha = /-([a-z])/g; + + // Used by camelCase as callback to replace() + function fcamelCase( all, letter ) { + return letter.toUpperCase(); + } + + // Convert dashed to camelCase; used by the css and data modules + // Support: IE <=9 - 11, Edge 12 - 15 + // Microsoft forgot to hump their vendor prefix (#9572) + function camelCase( string ) { + return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); + } + var acceptData = function( owner ) { + + // Accepts only: + // - Node + // - Node.ELEMENT_NODE + // - Node.DOCUMENT_NODE + // - Object + // - Any + return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); + }; + + + + + function Data() { + this.expando = jQuery.expando + Data.uid++; + } + + Data.uid = 1; + + Data.prototype = { + + cache: function( owner ) { + + // Check if the owner object already has a cache + var value = owner[ this.expando ]; + + // If not, create one + if ( !value ) { + value = {}; + + // We can accept data for non-element nodes in modern browsers, + // but we should not, see #8335. + // Always return an empty object. + if ( acceptData( owner ) ) { + + // If it is a node unlikely to be stringify-ed or looped over + // use plain assignment + if ( owner.nodeType ) { + owner[ this.expando ] = value; + + // Otherwise secure it in a non-enumerable property + // configurable must be true to allow the property to be + // deleted when data is removed + } else { + Object.defineProperty( owner, this.expando, { + value: value, + configurable: true + } ); + } + } + } + + return value; + }, + set: function( owner, data, value ) { + var prop, + cache = this.cache( owner ); + + // Handle: [ owner, key, value ] args + // Always use camelCase key (gh-2257) + if ( typeof data === "string" ) { + cache[ camelCase( data ) ] = value; + + // Handle: [ owner, { properties } ] args + } else { + + // Copy the properties one-by-one to the cache object + for ( prop in data ) { + cache[ camelCase( prop ) ] = data[ prop ]; + } + } + return cache; + }, + get: function( owner, key ) { + return key === undefined ? + this.cache( owner ) : + + // Always use camelCase key (gh-2257) + owner[ this.expando ] && owner[ this.expando ][ camelCase( key ) ]; + }, + access: function( owner, key, value ) { + + // In cases where either: + // + // 1. No key was specified + // 2. A string key was specified, but no value provided + // + // Take the "read" path and allow the get method to determine + // which value to return, respectively either: + // + // 1. The entire cache object + // 2. The data stored at the key + // + if ( key === undefined || + ( ( key && typeof key === "string" ) && value === undefined ) ) { + + return this.get( owner, key ); + } + + // When the key is not a string, or both a key and value + // are specified, set or extend (existing objects) with either: + // + // 1. An object of properties + // 2. A key and value + // + this.set( owner, key, value ); + + // Since the "set" path can have two possible entry points + // return the expected data based on which path was taken[*] + return value !== undefined ? value : key; + }, + remove: function( owner, key ) { + var i, + cache = owner[ this.expando ]; + + if ( cache === undefined ) { + return; + } + + if ( key !== undefined ) { + + // Support array or space separated string of keys + if ( Array.isArray( key ) ) { + + // If key is an array of keys... + // We always set camelCase keys, so remove that. + key = key.map( camelCase ); + } else { + key = camelCase( key ); + + // If a key with the spaces exists, use it. + // Otherwise, create an array by matching non-whitespace + key = key in cache ? + [ key ] : + ( key.match( rnothtmlwhite ) || [] ); + } + + i = key.length; + + while ( i-- ) { + delete cache[ key[ i ] ]; + } + } + + // Remove the expando if there's no more data + if ( key === undefined || jQuery.isEmptyObject( cache ) ) { + + // Support: Chrome <=35 - 45 + // Webkit & Blink performance suffers when deleting properties + // from DOM nodes, so set to undefined instead + // https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted) + if ( owner.nodeType ) { + owner[ this.expando ] = undefined; + } else { + delete owner[ this.expando ]; + } + } + }, + hasData: function( owner ) { + var cache = owner[ this.expando ]; + return cache !== undefined && !jQuery.isEmptyObject( cache ); + } + }; + var dataPriv = new Data(); + + var dataUser = new Data(); + + + + // Implementation Summary + // + // 1. Enforce API surface and semantic compatibility with 1.9.x branch + // 2. Improve the module's maintainability by reducing the storage + // paths to a single mechanism. + // 3. Use the same single mechanism to support "private" and "user" data. + // 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData) + // 5. Avoid exposing implementation details on user objects (eg. expando properties) + // 6. Provide a clear path for implementation upgrade to WeakMap in 2014 + + var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, + rmultiDash = /[A-Z]/g; + + function getData( data ) { + if ( data === "true" ) { + return true; + } + + if ( data === "false" ) { + return false; + } + + if ( data === "null" ) { + return null; + } + + // Only convert to a number if it doesn't change the string + if ( data === +data + "" ) { + return +data; + } + + if ( rbrace.test( data ) ) { + return JSON.parse( data ); + } + + return data; + } + + function dataAttr( elem, key, data ) { + var name; + + // If nothing was found internally, try to fetch any + // data from the HTML5 data-* attribute + if ( data === undefined && elem.nodeType === 1 ) { + name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase(); + data = elem.getAttribute( name ); + + if ( typeof data === "string" ) { + try { + data = getData( data ); + } catch ( e ) {} + + // Make sure we set the data so it isn't changed later + dataUser.set( elem, key, data ); + } else { + data = undefined; + } + } + return data; + } + + jQuery.extend( { + hasData: function( elem ) { + return dataUser.hasData( elem ) || dataPriv.hasData( elem ); + }, + + data: function( elem, name, data ) { + return dataUser.access( elem, name, data ); + }, + + removeData: function( elem, name ) { + dataUser.remove( elem, name ); + }, + + // TODO: Now that all calls to _data and _removeData have been replaced + // with direct calls to dataPriv methods, these can be deprecated. + _data: function( elem, name, data ) { + return dataPriv.access( elem, name, data ); + }, + + _removeData: function( elem, name ) { + dataPriv.remove( elem, name ); + } + } ); + + jQuery.fn.extend( { + data: function( key, value ) { + var i, name, data, + elem = this[ 0 ], + attrs = elem && elem.attributes; + + // Gets all values + if ( key === undefined ) { + if ( this.length ) { + data = dataUser.get( elem ); + + if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) { + i = attrs.length; + while ( i-- ) { + + // Support: IE 11 only + // The attrs elements can be null (#14894) + if ( attrs[ i ] ) { + name = attrs[ i ].name; + if ( name.indexOf( "data-" ) === 0 ) { + name = camelCase( name.slice( 5 ) ); + dataAttr( elem, name, data[ name ] ); + } + } + } + dataPriv.set( elem, "hasDataAttrs", true ); + } + } + + return data; + } + + // Sets multiple values + if ( typeof key === "object" ) { + return this.each( function() { + dataUser.set( this, key ); + } ); + } + + return access( this, function( value ) { + var data; + + // The calling jQuery object (element matches) is not empty + // (and therefore has an element appears at this[ 0 ]) and the + // `value` parameter was not undefined. An empty jQuery object + // will result in `undefined` for elem = this[ 0 ] which will + // throw an exception if an attempt to read a data cache is made. + if ( elem && value === undefined ) { + + // Attempt to get data from the cache + // The key will always be camelCased in Data + data = dataUser.get( elem, key ); + if ( data !== undefined ) { + return data; + } + + // Attempt to "discover" the data in + // HTML5 custom data-* attrs + data = dataAttr( elem, key ); + if ( data !== undefined ) { + return data; + } + + // We tried really hard, but the data doesn't exist. + return; + } + + // Set the data... + this.each( function() { + + // We always store the camelCased key + dataUser.set( this, key, value ); + } ); + }, null, value, arguments.length > 1, null, true ); + }, + + removeData: function( key ) { + return this.each( function() { + dataUser.remove( this, key ); + } ); + } + } ); + + + jQuery.extend( { + queue: function( elem, type, data ) { + var queue; + + if ( elem ) { + type = ( type || "fx" ) + "queue"; + queue = dataPriv.get( elem, type ); + + // Speed up dequeue by getting out quickly if this is just a lookup + if ( data ) { + if ( !queue || Array.isArray( data ) ) { + queue = dataPriv.access( elem, type, jQuery.makeArray( data ) ); + } else { + queue.push( data ); + } + } + return queue || []; + } + }, + + dequeue: function( elem, type ) { + type = type || "fx"; + + var queue = jQuery.queue( elem, type ), + startLength = queue.length, + fn = queue.shift(), + hooks = jQuery._queueHooks( elem, type ), + next = function() { + jQuery.dequeue( elem, type ); + }; + + // If the fx queue is dequeued, always remove the progress sentinel + if ( fn === "inprogress" ) { + fn = queue.shift(); + startLength--; + } + + if ( fn ) { + + // Add a progress sentinel to prevent the fx queue from being + // automatically dequeued + if ( type === "fx" ) { + queue.unshift( "inprogress" ); + } + + // Clear up the last queue stop function + delete hooks.stop; + fn.call( elem, next, hooks ); + } + + if ( !startLength && hooks ) { + hooks.empty.fire(); + } + }, + + // Not public - generate a queueHooks object, or return the current one + _queueHooks: function( elem, type ) { + var key = type + "queueHooks"; + return dataPriv.get( elem, key ) || dataPriv.access( elem, key, { + empty: jQuery.Callbacks( "once memory" ).add( function() { + dataPriv.remove( elem, [ type + "queue", key ] ); + } ) + } ); + } + } ); + + jQuery.fn.extend( { + queue: function( type, data ) { + var setter = 2; + + if ( typeof type !== "string" ) { + data = type; + type = "fx"; + setter--; + } + + if ( arguments.length < setter ) { + return jQuery.queue( this[ 0 ], type ); + } + + return data === undefined ? + this : + this.each( function() { + var queue = jQuery.queue( this, type, data ); + + // Ensure a hooks for this queue + jQuery._queueHooks( this, type ); + + if ( type === "fx" && queue[ 0 ] !== "inprogress" ) { + jQuery.dequeue( this, type ); + } + } ); + }, + dequeue: function( type ) { + return this.each( function() { + jQuery.dequeue( this, type ); + } ); + }, + clearQueue: function( type ) { + return this.queue( type || "fx", [] ); + }, + + // Get a promise resolved when queues of a certain type + // are emptied (fx is the type by default) + promise: function( type, obj ) { + var tmp, + count = 1, + defer = jQuery.Deferred(), + elements = this, + i = this.length, + resolve = function() { + if ( !( --count ) ) { + defer.resolveWith( elements, [ elements ] ); + } + }; + + if ( typeof type !== "string" ) { + obj = type; + type = undefined; + } + type = type || "fx"; + + while ( i-- ) { + tmp = dataPriv.get( elements[ i ], type + "queueHooks" ); + if ( tmp && tmp.empty ) { + count++; + tmp.empty.add( resolve ); + } + } + resolve(); + return defer.promise( obj ); + } + } ); + var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source; + + var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ); + + + var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; + + var isHiddenWithinTree = function( elem, el ) { + + // isHiddenWithinTree might be called from jQuery#filter function; + // in that case, element will be second argument + elem = el || elem; + + // Inline style trumps all + return elem.style.display === "none" || + elem.style.display === "" && + + // Otherwise, check computed style + // Support: Firefox <=43 - 45 + // Disconnected elements can have computed display: none, so first confirm that elem is + // in the document. + jQuery.contains( elem.ownerDocument, elem ) && + + jQuery.css( elem, "display" ) === "none"; + }; + + var swap = function( elem, options, callback, args ) { + var ret, name, + old = {}; + + // Remember the old values, and insert the new ones + for ( name in options ) { + old[ name ] = elem.style[ name ]; + elem.style[ name ] = options[ name ]; + } + + ret = callback.apply( elem, args || [] ); + + // Revert the old values + for ( name in options ) { + elem.style[ name ] = old[ name ]; + } + + return ret; + }; + + + + + function adjustCSS( elem, prop, valueParts, tween ) { + var adjusted, scale, + maxIterations = 20, + currentValue = tween ? + function() { + return tween.cur(); + } : + function() { + return jQuery.css( elem, prop, "" ); + }, + initial = currentValue(), + unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ), + + // Starting value computation is required for potential unit mismatches + initialInUnit = ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) && + rcssNum.exec( jQuery.css( elem, prop ) ); + + if ( initialInUnit && initialInUnit[ 3 ] !== unit ) { + + // Support: Firefox <=54 + // Halve the iteration target value to prevent interference from CSS upper bounds (gh-2144) + initial = initial / 2; + + // Trust units reported by jQuery.css + unit = unit || initialInUnit[ 3 ]; + + // Iteratively approximate from a nonzero starting point + initialInUnit = +initial || 1; + + while ( maxIterations-- ) { + + // Evaluate and update our best guess (doubling guesses that zero out). + // Finish if the scale equals or crosses 1 (making the old*new product non-positive). + jQuery.style( elem, prop, initialInUnit + unit ); + if ( ( 1 - scale ) * ( 1 - ( scale = currentValue() / initial || 0.5 ) ) <= 0 ) { + maxIterations = 0; + } + initialInUnit = initialInUnit / scale; + + } + + initialInUnit = initialInUnit * 2; + jQuery.style( elem, prop, initialInUnit + unit ); + + // Make sure we update the tween properties later on + valueParts = valueParts || []; + } + + if ( valueParts ) { + initialInUnit = +initialInUnit || +initial || 0; + + // Apply relative offset (+=/-=) if specified + adjusted = valueParts[ 1 ] ? + initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] : + +valueParts[ 2 ]; + if ( tween ) { + tween.unit = unit; + tween.start = initialInUnit; + tween.end = adjusted; + } + } + return adjusted; + } + + + var defaultDisplayMap = {}; + + function getDefaultDisplay( elem ) { + var temp, + doc = elem.ownerDocument, + nodeName = elem.nodeName, + display = defaultDisplayMap[ nodeName ]; + + if ( display ) { + return display; + } + + temp = doc.body.appendChild( doc.createElement( nodeName ) ); + display = jQuery.css( temp, "display" ); + + temp.parentNode.removeChild( temp ); + + if ( display === "none" ) { + display = "block"; + } + defaultDisplayMap[ nodeName ] = display; + + return display; + } + + function showHide( elements, show ) { + var display, elem, + values = [], + index = 0, + length = elements.length; + + // Determine new display value for elements that need to change + for ( ; index < length; index++ ) { + elem = elements[ index ]; + if ( !elem.style ) { + continue; + } + + display = elem.style.display; + if ( show ) { + + // Since we force visibility upon cascade-hidden elements, an immediate (and slow) + // check is required in this first loop unless we have a nonempty display value (either + // inline or about-to-be-restored) + if ( display === "none" ) { + values[ index ] = dataPriv.get( elem, "display" ) || null; + if ( !values[ index ] ) { + elem.style.display = ""; + } + } + if ( elem.style.display === "" && isHiddenWithinTree( elem ) ) { + values[ index ] = getDefaultDisplay( elem ); + } + } else { + if ( display !== "none" ) { + values[ index ] = "none"; + + // Remember what we're overwriting + dataPriv.set( elem, "display", display ); + } + } + } + + // Set the display of the elements in a second loop to avoid constant reflow + for ( index = 0; index < length; index++ ) { + if ( values[ index ] != null ) { + elements[ index ].style.display = values[ index ]; + } + } + + return elements; + } + + jQuery.fn.extend( { + show: function() { + return showHide( this, true ); + }, + hide: function() { + return showHide( this ); + }, + toggle: function( state ) { + if ( typeof state === "boolean" ) { + return state ? this.show() : this.hide(); + } + + return this.each( function() { + if ( isHiddenWithinTree( this ) ) { + jQuery( this ).show(); + } else { + jQuery( this ).hide(); + } + } ); + } + } ); + var rcheckableType = ( /^(?:checkbox|radio)$/i ); + + var rtagName = ( /<([a-z][^\/\0>\x20\t\r\n\f]+)/i ); + + var rscriptType = ( /^$|^module$|\/(?:java|ecma)script/i ); + + + + // We have to close these tags to support XHTML (#13200) + var wrapMap = { + + // Support: IE <=9 only + option: [ 1, "" ], + + // XHTML parsers do not magically insert elements in the + // same way that tag soup parsers do. So we cannot shorten + // this by omitting or other required elements. + thead: [ 1, "", "
" ], + col: [ 2, "", "
" ], + tr: [ 2, "", "
" ], + td: [ 3, "", "
" ], + + _default: [ 0, "", "" ] + }; + + // Support: IE <=9 only + wrapMap.optgroup = wrapMap.option; + + wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; + wrapMap.th = wrapMap.td; + + + function getAll( context, tag ) { + + // Support: IE <=9 - 11 only + // Use typeof to avoid zero-argument method invocation on host objects (#15151) + var ret; + + if ( typeof context.getElementsByTagName !== "undefined" ) { + ret = context.getElementsByTagName( tag || "*" ); + + } else if ( typeof context.querySelectorAll !== "undefined" ) { + ret = context.querySelectorAll( tag || "*" ); + + } else { + ret = []; + } + + if ( tag === undefined || tag && nodeName( context, tag ) ) { + return jQuery.merge( [ context ], ret ); + } + + return ret; + } + + + // Mark scripts as having already been evaluated + function setGlobalEval( elems, refElements ) { + var i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + dataPriv.set( + elems[ i ], + "globalEval", + !refElements || dataPriv.get( refElements[ i ], "globalEval" ) + ); + } + } + + + var rhtml = /<|&#?\w+;/; + + function buildFragment( elems, context, scripts, selection, ignored ) { + var elem, tmp, tag, wrap, contains, j, + fragment = context.createDocumentFragment(), + nodes = [], + i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + elem = elems[ i ]; + + if ( elem || elem === 0 ) { + + // Add nodes directly + if ( toType( elem ) === "object" ) { + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); + + // Convert non-html into a text node + } else if ( !rhtml.test( elem ) ) { + nodes.push( context.createTextNode( elem ) ); + + // Convert html into DOM nodes + } else { + tmp = tmp || fragment.appendChild( context.createElement( "div" ) ); + + // Deserialize a standard representation + tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); + wrap = wrapMap[ tag ] || wrapMap._default; + tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ]; + + // Descend through wrappers to the right content + j = wrap[ 0 ]; + while ( j-- ) { + tmp = tmp.lastChild; + } + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, tmp.childNodes ); + + // Remember the top-level container + tmp = fragment.firstChild; + + // Ensure the created nodes are orphaned (#12392) + tmp.textContent = ""; + } + } + } + + // Remove wrapper from fragment + fragment.textContent = ""; + + i = 0; + while ( ( elem = nodes[ i++ ] ) ) { + + // Skip elements already in the context collection (trac-4087) + if ( selection && jQuery.inArray( elem, selection ) > -1 ) { + if ( ignored ) { + ignored.push( elem ); + } + continue; + } + + contains = jQuery.contains( elem.ownerDocument, elem ); + + // Append to fragment + tmp = getAll( fragment.appendChild( elem ), "script" ); + + // Preserve script evaluation history + if ( contains ) { + setGlobalEval( tmp ); + } + + // Capture executables + if ( scripts ) { + j = 0; + while ( ( elem = tmp[ j++ ] ) ) { + if ( rscriptType.test( elem.type || "" ) ) { + scripts.push( elem ); + } + } + } + } + + return fragment; + } + + + ( function() { + var fragment = document.createDocumentFragment(), + div = fragment.appendChild( document.createElement( "div" ) ), + input = document.createElement( "input" ); + + // Support: Android 4.0 - 4.3 only + // Check state lost if the name is set (#11217) + // Support: Windows Web Apps (WWA) + // `name` and `type` must use .setAttribute for WWA (#14901) + input.setAttribute( "type", "radio" ); + input.setAttribute( "checked", "checked" ); + input.setAttribute( "name", "t" ); + + div.appendChild( input ); + + // Support: Android <=4.1 only + // Older WebKit doesn't clone checked state correctly in fragments + support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; + + // Support: IE <=11 only + // Make sure textarea (and checkbox) defaultValue is properly cloned + div.innerHTML = ""; + support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; + } )(); + var documentElement = document.documentElement; + + + + var + rkeyEvent = /^key/, + rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/, + rtypenamespace = /^([^.]*)(?:\.(.+)|)/; + + function returnTrue() { + return true; + } + + function returnFalse() { + return false; + } + + // Support: IE <=9 only + // See #13393 for more info + function safeActiveElement() { + try { + return document.activeElement; + } catch ( err ) { } + } + + function on( elem, types, selector, data, fn, one ) { + var origFn, type; + + // Types can be a map of types/handlers + if ( typeof types === "object" ) { + + // ( types-Object, selector, data ) + if ( typeof selector !== "string" ) { + + // ( types-Object, data ) + data = data || selector; + selector = undefined; + } + for ( type in types ) { + on( elem, type, selector, data, types[ type ], one ); + } + return elem; + } + + if ( data == null && fn == null ) { + + // ( types, fn ) + fn = selector; + data = selector = undefined; + } else if ( fn == null ) { + if ( typeof selector === "string" ) { + + // ( types, selector, fn ) + fn = data; + data = undefined; + } else { + + // ( types, data, fn ) + fn = data; + data = selector; + selector = undefined; + } + } + if ( fn === false ) { + fn = returnFalse; + } else if ( !fn ) { + return elem; + } + + if ( one === 1 ) { + origFn = fn; + fn = function( event ) { + + // Can use an empty set, since event contains the info + jQuery().off( event ); + return origFn.apply( this, arguments ); + }; + + // Use same guid so caller can remove using origFn + fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); + } + return elem.each( function() { + jQuery.event.add( this, types, fn, data, selector ); + } ); + } + + /* + * Helper functions for managing events -- not part of the public interface. + * Props to Dean Edwards' addEvent library for many of the ideas. + */ + jQuery.event = { + + global: {}, + + add: function( elem, types, handler, data, selector ) { + + var handleObjIn, eventHandle, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = dataPriv.get( elem ); + + // Don't attach events to noData or text/comment nodes (but allow plain objects) + if ( !elemData ) { + return; + } + + // Caller can pass in an object of custom data in lieu of the handler + if ( handler.handler ) { + handleObjIn = handler; + handler = handleObjIn.handler; + selector = handleObjIn.selector; + } + + // Ensure that invalid selectors throw exceptions at attach time + // Evaluate against documentElement in case elem is a non-element node (e.g., document) + if ( selector ) { + jQuery.find.matchesSelector( documentElement, selector ); + } + + // Make sure that the handler has a unique ID, used to find/remove it later + if ( !handler.guid ) { + handler.guid = jQuery.guid++; + } + + // Init the element's event structure and main handler, if this is the first + if ( !( events = elemData.events ) ) { + events = elemData.events = {}; + } + if ( !( eventHandle = elemData.handle ) ) { + eventHandle = elemData.handle = function( e ) { + + // Discard the second event of a jQuery.event.trigger() and + // when an event is called after a page has unloaded + return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ? + jQuery.event.dispatch.apply( elem, arguments ) : undefined; + }; + } + + // Handle multiple events separated by a space + types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[ t ] ) || []; + type = origType = tmp[ 1 ]; + namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); + + // There *must* be a type, no attaching namespace-only handlers + if ( !type ) { + continue; + } + + // If event changes its type, use the special event handlers for the changed type + special = jQuery.event.special[ type ] || {}; + + // If selector defined, determine special event api type, otherwise given type + type = ( selector ? special.delegateType : special.bindType ) || type; + + // Update special based on newly reset type + special = jQuery.event.special[ type ] || {}; + + // handleObj is passed to all event handlers + handleObj = jQuery.extend( { + type: type, + origType: origType, + data: data, + handler: handler, + guid: handler.guid, + selector: selector, + needsContext: selector && jQuery.expr.match.needsContext.test( selector ), + namespace: namespaces.join( "." ) + }, handleObjIn ); + + // Init the event handler queue if we're the first + if ( !( handlers = events[ type ] ) ) { + handlers = events[ type ] = []; + handlers.delegateCount = 0; + + // Only use addEventListener if the special events handler returns false + if ( !special.setup || + special.setup.call( elem, data, namespaces, eventHandle ) === false ) { + + if ( elem.addEventListener ) { + elem.addEventListener( type, eventHandle ); + } + } + } + + if ( special.add ) { + special.add.call( elem, handleObj ); + + if ( !handleObj.handler.guid ) { + handleObj.handler.guid = handler.guid; + } + } + + // Add to the element's handler list, delegates in front + if ( selector ) { + handlers.splice( handlers.delegateCount++, 0, handleObj ); + } else { + handlers.push( handleObj ); + } + + // Keep track of which events have ever been used, for event optimization + jQuery.event.global[ type ] = true; + } + + }, + + // Detach an event or set of events from an element + remove: function( elem, types, handler, selector, mappedTypes ) { + + var j, origCount, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = dataPriv.hasData( elem ) && dataPriv.get( elem ); + + if ( !elemData || !( events = elemData.events ) ) { + return; + } + + // Once for each type.namespace in types; type may be omitted + types = ( types || "" ).match( rnothtmlwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[ t ] ) || []; + type = origType = tmp[ 1 ]; + namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); + + // Unbind all events (on this namespace, if provided) for the element + if ( !type ) { + for ( type in events ) { + jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); + } + continue; + } + + special = jQuery.event.special[ type ] || {}; + type = ( selector ? special.delegateType : special.bindType ) || type; + handlers = events[ type ] || []; + tmp = tmp[ 2 ] && + new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ); + + // Remove matching events + origCount = j = handlers.length; + while ( j-- ) { + handleObj = handlers[ j ]; + + if ( ( mappedTypes || origType === handleObj.origType ) && + ( !handler || handler.guid === handleObj.guid ) && + ( !tmp || tmp.test( handleObj.namespace ) ) && + ( !selector || selector === handleObj.selector || + selector === "**" && handleObj.selector ) ) { + handlers.splice( j, 1 ); + + if ( handleObj.selector ) { + handlers.delegateCount--; + } + if ( special.remove ) { + special.remove.call( elem, handleObj ); + } + } + } + + // Remove generic event handler if we removed something and no more handlers exist + // (avoids potential for endless recursion during removal of special event handlers) + if ( origCount && !handlers.length ) { + if ( !special.teardown || + special.teardown.call( elem, namespaces, elemData.handle ) === false ) { + + jQuery.removeEvent( elem, type, elemData.handle ); + } + + delete events[ type ]; + } + } + + // Remove data and the expando if it's no longer used + if ( jQuery.isEmptyObject( events ) ) { + dataPriv.remove( elem, "handle events" ); + } + }, + + dispatch: function( nativeEvent ) { + + // Make a writable jQuery.Event from the native event object + var event = jQuery.event.fix( nativeEvent ); + + var i, j, ret, matched, handleObj, handlerQueue, + args = new Array( arguments.length ), + handlers = ( dataPriv.get( this, "events" ) || {} )[ event.type ] || [], + special = jQuery.event.special[ event.type ] || {}; + + // Use the fix-ed jQuery.Event rather than the (read-only) native event + args[ 0 ] = event; + + for ( i = 1; i < arguments.length; i++ ) { + args[ i ] = arguments[ i ]; + } + + event.delegateTarget = this; + + // Call the preDispatch hook for the mapped type, and let it bail if desired + if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { + return; + } + + // Determine handlers + handlerQueue = jQuery.event.handlers.call( this, event, handlers ); + + // Run delegates first; they may want to stop propagation beneath us + i = 0; + while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) { + event.currentTarget = matched.elem; + + j = 0; + while ( ( handleObj = matched.handlers[ j++ ] ) && + !event.isImmediatePropagationStopped() ) { + + // Triggered event must either 1) have no namespace, or 2) have namespace(s) + // a subset or equal to those in the bound event (both can have no namespace). + if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) { + + event.handleObj = handleObj; + event.data = handleObj.data; + + ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle || + handleObj.handler ).apply( matched.elem, args ); + + if ( ret !== undefined ) { + if ( ( event.result = ret ) === false ) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if ( special.postDispatch ) { + special.postDispatch.call( this, event ); + } + + return event.result; + }, + + handlers: function( event, handlers ) { + var i, handleObj, sel, matchedHandlers, matchedSelectors, + handlerQueue = [], + delegateCount = handlers.delegateCount, + cur = event.target; + + // Find delegate handlers + if ( delegateCount && + + // Support: IE <=9 + // Black-hole SVG instance trees (trac-13180) + cur.nodeType && + + // Support: Firefox <=42 + // Suppress spec-violating clicks indicating a non-primary pointer button (trac-3861) + // https://www.w3.org/TR/DOM-Level-3-Events/#event-type-click + // Support: IE 11 only + // ...but not arrow key "clicks" of radio inputs, which can have `button` -1 (gh-2343) + !( event.type === "click" && event.button >= 1 ) ) { + + for ( ; cur !== this; cur = cur.parentNode || this ) { + + // Don't check non-elements (#13208) + // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) + if ( cur.nodeType === 1 && !( event.type === "click" && cur.disabled === true ) ) { + matchedHandlers = []; + matchedSelectors = {}; + for ( i = 0; i < delegateCount; i++ ) { + handleObj = handlers[ i ]; + + // Don't conflict with Object.prototype properties (#13203) + sel = handleObj.selector + " "; + + if ( matchedSelectors[ sel ] === undefined ) { + matchedSelectors[ sel ] = handleObj.needsContext ? + jQuery( sel, this ).index( cur ) > -1 : + jQuery.find( sel, this, null, [ cur ] ).length; + } + if ( matchedSelectors[ sel ] ) { + matchedHandlers.push( handleObj ); + } + } + if ( matchedHandlers.length ) { + handlerQueue.push( { elem: cur, handlers: matchedHandlers } ); + } + } + } + } + + // Add the remaining (directly-bound) handlers + cur = this; + if ( delegateCount < handlers.length ) { + handlerQueue.push( { elem: cur, handlers: handlers.slice( delegateCount ) } ); + } + + return handlerQueue; + }, + + addProp: function( name, hook ) { + Object.defineProperty( jQuery.Event.prototype, name, { + enumerable: true, + configurable: true, + + get: isFunction( hook ) ? + function() { + if ( this.originalEvent ) { + return hook( this.originalEvent ); + } + } : + function() { + if ( this.originalEvent ) { + return this.originalEvent[ name ]; + } + }, + + set: function( value ) { + Object.defineProperty( this, name, { + enumerable: true, + configurable: true, + writable: true, + value: value + } ); + } + } ); + }, + + fix: function( originalEvent ) { + return originalEvent[ jQuery.expando ] ? + originalEvent : + new jQuery.Event( originalEvent ); + }, + + special: { + load: { + + // Prevent triggered image.load events from bubbling to window.load + noBubble: true + }, + focus: { + + // Fire native event if possible so blur/focus sequence is correct + trigger: function() { + if ( this !== safeActiveElement() && this.focus ) { + this.focus(); + return false; + } + }, + delegateType: "focusin" + }, + blur: { + trigger: function() { + if ( this === safeActiveElement() && this.blur ) { + this.blur(); + return false; + } + }, + delegateType: "focusout" + }, + click: { + + // For checkbox, fire native event so checked state will be right + trigger: function() { + if ( this.type === "checkbox" && this.click && nodeName( this, "input" ) ) { + this.click(); + return false; + } + }, + + // For cross-browser consistency, don't fire native .click() on links + _default: function( event ) { + return nodeName( event.target, "a" ); + } + }, + + beforeunload: { + postDispatch: function( event ) { + + // Support: Firefox 20+ + // Firefox doesn't alert if the returnValue field is not set. + if ( event.result !== undefined && event.originalEvent ) { + event.originalEvent.returnValue = event.result; + } + } + } + } + }; + + jQuery.removeEvent = function( elem, type, handle ) { + + // This "if" is needed for plain objects + if ( elem.removeEventListener ) { + elem.removeEventListener( type, handle ); + } + }; + + jQuery.Event = function( src, props ) { + + // Allow instantiation without the 'new' keyword + if ( !( this instanceof jQuery.Event ) ) { + return new jQuery.Event( src, props ); + } + + // Event object + if ( src && src.type ) { + this.originalEvent = src; + this.type = src.type; + + // Events bubbling up the document may have been marked as prevented + // by a handler lower down the tree; reflect the correct value. + this.isDefaultPrevented = src.defaultPrevented || + src.defaultPrevented === undefined && + + // Support: Android <=2.3 only + src.returnValue === false ? + returnTrue : + returnFalse; + + // Create target properties + // Support: Safari <=6 - 7 only + // Target should not be a text node (#504, #13143) + this.target = ( src.target && src.target.nodeType === 3 ) ? + src.target.parentNode : + src.target; + + this.currentTarget = src.currentTarget; + this.relatedTarget = src.relatedTarget; + + // Event type + } else { + this.type = src; + } + + // Put explicitly provided properties onto the event object + if ( props ) { + jQuery.extend( this, props ); + } + + // Create a timestamp if incoming event doesn't have one + this.timeStamp = src && src.timeStamp || Date.now(); + + // Mark it as fixed + this[ jQuery.expando ] = true; + }; + + // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding + // https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html + jQuery.Event.prototype = { + constructor: jQuery.Event, + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse, + isSimulated: false, + + preventDefault: function() { + var e = this.originalEvent; + + this.isDefaultPrevented = returnTrue; + + if ( e && !this.isSimulated ) { + e.preventDefault(); + } + }, + stopPropagation: function() { + var e = this.originalEvent; + + this.isPropagationStopped = returnTrue; + + if ( e && !this.isSimulated ) { + e.stopPropagation(); + } + }, + stopImmediatePropagation: function() { + var e = this.originalEvent; + + this.isImmediatePropagationStopped = returnTrue; + + if ( e && !this.isSimulated ) { + e.stopImmediatePropagation(); + } + + this.stopPropagation(); + } + }; + + // Includes all common event props including KeyEvent and MouseEvent specific props + jQuery.each( { + altKey: true, + bubbles: true, + cancelable: true, + changedTouches: true, + ctrlKey: true, + detail: true, + eventPhase: true, + metaKey: true, + pageX: true, + pageY: true, + shiftKey: true, + view: true, + "char": true, + charCode: true, + key: true, + keyCode: true, + button: true, + buttons: true, + clientX: true, + clientY: true, + offsetX: true, + offsetY: true, + pointerId: true, + pointerType: true, + screenX: true, + screenY: true, + targetTouches: true, + toElement: true, + touches: true, + + which: function( event ) { + var button = event.button; + + // Add which for key events + if ( event.which == null && rkeyEvent.test( event.type ) ) { + return event.charCode != null ? event.charCode : event.keyCode; + } + + // Add which for click: 1 === left; 2 === middle; 3 === right + if ( !event.which && button !== undefined && rmouseEvent.test( event.type ) ) { + if ( button & 1 ) { + return 1; + } + + if ( button & 2 ) { + return 3; + } + + if ( button & 4 ) { + return 2; + } + + return 0; + } + + return event.which; + } + }, jQuery.event.addProp ); + + // Create mouseenter/leave events using mouseover/out and event-time checks + // so that event delegation works in jQuery. + // Do the same for pointerenter/pointerleave and pointerover/pointerout + // + // Support: Safari 7 only + // Safari sends mouseenter too often; see: + // https://bugs.chromium.org/p/chromium/issues/detail?id=470258 + // for the description of the bug (it existed in older Chrome versions as well). + jQuery.each( { + mouseenter: "mouseover", + mouseleave: "mouseout", + pointerenter: "pointerover", + pointerleave: "pointerout" + }, function( orig, fix ) { + jQuery.event.special[ orig ] = { + delegateType: fix, + bindType: fix, + + handle: function( event ) { + var ret, + target = this, + related = event.relatedTarget, + handleObj = event.handleObj; + + // For mouseenter/leave call the handler if related is outside the target. + // NB: No relatedTarget if the mouse left/entered the browser window + if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) { + event.type = handleObj.origType; + ret = handleObj.handler.apply( this, arguments ); + event.type = fix; + } + return ret; + } + }; + } ); + + jQuery.fn.extend( { + + on: function( types, selector, data, fn ) { + return on( this, types, selector, data, fn ); + }, + one: function( types, selector, data, fn ) { + return on( this, types, selector, data, fn, 1 ); + }, + off: function( types, selector, fn ) { + var handleObj, type; + if ( types && types.preventDefault && types.handleObj ) { + + // ( event ) dispatched jQuery.Event + handleObj = types.handleObj; + jQuery( types.delegateTarget ).off( + handleObj.namespace ? + handleObj.origType + "." + handleObj.namespace : + handleObj.origType, + handleObj.selector, + handleObj.handler + ); + return this; + } + if ( typeof types === "object" ) { + + // ( types-object [, selector] ) + for ( type in types ) { + this.off( type, selector, types[ type ] ); + } + return this; + } + if ( selector === false || typeof selector === "function" ) { + + // ( types [, fn] ) + fn = selector; + selector = undefined; + } + if ( fn === false ) { + fn = returnFalse; + } + return this.each( function() { + jQuery.event.remove( this, types, fn, selector ); + } ); + } + } ); + + + var + + /* eslint-disable max-len */ + + // See https://github.com/eslint/eslint/issues/3229 + rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi, + + /* eslint-enable */ + + // Support: IE <=10 - 11, Edge 12 - 13 only + // In IE/Edge using regex groups here causes severe slowdowns. + // See https://connect.microsoft.com/IE/feedback/details/1736512/ + rnoInnerhtml = /\s*$/g; + + // Prefer a tbody over its parent table for containing new rows + function manipulationTarget( elem, content ) { + if ( nodeName( elem, "table" ) && + nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ) { + + return jQuery( elem ).children( "tbody" )[ 0 ] || elem; + } + + return elem; + } + + // Replace/restore the type attribute of script elements for safe DOM manipulation + function disableScript( elem ) { + elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type; + return elem; + } + function restoreScript( elem ) { + if ( ( elem.type || "" ).slice( 0, 5 ) === "true/" ) { + elem.type = elem.type.slice( 5 ); + } else { + elem.removeAttribute( "type" ); + } + + return elem; + } + + function cloneCopyEvent( src, dest ) { + var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; + + if ( dest.nodeType !== 1 ) { + return; + } + + // 1. Copy private data: events, handlers, etc. + if ( dataPriv.hasData( src ) ) { + pdataOld = dataPriv.access( src ); + pdataCur = dataPriv.set( dest, pdataOld ); + events = pdataOld.events; + + if ( events ) { + delete pdataCur.handle; + pdataCur.events = {}; + + for ( type in events ) { + for ( i = 0, l = events[ type ].length; i < l; i++ ) { + jQuery.event.add( dest, type, events[ type ][ i ] ); + } + } + } + } + + // 2. Copy user data + if ( dataUser.hasData( src ) ) { + udataOld = dataUser.access( src ); + udataCur = jQuery.extend( {}, udataOld ); + + dataUser.set( dest, udataCur ); + } + } + + // Fix IE bugs, see support tests + function fixInput( src, dest ) { + var nodeName = dest.nodeName.toLowerCase(); + + // Fails to persist the checked state of a cloned checkbox or radio button. + if ( nodeName === "input" && rcheckableType.test( src.type ) ) { + dest.checked = src.checked; + + // Fails to return the selected option to the default selected state when cloning options + } else if ( nodeName === "input" || nodeName === "textarea" ) { + dest.defaultValue = src.defaultValue; + } + } + + function domManip( collection, args, callback, ignored ) { + + // Flatten any nested arrays + args = concat.apply( [], args ); + + var fragment, first, scripts, hasScripts, node, doc, + i = 0, + l = collection.length, + iNoClone = l - 1, + value = args[ 0 ], + valueIsFunction = isFunction( value ); + + // We can't cloneNode fragments that contain checked, in WebKit + if ( valueIsFunction || + ( l > 1 && typeof value === "string" && + !support.checkClone && rchecked.test( value ) ) ) { + return collection.each( function( index ) { + var self = collection.eq( index ); + if ( valueIsFunction ) { + args[ 0 ] = value.call( this, index, self.html() ); + } + domManip( self, args, callback, ignored ); + } ); + } + + if ( l ) { + fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored ); + first = fragment.firstChild; + + if ( fragment.childNodes.length === 1 ) { + fragment = first; + } + + // Require either new content or an interest in ignored elements to invoke the callback + if ( first || ignored ) { + scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); + hasScripts = scripts.length; + + // Use the original fragment for the last item + // instead of the first because it can end up + // being emptied incorrectly in certain situations (#8070). + for ( ; i < l; i++ ) { + node = fragment; + + if ( i !== iNoClone ) { + node = jQuery.clone( node, true, true ); + + // Keep references to cloned scripts for later restoration + if ( hasScripts ) { + + // Support: Android <=4.0 only, PhantomJS 1 only + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( scripts, getAll( node, "script" ) ); + } + } + + callback.call( collection[ i ], node, i ); + } + + if ( hasScripts ) { + doc = scripts[ scripts.length - 1 ].ownerDocument; + + // Reenable scripts + jQuery.map( scripts, restoreScript ); + + // Evaluate executable scripts on first document insertion + for ( i = 0; i < hasScripts; i++ ) { + node = scripts[ i ]; + if ( rscriptType.test( node.type || "" ) && + !dataPriv.access( node, "globalEval" ) && + jQuery.contains( doc, node ) ) { + + if ( node.src && ( node.type || "" ).toLowerCase() !== "module" ) { + + // Optional AJAX dependency, but won't run scripts if not present + if ( jQuery._evalUrl ) { + jQuery._evalUrl( node.src ); + } + } else { + DOMEval( node.textContent.replace( rcleanScript, "" ), doc, node ); + } + } + } + } + } + } + + return collection; + } + + function remove( elem, selector, keepData ) { + var node, + nodes = selector ? jQuery.filter( selector, elem ) : elem, + i = 0; + + for ( ; ( node = nodes[ i ] ) != null; i++ ) { + if ( !keepData && node.nodeType === 1 ) { + jQuery.cleanData( getAll( node ) ); + } + + if ( node.parentNode ) { + if ( keepData && jQuery.contains( node.ownerDocument, node ) ) { + setGlobalEval( getAll( node, "script" ) ); + } + node.parentNode.removeChild( node ); + } + } + + return elem; + } + + jQuery.extend( { + htmlPrefilter: function( html ) { + return html.replace( rxhtmlTag, "<$1>" ); + }, + + clone: function( elem, dataAndEvents, deepDataAndEvents ) { + var i, l, srcElements, destElements, + clone = elem.cloneNode( true ), + inPage = jQuery.contains( elem.ownerDocument, elem ); + + // Fix IE cloning issues + if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && + !jQuery.isXMLDoc( elem ) ) { + + // We eschew Sizzle here for performance reasons: https://jsperf.com/getall-vs-sizzle/2 + destElements = getAll( clone ); + srcElements = getAll( elem ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + fixInput( srcElements[ i ], destElements[ i ] ); + } + } + + // Copy the events from the original to the clone + if ( dataAndEvents ) { + if ( deepDataAndEvents ) { + srcElements = srcElements || getAll( elem ); + destElements = destElements || getAll( clone ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + cloneCopyEvent( srcElements[ i ], destElements[ i ] ); + } + } else { + cloneCopyEvent( elem, clone ); + } + } + + // Preserve script evaluation history + destElements = getAll( clone, "script" ); + if ( destElements.length > 0 ) { + setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); + } + + // Return the cloned set + return clone; + }, + + cleanData: function( elems ) { + var data, elem, type, + special = jQuery.event.special, + i = 0; + + for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) { + if ( acceptData( elem ) ) { + if ( ( data = elem[ dataPriv.expando ] ) ) { + if ( data.events ) { + for ( type in data.events ) { + if ( special[ type ] ) { + jQuery.event.remove( elem, type ); + + // This is a shortcut to avoid jQuery.event.remove's overhead + } else { + jQuery.removeEvent( elem, type, data.handle ); + } + } + } + + // Support: Chrome <=35 - 45+ + // Assign undefined instead of using delete, see Data#remove + elem[ dataPriv.expando ] = undefined; + } + if ( elem[ dataUser.expando ] ) { + + // Support: Chrome <=35 - 45+ + // Assign undefined instead of using delete, see Data#remove + elem[ dataUser.expando ] = undefined; + } + } + } + } + } ); + + jQuery.fn.extend( { + detach: function( selector ) { + return remove( this, selector, true ); + }, + + remove: function( selector ) { + return remove( this, selector ); + }, + + text: function( value ) { + return access( this, function( value ) { + return value === undefined ? + jQuery.text( this ) : + this.empty().each( function() { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + this.textContent = value; + } + } ); + }, null, value, arguments.length ); + }, + + append: function() { + return domManip( this, arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.appendChild( elem ); + } + } ); + }, + + prepend: function() { + return domManip( this, arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.insertBefore( elem, target.firstChild ); + } + } ); + }, + + before: function() { + return domManip( this, arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this ); + } + } ); + }, + + after: function() { + return domManip( this, arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this.nextSibling ); + } + } ); + }, + + empty: function() { + var elem, + i = 0; + + for ( ; ( elem = this[ i ] ) != null; i++ ) { + if ( elem.nodeType === 1 ) { + + // Prevent memory leaks + jQuery.cleanData( getAll( elem, false ) ); + + // Remove any remaining nodes + elem.textContent = ""; + } + } + + return this; + }, + + clone: function( dataAndEvents, deepDataAndEvents ) { + dataAndEvents = dataAndEvents == null ? false : dataAndEvents; + deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; + + return this.map( function() { + return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); + } ); + }, + + html: function( value ) { + return access( this, function( value ) { + var elem = this[ 0 ] || {}, + i = 0, + l = this.length; + + if ( value === undefined && elem.nodeType === 1 ) { + return elem.innerHTML; + } + + // See if we can take a shortcut and just use innerHTML + if ( typeof value === "string" && !rnoInnerhtml.test( value ) && + !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { + + value = jQuery.htmlPrefilter( value ); + + try { + for ( ; i < l; i++ ) { + elem = this[ i ] || {}; + + // Remove element nodes and prevent memory leaks + if ( elem.nodeType === 1 ) { + jQuery.cleanData( getAll( elem, false ) ); + elem.innerHTML = value; + } + } + + elem = 0; + + // If using innerHTML throws an exception, use the fallback method + } catch ( e ) {} + } + + if ( elem ) { + this.empty().append( value ); + } + }, null, value, arguments.length ); + }, + + replaceWith: function() { + var ignored = []; + + // Make the changes, replacing each non-ignored context element with the new content + return domManip( this, arguments, function( elem ) { + var parent = this.parentNode; + + if ( jQuery.inArray( this, ignored ) < 0 ) { + jQuery.cleanData( getAll( this ) ); + if ( parent ) { + parent.replaceChild( elem, this ); + } + } + + // Force callback invocation + }, ignored ); + } + } ); + + jQuery.each( { + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" + }, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var elems, + ret = [], + insert = jQuery( selector ), + last = insert.length - 1, + i = 0; + + for ( ; i <= last; i++ ) { + elems = i === last ? this : this.clone( true ); + jQuery( insert[ i ] )[ original ]( elems ); + + // Support: Android <=4.0 only, PhantomJS 1 only + // .get() because push.apply(_, arraylike) throws on ancient WebKit + push.apply( ret, elems.get() ); + } + + return this.pushStack( ret ); + }; + } ); + var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" ); + + var getStyles = function( elem ) { + + // Support: IE <=11 only, Firefox <=30 (#15098, #14150) + // IE throws on elements created in popups + // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" + var view = elem.ownerDocument.defaultView; + + if ( !view || !view.opener ) { + view = window; + } + + return view.getComputedStyle( elem ); + }; + + var rboxStyle = new RegExp( cssExpand.join( "|" ), "i" ); + + + + ( function() { + + // Executing both pixelPosition & boxSizingReliable tests require only one layout + // so they're executed at the same time to save the second computation. + function computeStyleTests() { + + // This is a singleton, we need to execute it only once + if ( !div ) { + return; + } + + container.style.cssText = "position:absolute;left:-11111px;width:60px;" + + "margin-top:1px;padding:0;border:0"; + div.style.cssText = + "position:relative;display:block;box-sizing:border-box;overflow:scroll;" + + "margin:auto;border:1px;padding:1px;" + + "width:60%;top:1%"; + documentElement.appendChild( container ).appendChild( div ); + + var divStyle = window.getComputedStyle( div ); + pixelPositionVal = divStyle.top !== "1%"; + + // Support: Android 4.0 - 4.3 only, Firefox <=3 - 44 + reliableMarginLeftVal = roundPixelMeasures( divStyle.marginLeft ) === 12; + + // Support: Android 4.0 - 4.3 only, Safari <=9.1 - 10.1, iOS <=7.0 - 9.3 + // Some styles come back with percentage values, even though they shouldn't + div.style.right = "60%"; + pixelBoxStylesVal = roundPixelMeasures( divStyle.right ) === 36; + + // Support: IE 9 - 11 only + // Detect misreporting of content dimensions for box-sizing:border-box elements + boxSizingReliableVal = roundPixelMeasures( divStyle.width ) === 36; + + // Support: IE 9 only + // Detect overflow:scroll screwiness (gh-3699) + div.style.position = "absolute"; + scrollboxSizeVal = div.offsetWidth === 36 || "absolute"; + + documentElement.removeChild( container ); + + // Nullify the div so it wouldn't be stored in the memory and + // it will also be a sign that checks already performed + div = null; + } + + function roundPixelMeasures( measure ) { + return Math.round( parseFloat( measure ) ); + } + + var pixelPositionVal, boxSizingReliableVal, scrollboxSizeVal, pixelBoxStylesVal, + reliableMarginLeftVal, + container = document.createElement( "div" ), + div = document.createElement( "div" ); + + // Finish early in limited (non-browser) environments + if ( !div.style ) { + return; + } + + // Support: IE <=9 - 11 only + // Style of cloned element affects source element cloned (#8908) + div.style.backgroundClip = "content-box"; + div.cloneNode( true ).style.backgroundClip = ""; + support.clearCloneStyle = div.style.backgroundClip === "content-box"; + + jQuery.extend( support, { + boxSizingReliable: function() { + computeStyleTests(); + return boxSizingReliableVal; + }, + pixelBoxStyles: function() { + computeStyleTests(); + return pixelBoxStylesVal; + }, + pixelPosition: function() { + computeStyleTests(); + return pixelPositionVal; + }, + reliableMarginLeft: function() { + computeStyleTests(); + return reliableMarginLeftVal; + }, + scrollboxSize: function() { + computeStyleTests(); + return scrollboxSizeVal; + } + } ); + } )(); + + + function curCSS( elem, name, computed ) { + var width, minWidth, maxWidth, ret, + + // Support: Firefox 51+ + // Retrieving style before computed somehow + // fixes an issue with getting wrong values + // on detached elements + style = elem.style; + + computed = computed || getStyles( elem ); + + // getPropertyValue is needed for: + // .css('filter') (IE 9 only, #12537) + // .css('--customProperty) (#3144) + if ( computed ) { + ret = computed.getPropertyValue( name ) || computed[ name ]; + + if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) { + ret = jQuery.style( elem, name ); + } + + // A tribute to the "awesome hack by Dean Edwards" + // Android Browser returns percentage for some values, + // but width seems to be reliably pixels. + // This is against the CSSOM draft spec: + // https://drafts.csswg.org/cssom/#resolved-values + if ( !support.pixelBoxStyles() && rnumnonpx.test( ret ) && rboxStyle.test( name ) ) { + + // Remember the original values + width = style.width; + minWidth = style.minWidth; + maxWidth = style.maxWidth; + + // Put in the new values to get a computed value out + style.minWidth = style.maxWidth = style.width = ret; + ret = computed.width; + + // Revert the changed values + style.width = width; + style.minWidth = minWidth; + style.maxWidth = maxWidth; + } + } + + return ret !== undefined ? + + // Support: IE <=9 - 11 only + // IE returns zIndex value as an integer. + ret + "" : + ret; + } + + + function addGetHookIf( conditionFn, hookFn ) { + + // Define the hook, we'll check on the first run if it's really needed. + return { + get: function() { + if ( conditionFn() ) { + + // Hook not needed (or it's not possible to use it due + // to missing dependency), remove it. + delete this.get; + return; + } + + // Hook needed; redefine it so that the support test is not executed again. + return ( this.get = hookFn ).apply( this, arguments ); + } + }; + } + + + var + + // Swappable if display is none or starts with table + // except "table", "table-cell", or "table-caption" + // See here for display values: https://developer.mozilla.org/en-US/docs/CSS/display + rdisplayswap = /^(none|table(?!-c[ea]).+)/, + rcustomProp = /^--/, + cssShow = { position: "absolute", visibility: "hidden", display: "block" }, + cssNormalTransform = { + letterSpacing: "0", + fontWeight: "400" + }, + + cssPrefixes = [ "Webkit", "Moz", "ms" ], + emptyStyle = document.createElement( "div" ).style; + + // Return a css property mapped to a potentially vendor prefixed property + function vendorPropName( name ) { + + // Shortcut for names that are not vendor prefixed + if ( name in emptyStyle ) { + return name; + } + + // Check for vendor prefixed names + var capName = name[ 0 ].toUpperCase() + name.slice( 1 ), + i = cssPrefixes.length; + + while ( i-- ) { + name = cssPrefixes[ i ] + capName; + if ( name in emptyStyle ) { + return name; + } + } + } + + // Return a property mapped along what jQuery.cssProps suggests or to + // a vendor prefixed property. + function finalPropName( name ) { + var ret = jQuery.cssProps[ name ]; + if ( !ret ) { + ret = jQuery.cssProps[ name ] = vendorPropName( name ) || name; + } + return ret; + } + + function setPositiveNumber( elem, value, subtract ) { + + // Any relative (+/-) values have already been + // normalized at this point + var matches = rcssNum.exec( value ); + return matches ? + + // Guard against undefined "subtract", e.g., when used as in cssHooks + Math.max( 0, matches[ 2 ] - ( subtract || 0 ) ) + ( matches[ 3 ] || "px" ) : + value; + } + + function boxModelAdjustment( elem, dimension, box, isBorderBox, styles, computedVal ) { + var i = dimension === "width" ? 1 : 0, + extra = 0, + delta = 0; + + // Adjustment may not be necessary + if ( box === ( isBorderBox ? "border" : "content" ) ) { + return 0; + } + + for ( ; i < 4; i += 2 ) { + + // Both box models exclude margin + if ( box === "margin" ) { + delta += jQuery.css( elem, box + cssExpand[ i ], true, styles ); + } + + // If we get here with a content-box, we're seeking "padding" or "border" or "margin" + if ( !isBorderBox ) { + + // Add padding + delta += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); + + // For "border" or "margin", add border + if ( box !== "padding" ) { + delta += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); + + // But still keep track of it otherwise + } else { + extra += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); + } + + // If we get here with a border-box (content + padding + border), we're seeking "content" or + // "padding" or "margin" + } else { + + // For "content", subtract padding + if ( box === "content" ) { + delta -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles ); + } + + // For "content" or "padding", subtract border + if ( box !== "margin" ) { + delta -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles ); + } + } + } + + // Account for positive content-box scroll gutter when requested by providing computedVal + if ( !isBorderBox && computedVal >= 0 ) { + + // offsetWidth/offsetHeight is a rounded sum of content, padding, scroll gutter, and border + // Assuming integer scroll gutter, subtract the rest and round down + delta += Math.max( 0, Math.ceil( + elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] - + computedVal - + delta - + extra - + 0.5 + ) ); + } + + return delta; + } + + function getWidthOrHeight( elem, dimension, extra ) { + + // Start with computed style + var styles = getStyles( elem ), + val = curCSS( elem, dimension, styles ), + isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box", + valueIsBorderBox = isBorderBox; + + // Support: Firefox <=54 + // Return a confounding non-pixel value or feign ignorance, as appropriate. + if ( rnumnonpx.test( val ) ) { + if ( !extra ) { + return val; + } + val = "auto"; + } + + // Check for style in case a browser which returns unreliable values + // for getComputedStyle silently falls back to the reliable elem.style + valueIsBorderBox = valueIsBorderBox && + ( support.boxSizingReliable() || val === elem.style[ dimension ] ); + + // Fall back to offsetWidth/offsetHeight when value is "auto" + // This happens for inline elements with no explicit setting (gh-3571) + // Support: Android <=4.1 - 4.3 only + // Also use offsetWidth/offsetHeight for misreported inline dimensions (gh-3602) + if ( val === "auto" || + !parseFloat( val ) && jQuery.css( elem, "display", false, styles ) === "inline" ) { + + val = elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ]; + + // offsetWidth/offsetHeight provide border-box values + valueIsBorderBox = true; + } + + // Normalize "" and auto + val = parseFloat( val ) || 0; + + // Adjust for the element's box model + return ( val + + boxModelAdjustment( + elem, + dimension, + extra || ( isBorderBox ? "border" : "content" ), + valueIsBorderBox, + styles, + + // Provide the current computed size to request scroll gutter calculation (gh-3589) + val + ) + ) + "px"; + } + + jQuery.extend( { + + // Add in style property hooks for overriding the default + // behavior of getting and setting a style property + cssHooks: { + opacity: { + get: function( elem, computed ) { + if ( computed ) { + + // We should always get a number back from opacity + var ret = curCSS( elem, "opacity" ); + return ret === "" ? "1" : ret; + } + } + } + }, + + // Don't automatically add "px" to these possibly-unitless properties + cssNumber: { + "animationIterationCount": true, + "columnCount": true, + "fillOpacity": true, + "flexGrow": true, + "flexShrink": true, + "fontWeight": true, + "lineHeight": true, + "opacity": true, + "order": true, + "orphans": true, + "widows": true, + "zIndex": true, + "zoom": true + }, + + // Add in properties whose names you wish to fix before + // setting or getting the value + cssProps: {}, + + // Get and set the style property on a DOM Node + style: function( elem, name, value, extra ) { + + // Don't set styles on text and comment nodes + if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) { + return; + } + + // Make sure that we're working with the right name + var ret, type, hooks, + origName = camelCase( name ), + isCustomProp = rcustomProp.test( name ), + style = elem.style; + + // Make sure that we're working with the right name. We don't + // want to query the value if it is a CSS custom property + // since they are user-defined. + if ( !isCustomProp ) { + name = finalPropName( origName ); + } + + // Gets hook for the prefixed version, then unprefixed version + hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; + + // Check if we're setting a value + if ( value !== undefined ) { + type = typeof value; + + // Convert "+=" or "-=" to relative numbers (#7345) + if ( type === "string" && ( ret = rcssNum.exec( value ) ) && ret[ 1 ] ) { + value = adjustCSS( elem, name, ret ); + + // Fixes bug #9237 + type = "number"; + } + + // Make sure that null and NaN values aren't set (#7116) + if ( value == null || value !== value ) { + return; + } + + // If a number was passed in, add the unit (except for certain CSS properties) + if ( type === "number" ) { + value += ret && ret[ 3 ] || ( jQuery.cssNumber[ origName ] ? "" : "px" ); + } + + // background-* props affect original clone's values + if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) { + style[ name ] = "inherit"; + } + + // If a hook was provided, use that value, otherwise just set the specified value + if ( !hooks || !( "set" in hooks ) || + ( value = hooks.set( elem, value, extra ) ) !== undefined ) { + + if ( isCustomProp ) { + style.setProperty( name, value ); + } else { + style[ name ] = value; + } + } + + } else { + + // If a hook was provided get the non-computed value from there + if ( hooks && "get" in hooks && + ( ret = hooks.get( elem, false, extra ) ) !== undefined ) { + + return ret; + } + + // Otherwise just get the value from the style object + return style[ name ]; + } + }, + + css: function( elem, name, extra, styles ) { + var val, num, hooks, + origName = camelCase( name ), + isCustomProp = rcustomProp.test( name ); + + // Make sure that we're working with the right name. We don't + // want to modify the value if it is a CSS custom property + // since they are user-defined. + if ( !isCustomProp ) { + name = finalPropName( origName ); + } + + // Try prefixed name followed by the unprefixed name + hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; + + // If a hook was provided get the computed value from there + if ( hooks && "get" in hooks ) { + val = hooks.get( elem, true, extra ); + } + + // Otherwise, if a way to get the computed value exists, use that + if ( val === undefined ) { + val = curCSS( elem, name, styles ); + } + + // Convert "normal" to computed value + if ( val === "normal" && name in cssNormalTransform ) { + val = cssNormalTransform[ name ]; + } + + // Make numeric if forced or a qualifier was provided and val looks numeric + if ( extra === "" || extra ) { + num = parseFloat( val ); + return extra === true || isFinite( num ) ? num || 0 : val; + } + + return val; + } + } ); + + jQuery.each( [ "height", "width" ], function( i, dimension ) { + jQuery.cssHooks[ dimension ] = { + get: function( elem, computed, extra ) { + if ( computed ) { + + // Certain elements can have dimension info if we invisibly show them + // but it must have a current display style that would benefit + return rdisplayswap.test( jQuery.css( elem, "display" ) ) && + + // Support: Safari 8+ + // Table columns in Safari have non-zero offsetWidth & zero + // getBoundingClientRect().width unless display is changed. + // Support: IE <=11 only + // Running getBoundingClientRect on a disconnected node + // in IE throws an error. + ( !elem.getClientRects().length || !elem.getBoundingClientRect().width ) ? + swap( elem, cssShow, function() { + return getWidthOrHeight( elem, dimension, extra ); + } ) : + getWidthOrHeight( elem, dimension, extra ); + } + }, + + set: function( elem, value, extra ) { + var matches, + styles = getStyles( elem ), + isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box", + subtract = extra && boxModelAdjustment( + elem, + dimension, + extra, + isBorderBox, + styles + ); + + // Account for unreliable border-box dimensions by comparing offset* to computed and + // faking a content-box to get border and padding (gh-3699) + if ( isBorderBox && support.scrollboxSize() === styles.position ) { + subtract -= Math.ceil( + elem[ "offset" + dimension[ 0 ].toUpperCase() + dimension.slice( 1 ) ] - + parseFloat( styles[ dimension ] ) - + boxModelAdjustment( elem, dimension, "border", false, styles ) - + 0.5 + ); + } + + // Convert to pixels if value adjustment is needed + if ( subtract && ( matches = rcssNum.exec( value ) ) && + ( matches[ 3 ] || "px" ) !== "px" ) { + + elem.style[ dimension ] = value; + value = jQuery.css( elem, dimension ); + } + + return setPositiveNumber( elem, value, subtract ); + } + }; + } ); + + jQuery.cssHooks.marginLeft = addGetHookIf( support.reliableMarginLeft, + function( elem, computed ) { + if ( computed ) { + return ( parseFloat( curCSS( elem, "marginLeft" ) ) || + elem.getBoundingClientRect().left - + swap( elem, { marginLeft: 0 }, function() { + return elem.getBoundingClientRect().left; + } ) + ) + "px"; + } + } + ); + + // These hooks are used by animate to expand properties + jQuery.each( { + margin: "", + padding: "", + border: "Width" + }, function( prefix, suffix ) { + jQuery.cssHooks[ prefix + suffix ] = { + expand: function( value ) { + var i = 0, + expanded = {}, + + // Assumes a single number if not a string + parts = typeof value === "string" ? value.split( " " ) : [ value ]; + + for ( ; i < 4; i++ ) { + expanded[ prefix + cssExpand[ i ] + suffix ] = + parts[ i ] || parts[ i - 2 ] || parts[ 0 ]; + } + + return expanded; + } + }; + + if ( prefix !== "margin" ) { + jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber; + } + } ); + + jQuery.fn.extend( { + css: function( name, value ) { + return access( this, function( elem, name, value ) { + var styles, len, + map = {}, + i = 0; + + if ( Array.isArray( name ) ) { + styles = getStyles( elem ); + len = name.length; + + for ( ; i < len; i++ ) { + map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles ); + } + + return map; + } + + return value !== undefined ? + jQuery.style( elem, name, value ) : + jQuery.css( elem, name ); + }, name, value, arguments.length > 1 ); + } + } ); + + + function Tween( elem, options, prop, end, easing ) { + return new Tween.prototype.init( elem, options, prop, end, easing ); + } + jQuery.Tween = Tween; + + Tween.prototype = { + constructor: Tween, + init: function( elem, options, prop, end, easing, unit ) { + this.elem = elem; + this.prop = prop; + this.easing = easing || jQuery.easing._default; + this.options = options; + this.start = this.now = this.cur(); + this.end = end; + this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" ); + }, + cur: function() { + var hooks = Tween.propHooks[ this.prop ]; + + return hooks && hooks.get ? + hooks.get( this ) : + Tween.propHooks._default.get( this ); + }, + run: function( percent ) { + var eased, + hooks = Tween.propHooks[ this.prop ]; + + if ( this.options.duration ) { + this.pos = eased = jQuery.easing[ this.easing ]( + percent, this.options.duration * percent, 0, 1, this.options.duration + ); + } else { + this.pos = eased = percent; + } + this.now = ( this.end - this.start ) * eased + this.start; + + if ( this.options.step ) { + this.options.step.call( this.elem, this.now, this ); + } + + if ( hooks && hooks.set ) { + hooks.set( this ); + } else { + Tween.propHooks._default.set( this ); + } + return this; + } + }; + + Tween.prototype.init.prototype = Tween.prototype; + + Tween.propHooks = { + _default: { + get: function( tween ) { + var result; + + // Use a property on the element directly when it is not a DOM element, + // or when there is no matching style property that exists. + if ( tween.elem.nodeType !== 1 || + tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) { + return tween.elem[ tween.prop ]; + } + + // Passing an empty string as a 3rd parameter to .css will automatically + // attempt a parseFloat and fallback to a string if the parse fails. + // Simple values such as "10px" are parsed to Float; + // complex values such as "rotate(1rad)" are returned as-is. + result = jQuery.css( tween.elem, tween.prop, "" ); + + // Empty strings, null, undefined and "auto" are converted to 0. + return !result || result === "auto" ? 0 : result; + }, + set: function( tween ) { + + // Use step hook for back compat. + // Use cssHook if its there. + // Use .style if available and use plain properties where available. + if ( jQuery.fx.step[ tween.prop ] ) { + jQuery.fx.step[ tween.prop ]( tween ); + } else if ( tween.elem.nodeType === 1 && + ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || + jQuery.cssHooks[ tween.prop ] ) ) { + jQuery.style( tween.elem, tween.prop, tween.now + tween.unit ); + } else { + tween.elem[ tween.prop ] = tween.now; + } + } + } + }; + + // Support: IE <=9 only + // Panic based approach to setting things on disconnected nodes + Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = { + set: function( tween ) { + if ( tween.elem.nodeType && tween.elem.parentNode ) { + tween.elem[ tween.prop ] = tween.now; + } + } + }; + + jQuery.easing = { + linear: function( p ) { + return p; + }, + swing: function( p ) { + return 0.5 - Math.cos( p * Math.PI ) / 2; + }, + _default: "swing" + }; + + jQuery.fx = Tween.prototype.init; + + // Back compat <1.8 extension point + jQuery.fx.step = {}; + + + + + var + fxNow, inProgress, + rfxtypes = /^(?:toggle|show|hide)$/, + rrun = /queueHooks$/; + + function schedule() { + if ( inProgress ) { + if ( document.hidden === false && window.requestAnimationFrame ) { + window.requestAnimationFrame( schedule ); + } else { + window.setTimeout( schedule, jQuery.fx.interval ); + } + + jQuery.fx.tick(); + } + } + + // Animations created synchronously will run synchronously + function createFxNow() { + window.setTimeout( function() { + fxNow = undefined; + } ); + return ( fxNow = Date.now() ); + } + + // Generate parameters to create a standard animation + function genFx( type, includeWidth ) { + var which, + i = 0, + attrs = { height: type }; + + // If we include width, step value is 1 to do all cssExpand values, + // otherwise step value is 2 to skip over Left and Right + includeWidth = includeWidth ? 1 : 0; + for ( ; i < 4; i += 2 - includeWidth ) { + which = cssExpand[ i ]; + attrs[ "margin" + which ] = attrs[ "padding" + which ] = type; + } + + if ( includeWidth ) { + attrs.opacity = attrs.width = type; + } + + return attrs; + } + + function createTween( value, prop, animation ) { + var tween, + collection = ( Animation.tweeners[ prop ] || [] ).concat( Animation.tweeners[ "*" ] ), + index = 0, + length = collection.length; + for ( ; index < length; index++ ) { + if ( ( tween = collection[ index ].call( animation, prop, value ) ) ) { + + // We're done with this property + return tween; + } + } + } + + function defaultPrefilter( elem, props, opts ) { + var prop, value, toggle, hooks, oldfire, propTween, restoreDisplay, display, + isBox = "width" in props || "height" in props, + anim = this, + orig = {}, + style = elem.style, + hidden = elem.nodeType && isHiddenWithinTree( elem ), + dataShow = dataPriv.get( elem, "fxshow" ); + + // Queue-skipping animations hijack the fx hooks + if ( !opts.queue ) { + hooks = jQuery._queueHooks( elem, "fx" ); + if ( hooks.unqueued == null ) { + hooks.unqueued = 0; + oldfire = hooks.empty.fire; + hooks.empty.fire = function() { + if ( !hooks.unqueued ) { + oldfire(); + } + }; + } + hooks.unqueued++; + + anim.always( function() { + + // Ensure the complete handler is called before this completes + anim.always( function() { + hooks.unqueued--; + if ( !jQuery.queue( elem, "fx" ).length ) { + hooks.empty.fire(); + } + } ); + } ); + } + + // Detect show/hide animations + for ( prop in props ) { + value = props[ prop ]; + if ( rfxtypes.test( value ) ) { + delete props[ prop ]; + toggle = toggle || value === "toggle"; + if ( value === ( hidden ? "hide" : "show" ) ) { + + // Pretend to be hidden if this is a "show" and + // there is still data from a stopped show/hide + if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) { + hidden = true; + + // Ignore all other no-op show/hide data + } else { + continue; + } + } + orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop ); + } + } + + // Bail out if this is a no-op like .hide().hide() + propTween = !jQuery.isEmptyObject( props ); + if ( !propTween && jQuery.isEmptyObject( orig ) ) { + return; + } + + // Restrict "overflow" and "display" styles during box animations + if ( isBox && elem.nodeType === 1 ) { + + // Support: IE <=9 - 11, Edge 12 - 15 + // Record all 3 overflow attributes because IE does not infer the shorthand + // from identically-valued overflowX and overflowY and Edge just mirrors + // the overflowX value there. + opts.overflow = [ style.overflow, style.overflowX, style.overflowY ]; + + // Identify a display type, preferring old show/hide data over the CSS cascade + restoreDisplay = dataShow && dataShow.display; + if ( restoreDisplay == null ) { + restoreDisplay = dataPriv.get( elem, "display" ); + } + display = jQuery.css( elem, "display" ); + if ( display === "none" ) { + if ( restoreDisplay ) { + display = restoreDisplay; + } else { + + // Get nonempty value(s) by temporarily forcing visibility + showHide( [ elem ], true ); + restoreDisplay = elem.style.display || restoreDisplay; + display = jQuery.css( elem, "display" ); + showHide( [ elem ] ); + } + } + + // Animate inline elements as inline-block + if ( display === "inline" || display === "inline-block" && restoreDisplay != null ) { + if ( jQuery.css( elem, "float" ) === "none" ) { + + // Restore the original display value at the end of pure show/hide animations + if ( !propTween ) { + anim.done( function() { + style.display = restoreDisplay; + } ); + if ( restoreDisplay == null ) { + display = style.display; + restoreDisplay = display === "none" ? "" : display; + } + } + style.display = "inline-block"; + } + } + } + + if ( opts.overflow ) { + style.overflow = "hidden"; + anim.always( function() { + style.overflow = opts.overflow[ 0 ]; + style.overflowX = opts.overflow[ 1 ]; + style.overflowY = opts.overflow[ 2 ]; + } ); + } + + // Implement show/hide animations + propTween = false; + for ( prop in orig ) { + + // General show/hide setup for this element animation + if ( !propTween ) { + if ( dataShow ) { + if ( "hidden" in dataShow ) { + hidden = dataShow.hidden; + } + } else { + dataShow = dataPriv.access( elem, "fxshow", { display: restoreDisplay } ); + } + + // Store hidden/visible for toggle so `.stop().toggle()` "reverses" + if ( toggle ) { + dataShow.hidden = !hidden; + } + + // Show elements before animating them + if ( hidden ) { + showHide( [ elem ], true ); + } + + /* eslint-disable no-loop-func */ + + anim.done( function() { + + /* eslint-enable no-loop-func */ + + // The final step of a "hide" animation is actually hiding the element + if ( !hidden ) { + showHide( [ elem ] ); + } + dataPriv.remove( elem, "fxshow" ); + for ( prop in orig ) { + jQuery.style( elem, prop, orig[ prop ] ); + } + } ); + } + + // Per-property setup + propTween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim ); + if ( !( prop in dataShow ) ) { + dataShow[ prop ] = propTween.start; + if ( hidden ) { + propTween.end = propTween.start; + propTween.start = 0; + } + } + } + } + + function propFilter( props, specialEasing ) { + var index, name, easing, value, hooks; + + // camelCase, specialEasing and expand cssHook pass + for ( index in props ) { + name = camelCase( index ); + easing = specialEasing[ name ]; + value = props[ index ]; + if ( Array.isArray( value ) ) { + easing = value[ 1 ]; + value = props[ index ] = value[ 0 ]; + } + + if ( index !== name ) { + props[ name ] = value; + delete props[ index ]; + } + + hooks = jQuery.cssHooks[ name ]; + if ( hooks && "expand" in hooks ) { + value = hooks.expand( value ); + delete props[ name ]; + + // Not quite $.extend, this won't overwrite existing keys. + // Reusing 'index' because we have the correct "name" + for ( index in value ) { + if ( !( index in props ) ) { + props[ index ] = value[ index ]; + specialEasing[ index ] = easing; + } + } + } else { + specialEasing[ name ] = easing; + } + } + } + + function Animation( elem, properties, options ) { + var result, + stopped, + index = 0, + length = Animation.prefilters.length, + deferred = jQuery.Deferred().always( function() { + + // Don't match elem in the :animated selector + delete tick.elem; + } ), + tick = function() { + if ( stopped ) { + return false; + } + var currentTime = fxNow || createFxNow(), + remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ), + + // Support: Android 2.3 only + // Archaic crash bug won't allow us to use `1 - ( 0.5 || 0 )` (#12497) + temp = remaining / animation.duration || 0, + percent = 1 - temp, + index = 0, + length = animation.tweens.length; + + for ( ; index < length; index++ ) { + animation.tweens[ index ].run( percent ); + } + + deferred.notifyWith( elem, [ animation, percent, remaining ] ); + + // If there's more to do, yield + if ( percent < 1 && length ) { + return remaining; + } + + // If this was an empty animation, synthesize a final progress notification + if ( !length ) { + deferred.notifyWith( elem, [ animation, 1, 0 ] ); + } + + // Resolve the animation and report its conclusion + deferred.resolveWith( elem, [ animation ] ); + return false; + }, + animation = deferred.promise( { + elem: elem, + props: jQuery.extend( {}, properties ), + opts: jQuery.extend( true, { + specialEasing: {}, + easing: jQuery.easing._default + }, options ), + originalProperties: properties, + originalOptions: options, + startTime: fxNow || createFxNow(), + duration: options.duration, + tweens: [], + createTween: function( prop, end ) { + var tween = jQuery.Tween( elem, animation.opts, prop, end, + animation.opts.specialEasing[ prop ] || animation.opts.easing ); + animation.tweens.push( tween ); + return tween; + }, + stop: function( gotoEnd ) { + var index = 0, + + // If we are going to the end, we want to run all the tweens + // otherwise we skip this part + length = gotoEnd ? animation.tweens.length : 0; + if ( stopped ) { + return this; + } + stopped = true; + for ( ; index < length; index++ ) { + animation.tweens[ index ].run( 1 ); + } + + // Resolve when we played the last frame; otherwise, reject + if ( gotoEnd ) { + deferred.notifyWith( elem, [ animation, 1, 0 ] ); + deferred.resolveWith( elem, [ animation, gotoEnd ] ); + } else { + deferred.rejectWith( elem, [ animation, gotoEnd ] ); + } + return this; + } + } ), + props = animation.props; + + propFilter( props, animation.opts.specialEasing ); + + for ( ; index < length; index++ ) { + result = Animation.prefilters[ index ].call( animation, elem, props, animation.opts ); + if ( result ) { + if ( isFunction( result.stop ) ) { + jQuery._queueHooks( animation.elem, animation.opts.queue ).stop = + result.stop.bind( result ); + } + return result; + } + } + + jQuery.map( props, createTween, animation ); + + if ( isFunction( animation.opts.start ) ) { + animation.opts.start.call( elem, animation ); + } + + // Attach callbacks from options + animation + .progress( animation.opts.progress ) + .done( animation.opts.done, animation.opts.complete ) + .fail( animation.opts.fail ) + .always( animation.opts.always ); + + jQuery.fx.timer( + jQuery.extend( tick, { + elem: elem, + anim: animation, + queue: animation.opts.queue + } ) + ); + + return animation; + } + + jQuery.Animation = jQuery.extend( Animation, { + + tweeners: { + "*": [ function( prop, value ) { + var tween = this.createTween( prop, value ); + adjustCSS( tween.elem, prop, rcssNum.exec( value ), tween ); + return tween; + } ] + }, + + tweener: function( props, callback ) { + if ( isFunction( props ) ) { + callback = props; + props = [ "*" ]; + } else { + props = props.match( rnothtmlwhite ); + } + + var prop, + index = 0, + length = props.length; + + for ( ; index < length; index++ ) { + prop = props[ index ]; + Animation.tweeners[ prop ] = Animation.tweeners[ prop ] || []; + Animation.tweeners[ prop ].unshift( callback ); + } + }, + + prefilters: [ defaultPrefilter ], + + prefilter: function( callback, prepend ) { + if ( prepend ) { + Animation.prefilters.unshift( callback ); + } else { + Animation.prefilters.push( callback ); + } + } + } ); + + jQuery.speed = function( speed, easing, fn ) { + var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : { + complete: fn || !fn && easing || + isFunction( speed ) && speed, + duration: speed, + easing: fn && easing || easing && !isFunction( easing ) && easing + }; + + // Go to the end state if fx are off + if ( jQuery.fx.off ) { + opt.duration = 0; + + } else { + if ( typeof opt.duration !== "number" ) { + if ( opt.duration in jQuery.fx.speeds ) { + opt.duration = jQuery.fx.speeds[ opt.duration ]; + + } else { + opt.duration = jQuery.fx.speeds._default; + } + } + } + + // Normalize opt.queue - true/undefined/null -> "fx" + if ( opt.queue == null || opt.queue === true ) { + opt.queue = "fx"; + } + + // Queueing + opt.old = opt.complete; + + opt.complete = function() { + if ( isFunction( opt.old ) ) { + opt.old.call( this ); + } + + if ( opt.queue ) { + jQuery.dequeue( this, opt.queue ); + } + }; + + return opt; + }; + + jQuery.fn.extend( { + fadeTo: function( speed, to, easing, callback ) { + + // Show any hidden elements after setting opacity to 0 + return this.filter( isHiddenWithinTree ).css( "opacity", 0 ).show() + + // Animate to the value specified + .end().animate( { opacity: to }, speed, easing, callback ); + }, + animate: function( prop, speed, easing, callback ) { + var empty = jQuery.isEmptyObject( prop ), + optall = jQuery.speed( speed, easing, callback ), + doAnimation = function() { + + // Operate on a copy of prop so per-property easing won't be lost + var anim = Animation( this, jQuery.extend( {}, prop ), optall ); + + // Empty animations, or finishing resolves immediately + if ( empty || dataPriv.get( this, "finish" ) ) { + anim.stop( true ); + } + }; + doAnimation.finish = doAnimation; + + return empty || optall.queue === false ? + this.each( doAnimation ) : + this.queue( optall.queue, doAnimation ); + }, + stop: function( type, clearQueue, gotoEnd ) { + var stopQueue = function( hooks ) { + var stop = hooks.stop; + delete hooks.stop; + stop( gotoEnd ); + }; + + if ( typeof type !== "string" ) { + gotoEnd = clearQueue; + clearQueue = type; + type = undefined; + } + if ( clearQueue && type !== false ) { + this.queue( type || "fx", [] ); + } + + return this.each( function() { + var dequeue = true, + index = type != null && type + "queueHooks", + timers = jQuery.timers, + data = dataPriv.get( this ); + + if ( index ) { + if ( data[ index ] && data[ index ].stop ) { + stopQueue( data[ index ] ); + } + } else { + for ( index in data ) { + if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) { + stopQueue( data[ index ] ); + } + } + } + + for ( index = timers.length; index--; ) { + if ( timers[ index ].elem === this && + ( type == null || timers[ index ].queue === type ) ) { + + timers[ index ].anim.stop( gotoEnd ); + dequeue = false; + timers.splice( index, 1 ); + } + } + + // Start the next in the queue if the last step wasn't forced. + // Timers currently will call their complete callbacks, which + // will dequeue but only if they were gotoEnd. + if ( dequeue || !gotoEnd ) { + jQuery.dequeue( this, type ); + } + } ); + }, + finish: function( type ) { + if ( type !== false ) { + type = type || "fx"; + } + return this.each( function() { + var index, + data = dataPriv.get( this ), + queue = data[ type + "queue" ], + hooks = data[ type + "queueHooks" ], + timers = jQuery.timers, + length = queue ? queue.length : 0; + + // Enable finishing flag on private data + data.finish = true; + + // Empty the queue first + jQuery.queue( this, type, [] ); + + if ( hooks && hooks.stop ) { + hooks.stop.call( this, true ); + } + + // Look for any active animations, and finish them + for ( index = timers.length; index--; ) { + if ( timers[ index ].elem === this && timers[ index ].queue === type ) { + timers[ index ].anim.stop( true ); + timers.splice( index, 1 ); + } + } + + // Look for any animations in the old queue and finish them + for ( index = 0; index < length; index++ ) { + if ( queue[ index ] && queue[ index ].finish ) { + queue[ index ].finish.call( this ); + } + } + + // Turn off finishing flag + delete data.finish; + } ); + } + } ); + + jQuery.each( [ "toggle", "show", "hide" ], function( i, name ) { + var cssFn = jQuery.fn[ name ]; + jQuery.fn[ name ] = function( speed, easing, callback ) { + return speed == null || typeof speed === "boolean" ? + cssFn.apply( this, arguments ) : + this.animate( genFx( name, true ), speed, easing, callback ); + }; + } ); + + // Generate shortcuts for custom animations + jQuery.each( { + slideDown: genFx( "show" ), + slideUp: genFx( "hide" ), + slideToggle: genFx( "toggle" ), + fadeIn: { opacity: "show" }, + fadeOut: { opacity: "hide" }, + fadeToggle: { opacity: "toggle" } + }, function( name, props ) { + jQuery.fn[ name ] = function( speed, easing, callback ) { + return this.animate( props, speed, easing, callback ); + }; + } ); + + jQuery.timers = []; + jQuery.fx.tick = function() { + var timer, + i = 0, + timers = jQuery.timers; + + fxNow = Date.now(); + + for ( ; i < timers.length; i++ ) { + timer = timers[ i ]; + + // Run the timer and safely remove it when done (allowing for external removal) + if ( !timer() && timers[ i ] === timer ) { + timers.splice( i--, 1 ); + } + } + + if ( !timers.length ) { + jQuery.fx.stop(); + } + fxNow = undefined; + }; + + jQuery.fx.timer = function( timer ) { + jQuery.timers.push( timer ); + jQuery.fx.start(); + }; + + jQuery.fx.interval = 13; + jQuery.fx.start = function() { + if ( inProgress ) { + return; + } + + inProgress = true; + schedule(); + }; + + jQuery.fx.stop = function() { + inProgress = null; + }; + + jQuery.fx.speeds = { + slow: 600, + fast: 200, + + // Default speed + _default: 400 + }; + + + // Based off of the plugin by Clint Helfers, with permission. + // https://web.archive.org/web/20100324014747/http://blindsignals.com/index.php/2009/07/jquery-delay/ + jQuery.fn.delay = function( time, type ) { + time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; + type = type || "fx"; + + return this.queue( type, function( next, hooks ) { + var timeout = window.setTimeout( next, time ); + hooks.stop = function() { + window.clearTimeout( timeout ); + }; + } ); + }; + + + ( function() { + var input = document.createElement( "input" ), + select = document.createElement( "select" ), + opt = select.appendChild( document.createElement( "option" ) ); + + input.type = "checkbox"; + + // Support: Android <=4.3 only + // Default value for a checkbox should be "on" + support.checkOn = input.value !== ""; + + // Support: IE <=11 only + // Must access selectedIndex to make default options select + support.optSelected = opt.selected; + + // Support: IE <=11 only + // An input loses its value after becoming a radio + input = document.createElement( "input" ); + input.value = "t"; + input.type = "radio"; + support.radioValue = input.value === "t"; + } )(); + + + var boolHook, + attrHandle = jQuery.expr.attrHandle; + + jQuery.fn.extend( { + attr: function( name, value ) { + return access( this, jQuery.attr, name, value, arguments.length > 1 ); + }, + + removeAttr: function( name ) { + return this.each( function() { + jQuery.removeAttr( this, name ); + } ); + } + } ); + + jQuery.extend( { + attr: function( elem, name, value ) { + var ret, hooks, + nType = elem.nodeType; + + // Don't get/set attributes on text, comment and attribute nodes + if ( nType === 3 || nType === 8 || nType === 2 ) { + return; + } + + // Fallback to prop when attributes are not supported + if ( typeof elem.getAttribute === "undefined" ) { + return jQuery.prop( elem, name, value ); + } + + // Attribute hooks are determined by the lowercase version + // Grab necessary hook if one is defined + if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { + hooks = jQuery.attrHooks[ name.toLowerCase() ] || + ( jQuery.expr.match.bool.test( name ) ? boolHook : undefined ); + } + + if ( value !== undefined ) { + if ( value === null ) { + jQuery.removeAttr( elem, name ); + return; + } + + if ( hooks && "set" in hooks && + ( ret = hooks.set( elem, value, name ) ) !== undefined ) { + return ret; + } + + elem.setAttribute( name, value + "" ); + return value; + } + + if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { + return ret; + } + + ret = jQuery.find.attr( elem, name ); + + // Non-existent attributes return null, we normalize to undefined + return ret == null ? undefined : ret; + }, + + attrHooks: { + type: { + set: function( elem, value ) { + if ( !support.radioValue && value === "radio" && + nodeName( elem, "input" ) ) { + var val = elem.value; + elem.setAttribute( "type", value ); + if ( val ) { + elem.value = val; + } + return value; + } + } + } + }, + + removeAttr: function( elem, value ) { + var name, + i = 0, + + // Attribute names can contain non-HTML whitespace characters + // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2 + attrNames = value && value.match( rnothtmlwhite ); + + if ( attrNames && elem.nodeType === 1 ) { + while ( ( name = attrNames[ i++ ] ) ) { + elem.removeAttribute( name ); + } + } + } + } ); + + // Hooks for boolean attributes + boolHook = { + set: function( elem, value, name ) { + if ( value === false ) { + + // Remove boolean attributes when set to false + jQuery.removeAttr( elem, name ); + } else { + elem.setAttribute( name, name ); + } + return name; + } + }; + + jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) { + var getter = attrHandle[ name ] || jQuery.find.attr; + + attrHandle[ name ] = function( elem, name, isXML ) { + var ret, handle, + lowercaseName = name.toLowerCase(); + + if ( !isXML ) { + + // Avoid an infinite loop by temporarily removing this function from the getter + handle = attrHandle[ lowercaseName ]; + attrHandle[ lowercaseName ] = ret; + ret = getter( elem, name, isXML ) != null ? + lowercaseName : + null; + attrHandle[ lowercaseName ] = handle; + } + return ret; + }; + } ); + + + + + var rfocusable = /^(?:input|select|textarea|button)$/i, + rclickable = /^(?:a|area)$/i; + + jQuery.fn.extend( { + prop: function( name, value ) { + return access( this, jQuery.prop, name, value, arguments.length > 1 ); + }, + + removeProp: function( name ) { + return this.each( function() { + delete this[ jQuery.propFix[ name ] || name ]; + } ); + } + } ); + + jQuery.extend( { + prop: function( elem, name, value ) { + var ret, hooks, + nType = elem.nodeType; + + // Don't get/set properties on text, comment and attribute nodes + if ( nType === 3 || nType === 8 || nType === 2 ) { + return; + } + + if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) { + + // Fix name and attach hooks + name = jQuery.propFix[ name ] || name; + hooks = jQuery.propHooks[ name ]; + } + + if ( value !== undefined ) { + if ( hooks && "set" in hooks && + ( ret = hooks.set( elem, value, name ) ) !== undefined ) { + return ret; + } + + return ( elem[ name ] = value ); + } + + if ( hooks && "get" in hooks && ( ret = hooks.get( elem, name ) ) !== null ) { + return ret; + } + + return elem[ name ]; + }, + + propHooks: { + tabIndex: { + get: function( elem ) { + + // Support: IE <=9 - 11 only + // elem.tabIndex doesn't always return the + // correct value when it hasn't been explicitly set + // https://web.archive.org/web/20141116233347/http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ + // Use proper attribute retrieval(#12072) + var tabindex = jQuery.find.attr( elem, "tabindex" ); + + if ( tabindex ) { + return parseInt( tabindex, 10 ); + } + + if ( + rfocusable.test( elem.nodeName ) || + rclickable.test( elem.nodeName ) && + elem.href + ) { + return 0; + } + + return -1; + } + } + }, + + propFix: { + "for": "htmlFor", + "class": "className" + } + } ); + + // Support: IE <=11 only + // Accessing the selectedIndex property + // forces the browser to respect setting selected + // on the option + // The getter ensures a default option is selected + // when in an optgroup + // eslint rule "no-unused-expressions" is disabled for this code + // since it considers such accessions noop + if ( !support.optSelected ) { + jQuery.propHooks.selected = { + get: function( elem ) { + + /* eslint no-unused-expressions: "off" */ + + var parent = elem.parentNode; + if ( parent && parent.parentNode ) { + parent.parentNode.selectedIndex; + } + return null; + }, + set: function( elem ) { + + /* eslint no-unused-expressions: "off" */ + + var parent = elem.parentNode; + if ( parent ) { + parent.selectedIndex; + + if ( parent.parentNode ) { + parent.parentNode.selectedIndex; + } + } + } + }; + } + + jQuery.each( [ + "tabIndex", + "readOnly", + "maxLength", + "cellSpacing", + "cellPadding", + "rowSpan", + "colSpan", + "useMap", + "frameBorder", + "contentEditable" + ], function() { + jQuery.propFix[ this.toLowerCase() ] = this; + } ); + + + + + // Strip and collapse whitespace according to HTML spec + // https://infra.spec.whatwg.org/#strip-and-collapse-ascii-whitespace + function stripAndCollapse( value ) { + var tokens = value.match( rnothtmlwhite ) || []; + return tokens.join( " " ); + } + + + function getClass( elem ) { + return elem.getAttribute && elem.getAttribute( "class" ) || ""; + } + + function classesToArray( value ) { + if ( Array.isArray( value ) ) { + return value; + } + if ( typeof value === "string" ) { + return value.match( rnothtmlwhite ) || []; + } + return []; + } + + jQuery.fn.extend( { + addClass: function( value ) { + var classes, elem, cur, curValue, clazz, j, finalValue, + i = 0; + + if ( isFunction( value ) ) { + return this.each( function( j ) { + jQuery( this ).addClass( value.call( this, j, getClass( this ) ) ); + } ); + } + + classes = classesToArray( value ); + + if ( classes.length ) { + while ( ( elem = this[ i++ ] ) ) { + curValue = getClass( elem ); + cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); + + if ( cur ) { + j = 0; + while ( ( clazz = classes[ j++ ] ) ) { + if ( cur.indexOf( " " + clazz + " " ) < 0 ) { + cur += clazz + " "; + } + } + + // Only assign if different to avoid unneeded rendering. + finalValue = stripAndCollapse( cur ); + if ( curValue !== finalValue ) { + elem.setAttribute( "class", finalValue ); + } + } + } + } + + return this; + }, + + removeClass: function( value ) { + var classes, elem, cur, curValue, clazz, j, finalValue, + i = 0; + + if ( isFunction( value ) ) { + return this.each( function( j ) { + jQuery( this ).removeClass( value.call( this, j, getClass( this ) ) ); + } ); + } + + if ( !arguments.length ) { + return this.attr( "class", "" ); + } + + classes = classesToArray( value ); + + if ( classes.length ) { + while ( ( elem = this[ i++ ] ) ) { + curValue = getClass( elem ); + + // This expression is here for better compressibility (see addClass) + cur = elem.nodeType === 1 && ( " " + stripAndCollapse( curValue ) + " " ); + + if ( cur ) { + j = 0; + while ( ( clazz = classes[ j++ ] ) ) { + + // Remove *all* instances + while ( cur.indexOf( " " + clazz + " " ) > -1 ) { + cur = cur.replace( " " + clazz + " ", " " ); + } + } + + // Only assign if different to avoid unneeded rendering. + finalValue = stripAndCollapse( cur ); + if ( curValue !== finalValue ) { + elem.setAttribute( "class", finalValue ); + } + } + } + } + + return this; + }, + + toggleClass: function( value, stateVal ) { + var type = typeof value, + isValidValue = type === "string" || Array.isArray( value ); + + if ( typeof stateVal === "boolean" && isValidValue ) { + return stateVal ? this.addClass( value ) : this.removeClass( value ); + } + + if ( isFunction( value ) ) { + return this.each( function( i ) { + jQuery( this ).toggleClass( + value.call( this, i, getClass( this ), stateVal ), + stateVal + ); + } ); + } + + return this.each( function() { + var className, i, self, classNames; + + if ( isValidValue ) { + + // Toggle individual class names + i = 0; + self = jQuery( this ); + classNames = classesToArray( value ); + + while ( ( className = classNames[ i++ ] ) ) { + + // Check each className given, space separated list + if ( self.hasClass( className ) ) { + self.removeClass( className ); + } else { + self.addClass( className ); + } + } + + // Toggle whole class name + } else if ( value === undefined || type === "boolean" ) { + className = getClass( this ); + if ( className ) { + + // Store className if set + dataPriv.set( this, "__className__", className ); + } + + // If the element has a class name or if we're passed `false`, + // then remove the whole classname (if there was one, the above saved it). + // Otherwise bring back whatever was previously saved (if anything), + // falling back to the empty string if nothing was stored. + if ( this.setAttribute ) { + this.setAttribute( "class", + className || value === false ? + "" : + dataPriv.get( this, "__className__" ) || "" + ); + } + } + } ); + }, + + hasClass: function( selector ) { + var className, elem, + i = 0; + + className = " " + selector + " "; + while ( ( elem = this[ i++ ] ) ) { + if ( elem.nodeType === 1 && + ( " " + stripAndCollapse( getClass( elem ) ) + " " ).indexOf( className ) > -1 ) { + return true; + } + } + + return false; + } + } ); + + + + + var rreturn = /\r/g; + + jQuery.fn.extend( { + val: function( value ) { + var hooks, ret, valueIsFunction, + elem = this[ 0 ]; + + if ( !arguments.length ) { + if ( elem ) { + hooks = jQuery.valHooks[ elem.type ] || + jQuery.valHooks[ elem.nodeName.toLowerCase() ]; + + if ( hooks && + "get" in hooks && + ( ret = hooks.get( elem, "value" ) ) !== undefined + ) { + return ret; + } + + ret = elem.value; + + // Handle most common string cases + if ( typeof ret === "string" ) { + return ret.replace( rreturn, "" ); + } + + // Handle cases where value is null/undef or number + return ret == null ? "" : ret; + } + + return; + } + + valueIsFunction = isFunction( value ); + + return this.each( function( i ) { + var val; + + if ( this.nodeType !== 1 ) { + return; + } + + if ( valueIsFunction ) { + val = value.call( this, i, jQuery( this ).val() ); + } else { + val = value; + } + + // Treat null/undefined as ""; convert numbers to string + if ( val == null ) { + val = ""; + + } else if ( typeof val === "number" ) { + val += ""; + + } else if ( Array.isArray( val ) ) { + val = jQuery.map( val, function( value ) { + return value == null ? "" : value + ""; + } ); + } + + hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ]; + + // If set returns undefined, fall back to normal setting + if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) { + this.value = val; + } + } ); + } + } ); + + jQuery.extend( { + valHooks: { + option: { + get: function( elem ) { + + var val = jQuery.find.attr( elem, "value" ); + return val != null ? + val : + + // Support: IE <=10 - 11 only + // option.text throws exceptions (#14686, #14858) + // Strip and collapse whitespace + // https://html.spec.whatwg.org/#strip-and-collapse-whitespace + stripAndCollapse( jQuery.text( elem ) ); + } + }, + select: { + get: function( elem ) { + var value, option, i, + options = elem.options, + index = elem.selectedIndex, + one = elem.type === "select-one", + values = one ? null : [], + max = one ? index + 1 : options.length; + + if ( index < 0 ) { + i = max; + + } else { + i = one ? index : 0; + } + + // Loop through all the selected options + for ( ; i < max; i++ ) { + option = options[ i ]; + + // Support: IE <=9 only + // IE8-9 doesn't update selected after form reset (#2551) + if ( ( option.selected || i === index ) && + + // Don't return options that are disabled or in a disabled optgroup + !option.disabled && + ( !option.parentNode.disabled || + !nodeName( option.parentNode, "optgroup" ) ) ) { + + // Get the specific value for the option + value = jQuery( option ).val(); + + // We don't need an array for one selects + if ( one ) { + return value; + } + + // Multi-Selects return an array + values.push( value ); + } + } + + return values; + }, + + set: function( elem, value ) { + var optionSet, option, + options = elem.options, + values = jQuery.makeArray( value ), + i = options.length; + + while ( i-- ) { + option = options[ i ]; + + /* eslint-disable no-cond-assign */ + + if ( option.selected = + jQuery.inArray( jQuery.valHooks.option.get( option ), values ) > -1 + ) { + optionSet = true; + } + + /* eslint-enable no-cond-assign */ + } + + // Force browsers to behave consistently when non-matching value is set + if ( !optionSet ) { + elem.selectedIndex = -1; + } + return values; + } + } + } + } ); + + // Radios and checkboxes getter/setter + jQuery.each( [ "radio", "checkbox" ], function() { + jQuery.valHooks[ this ] = { + set: function( elem, value ) { + if ( Array.isArray( value ) ) { + return ( elem.checked = jQuery.inArray( jQuery( elem ).val(), value ) > -1 ); + } + } + }; + if ( !support.checkOn ) { + jQuery.valHooks[ this ].get = function( elem ) { + return elem.getAttribute( "value" ) === null ? "on" : elem.value; + }; + } + } ); + + + + + // Return jQuery for attributes-only inclusion + + + support.focusin = "onfocusin" in window; + + + var rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, + stopPropagationCallback = function( e ) { + e.stopPropagation(); + }; + + jQuery.extend( jQuery.event, { + + trigger: function( event, data, elem, onlyHandlers ) { + + var i, cur, tmp, bubbleType, ontype, handle, special, lastElement, + eventPath = [ elem || document ], + type = hasOwn.call( event, "type" ) ? event.type : event, + namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split( "." ) : []; + + cur = lastElement = tmp = elem = elem || document; + + // Don't do events on text and comment nodes + if ( elem.nodeType === 3 || elem.nodeType === 8 ) { + return; + } + + // focus/blur morphs to focusin/out; ensure we're not firing them right now + if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { + return; + } + + if ( type.indexOf( "." ) > -1 ) { + + // Namespaced trigger; create a regexp to match event type in handle() + namespaces = type.split( "." ); + type = namespaces.shift(); + namespaces.sort(); + } + ontype = type.indexOf( ":" ) < 0 && "on" + type; + + // Caller can pass in a jQuery.Event object, Object, or just an event type string + event = event[ jQuery.expando ] ? + event : + new jQuery.Event( type, typeof event === "object" && event ); + + // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) + event.isTrigger = onlyHandlers ? 2 : 3; + event.namespace = namespaces.join( "." ); + event.rnamespace = event.namespace ? + new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ) : + null; + + // Clean up the event in case it is being reused + event.result = undefined; + if ( !event.target ) { + event.target = elem; + } + + // Clone any incoming data and prepend the event, creating the handler arg list + data = data == null ? + [ event ] : + jQuery.makeArray( data, [ event ] ); + + // Allow special events to draw outside the lines + special = jQuery.event.special[ type ] || {}; + if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { + return; + } + + // Determine event propagation path in advance, per W3C events spec (#9951) + // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) + if ( !onlyHandlers && !special.noBubble && !isWindow( elem ) ) { + + bubbleType = special.delegateType || type; + if ( !rfocusMorph.test( bubbleType + type ) ) { + cur = cur.parentNode; + } + for ( ; cur; cur = cur.parentNode ) { + eventPath.push( cur ); + tmp = cur; + } + + // Only add window if we got to document (e.g., not plain obj or detached DOM) + if ( tmp === ( elem.ownerDocument || document ) ) { + eventPath.push( tmp.defaultView || tmp.parentWindow || window ); + } + } + + // Fire handlers on the event path + i = 0; + while ( ( cur = eventPath[ i++ ] ) && !event.isPropagationStopped() ) { + lastElement = cur; + event.type = i > 1 ? + bubbleType : + special.bindType || type; + + // jQuery handler + handle = ( dataPriv.get( cur, "events" ) || {} )[ event.type ] && + dataPriv.get( cur, "handle" ); + if ( handle ) { + handle.apply( cur, data ); + } + + // Native handler + handle = ontype && cur[ ontype ]; + if ( handle && handle.apply && acceptData( cur ) ) { + event.result = handle.apply( cur, data ); + if ( event.result === false ) { + event.preventDefault(); + } + } + } + event.type = type; + + // If nobody prevented the default action, do it now + if ( !onlyHandlers && !event.isDefaultPrevented() ) { + + if ( ( !special._default || + special._default.apply( eventPath.pop(), data ) === false ) && + acceptData( elem ) ) { + + // Call a native DOM method on the target with the same name as the event. + // Don't do default actions on window, that's where global variables be (#6170) + if ( ontype && isFunction( elem[ type ] ) && !isWindow( elem ) ) { + + // Don't re-trigger an onFOO event when we call its FOO() method + tmp = elem[ ontype ]; + + if ( tmp ) { + elem[ ontype ] = null; + } + + // Prevent re-triggering of the same event, since we already bubbled it above + jQuery.event.triggered = type; + + if ( event.isPropagationStopped() ) { + lastElement.addEventListener( type, stopPropagationCallback ); + } + + elem[ type ](); + + if ( event.isPropagationStopped() ) { + lastElement.removeEventListener( type, stopPropagationCallback ); + } + + jQuery.event.triggered = undefined; + + if ( tmp ) { + elem[ ontype ] = tmp; + } + } + } + } + + return event.result; + }, + + // Piggyback on a donor event to simulate a different one + // Used only for `focus(in | out)` events + simulate: function( type, elem, event ) { + var e = jQuery.extend( + new jQuery.Event(), + event, + { + type: type, + isSimulated: true + } + ); + + jQuery.event.trigger( e, null, elem ); + } + + } ); + + jQuery.fn.extend( { + + trigger: function( type, data ) { + return this.each( function() { + jQuery.event.trigger( type, data, this ); + } ); + }, + triggerHandler: function( type, data ) { + var elem = this[ 0 ]; + if ( elem ) { + return jQuery.event.trigger( type, data, elem, true ); + } + } + } ); + + + // Support: Firefox <=44 + // Firefox doesn't have focus(in | out) events + // Related ticket - https://bugzilla.mozilla.org/show_bug.cgi?id=687787 + // + // Support: Chrome <=48 - 49, Safari <=9.0 - 9.1 + // focus(in | out) events fire after focus & blur events, + // which is spec violation - http://www.w3.org/TR/DOM-Level-3-Events/#events-focusevent-event-order + // Related ticket - https://bugs.chromium.org/p/chromium/issues/detail?id=449857 + if ( !support.focusin ) { + jQuery.each( { focus: "focusin", blur: "focusout" }, function( orig, fix ) { + + // Attach a single capturing handler on the document while someone wants focusin/focusout + var handler = function( event ) { + jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ) ); + }; + + jQuery.event.special[ fix ] = { + setup: function() { + var doc = this.ownerDocument || this, + attaches = dataPriv.access( doc, fix ); + + if ( !attaches ) { + doc.addEventListener( orig, handler, true ); + } + dataPriv.access( doc, fix, ( attaches || 0 ) + 1 ); + }, + teardown: function() { + var doc = this.ownerDocument || this, + attaches = dataPriv.access( doc, fix ) - 1; + + if ( !attaches ) { + doc.removeEventListener( orig, handler, true ); + dataPriv.remove( doc, fix ); + + } else { + dataPriv.access( doc, fix, attaches ); + } + } + }; + } ); + } + var location = window.location; + + var nonce = Date.now(); + + var rquery = ( /\?/ ); + + + + // Cross-browser xml parsing + jQuery.parseXML = function( data ) { + var xml; + if ( !data || typeof data !== "string" ) { + return null; + } + + // Support: IE 9 - 11 only + // IE throws on parseFromString with invalid input. + try { + xml = ( new window.DOMParser() ).parseFromString( data, "text/xml" ); + } catch ( e ) { + xml = undefined; + } + + if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) { + jQuery.error( "Invalid XML: " + data ); + } + return xml; + }; + + + var + rbracket = /\[\]$/, + rCRLF = /\r?\n/g, + rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, + rsubmittable = /^(?:input|select|textarea|keygen)/i; + + function buildParams( prefix, obj, traditional, add ) { + var name; + + if ( Array.isArray( obj ) ) { + + // Serialize array item. + jQuery.each( obj, function( i, v ) { + if ( traditional || rbracket.test( prefix ) ) { + + // Treat each array item as a scalar. + add( prefix, v ); + + } else { + + // Item is non-scalar (array or object), encode its numeric index. + buildParams( + prefix + "[" + ( typeof v === "object" && v != null ? i : "" ) + "]", + v, + traditional, + add + ); + } + } ); + + } else if ( !traditional && toType( obj ) === "object" ) { + + // Serialize object item. + for ( name in obj ) { + buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add ); + } + + } else { + + // Serialize scalar item. + add( prefix, obj ); + } + } + + // Serialize an array of form elements or a set of + // key/values into a query string + jQuery.param = function( a, traditional ) { + var prefix, + s = [], + add = function( key, valueOrFunction ) { + + // If value is a function, invoke it and use its return value + var value = isFunction( valueOrFunction ) ? + valueOrFunction() : + valueOrFunction; + + s[ s.length ] = encodeURIComponent( key ) + "=" + + encodeURIComponent( value == null ? "" : value ); + }; + + // If an array was passed in, assume that it is an array of form elements. + if ( Array.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { + + // Serialize the form elements + jQuery.each( a, function() { + add( this.name, this.value ); + } ); + + } else { + + // If traditional, encode the "old" way (the way 1.3.2 or older + // did it), otherwise encode params recursively. + for ( prefix in a ) { + buildParams( prefix, a[ prefix ], traditional, add ); + } + } + + // Return the resulting serialization + return s.join( "&" ); + }; + + jQuery.fn.extend( { + serialize: function() { + return jQuery.param( this.serializeArray() ); + }, + serializeArray: function() { + return this.map( function() { + + // Can add propHook for "elements" to filter or add form elements + var elements = jQuery.prop( this, "elements" ); + return elements ? jQuery.makeArray( elements ) : this; + } ) + .filter( function() { + var type = this.type; + + // Use .is( ":disabled" ) so that fieldset[disabled] works + return this.name && !jQuery( this ).is( ":disabled" ) && + rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) && + ( this.checked || !rcheckableType.test( type ) ); + } ) + .map( function( i, elem ) { + var val = jQuery( this ).val(); + + if ( val == null ) { + return null; + } + + if ( Array.isArray( val ) ) { + return jQuery.map( val, function( val ) { + return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; + } ); + } + + return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; + } ).get(); + } + } ); + + + var + r20 = /%20/g, + rhash = /#.*$/, + rantiCache = /([?&])_=[^&]*/, + rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg, + + // #7653, #8125, #8152: local protocol detection + rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/, + rnoContent = /^(?:GET|HEAD)$/, + rprotocol = /^\/\//, + + /* Prefilters + * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example) + * 2) These are called: + * - BEFORE asking for a transport + * - AFTER param serialization (s.data is a string if s.processData is true) + * 3) key is the dataType + * 4) the catchall symbol "*" can be used + * 5) execution will start with transport dataType and THEN continue down to "*" if needed + */ + prefilters = {}, + + /* Transports bindings + * 1) key is the dataType + * 2) the catchall symbol "*" can be used + * 3) selection will start with transport dataType and THEN go to "*" if needed + */ + transports = {}, + + // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression + allTypes = "*/".concat( "*" ), + + // Anchor tag for parsing the document origin + originAnchor = document.createElement( "a" ); + originAnchor.href = location.href; + + // Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport + function addToPrefiltersOrTransports( structure ) { + + // dataTypeExpression is optional and defaults to "*" + return function( dataTypeExpression, func ) { + + if ( typeof dataTypeExpression !== "string" ) { + func = dataTypeExpression; + dataTypeExpression = "*"; + } + + var dataType, + i = 0, + dataTypes = dataTypeExpression.toLowerCase().match( rnothtmlwhite ) || []; + + if ( isFunction( func ) ) { + + // For each dataType in the dataTypeExpression + while ( ( dataType = dataTypes[ i++ ] ) ) { + + // Prepend if requested + if ( dataType[ 0 ] === "+" ) { + dataType = dataType.slice( 1 ) || "*"; + ( structure[ dataType ] = structure[ dataType ] || [] ).unshift( func ); + + // Otherwise append + } else { + ( structure[ dataType ] = structure[ dataType ] || [] ).push( func ); + } + } + } + }; + } + + // Base inspection function for prefilters and transports + function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) { + + var inspected = {}, + seekingTransport = ( structure === transports ); + + function inspect( dataType ) { + var selected; + inspected[ dataType ] = true; + jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) { + var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR ); + if ( typeof dataTypeOrTransport === "string" && + !seekingTransport && !inspected[ dataTypeOrTransport ] ) { + + options.dataTypes.unshift( dataTypeOrTransport ); + inspect( dataTypeOrTransport ); + return false; + } else if ( seekingTransport ) { + return !( selected = dataTypeOrTransport ); + } + } ); + return selected; + } + + return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" ); + } + + // A special extend for ajax options + // that takes "flat" options (not to be deep extended) + // Fixes #9887 + function ajaxExtend( target, src ) { + var key, deep, + flatOptions = jQuery.ajaxSettings.flatOptions || {}; + + for ( key in src ) { + if ( src[ key ] !== undefined ) { + ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ]; + } + } + if ( deep ) { + jQuery.extend( true, target, deep ); + } + + return target; + } + + /* Handles responses to an ajax request: + * - finds the right dataType (mediates between content-type and expected dataType) + * - returns the corresponding response + */ + function ajaxHandleResponses( s, jqXHR, responses ) { + + var ct, type, finalDataType, firstDataType, + contents = s.contents, + dataTypes = s.dataTypes; + + // Remove auto dataType and get content-type in the process + while ( dataTypes[ 0 ] === "*" ) { + dataTypes.shift(); + if ( ct === undefined ) { + ct = s.mimeType || jqXHR.getResponseHeader( "Content-Type" ); + } + } + + // Check if we're dealing with a known content-type + if ( ct ) { + for ( type in contents ) { + if ( contents[ type ] && contents[ type ].test( ct ) ) { + dataTypes.unshift( type ); + break; + } + } + } + + // Check to see if we have a response for the expected dataType + if ( dataTypes[ 0 ] in responses ) { + finalDataType = dataTypes[ 0 ]; + } else { + + // Try convertible dataTypes + for ( type in responses ) { + if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[ 0 ] ] ) { + finalDataType = type; + break; + } + if ( !firstDataType ) { + firstDataType = type; + } + } + + // Or just use first one + finalDataType = finalDataType || firstDataType; + } + + // If we found a dataType + // We add the dataType to the list if needed + // and return the corresponding response + if ( finalDataType ) { + if ( finalDataType !== dataTypes[ 0 ] ) { + dataTypes.unshift( finalDataType ); + } + return responses[ finalDataType ]; + } + } + + /* Chain conversions given the request and the original response + * Also sets the responseXXX fields on the jqXHR instance + */ + function ajaxConvert( s, response, jqXHR, isSuccess ) { + var conv2, current, conv, tmp, prev, + converters = {}, + + // Work with a copy of dataTypes in case we need to modify it for conversion + dataTypes = s.dataTypes.slice(); + + // Create converters map with lowercased keys + if ( dataTypes[ 1 ] ) { + for ( conv in s.converters ) { + converters[ conv.toLowerCase() ] = s.converters[ conv ]; + } + } + + current = dataTypes.shift(); + + // Convert to each sequential dataType + while ( current ) { + + if ( s.responseFields[ current ] ) { + jqXHR[ s.responseFields[ current ] ] = response; + } + + // Apply the dataFilter if provided + if ( !prev && isSuccess && s.dataFilter ) { + response = s.dataFilter( response, s.dataType ); + } + + prev = current; + current = dataTypes.shift(); + + if ( current ) { + + // There's only work to do if current dataType is non-auto + if ( current === "*" ) { + + current = prev; + + // Convert response if prev dataType is non-auto and differs from current + } else if ( prev !== "*" && prev !== current ) { + + // Seek a direct converter + conv = converters[ prev + " " + current ] || converters[ "* " + current ]; + + // If none found, seek a pair + if ( !conv ) { + for ( conv2 in converters ) { + + // If conv2 outputs current + tmp = conv2.split( " " ); + if ( tmp[ 1 ] === current ) { + + // If prev can be converted to accepted input + conv = converters[ prev + " " + tmp[ 0 ] ] || + converters[ "* " + tmp[ 0 ] ]; + if ( conv ) { + + // Condense equivalence converters + if ( conv === true ) { + conv = converters[ conv2 ]; + + // Otherwise, insert the intermediate dataType + } else if ( converters[ conv2 ] !== true ) { + current = tmp[ 0 ]; + dataTypes.unshift( tmp[ 1 ] ); + } + break; + } + } + } + } + + // Apply converter (if not an equivalence) + if ( conv !== true ) { + + // Unless errors are allowed to bubble, catch and return them + if ( conv && s.throws ) { + response = conv( response ); + } else { + try { + response = conv( response ); + } catch ( e ) { + return { + state: "parsererror", + error: conv ? e : "No conversion from " + prev + " to " + current + }; + } + } + } + } + } + } + + return { state: "success", data: response }; + } + + jQuery.extend( { + + // Counter for holding the number of active queries + active: 0, + + // Last-Modified header cache for next request + lastModified: {}, + etag: {}, + + ajaxSettings: { + url: location.href, + type: "GET", + isLocal: rlocalProtocol.test( location.protocol ), + global: true, + processData: true, + async: true, + contentType: "application/x-www-form-urlencoded; charset=UTF-8", + + /* + timeout: 0, + data: null, + dataType: null, + username: null, + password: null, + cache: null, + throws: false, + traditional: false, + headers: {}, + */ + + accepts: { + "*": allTypes, + text: "text/plain", + html: "text/html", + xml: "application/xml, text/xml", + json: "application/json, text/javascript" + }, + + contents: { + xml: /\bxml\b/, + html: /\bhtml/, + json: /\bjson\b/ + }, + + responseFields: { + xml: "responseXML", + text: "responseText", + json: "responseJSON" + }, + + // Data converters + // Keys separate source (or catchall "*") and destination types with a single space + converters: { + + // Convert anything to text + "* text": String, + + // Text to html (true = no transformation) + "text html": true, + + // Evaluate text as a json expression + "text json": JSON.parse, + + // Parse text as xml + "text xml": jQuery.parseXML + }, + + // For options that shouldn't be deep extended: + // you can add your own custom options here if + // and when you create one that shouldn't be + // deep extended (see ajaxExtend) + flatOptions: { + url: true, + context: true + } + }, + + // Creates a full fledged settings object into target + // with both ajaxSettings and settings fields. + // If target is omitted, writes into ajaxSettings. + ajaxSetup: function( target, settings ) { + return settings ? + + // Building a settings object + ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) : + + // Extending ajaxSettings + ajaxExtend( jQuery.ajaxSettings, target ); + }, + + ajaxPrefilter: addToPrefiltersOrTransports( prefilters ), + ajaxTransport: addToPrefiltersOrTransports( transports ), + + // Main method + ajax: function( url, options ) { + + // If url is an object, simulate pre-1.5 signature + if ( typeof url === "object" ) { + options = url; + url = undefined; + } + + // Force options to be an object + options = options || {}; + + var transport, + + // URL without anti-cache param + cacheURL, + + // Response headers + responseHeadersString, + responseHeaders, + + // timeout handle + timeoutTimer, + + // Url cleanup var + urlAnchor, + + // Request state (becomes false upon send and true upon completion) + completed, + + // To know if global events are to be dispatched + fireGlobals, + + // Loop variable + i, + + // uncached part of the url + uncached, + + // Create the final options object + s = jQuery.ajaxSetup( {}, options ), + + // Callbacks context + callbackContext = s.context || s, + + // Context for global events is callbackContext if it is a DOM node or jQuery collection + globalEventContext = s.context && + ( callbackContext.nodeType || callbackContext.jquery ) ? + jQuery( callbackContext ) : + jQuery.event, + + // Deferreds + deferred = jQuery.Deferred(), + completeDeferred = jQuery.Callbacks( "once memory" ), + + // Status-dependent callbacks + statusCode = s.statusCode || {}, + + // Headers (they are sent all at once) + requestHeaders = {}, + requestHeadersNames = {}, + + // Default abort message + strAbort = "canceled", + + // Fake xhr + jqXHR = { + readyState: 0, + + // Builds headers hashtable if needed + getResponseHeader: function( key ) { + var match; + if ( completed ) { + if ( !responseHeaders ) { + responseHeaders = {}; + while ( ( match = rheaders.exec( responseHeadersString ) ) ) { + responseHeaders[ match[ 1 ].toLowerCase() ] = match[ 2 ]; + } + } + match = responseHeaders[ key.toLowerCase() ]; + } + return match == null ? null : match; + }, + + // Raw string + getAllResponseHeaders: function() { + return completed ? responseHeadersString : null; + }, + + // Caches the header + setRequestHeader: function( name, value ) { + if ( completed == null ) { + name = requestHeadersNames[ name.toLowerCase() ] = + requestHeadersNames[ name.toLowerCase() ] || name; + requestHeaders[ name ] = value; + } + return this; + }, + + // Overrides response content-type header + overrideMimeType: function( type ) { + if ( completed == null ) { + s.mimeType = type; + } + return this; + }, + + // Status-dependent callbacks + statusCode: function( map ) { + var code; + if ( map ) { + if ( completed ) { + + // Execute the appropriate callbacks + jqXHR.always( map[ jqXHR.status ] ); + } else { + + // Lazy-add the new callbacks in a way that preserves old ones + for ( code in map ) { + statusCode[ code ] = [ statusCode[ code ], map[ code ] ]; + } + } + } + return this; + }, + + // Cancel the request + abort: function( statusText ) { + var finalText = statusText || strAbort; + if ( transport ) { + transport.abort( finalText ); + } + done( 0, finalText ); + return this; + } + }; + + // Attach deferreds + deferred.promise( jqXHR ); + + // Add protocol if not provided (prefilters might expect it) + // Handle falsy url in the settings object (#10093: consistency with old signature) + // We also use the url parameter if available + s.url = ( ( url || s.url || location.href ) + "" ) + .replace( rprotocol, location.protocol + "//" ); + + // Alias method option to type as per ticket #12004 + s.type = options.method || options.type || s.method || s.type; + + // Extract dataTypes list + s.dataTypes = ( s.dataType || "*" ).toLowerCase().match( rnothtmlwhite ) || [ "" ]; + + // A cross-domain request is in order when the origin doesn't match the current origin. + if ( s.crossDomain == null ) { + urlAnchor = document.createElement( "a" ); + + // Support: IE <=8 - 11, Edge 12 - 15 + // IE throws exception on accessing the href property if url is malformed, + // e.g. http://example.com:80x/ + try { + urlAnchor.href = s.url; + + // Support: IE <=8 - 11 only + // Anchor's host property isn't correctly set when s.url is relative + urlAnchor.href = urlAnchor.href; + s.crossDomain = originAnchor.protocol + "//" + originAnchor.host !== + urlAnchor.protocol + "//" + urlAnchor.host; + } catch ( e ) { + + // If there is an error parsing the URL, assume it is crossDomain, + // it can be rejected by the transport if it is invalid + s.crossDomain = true; + } + } + + // Convert data if not already a string + if ( s.data && s.processData && typeof s.data !== "string" ) { + s.data = jQuery.param( s.data, s.traditional ); + } + + // Apply prefilters + inspectPrefiltersOrTransports( prefilters, s, options, jqXHR ); + + // If request was aborted inside a prefilter, stop there + if ( completed ) { + return jqXHR; + } + + // We can fire global events as of now if asked to + // Don't fire events if jQuery.event is undefined in an AMD-usage scenario (#15118) + fireGlobals = jQuery.event && s.global; + + // Watch for a new set of requests + if ( fireGlobals && jQuery.active++ === 0 ) { + jQuery.event.trigger( "ajaxStart" ); + } + + // Uppercase the type + s.type = s.type.toUpperCase(); + + // Determine if request has content + s.hasContent = !rnoContent.test( s.type ); + + // Save the URL in case we're toying with the If-Modified-Since + // and/or If-None-Match header later on + // Remove hash to simplify url manipulation + cacheURL = s.url.replace( rhash, "" ); + + // More options handling for requests with no content + if ( !s.hasContent ) { + + // Remember the hash so we can put it back + uncached = s.url.slice( cacheURL.length ); + + // If data is available and should be processed, append data to url + if ( s.data && ( s.processData || typeof s.data === "string" ) ) { + cacheURL += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data; + + // #9682: remove data so that it's not used in an eventual retry + delete s.data; + } + + // Add or update anti-cache param if needed + if ( s.cache === false ) { + cacheURL = cacheURL.replace( rantiCache, "$1" ); + uncached = ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ( nonce++ ) + uncached; + } + + // Put hash and anti-cache on the URL that will be requested (gh-1732) + s.url = cacheURL + uncached; + + // Change '%20' to '+' if this is encoded form body content (gh-2658) + } else if ( s.data && s.processData && + ( s.contentType || "" ).indexOf( "application/x-www-form-urlencoded" ) === 0 ) { + s.data = s.data.replace( r20, "+" ); + } + + // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. + if ( s.ifModified ) { + if ( jQuery.lastModified[ cacheURL ] ) { + jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] ); + } + if ( jQuery.etag[ cacheURL ] ) { + jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] ); + } + } + + // Set the correct header, if data is being sent + if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) { + jqXHR.setRequestHeader( "Content-Type", s.contentType ); + } + + // Set the Accepts header for the server, depending on the dataType + jqXHR.setRequestHeader( + "Accept", + s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[ 0 ] ] ? + s.accepts[ s.dataTypes[ 0 ] ] + + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) : + s.accepts[ "*" ] + ); + + // Check for headers option + for ( i in s.headers ) { + jqXHR.setRequestHeader( i, s.headers[ i ] ); + } + + // Allow custom headers/mimetypes and early abort + if ( s.beforeSend && + ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || completed ) ) { + + // Abort if not done already and return + return jqXHR.abort(); + } + + // Aborting is no longer a cancellation + strAbort = "abort"; + + // Install callbacks on deferreds + completeDeferred.add( s.complete ); + jqXHR.done( s.success ); + jqXHR.fail( s.error ); + + // Get transport + transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR ); + + // If no transport, we auto-abort + if ( !transport ) { + done( -1, "No Transport" ); + } else { + jqXHR.readyState = 1; + + // Send global event + if ( fireGlobals ) { + globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] ); + } + + // If request was aborted inside ajaxSend, stop there + if ( completed ) { + return jqXHR; + } + + // Timeout + if ( s.async && s.timeout > 0 ) { + timeoutTimer = window.setTimeout( function() { + jqXHR.abort( "timeout" ); + }, s.timeout ); + } + + try { + completed = false; + transport.send( requestHeaders, done ); + } catch ( e ) { + + // Rethrow post-completion exceptions + if ( completed ) { + throw e; + } + + // Propagate others as results + done( -1, e ); + } + } + + // Callback for when everything is done + function done( status, nativeStatusText, responses, headers ) { + var isSuccess, success, error, response, modified, + statusText = nativeStatusText; + + // Ignore repeat invocations + if ( completed ) { + return; + } + + completed = true; + + // Clear timeout if it exists + if ( timeoutTimer ) { + window.clearTimeout( timeoutTimer ); + } + + // Dereference transport for early garbage collection + // (no matter how long the jqXHR object will be used) + transport = undefined; + + // Cache response headers + responseHeadersString = headers || ""; + + // Set readyState + jqXHR.readyState = status > 0 ? 4 : 0; + + // Determine if successful + isSuccess = status >= 200 && status < 300 || status === 304; + + // Get response data + if ( responses ) { + response = ajaxHandleResponses( s, jqXHR, responses ); + } + + // Convert no matter what (that way responseXXX fields are always set) + response = ajaxConvert( s, response, jqXHR, isSuccess ); + + // If successful, handle type chaining + if ( isSuccess ) { + + // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. + if ( s.ifModified ) { + modified = jqXHR.getResponseHeader( "Last-Modified" ); + if ( modified ) { + jQuery.lastModified[ cacheURL ] = modified; + } + modified = jqXHR.getResponseHeader( "etag" ); + if ( modified ) { + jQuery.etag[ cacheURL ] = modified; + } + } + + // if no content + if ( status === 204 || s.type === "HEAD" ) { + statusText = "nocontent"; + + // if not modified + } else if ( status === 304 ) { + statusText = "notmodified"; + + // If we have data, let's convert it + } else { + statusText = response.state; + success = response.data; + error = response.error; + isSuccess = !error; + } + } else { + + // Extract error from statusText and normalize for non-aborts + error = statusText; + if ( status || !statusText ) { + statusText = "error"; + if ( status < 0 ) { + status = 0; + } + } + } + + // Set data for the fake xhr object + jqXHR.status = status; + jqXHR.statusText = ( nativeStatusText || statusText ) + ""; + + // Success/Error + if ( isSuccess ) { + deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] ); + } else { + deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] ); + } + + // Status-dependent callbacks + jqXHR.statusCode( statusCode ); + statusCode = undefined; + + if ( fireGlobals ) { + globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError", + [ jqXHR, s, isSuccess ? success : error ] ); + } + + // Complete + completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] ); + + if ( fireGlobals ) { + globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] ); + + // Handle the global AJAX counter + if ( !( --jQuery.active ) ) { + jQuery.event.trigger( "ajaxStop" ); + } + } + } + + return jqXHR; + }, + + getJSON: function( url, data, callback ) { + return jQuery.get( url, data, callback, "json" ); + }, + + getScript: function( url, callback ) { + return jQuery.get( url, undefined, callback, "script" ); + } + } ); + + jQuery.each( [ "get", "post" ], function( i, method ) { + jQuery[ method ] = function( url, data, callback, type ) { + + // Shift arguments if data argument was omitted + if ( isFunction( data ) ) { + type = type || callback; + callback = data; + data = undefined; + } + + // The url can be an options object (which then must have .url) + return jQuery.ajax( jQuery.extend( { + url: url, + type: method, + dataType: type, + data: data, + success: callback + }, jQuery.isPlainObject( url ) && url ) ); + }; + } ); + + + jQuery._evalUrl = function( url ) { + return jQuery.ajax( { + url: url, + + // Make this explicit, since user can override this through ajaxSetup (#11264) + type: "GET", + dataType: "script", + cache: true, + async: false, + global: false, + "throws": true + } ); + }; + + + jQuery.fn.extend( { + wrapAll: function( html ) { + var wrap; + + if ( this[ 0 ] ) { + if ( isFunction( html ) ) { + html = html.call( this[ 0 ] ); + } + + // The elements to wrap the target around + wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true ); + + if ( this[ 0 ].parentNode ) { + wrap.insertBefore( this[ 0 ] ); + } + + wrap.map( function() { + var elem = this; + + while ( elem.firstElementChild ) { + elem = elem.firstElementChild; + } + + return elem; + } ).append( this ); + } + + return this; + }, + + wrapInner: function( html ) { + if ( isFunction( html ) ) { + return this.each( function( i ) { + jQuery( this ).wrapInner( html.call( this, i ) ); + } ); + } + + return this.each( function() { + var self = jQuery( this ), + contents = self.contents(); + + if ( contents.length ) { + contents.wrapAll( html ); + + } else { + self.append( html ); + } + } ); + }, + + wrap: function( html ) { + var htmlIsFunction = isFunction( html ); + + return this.each( function( i ) { + jQuery( this ).wrapAll( htmlIsFunction ? html.call( this, i ) : html ); + } ); + }, + + unwrap: function( selector ) { + this.parent( selector ).not( "body" ).each( function() { + jQuery( this ).replaceWith( this.childNodes ); + } ); + return this; + } + } ); + + + jQuery.expr.pseudos.hidden = function( elem ) { + return !jQuery.expr.pseudos.visible( elem ); + }; + jQuery.expr.pseudos.visible = function( elem ) { + return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); + }; + + + + + jQuery.ajaxSettings.xhr = function() { + try { + return new window.XMLHttpRequest(); + } catch ( e ) {} + }; + + var xhrSuccessStatus = { + + // File protocol always yields status code 0, assume 200 + 0: 200, + + // Support: IE <=9 only + // #1450: sometimes IE returns 1223 when it should be 204 + 1223: 204 + }, + xhrSupported = jQuery.ajaxSettings.xhr(); + + support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported ); + support.ajax = xhrSupported = !!xhrSupported; + + jQuery.ajaxTransport( function( options ) { + var callback, errorCallback; + + // Cross domain only allowed if supported through XMLHttpRequest + if ( support.cors || xhrSupported && !options.crossDomain ) { + return { + send: function( headers, complete ) { + var i, + xhr = options.xhr(); + + xhr.open( + options.type, + options.url, + options.async, + options.username, + options.password + ); + + // Apply custom fields if provided + if ( options.xhrFields ) { + for ( i in options.xhrFields ) { + xhr[ i ] = options.xhrFields[ i ]; + } + } + + // Override mime type if needed + if ( options.mimeType && xhr.overrideMimeType ) { + xhr.overrideMimeType( options.mimeType ); + } + + // X-Requested-With header + // For cross-domain requests, seeing as conditions for a preflight are + // akin to a jigsaw puzzle, we simply never set it to be sure. + // (it can always be set on a per-request basis or even using ajaxSetup) + // For same-domain requests, won't change header if already provided. + if ( !options.crossDomain && !headers[ "X-Requested-With" ] ) { + headers[ "X-Requested-With" ] = "XMLHttpRequest"; + } + + // Set headers + for ( i in headers ) { + xhr.setRequestHeader( i, headers[ i ] ); + } + + // Callback + callback = function( type ) { + return function() { + if ( callback ) { + callback = errorCallback = xhr.onload = + xhr.onerror = xhr.onabort = xhr.ontimeout = + xhr.onreadystatechange = null; + + if ( type === "abort" ) { + xhr.abort(); + } else if ( type === "error" ) { + + // Support: IE <=9 only + // On a manual native abort, IE9 throws + // errors on any property access that is not readyState + if ( typeof xhr.status !== "number" ) { + complete( 0, "error" ); + } else { + complete( + + // File: protocol always yields status 0; see #8605, #14207 + xhr.status, + xhr.statusText + ); + } + } else { + complete( + xhrSuccessStatus[ xhr.status ] || xhr.status, + xhr.statusText, + + // Support: IE <=9 only + // IE9 has no XHR2 but throws on binary (trac-11426) + // For XHR2 non-text, let the caller handle it (gh-2498) + ( xhr.responseType || "text" ) !== "text" || + typeof xhr.responseText !== "string" ? + { binary: xhr.response } : + { text: xhr.responseText }, + xhr.getAllResponseHeaders() + ); + } + } + }; + }; + + // Listen to events + xhr.onload = callback(); + errorCallback = xhr.onerror = xhr.ontimeout = callback( "error" ); + + // Support: IE 9 only + // Use onreadystatechange to replace onabort + // to handle uncaught aborts + if ( xhr.onabort !== undefined ) { + xhr.onabort = errorCallback; + } else { + xhr.onreadystatechange = function() { + + // Check readyState before timeout as it changes + if ( xhr.readyState === 4 ) { + + // Allow onerror to be called first, + // but that will not handle a native abort + // Also, save errorCallback to a variable + // as xhr.onerror cannot be accessed + window.setTimeout( function() { + if ( callback ) { + errorCallback(); + } + } ); + } + }; + } + + // Create the abort callback + callback = callback( "abort" ); + + try { + + // Do send the request (this may raise an exception) + xhr.send( options.hasContent && options.data || null ); + } catch ( e ) { + + // #14683: Only rethrow if this hasn't been notified as an error yet + if ( callback ) { + throw e; + } + } + }, + + abort: function() { + if ( callback ) { + callback(); + } + } + }; + } + } ); + + + + + // Prevent auto-execution of scripts when no explicit dataType was provided (See gh-2432) + jQuery.ajaxPrefilter( function( s ) { + if ( s.crossDomain ) { + s.contents.script = false; + } + } ); + + // Install script dataType + jQuery.ajaxSetup( { + accepts: { + script: "text/javascript, application/javascript, " + + "application/ecmascript, application/x-ecmascript" + }, + contents: { + script: /\b(?:java|ecma)script\b/ + }, + converters: { + "text script": function( text ) { + jQuery.globalEval( text ); + return text; + } + } + } ); + + // Handle cache's special case and crossDomain + jQuery.ajaxPrefilter( "script", function( s ) { + if ( s.cache === undefined ) { + s.cache = false; + } + if ( s.crossDomain ) { + s.type = "GET"; + } + } ); + + // Bind script tag hack transport + jQuery.ajaxTransport( "script", function( s ) { + + // This transport only deals with cross domain requests + if ( s.crossDomain ) { + var script, callback; + return { + send: function( _, complete ) { + script = jQuery( "