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 Go HomeWork RelatedPick-up or Drop-off SomeoneBuy SomethingEducationSocial (eg. dine out, visit someone)Recreational (eg. exercise)Personal BusinessAccompany SomeonePick-up or Deliver SomethingChange ModeOther PurposeTrip not validA 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 Vehicle driverVehicle passengerWalkBusTrainFerryTramTaxi and ride-sharing (e.g. Uber)BicycleMotorcycleOtherThis field is required\n Total people in trip party*Including yourself\n Just me2 Travelers3 Travelers4 Travelers5 Travelers6 Travelers7 Travelers8+ TravelersThis field is required\n Non-household member(s) on trip*\n Nobody (0 people)1 person2 people3 people4 people5 or more peopleThis field is required\n Vehicle trip: Parking location*\n Own driveway/garageSomeone else's drivewayParking lot/garageOn street parkingPark & ride lotDidn't park (waited, drop-off, drive-thru)OtherThis field is required\n Parking cost ($AUD)*(If none, put 0 )This field is required\n Total toll charges paid during the trip? ($AUD)*(If none, put 0)This field is required\n Transit fees ($AUD)*Only for yourselfThis field is required\n Taxi fees ($AUD)*This field is required\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 Go HomeWork RelatedPick-up or Drop-off SomeoneBuy SomethingEducationSocial (eg. dine out, visit someone)Recreational (eg. exercise)Personal BusinessAccompany SomeonePick-up or Deliver SomethingChange ModeOther PurposeTrip not validThis field is required\n What is your main mode of travel for this trip?*Choose one that covers the longest distance\n Vehicle driverVehicle passengerWalkBusTrainFerryTramTaxi and ride-sharing (e.g. Uber)BicycleMotorcycleOtherThis field is required\n Total people in trip party*Including yourself\n Just me2 Travelers3 Travelers4 Travelers5 Travelers6 Travelers7 Travelers8+ TravelersThis field is required\n Non-household member(s) on trip*\n Nobody (0 people)1 person2 people3 people4 people5 or more peopleThis field is required\n Vehicle trip: Parking location*\n Own driveway/garageSomeone else's drivewayParking lot/garageOn street parkingPark & ride lotDidn't park (waited, drop-off, drive-thru)OtherThis field is required\n Parking cost ($AUD)*(If none, put 0 )This field is required\n Total toll charges paid during the trip? ($AUD)*(If none, put 0)This field is required\n Transit fees ($AUD)*Only for yourselfThis field is required\n Taxi fees ($AUD)*This field is required\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 = "x"; + 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 = /